@simplybusiness/mobius 4.4.4 → 4.4.6

package/dist/cjs/src/components/Table/HeaderCell.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HeaderCell", {
+    enumerable: true,
+    get: function() {
+        return HeaderCell;
+    }
+});
+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 HeaderCell = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const classes = (0, _dedupe.default)("mobius", "mobius/TableHeadCell", props.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
+        ...props,
+        ref: ref,
+        className: classes
+    });
+});
+HeaderCell.displayName = "Table.HeaderCell";
+
+//# sourceMappingURL=HeaderCell.js.map

package/dist/cjs/src/components/Table/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/HeaderCell.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  rowSpan?: number;\n}\n\nexport type HeaderCellRef = Ref<HTMLTableCellElement>;\n\nconst HeaderCell: ForwardedRefComponent<HeaderCellProps, HTMLTableCellElement> =\n  forwardRef((props: HeaderCellProps, ref: HeaderCellRef) => {\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/TableHeadCell\",\n      props.className,\n    );\n\n    return <th {...props} ref={ref} className={classes} />;\n  });\n\nHeaderCell.displayName = \"Table.HeaderCell\";\nexport { HeaderCell };\n"],"names":["HeaderCell","forwardRef","props","ref","classes","classNames","className","th","displayName"],"mappings":";;;;+BAyBSA;;;eAAAA;;;;uBAzBiD;+DACnC;;;;;;AAYvB,MAAMA,2BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAwBC;IAClC,MAAMC,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACAH,MAAMI,SAAS;IAGjB,qBAAO,qBAACC;QAAI,GAAGL,KAAK;QAAEC,KAAKA;QAAKG,WAAWF;;AAC7C;AAEFJ,WAAWQ,WAAW,GAAG"}

package/dist/cjs/src/components/Table/Row.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Row", {
+    enumerable: true,
+    get: function() {
+        return Row;
+    }
+});
+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 Row = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const classes = (0, _dedupe.default)("mobius", "mobius/TableRow", props.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+        ref: ref,
+        ...props,
+        className: classes
+    });
+});
+Row.displayName = "Table.Row";
+
+//# sourceMappingURL=Row.js.map

package/dist/cjs/src/components/Table/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/Row.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row: ForwardedRefComponent<RowProps, HTMLTableRowElement> = forwardRef(\n  (props: RowProps, ref: RowRef) => {\n    const classes = classNames(\"mobius\", \"mobius/TableRow\", props.className);\n\n    return <tr ref={ref} {...props} className={classes} />;\n  },\n);\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n"],"names":["Row","forwardRef","props","ref","classes","classNames","className","tr","displayName"],"mappings":";;;;+BAoBSA;;;eAAAA;;;;uBApBiD;+DACnC;;;;;;AAUvB,MAAMA,oBAA4DC,IAAAA,iBAAU,EAC1E,CAACC,OAAiBC;IAChB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBH,MAAMI,SAAS;IAEvE,qBAAO,qBAACC;QAAGJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAC7C;AAGFJ,IAAIQ,WAAW,GAAG"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Table", {
+    enumerable: true,
+    get: function() {
+        return Table;
+    }
+});
+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 Table = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const classes = (0, _dedupe.default)("mobius", "mobius/Table", props.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("table", {
+        ref: ref,
+        ...props,
+        className: classes
+    });
+});
+Table.displayName = "Table";
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TableElementType = HTMLTableElement;\n\nexport interface TableProps extends DOMProps, RefAttributes<TableElementType> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type TableRef = Ref<TableElementType>;\n\nconst Table: ForwardedRefComponent<TableProps, TableElementType> = forwardRef(\n  (props: TableProps, ref: TableRef) => {\n    const classes = classNames(\"mobius\", \"mobius/Table\", props.className);\n\n    return <table ref={ref} {...props} className={classes} />;\n  },\n);\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","forwardRef","props","ref","classes","classNames","className","table","displayName"],"mappings":";;;;+BAuBSA;;;eAAAA;;;;uBAvBiD;+DACnC;;;;;;AAavB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBH,MAAMI,SAAS;IAEpE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAGFJ,MAAMQ,WAAW,GAAG"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Table", {
+    enumerable: true,
+    get: function() {
+        return Table;
+    }
+});
+const _Table = require("./Table");
+const _Head = require("./Head");
+const _Body = require("./Body");
+const _Foot = require("./Foot");
+const _Row = require("./Row");
+const _HeaderCell = require("./HeaderCell");
+const _Cell = require("./Cell");
+const Table = Object.assign(_Table.Table, {
+    Head: _Head.Head,
+    Body: _Body.Body,
+    Foot: _Foot.Foot,
+    Row: _Row.Row,
+    HeaderCell: _HeaderCell.HeaderCell,
+    Cell: _Cell.Cell
+});
+Table.displayName = "Table";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport { Table as TableComponent, TableProps, TableRef } from \"./Table\";\nimport { Head } from \"./Head\";\nimport { Body } from \"./Body\";\nimport { Foot } from \"./Foot\";\nimport { Row } from \"./Row\";\nimport { HeaderCell } from \"./HeaderCell\";\nimport { Cell } from \"./Cell\";\n\nimport type { TableElementType } from \"./Table\";\nimport type {\n  HeadProps as TableHeadProps,\n  HeadRef as TableHeadRef,\n} from \"./Head\";\nimport type {\n  BodyProps as TableBodyProps,\n  BodyRef as TableBodyRef,\n} from \"./Body\";\nimport type {\n  FootProps as TableFootProps,\n  FootRef as TableFootRef,\n} from \"./Foot\";\nimport type { RowProps as TableRowProps, RowRef as TableRowRef } from \"./Row\";\nimport type {\n  HeaderCellProps as TableHeaderCellProps,\n  HeaderCellRef as TableHeaderCellRef,\n} from \"./HeaderCell\";\nimport type {\n  CellProps as TableCellProps,\n  CellRef as TableCellRef,\n} from \"./Cell\";\n\nexport interface TableCompound\n  extends ForwardedRefComponent<TableProps, HTMLTableElement> {\n  Head: ForwardedRefComponent<TableHeadProps, HTMLTableSectionElement>;\n  Body: ForwardedRefComponent<TableBodyProps, HTMLTableSectionElement>;\n  Foot: ForwardedRefComponent<TableFootProps, HTMLTableSectionElement>;\n  Row: ForwardedRefComponent<TableRowProps, HTMLTableRowElement>;\n  HeaderCell: ForwardedRefComponent<TableHeaderCellProps, HTMLTableCellElement>;\n  Cell: ForwardedRefComponent<TableCellProps, HTMLTableCellElement>;\n}\n\nconst Table: TableCompound = Object.assign(TableComponent, {\n  Head,\n  Body,\n  Foot,\n  Row,\n  HeaderCell,\n  Cell,\n});\n\nexport type {\n  TableElementType,\n  TableProps,\n  TableRef,\n  TableHeadProps,\n  TableHeadRef,\n  TableBodyProps,\n  TableBodyRef,\n  TableFootProps,\n  TableFootRef,\n  TableRowProps,\n  TableRowRef,\n  TableHeaderCellProps,\n  TableHeaderCellRef,\n  TableCellProps,\n  TableCellRef,\n};\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","Object","assign","TableComponent","Head","Body","Foot","Row","HeaderCell","Cell","displayName"],"mappings":";;;;+BAsESA;;;eAAAA;;;uBArEqD;sBACzC;sBACA;sBACA;qBACD;4BACO;sBACN;AAmCrB,MAAMA,QAAuBC,OAAOC,MAAM,CAACC,YAAc,EAAE;IACzDC,MAAAA,UAAI;IACJC,MAAAA,UAAI;IACJC,MAAAA,UAAI;IACJC,KAAAA,QAAG;IACHC,YAAAA,sBAAU;IACVC,MAAAA,UAAI;AACN;AAoBAT,MAAMU,WAAW,GAAG"}

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Text", {
+    enumerable: true,
+    get: function() {
+        return Text;
+    }
+});
+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 getElementType = (variant, elementType)=>{
+    if (variant) {
+        return [
+            "h1",
+            "h2",
+            "h3",
+            "h4"
+        ].includes(variant) ? variant : "p";
+    }
+    return elementType || "p";
+};
+const Text = /*#__PURE__*/ (0, _react.forwardRef)(({ elementType: Component = "p", ...props }, ref)=>{
+    // Remove non-DOM props from element
+    const { variant, className, spacing, ...otherProps } = props;
+    // If a variant is supplied, set the class name and element type
+    const elementType = getElementType(variant, Component);
+    const variantType = variant || elementType;
+    const lineHeight = spacing ? `line-height-${spacing}` : "";
+    const classes = (0, _dedupe.default)("mobius", "mobius/Text", variantType, lineHeight, className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
+});
+Text.displayName = "Text";
+
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Text/Text.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 TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport type TextRef = Ref<TextElementType>;\n\nconst getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n) => {\n  if (variant) {\n    return [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant) ? variant : \"p\";\n  }\n  return elementType || \"p\";\n};\n\nconst Text: ForwardedRefComponent<TextProps, TextElementType> = forwardRef(\n  ({ elementType: Component = \"p\", ...props }: TextProps, ref: TextRef) => {\n    // Remove non-DOM props from element\n    const { variant, className, spacing, ...otherProps } = props;\n\n    // If a variant is supplied, set the class name and element type\n    const elementType = getElementType(variant, Component);\n    const variantType = variant || elementType;\n    const lineHeight = spacing ? `line-height-${spacing}` : \"\";\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Text\",\n      variantType,\n      lineHeight,\n      className,\n    );\n\n    return <Component ref={ref} {...otherProps} className={classes} />;\n  },\n);\n\nText.displayName = \"Text\";\nexport { Text };\n"],"names":["Text","getElementType","variant","elementType","includes","forwardRef","Component","props","ref","className","spacing","otherProps","variantType","lineHeight","classes","classNames","displayName"],"mappings":";;;;+BA8DSA;;;eAAAA;;;;uBA9DiD;+DACnC;;;;;;AA6BvB,MAAMC,iBAAiB,CACrBC,SACAC;IAEA,IAAID,SAAS;QACX,OAAO;YAAC;YAAM;YAAM;YAAM;SAAK,CAACE,QAAQ,CAACF,WAAWA,UAAU;IAChE;IACA,OAAOC,eAAe;AACxB;AAEA,MAAMH,qBAA0DK,IAAAA,iBAAU,EACxE,CAAC,EAAEF,aAAaG,YAAY,GAAG,EAAE,GAAGC,OAAkB,EAAEC;IACtD,oCAAoC;IACpC,MAAM,EAAEN,OAAO,EAAEO,SAAS,EAAEC,OAAO,EAAE,GAAGC,YAAY,GAAGJ;IAEvD,gEAAgE;IAChE,MAAMJ,cAAcF,eAAeC,SAASI;IAC5C,MAAMM,cAAcV,WAAWC;IAC/B,MAAMU,aAAaH,UAAU,CAAC,YAAY,EAAEA,QAAQ,CAAC,GAAG;IACxD,MAAMI,UAAUC,IAAAA,eAAU,EACxB,UACA,eACAH,aACAC,YACAJ;IAGF,qBAAO,qBAACH;QAAUE,KAAKA;QAAM,GAAGG,UAAU;QAAEF,WAAWK;;AACzD;AAGFd,KAAKgB,WAAW,GAAG"}

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

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

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

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

@@ -0,0 +1,65 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TextArea", {
+    enumerable: true,
+    get: function() {
+        return TextArea;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _TextAreaInput = require("../TextAreaInput");
+const _Label = require("../Label");
+const _Flex = require("../Flex");
+const _ErrorMessage = require("../ErrorMessage");
+const _hooks = require("../../hooks");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const TextArea = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { isDisabled, className, errorMessage, label, validationState, ...otherProps } = props;
+    const { inputProps, labelProps, errorMessageProps } = (0, _hooks.useTextField)(props);
+    // Set class name for atom, including interaction state
+    const classes = (0, _dedupe.default)("mobius", "mobius/TextArea", className);
+    const inputClasses = (0, _dedupe.default)("mobius/TextAreaInput", {
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid"
+    });
+    const labelClasses = (0, _dedupe.default)({
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
+        flexDirection: "column",
+        className: classes,
+        children: [
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: props.label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextAreaInput.TextAreaInput, {
+                ...otherProps,
+                ...inputProps,
+                ref: ref,
+                className: inputClasses,
+                isDisabled: isDisabled,
+                "aria-invalid": errorMessage != null
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                ...errorMessageProps,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+TextArea.displayName = "TextArea";
+
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { TextAreaInput } from \"../TextAreaInput\";\nimport { Label } from \"../Label\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n  extends UseTextFieldProps,\n    DOMProps,\n    RefAttributes<TextAreaElementType> {\n  className?: string;\n  errorMessage?: string;\n  validationState?: \"valid\" | \"invalid\";\n}\n\nexport type TextAreaRef = Ref<TextAreaElementType>;\n\nconst TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType> =\n  forwardRef((props: TextAreaProps, ref: TextAreaRef) => {\n    const {\n      isDisabled,\n      className,\n      errorMessage,\n      label,\n      validationState,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField(props);\n\n    // Set class name for atom, including interaction state\n    const classes = classNames(\"mobius\", \"mobius/TextArea\", className);\n    const inputClasses = classNames(\"mobius/TextAreaInput\", {\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n    });\n    const labelClasses = classNames({\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-disabled\": isDisabled,\n    });\n\n    return (\n      <Flex flexDirection=\"column\" className={classes}>\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {props.label}\n          </Label>\n        )}\n        <TextAreaInput\n          {...otherProps}\n          {...inputProps}\n          ref={ref}\n          className={inputClasses}\n          isDisabled={isDisabled}\n          aria-invalid={errorMessage != null}\n        />\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </Flex>\n    );\n  });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["TextArea","forwardRef","props","ref","isDisabled","className","errorMessage","label","validationState","otherProps","inputProps","labelProps","errorMessageProps","useTextField","classes","classNames","inputClasses","labelClasses","Flex","flexDirection","Label","TextAreaInput","aria-invalid","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAuESA;;;eAAAA;;;;uBArEsC;+DACxB;+BAEO;uBACR;sBAED;8BACQ;uBACmB;;;;;;AAehD,MAAMA,yBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACf,GAAGC,YACJ,GAAGP;IAEJ,MAAM,EAAEQ,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAACX;IAEnE,uDAAuD;IACvD,MAAMY,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBV;IACxD,MAAMW,eAAeD,IAAAA,eAAU,EAAC,wBAAwB;QACtD,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IACA,MAAMS,eAAeF,IAAAA,eAAU,EAAC;QAC9B,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBJ;IACnB;IAEA,qBACE,sBAACc,UAAI;QAACC,eAAc;QAASd,WAAWS;;YACrCP,uBACC,qBAACa,YAAK;gBAAE,GAAGT,UAAU;gBAAEN,WAAWY;0BAC/Bf,MAAMK,KAAK;;0BAGhB,qBAACc,4BAAa;gBACX,GAAGZ,UAAU;gBACb,GAAGC,UAAU;gBACdP,KAAKA;gBACLE,WAAWW;gBACXZ,YAAYA;gBACZkB,gBAAchB,gBAAgB;;0BAEhC,qBAACiB,0BAAY;gBAAE,GAAGX,iBAAiB;gBAAEN,cAAcA;;;;AAGzD;AAEFN,SAASwB,WAAW,GAAG"}

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

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TextAreaInput", {
+    enumerable: true,
+    get: function() {
+        return TextAreaInput;
+    }
+});
+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 TextAreaInput = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    // Extract interaction props:
+    const { isSelected, isDisabled, ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/TextAreaInput", {
+        "--is-disabled": isDisabled,
+        "--is-selected": isSelected
+    }, otherProps.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("textarea", {
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
+});
+TextAreaInput.displayName = "TextAreaInput";
+
+//# sourceMappingURL=TextAreaInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextAreaInputElementType = HTMLTextAreaElement;\n\nexport interface InteractionStateProps {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}\n\nexport interface TextAreaInputProps\n  extends DOMProps,\n    InteractionStateProps,\n    RefAttributes<TextAreaInputElementType> {\n  className?: string;\n}\n\nexport type TextAreaInputRef = Ref<TextAreaInputElementType>;\n\nconst TextAreaInput: ForwardedRefComponent<\n  TextAreaInputProps,\n  TextAreaInputElementType\n> = forwardRef((props: TextAreaInputProps, ref: TextAreaInputRef) => {\n  // Extract interaction props:\n  const { isSelected, isDisabled, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/TextAreaInput\",\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": isSelected,\n    },\n    otherProps.className,\n  );\n\n  return <textarea ref={ref} {...otherProps} className={classes} />;\n});\n\nTextAreaInput.displayName = \"TextAreaInput\";\nexport { TextAreaInput };\n"],"names":["TextAreaInput","forwardRef","props","ref","isSelected","isDisabled","otherProps","classes","classNames","className","textarea","displayName"],"mappings":";;;;+BA0CSA;;;eAAAA;;;;uBA1CsC;+DACxB;;;;;;AAoBvB,MAAMA,8BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGJ;IAElD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACA;QACE,iBAAiBH;QACjB,iBAAiBD;IACnB,GACAE,WAAWG,SAAS;IAGtB,qBAAO,qBAACC;QAASP,KAAKA;QAAM,GAAGG,UAAU;QAAEG,WAAWF;;AACxD;AAEAP,cAAcW,WAAW,GAAG"}

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

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

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

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

@@ -0,0 +1,90 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TextField", {
+    enumerable: true,
+    get: function() {
+        return TextField;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _hooks = require("../../hooks");
+const _ErrorMessage = require("../ErrorMessage");
+const _Label = require("../Label");
+const _adornmentWithClassName = require("./adornmentWithClassName");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const TextField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { isDisabled, type = "text", validationState, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside, ...otherProps } = props;
+    const { inputProps, labelProps, errorMessageProps } = (0, _hooks.useTextField)({
+        ...props,
+        "aria-errormessage": errorMessage
+    });
+    const hidden = type === "hidden";
+    const textfieldClasses = {
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+        "--is-hidden": hidden,
+        [className || ""]: true
+    };
+    const labelClasses = (0, _dedupe.default)({
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid"
+    });
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius/TextField", textfieldClasses);
+    const inputClasses = (0, _dedupe.default)("mobius", "mobius/TextInput", textfieldClasses);
+    const inputWrapperClasses = (0, _dedupe.default)("mobius/TextFieldInputWrapper", textfieldClasses);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: containerClasses,
+        children: [
+            label && !hidden && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "mobius/TextFieldInnerContainer",
+                children: [
+                    (0, _adornmentWithClassName.adornmentWithClassName)(prefixOutside, "mobius/TextFieldPrefixOutside"),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: inputWrapperClasses,
+                        children: [
+                            (0, _adornmentWithClassName.adornmentWithClassName)(prefixInside, "mobius/TextFieldPrefixInside"),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                                ...otherProps,
+                                ...inputProps,
+                                ref: ref,
+                                type: type,
+                                className: inputClasses
+                            }),
+                            (0, _adornmentWithClassName.adornmentWithClassName)(suffixInside, "mobius/TextFieldSuffixInside")
+                        ]
+                    }),
+                    (0, _adornmentWithClassName.adornmentWithClassName)(suffixOutside, "mobius/TextFieldSuffixOutside")
+                ]
+            }),
+            children && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "mobius/TextFieldChildren",
+                children: children
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                ...errorMessageProps,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+TextField.displayName = "TextField";
+
+//# sourceMappingURL=TextField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n} from \"react\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n  forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n    const {\n      isDisabled,\n      type = \"text\",\n      validationState,\n      className,\n      label,\n      errorMessage,\n      children,\n      isRequired,\n      prefixInside,\n      prefixOutside,\n      suffixInside,\n      suffixOutside,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField({\n      ...props,\n      \"aria-errormessage\": errorMessage,\n    });\n\n    const hidden = type === \"hidden\";\n\n    const textfieldClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n      \"--is-hidden\": hidden,\n      [className || \"\"]: true,\n    };\n\n    const labelClasses = classNames({\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n    });\n\n    const containerClasses = classNames(\n      \"mobius\",\n      \"mobius/TextField\",\n      textfieldClasses,\n    );\n\n    const inputClasses = classNames(\n      \"mobius\",\n      \"mobius/TextInput\",\n      textfieldClasses,\n    );\n\n    const inputWrapperClasses = classNames(\n      \"mobius/TextFieldInputWrapper\",\n      textfieldClasses,\n    );\n\n    return (\n      <div className={containerClasses}>\n        {label && !hidden && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius/TextFieldInnerContainer\">\n          {adornmentWithClassName(\n            prefixOutside,\n            \"mobius/TextFieldPrefixOutside\",\n          )}\n          <div className={inputWrapperClasses}>\n            {adornmentWithClassName(\n              prefixInside,\n              \"mobius/TextFieldPrefixInside\",\n            )}\n            <input\n              {...otherProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              className={inputClasses}\n            />\n            {adornmentWithClassName(\n              suffixInside,\n              \"mobius/TextFieldSuffixInside\",\n            )}\n          </div>\n          {adornmentWithClassName(\n            suffixOutside,\n            \"mobius/TextFieldSuffixOutside\",\n          )}\n        </div>\n        {children && <div className=\"mobius/TextFieldChildren\">{children}</div>}\n\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </div>\n    );\n  });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["TextField","forwardRef","props","ref","isDisabled","type","validationState","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","textfieldClasses","labelClasses","classNames","containerClasses","inputClasses","inputWrapperClasses","div","Label","adornmentWithClassName","input","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAwJSA;;;eAAAA;;;;+DAtJc;uBAQhB;uBACyC;8BAGnB;uBACP;wCACiB;;;;;;AAoCvC,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGd;IAEJ,MAAM,EAAEe,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAAC;QACjE,GAAGlB,KAAK;QACR,qBAAqBO;IACvB;IAEA,MAAMY,SAAShB,SAAS;IAExB,MAAMiB,mBAAmB;QACvB,iBAAiBlB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOK,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeU;QACf,CAACd,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMgB,eAAeC,IAAAA,eAAU,EAAC;QAC9B,iBAAiBpB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IAEA,MAAMmB,mBAAmBD,IAAAA,eAAU,EACjC,UACA,oBACAF;IAGF,MAAMI,eAAeF,IAAAA,eAAU,EAC7B,UACA,oBACAF;IAGF,MAAMK,sBAAsBH,IAAAA,eAAU,EACpC,gCACAF;IAGF,qBACE,sBAACM;QAAIrB,WAAWkB;;YACbjB,SAAS,CAACa,wBACT,qBAACQ,YAAK;gBAAE,GAAGX,UAAU;gBAAEX,WAAWgB;0BAC/Bf;;0BAGL,sBAACoB;gBAAIrB,WAAU;;oBACZuB,IAAAA,8CAAsB,EACrBjB,eACA;kCAEF,sBAACe;wBAAIrB,WAAWoB;;4BACbG,IAAAA,8CAAsB,EACrBlB,cACA;0CAEF,qBAACmB;gCACE,GAAGf,UAAU;gCACb,GAAGC,UAAU;gCACdd,KAAKA;gCACLE,MAAMA;gCACNE,WAAWmB;;4BAEZI,IAAAA,8CAAsB,EACrBhB,cACA;;;oBAGHgB,IAAAA,8CAAsB,EACrBf,eACA;;;YAGHL,0BAAY,qBAACkB;gBAAIrB,WAAU;0BAA4BG;;0BAExD,qBAACsB,0BAAY;gBAAE,GAAGb,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFT,UAAUiC,WAAW,GAAG"}

package/dist/cjs/src/components/TextField/adornmentWithClassName.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "adornmentWithClassName", {
+    enumerable: true,
+    get: function() {
+        return adornmentWithClassName;
+    }
+});
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = require("react");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const adornmentWithClassName = (component, className)=>{
+    if (!component) return null;
+    return (0, _react.cloneElement)(component, {
+        className: (0, _classnames.default)(component.props.className, className)
+    });
+};
+
+//# sourceMappingURL=adornmentWithClassName.js.map

package/dist/cjs/src/components/TextField/adornmentWithClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/TextField/adornmentWithClassName.ts"],"sourcesContent":["import classNames from \"classnames\";\nimport { ReactElement, cloneElement } from \"react\";\n\nexport const adornmentWithClassName = (\n  component?: ReactElement,\n  className?: string,\n) => {\n  if (!component) return null;\n\n  return cloneElement(component, {\n    className: classNames(component.props.className, className),\n  });\n};\n"],"names":["adornmentWithClassName","component","className","cloneElement","classNames","props"],"mappings":";;;;+BAGaA;;;eAAAA;;;mEAHU;uBACoB;;;;;;AAEpC,MAAMA,yBAAyB,CACpCC,WACAC;IAEA,IAAI,CAACD,WAAW,OAAO;IAEvB,OAAOE,IAAAA,mBAAY,EAACF,WAAW;QAC7BC,WAAWE,IAAAA,mBAAU,EAACH,UAAUI,KAAK,CAACH,SAAS,EAAEA;IACnD;AACF"}

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

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Title", {
+    enumerable: true,
+    get: function() {
+        return Title;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _Flex = require("../Flex");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Title = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "div", title, description, ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Title", otherProps.className);
+    const headerClasses = (0, _dedupe.default)("mobius", "mobius/TitleHeader");
+    const contentClasses = (0, _dedupe.default)("mobius", "mobius/TitleDescription");
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius/TitleContainer");
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
+        ref: ref,
+        ...otherProps,
+        className: classes,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
+            flexDirection: "column",
+            className: containerClasses,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    className: headerClasses,
+                    children: title
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    className: contentClasses,
+                    children: description
+                })
+            ]
+        })
+    });
+});
+Title.displayName = "Title";
+
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Title/Title.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type TitleElementType = HTMLDivElement;\n\nexport interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  title: string;\n  description: string;\n}\n\nexport type TitleRef = Ref<TitleElementType>;\n\nconst Title: ForwardedRefComponent<TitleProps, TitleElementType> = forwardRef(\n  (props: TitleProps, ref: TitleRef) => {\n    const {\n      elementType: Element = \"div\",\n      title,\n      description,\n      ...otherProps\n    } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Title\", otherProps.className);\n    const headerClasses = classNames(\"mobius\", \"mobius/TitleHeader\");\n    const contentClasses = classNames(\"mobius\", \"mobius/TitleDescription\");\n    const containerClasses = classNames(\"mobius\", \"mobius/TitleContainer\");\n\n    return (\n      <Element ref={ref} {...otherProps} className={classes}>\n        <Flex flexDirection=\"column\" className={containerClasses}>\n          <p className={headerClasses}>{title}</p>\n          <p className={contentClasses}>{description}</p>\n        </Flex>\n      </Element>\n    );\n  },\n);\n\nTitle.displayName = \"Title\";\nexport { Title };\n"],"names":["Title","forwardRef","props","ref","elementType","Element","title","description","otherProps","classes","classNames","className","headerClasses","contentClasses","containerClasses","Flex","flexDirection","p","displayName"],"mappings":";;;;+BA6CSA;;;eAAAA;;;;uBA7CiD;+DACnC;sBAGF;;;;;;AAerB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,KAAK,EACLC,WAAW,EACX,GAAGC,YACJ,GAAGN;IAEJ,MAAMO,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBF,WAAWG,SAAS;IACzE,MAAMC,gBAAgBF,IAAAA,eAAU,EAAC,UAAU;IAC3C,MAAMG,iBAAiBH,IAAAA,eAAU,EAAC,UAAU;IAC5C,MAAMI,mBAAmBJ,IAAAA,eAAU,EAAC,UAAU;IAE9C,qBACE,qBAACL;QAAQF,KAAKA;QAAM,GAAGK,UAAU;QAAEG,WAAWF;kBAC5C,cAAA,sBAACM,UAAI;YAACC,eAAc;YAASL,WAAWG;;8BACtC,qBAACG;oBAAEN,WAAWC;8BAAgBN;;8BAC9B,qBAACW;oBAAEN,WAAWE;8BAAiBN;;;;;AAIvC;AAGFP,MAAMkB,WAAW,GAAG"}

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

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

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