@simplybusiness/mobius 4.2.7 → 4.3.0

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

@@ -1,18 +1,20 @@
 "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("./TextArea"), exports);
+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/components/TextArea/index.js.map

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

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

@@ -1,32 +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.TextAreaInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const TextAreaInput = (0, react_1.forwardRef)((props, ref) => {
+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 } = props, otherProps = __rest(props, ["isSelected", "isDisabled"]);
-    const classes = (0, dedupe_1.default)("mobius", "mobius/TextAreaInput", {
+    const { isSelected, isDisabled, ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/TextAreaInput", {
         "--is-disabled": isDisabled,
-        "--is-selected": isSelected,
+        "--is-selected": isSelected
     }, otherProps.className);
-    return (0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: ref }, otherProps, { className: classes }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("textarea", {
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
 });
-exports.TextAreaInput = TextAreaInput;
 TextAreaInput.displayName = "TextAreaInput";
+
 //# sourceMappingURL=TextAreaInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextAreaInput.js","sourceRoot":"","sources":["../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAuD;AACvD,+DAA2C;AAoB3C,MAAM,aAAa,GAGf,IAAA,kBAAU,EAAC,CAAC,KAAyB,EAAE,GAAqB,EAAE,EAAE;IAClE,6BAA6B;IAC7B,MAAM,EAAE,UAAU,EAAE,UAAU,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAjD,4BAAyC,CAAQ,CAAC;IAExD,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,sBAAsB,EACtB;QACE,eAAe,EAAE,UAAU;QAC3B,eAAe,EAAE,UAAU;KAC5B,EACD,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,mDAAU,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACpE,CAAC,CAAC,CAAC;AAGM,sCAAa;AADtB,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"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/components/TextAreaInput/index.js

@@ -1,18 +1,20 @@
 "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("./TextAreaInput"), exports);
+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/components/TextAreaInput/index.js.map

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

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

@@ -1,31 +1,32 @@
-"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.TextField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const react_1 = require("react");
-const hooks_1 = require("../../hooks");
-const ErrorMessage_1 = require("../ErrorMessage");
-const Label_1 = require("../Label");
-const adornmentWithClassName_1 = require("./adornmentWithClassName");
-const TextField = (0, react_1.forwardRef)((props, ref) => {
-    const { isDisabled, type = "text", validationState, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside } = props, otherProps = __rest(props, ["isDisabled", "type", "validationState", "className", "label", "errorMessage", "children", "isRequired", "prefixInside", "prefixOutside", "suffixInside", "suffixOutside"]);
-    const { inputProps, labelProps, errorMessageProps } = (0, hooks_1.useTextField)(Object.assign(Object.assign({}, props), { "aria-errormessage": errorMessage }));
+"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,
@@ -34,18 +35,56 @@ const TextField = (0, react_1.forwardRef)((props, ref) => {
         "--is-required": typeof isRequired === "boolean" && isRequired,
         "--is-optional": typeof isRequired === "boolean" && !isRequired,
         "--is-hidden": hidden,
-        [className || ""]: true,
+        [className || ""]: true
     };
-    const labelClasses = (0, dedupe_1.default)({
+    const labelClasses = (0, _dedupe.default)({
         "--is-disabled": isDisabled,
         "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid",
+        "--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
+            })
+        ]
     });
-    const containerClasses = (0, dedupe_1.default)("mobius", "mobius/TextField", textfieldClasses);
-    const inputClasses = (0, dedupe_1.default)("mobius", "mobius/TextInput", textfieldClasses);
-    const inputWrapperClasses = (0, dedupe_1.default)("mobius/TextFieldInputWrapper", textfieldClasses);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: containerClasses, children: [label && !hidden && ((0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { className: labelClasses, children: label }))), (0, jsx_runtime_1.jsxs)("div", { className: "mobius/TextFieldInnerContainer", children: [(0, adornmentWithClassName_1.adornmentWithClassName)(prefixOutside, "mobius/TextFieldPrefixOutside"), (0, jsx_runtime_1.jsxs)("div", { className: inputWrapperClasses, children: [(0, adornmentWithClassName_1.adornmentWithClassName)(prefixInside, "mobius/TextFieldPrefixInside"), (0, jsx_runtime_1.jsx)("input", Object.assign({}, otherProps, inputProps, { ref: ref, type: type, className: inputClasses })), (0, adornmentWithClassName_1.adornmentWithClassName)(suffixInside, "mobius/TextFieldSuffixInside")] }), (0, adornmentWithClassName_1.adornmentWithClassName)(suffixOutside, "mobius/TextFieldSuffixOutside")] }), children && (0, jsx_runtime_1.jsx)("div", { className: "mobius/TextFieldChildren", children: children }), (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, Object.assign({}, errorMessageProps, { errorMessage: errorMessage }))] }));
 });
-exports.TextField = TextField;
 TextField.displayName = "TextField";
+
 //# sourceMappingURL=TextField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,+DAA2C;AAC3C,iCAOe;AACf,uCAA8D;AAG9D,kDAA+C;AAC/C,oCAAiC;AACjC,qEAAkE;AAoClE,MAAM,SAAS,GACb,IAAA,kBAAU,EAAC,CAAC,KAAqB,EAAE,GAAiB,EAAE,EAAE;IACtD,MAAM,EACJ,UAAU,EACV,IAAI,GAAG,MAAM,EACb,eAAe,EACf,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,KAEX,KAAK,EADJ,UAAU,UACX,KAAK,EAdH,2KAcL,CAAQ,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,IAAA,oBAAY,kCAC7D,KAAK,KACR,mBAAmB,EAAE,YAAY,IACjC,CAAC;IAEH,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC;IAEjC,MAAM,gBAAgB,GAAG;QACvB,eAAe,EAAE,UAAU;QAC3B,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;QAC7C,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,UAAU;QAC9D,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,CAAC,UAAU;QAC/D,aAAa,EAAE,MAAM;QACrB,CAAC,SAAS,IAAI,EAAE,CAAC,EAAE,IAAI;KACxB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,gBAAU,EAAC;QAC9B,eAAe,EAAE,UAAU;QAC3B,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;KAC9C,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAA,gBAAU,EACjC,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,CACjB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,gBAAU,EAC7B,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,CACjB,CAAC;IAEF,MAAM,mBAAmB,GAAG,IAAA,gBAAU,EACpC,8BAA8B,EAC9B,gBAAgB,CACjB,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAE,gBAAgB,aAC7B,KAAK,IAAI,CAAC,MAAM,IAAI,CACnB,uBAAC,aAAK,oBAAK,UAAU,IAAE,SAAS,EAAE,YAAY,YAC3C,KAAK,IACA,CACT,EACD,iCAAK,SAAS,EAAC,gCAAgC,aAC5C,IAAA,+CAAsB,EACrB,aAAa,EACb,+BAA+B,CAChC,EACD,iCAAK,SAAS,EAAE,mBAAmB,aAChC,IAAA,+CAAsB,EACrB,YAAY,EACZ,8BAA8B,CAC/B,EACD,kDACM,UAAU,EACV,UAAU,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,YAAY,IACvB,EACD,IAAA,+CAAsB,EACrB,YAAY,EACZ,8BAA8B,CAC/B,IACG,EACL,IAAA,+CAAsB,EACrB,aAAa,EACb,+BAA+B,CAChC,IACG,EACL,QAAQ,IAAI,gCAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,EAEvE,uBAAC,2BAAY,oBAAK,iBAAiB,IAAE,YAAY,EAAE,YAAY,IAAI,IAC/D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,8BAAS;AADlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"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/components/TextField/adornmentWithClassName.js

@@ -1,17 +1,25 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.adornmentWithClassName = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const adornmentWithClassName = (component, className) => {
-    if (!component)
-        return null;
-    return (0, react_1.cloneElement)(component, {
-        className: (0, classnames_1.default)(component.props.className, className),
+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)
     });
 };
-exports.adornmentWithClassName = adornmentWithClassName;
+
 //# sourceMappingURL=adornmentWithClassName.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"adornmentWithClassName.js","sourceRoot":"","sources":["../../../../src/components/TextField/adornmentWithClassName.ts"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,iCAAmD;AAE5C,MAAM,sBAAsB,GAAG,CACpC,SAAwB,EACxB,SAAkB,EAClB,EAAE;IACF,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,IAAA,oBAAY,EAAC,SAAS,EAAE;QAC7B,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC;KAC5D,CAAC,CAAC;AACL,CAAC,CAAC;AATW,QAAA,sBAAsB,0BASjC"}
+{"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/components/TextField/index.js

@@ -1,18 +1,20 @@
 "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("./TextField"), exports);
+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/components/TextField/index.js.map

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

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

@@ -1,32 +1,48 @@
 "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.Title = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const Flex_1 = require("../Flex");
-const Title = (0, react_1.forwardRef)((props, ref) => {
-    const { elementType: Element = "div", title, description } = props, otherProps = __rest(props, ["elementType", "title", "description"]);
-    const classes = (0, dedupe_1.default)("mobius", "mobius/Title", otherProps.className);
-    const headerClasses = (0, dedupe_1.default)("mobius", "mobius/TitleHeader");
-    const contentClasses = (0, dedupe_1.default)("mobius", "mobius/TitleDescription");
-    const containerClasses = (0, dedupe_1.default)("mobius", "mobius/TitleContainer");
-    return ((0, jsx_runtime_1.jsx)(Element, Object.assign({ ref: ref }, otherProps, { className: classes, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", className: containerClasses, children: [(0, jsx_runtime_1.jsx)("p", { className: headerClasses, children: title }), (0, jsx_runtime_1.jsx)("p", { className: contentClasses, children: description })] }) })));
+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
+                })
+            ]
+        })
+    });
 });
-exports.Title = Title;
 Title.displayName = "Title";
+
 //# sourceMappingURL=Title.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAClE,+DAA2C;AAG3C,kCAA+B;AAe/B,MAAM,KAAK,GAAwD,IAAA,kBAAU,EAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,KAAK,EACL,WAAW,KAET,KAAK,EADJ,UAAU,UACX,KAAK,EALH,uCAKL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IACjE,MAAM,cAAc,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,yBAAyB,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;IAEvE,OAAO,CACL,uBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,YACnD,wBAAC,WAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,gBAAgB,aACtD,8BAAG,SAAS,EAAE,aAAa,YAAG,KAAK,GAAK,EACxC,8BAAG,SAAS,EAAE,cAAc,YAAG,WAAW,GAAK,IAC1C,IACC,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"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/components/Title/index.js

@@ -1,18 +1,20 @@
 "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("./Title"), exports);
+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/components/Title/index.js.map

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

package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js

@@ -1,10 +1,19 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VisuallyHidden = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "VisuallyHidden", {
+    enumerable: true,
+    get: function() {
+        return VisuallyHidden;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
 function VisuallyHidden(props) {
     const { className, children, elementType: Component = "div" } = props;
-    return ((0, jsx_runtime_1.jsx)(Component, { className: className, style: {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        className: className,
+        style: {
             border: 0,
             clip: "rect(0 0 0 0)",
             clipPath: "inset(50%)",
@@ -14,8 +23,10 @@ function VisuallyHidden(props) {
             padding: 0,
             position: "absolute",
             width: "1px",
-            whiteSpace: "nowrap",
-        }, children: children }));
+            whiteSpace: "nowrap"
+        },
+        children: children
+    });
 }
-exports.VisuallyHidden = VisuallyHidden;
+
 //# sourceMappingURL=VisuallyHidden.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":";;;;AAcA,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,uBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE,YAAY;YACtB,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,UAAU,EAAE,QAAQ;SACrB,YAEA,QAAQ,GACC,CACb,CAAC;AACJ,CAAC;AAtBD,wCAsBC"}
+{"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { JSXElementConstructor, ReactNode } from \"react\";\n\nexport interface VisuallyHiddenProps {\n  /** The content to visually hide. */\n  children?: ReactNode;\n\n  className?: string;\n\n  /**\n   * The element type for the container. Defaults to 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n}\n\nexport function VisuallyHidden(props: VisuallyHiddenProps) {\n  const { className, children, elementType: Component = \"div\" } = props;\n\n  return (\n    <Component\n      className={className}\n      style={{\n        border: 0,\n        clip: \"rect(0 0 0 0)\",\n        clipPath: \"inset(50%)\",\n        height: \"1px\",\n        margin: \"-1px\",\n        overflow: \"hidden\",\n        padding: 0,\n        position: \"absolute\",\n        width: \"1px\",\n        whiteSpace: \"nowrap\",\n      }}\n    >\n      {children}\n    </Component>\n  );\n}\n"],"names":["VisuallyHidden","props","className","children","elementType","Component","style","border","clip","clipPath","height","margin","overflow","padding","position","width","whiteSpace"],"mappings":";;;;+BAcgBA;;;eAAAA;;;;AAAT,SAASA,eAAeC,KAA0B;IACvD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,aAAaC,YAAY,KAAK,EAAE,GAAGJ;IAEhE,qBACE,qBAACI;QACCH,WAAWA;QACXI,OAAO;YACLC,QAAQ;YACRC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,UAAU;YACVC,SAAS;YACTC,UAAU;YACVC,OAAO;YACPC,YAAY;QACd;kBAECb;;AAGP"}