@splunk/react-ui 5.2.0 → 5.4.0

package/TextArea.js

@@ -1,105 +1,19 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/    var e = {
-        /***/ 3639: 
-        /***/ (e, r, t) => {
-            // EXPORTS
-            t.d(r, {
-                default: () => /* reexport */ s
-            });
-            // UNUSED EXPORTS: isAllowedType, isPrimitive
-            // EXTERNAL MODULE: external "react"
-                        var n = t(9497);
-            // CONCATENATED MODULE: external "lodash/isEqual"
-            const o = require("lodash/isEqual");
-            // EXTERNAL MODULE: external "lodash/has"
-                        var a = t(5919);
-            var i =  t.n(a);
-            // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
-            function l(e) {
-                return e === null || e === undefined || typeof e === "boolean" || typeof e === "string" || typeof e === "number";
-            }
-            function u(e) {
-                if (l(e)) {
-                    return true;
-                }
-                if (Array.isArray(e)) {
-                    return e.every(l);
-                }
-                return false;
-            }
-            /**
- * This is a private component not intended for use outside @splunk/react-ui
- *
- * A hook that accepts a default value (as used in an uncontrolled component)
- * and validates that actions that aren't valid in an uncontrolled component
- * such as updating the default value, combining default value with value, etc.
- * are not happening.
- *
- * Return the controlled state of the component.
- */            function c(e) {
-                var r = e.componentProps, t = e.componentName, o = t === void 0 ? "this component" : t, a = e.defaultValuePropName, l = a === void 0 ? "defaultValue" : a, u = e.valuePropName, c = u === void 0 ? "value" : u;
-                var s = (0, n.useRef)(i()(r, c));
-                var d = (0, n.useRef)(r[l]);
-                (0, n.useEffect)((function() {
-                    if (false) {}
-                }), [ o, r, l, c ]);
-                (0, n.useEffect)((function() {
-                    if (false) {}
-                    if (false) {}
-                    if (false) {}
-                }), [ o, r, l, c ]);
-                return s.current;
-            }
-            /* harmony default export */            const s = c;
-        } // CONCATENATED MODULE: ./src/useControlled/index.ts
-        /***/ ,
-        /***/ 5919: 
-        /***/ e => {
-            e.exports = require("lodash/has");
-            /***/        },
-        /***/ 9497: 
-        /***/ e => {
-            e.exports = require("react");
-            /***/
-            /******/        }
-    };
-    /************************************************************************/
-    /******/ // The module cache
-    /******/    var r = {};
-    /******/
-    /******/ // The require function
-    /******/    function t(n) {
-        /******/ // Check if module is in cache
-        /******/ var o = r[n];
-        /******/        if (o !== undefined) {
-            /******/ return o.exports;
-            /******/        }
-        /******/ // Create a new module (and put it into the cache)
-        /******/        var a = r[n] = {
-            /******/ // no module.id needed
-            /******/ // no module.loaded needed
-            /******/ exports: {}
-            /******/        };
-        /******/
-        /******/ // Execute the module function
-        /******/        e[n](a, a.exports, t);
-        /******/
-        /******/ // Return the exports of the module
-        /******/        return a.exports;
-        /******/    }
+    /******/ // The require scope
+    /******/    var e = {};
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ t.n = e => {
-            /******/ var r = e && e.__esModule ? 
-            /******/ () => e["default"]
-            /******/ : () => e
+        /******/ e.n = n => {
+            /******/ var r = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            t.d(r, {
+            e.d(r, {
                 a: r
             });
             /******/            return r;
@@ -109,12 +23,12 @@
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ t.d = (e, r) => {
-            /******/ for (var n in r) {
-                /******/ if (t.o(r, n) && !t.o(e, n)) {
-                    /******/ Object.defineProperty(e, n, {
+        /******/ e.d = (n, r) => {
+            /******/ for (var t in r) {
+                /******/ if (e.o(r, t) && !e.o(n, t)) {
+                    /******/ Object.defineProperty(n, t, {
                         enumerable: true,
-                        get: r[n]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -123,14 +37,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ t.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ t.r = e => {
+        /******/ e.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -143,615 +57,622 @@
         /******/    })();
     /******/
     /************************************************************************/    var n = {};
-    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-        (() => {
-        // ESM COMPAT FLAG
-        t.r(n);
-        // EXPORTS
-                t.d(n, {
-            default: () => /* reexport */ ue
-        });
-        // EXTERNAL MODULE: external "react"
-                var e = t(9497);
-        var r =  t.n(e);
-        // CONCATENATED MODULE: external "lodash/keys"
-        const o = require("lodash/keys");
-        var a =  t.n(o);
-        // CONCATENATED MODULE: external "lodash/omit"
-        const i = require("lodash/omit");
-        var l =  t.n(i);
-        // CONCATENATED MODULE: external "lodash/pickBy"
-        const u = require("lodash/pickBy");
-        var c =  t.n(u);
-        // CONCATENATED MODULE: external "lodash/throttle"
-        const s = require("lodash/throttle");
-        var d =  t.n(s);
-        // CONCATENATED MODULE: external "prop-types"
-        const f = require("prop-types");
-        var p =  t.n(f);
-        // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-        const v = require("@splunk/react-ui/EventListener");
-        var b =  t.n(v);
-        // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
-        // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
-        // which is MIT-licensed:
-        // The MIT License (MIT)
-        // Copyright (c) 2014 Call-Em-All
-        // Permission is hereby granted, free of charge, to any person obtaining a copy
-        // of this software and associated documentation files (the "Software"), to deal
-        // in the Software without restriction, including without limitation the rights
-        // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-        // copies of the Software, and to permit persons to whom the Software is
-        // furnished to do so, subject to the following conditions:
-        // The above copyright notice and this permission notice shall be included in all
-        // copies or substantial portions of the Software.
-        // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-        // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-        // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-        // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-        // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-        // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-        // SOFTWARE.
-        // End of MIT license text.
-        function m(e) {
-            var r = e.height, t = e.rowsMax, n = e.rowsMin, o = e.shadow;
-            if (o) {
-                var a = window.getComputedStyle(o);
-                var i = a.getPropertyValue("line-height");
-                // jsdom does not properly inherit/re-calculate the line-height property so we skip in these cases SUI-1943, SUI-2428
-                                if (i === "inherit" || i === "normal") {
-                    return false;
-                }
-                var l = parseInt(i, 10);
-                var u = parseInt(a.getPropertyValue("padding-top"), 10);
-                var c = parseInt(a.getPropertyValue("padding-bottom"), 10);
-                var s = parseInt(a.getPropertyValue("border-top-width"), 10);
-                var d = parseInt(a.getPropertyValue("border-bottom-width"), 10);
-                var f = o.scrollHeight + s + d;
-                /* eslint-disable no-restricted-globals */
-                // Leverage the global `isNaN` here for IE support, rather than Number.isNaN.
-                // We know newHeight is numeric because we parseInt() above, so `isNaN` should be reliable.
-                                if (f === undefined || isNaN(f)) {
-                    return false;
-                }
-                /* eslint-enable no-restricted-globals */                if (t >= n) {
-                    var p = t * l + u + c + s + d;
-                    f = Math.min(p, f);
-                }
-                var v = n * l + u + c + s + d;
-                f = Math.max(v, f);
-                if (r !== f) {
-                    return f;
-                }
+    // ESM COMPAT FLAG
+        e.r(n);
+    // EXPORTS
+        e.d(n, {
+        default: () => /* reexport */ de
+    });
+    // CONCATENATED MODULE: external "react"
+    const r = require("react");
+    var t =  e.n(r);
+    // CONCATENATED MODULE: external "lodash/keys"
+    const o = require("lodash/keys");
+    var a =  e.n(o);
+    // CONCATENATED MODULE: external "lodash/omit"
+    const i = require("lodash/omit");
+    var l =  e.n(i);
+    // CONCATENATED MODULE: external "lodash/pickBy"
+    const u = require("lodash/pickBy");
+    var c =  e.n(u);
+    // CONCATENATED MODULE: external "lodash/throttle"
+    const s = require("lodash/throttle");
+    var d =  e.n(s);
+    // CONCATENATED MODULE: external "prop-types"
+    const f = require("prop-types");
+    var p =  e.n(f);
+    // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
+    const v = require("@splunk/react-ui/EventListener");
+    var b =  e.n(v);
+    // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+    const m = require("@splunk/react-ui/useControlled");
+    var y =  e.n(m);
+    // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
+    // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
+    // which is MIT-licensed:
+    // The MIT License (MIT)
+    // Copyright (c) 2014 Call-Em-All
+    // Permission is hereby granted, free of charge, to any person obtaining a copy
+    // of this software and associated documentation files (the "Software"), to deal
+    // in the Software without restriction, including without limitation the rights
+    // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    // copies of the Software, and to permit persons to whom the Software is
+    // furnished to do so, subject to the following conditions:
+    // The above copyright notice and this permission notice shall be included in all
+    // copies or substantial portions of the Software.
+    // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    // SOFTWARE.
+    // End of MIT license text.
+    function h(e) {
+        var n = e.height, r = e.rowsMax, t = e.rowsMin, o = e.shadow;
+        if (o) {
+            var a = window.getComputedStyle(o);
+            var i = a.getPropertyValue("line-height");
+            // jsdom does not properly inherit/re-calculate the line-height property so we skip in these cases SUI-1943, SUI-2428
+                        if (i === "inherit" || i === "normal") {
+                return false;
+            }
+            var l = parseInt(i, 10);
+            var u = parseInt(a.getPropertyValue("border-top-width"), 10);
+            var c = parseInt(a.getPropertyValue("border-bottom-width"), 10);
+            var s = o.scrollHeight + u + c;
+            /* eslint-disable no-restricted-globals */
+            // Leverage the global `isNaN` here for IE support, rather than Number.isNaN.
+            // We know newHeight is numeric because we parseInt() above, so `isNaN` should be reliable.
+                        if (s === undefined || isNaN(s)) {
+                return false;
+            }
+            /* eslint-enable no-restricted-globals */            if (r >= t) {
+                var d = r * l + u + c;
+                s = Math.min(d, s);
+            }
+            var f = t * l + u + c;
+            s = Math.max(f, s);
+            if (n !== s) {
+                return s;
             }
-            return false;
         }
-        // CONCATENATED MODULE: external "styled-components"
-        const y = require("styled-components");
-        var h =  t.n(y);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const g = require("@splunk/react-ui/Box");
-        var x =  t.n(g);
-        // CONCATENATED MODULE: external "@splunk/themes"
-        const w = require("@splunk/themes");
-        // CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
-        var C = "230px";
-        var S = w.variables.spacingSmall;
-        // Because the height cannot be set from variables.inputHeight with the syncHeight/auto expanding rows
-        // the value here is set to be custom to ensure the correct total height across row values
-                var O = "5px";
-        var A = h()(x()).withConfig({
-            displayName: "TextAreaStyles__StyledBox",
-            componentId: "gfy8yp-0"
-        })([ "", " display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;min-height:", ";overflow:hidden;border:", " solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;gap:", ";padding:0 ", ";&:hover:not([disabled]){border-color:", ";}&:not([disabled]):has(textarea:focus){box-shadow:", ";color:", ";}", " ", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}" ], w.mixins.reset("inline-flex"), w.variables.inputHeight, w.variables.inputBorderWidth, w.variables.interactiveColorBorder, w.variables.borderRadius, w.variables.interactiveColorBackground, w.variables.spacingSmall, S, w.variables.interactiveColorBorderHover, w.variables.focusShadow, w.variables.contentColorActive, (function(e) {
-            var r = e.$error;
-            return r && (0, y.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], w.variables.interactiveColorAccentError, w.variables.interactiveColorAccentErrorStrong);
-        }), (function(e) {
-            var r = e.$append;
-            return r && (0, y.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
-        }), (function(e) {
-            var r = e.$prepend;
-            return r && (0, y.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
-        }), (function(e) {
-            var r = e.disabled;
-            return r && (0, y.css)([ "background-color:", ";border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], w.variables.interactiveColorBackgroundDisabled, w.variables.interactiveColorBorderDisabled);
-        }), C, C);
-        // This wrapper ensures the textarea and shadow text area are the same width.
-        // The wrapper's size is determined by the parent flex layout: the textarea and shadow
-        // are both set to be 100% of the wrapper.
-        // Having the same width is necessary for the height to be calculated correctly
-        // so that the value wrapping behavior is correct
-                var E = h().div.withConfig({
-            displayName: "TextAreaStyles__StyledTextAreaAndShadowWrapper",
-            componentId: "gfy8yp-1"
-        })([ "", ";position:relative;overflow:hidden;flex-grow:1;" ], w.mixins.reset("inline-flex"));
-        var j = h().textarea.withConfig({
-            displayName: "TextAreaStyles__StyledTextArea",
-            componentId: "gfy8yp-2"
-        })([ "", ";color:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;width:100%;line-height:20px;padding-top:", ";padding-bottom:", ";&::placeholder{color:", ";opacity:1;}&[disabled]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}" ], w.mixins.reset(), w.variables.contentColorActive, O, O, w.variables.contentColorMuted, w.variables.contentColorDisabled, w.variables.contentColorDisabled);
-        var I = h()(j).withConfig({
-            displayName: "TextAreaStyles__StyledTextAreaShadow",
-            componentId: "gfy8yp-3"
-        })([ "position:absolute;overflow:hidden;left:-10000px;top:-10000px;visibility:hidden;pointer-events:none;" ]);
-        var k = h().div.withConfig({
-            displayName: "TextAreaStyles__StyledAdornment",
-            componentId: "gfy8yp-4"
-        })([ "align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;color:", ";padding:", " 0;", ";" ], w.variables.contentColorMuted, O, (function(e) {
-            var r = e.$disabled;
-            return r && (0, y.css)([ "cursor:not-allowed;color:", ";" ], w.variables.contentColorDisabled);
-        }));
-        // EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
-                var P = t(3639);
-        // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
-        /* eslint-disable @typescript-eslint/no-empty-function */
-        var T = {
-            body: {
-                appendChild: function e() {
-                    return [];
-                }
-            },
-            addEventListener: function e() {},
-            removeEventListener: function e() {},
-            activeElement: {
-                blur: function e() {},
-                nodeName: ""
-            },
-            querySelector: function e() {
-                return null;
-            },
-            querySelectorAll: function e() {
+        return false;
+    }
+    // CONCATENATED MODULE: external "styled-components"
+    const g = require("styled-components");
+    var w =  e.n(g);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
+    const C = require("@splunk/react-ui/Box");
+    var x =  e.n(C);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const S = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
+    var A = "230px";
+    var O = S.variables.spacingSmall;
+    // variables.inputHeight can't be used with syncHeight/auto-expanding rows.
+    // Use a custom value here to ensure the single-line TextArea matches the Text height
+    // and keeps the vertical spacing above the label consistent (SUI-8053).
+        var E = (0, S.pick)({
+        comfortable: "5px",
+        compact: "3px"
+    });
+    var j = w()(x()).withConfig({
+        displayName: "TextAreaStyles__StyledBox",
+        componentId: "gfy8yp-0"
+    })([ "display:grid;grid-template-columns:[startAdornment] min-content [content] minmax(0,1fr) [endAdornment] min-content;position:relative;min-height:", ";overflow:hidden;border:", " solid ", ";border-radius:", ";background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;padding:", " ", ";&:hover:not([disabled]){border-color:", ";}&:not([disabled]):has(textarea:focus){box-shadow:", ";color:", ";}", " ", " ", " ", " ", "" ], S.variables.inputHeight, S.variables.inputBorderWidth, S.variables.interactiveColorBorder, S.variables.borderRadius, S.variables.interactiveColorBackground, E, O, S.variables.interactiveColorBorderHover, S.variables.focusShadow, S.variables.contentColorActive, (function(e) {
+        var n = e.$error;
+        return n && (0, g.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], S.variables.interactiveColorAccentError, S.variables.interactiveColorAccentErrorStrong);
+    }), (function(e) {
+        var n = e.$append;
+        return n && (0, g.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
+    }), (function(e) {
+        var n = e.$prepend;
+        return n && (0, g.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
+    }), (function(e) {
+        var n = e.disabled;
+        return n && (0, g.css)([ "background-color:", ";border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], S.variables.interactiveColorBackgroundDisabled, S.variables.interactiveColorBorderDisabled);
+    }), (function(e) {
+        var n = e.$inline;
+        return n && (0, g.css)([ "display:inline-grid;width:", ";" ], A);
+    }));
+    // This wrapper ensures the textarea and shadow text area are the same width.
+    // The wrapper's size is determined by the parent grid layout: the textarea and shadow
+    // are both set to be 100% of the wrapper.
+    // Having the same width is necessary for the height to be calculated correctly
+    // so that the value wrapping behavior is correct
+        var k = w().div.withConfig({
+        displayName: "TextAreaStyles__StyledTextAreaAndShadowWrapper",
+        componentId: "gfy8yp-1"
+    })([ "", ";position:relative;overflow:hidden;flex-grow:1;grid-column:content;" ], S.mixins.reset("inline-flex"));
+    var I = w().textarea.withConfig({
+        displayName: "TextAreaStyles__StyledTextArea",
+        componentId: "gfy8yp-2"
+    })([ "", ";color:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;width:100%;line-height:20px;&::placeholder{color:", ";opacity:1;}&[disabled]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}" ], S.mixins.reset(), S.variables.contentColorActive, S.variables.contentColorMuted, S.variables.contentColorDisabled, S.variables.contentColorDisabled);
+    var T = w()(I).withConfig({
+        displayName: "TextAreaStyles__StyledTextAreaShadow",
+        componentId: "gfy8yp-3"
+    })([ "position:absolute;overflow:hidden;left:-10000px;top:-10000px;visibility:hidden;pointer-events:none;" ]);
+    var P = (0, g.css)([ "display:inline-flex;min-height:1lh;align-self:start;align-items:center;justify-content:center;pointer-events:none;color:", ";", ";" ], S.variables.contentColorMuted, (function(e) {
+        var n = e.$disabled;
+        return n && (0, g.css)([ "cursor:not-allowed;color:", ";" ], S.variables.contentColorDisabled);
+    }));
+    var B = w().div.withConfig({
+        displayName: "TextAreaStyles__StyledStartAdornment",
+        componentId: "gfy8yp-4"
+    })([ "", " grid-column:startAdornment;margin-inline-end:", ";" ], P, S.variables.spacingSmall);
+    var M = w().div.withConfig({
+        displayName: "TextAreaStyles__StyledEndAdornment",
+        componentId: "gfy8yp-5"
+    })([ "", " grid-column:endAdornment;margin-inline-start:", ";" ], P, S.variables.spacingSmall);
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var N = {
+        body: {
+            appendChild: function e() {
                 return [];
-            },
-            getElementById: function e() {
-                return null;
-            },
-            createEvent: function e() {
-                return {
-                    initEvent: function e() {}
-                };
-            },
-            createElement: function e() {
-                return {
-                    children: [],
-                    childNodes: [],
-                    style: {},
-                    setAttribute: function e() {},
-                    getElementsByTagName: function e() {
-                        return [];
-                    }
-                };
-            },
-            createElementNS: function e() {
-                return {};
-            },
-            importNode: function e() {
-                return null;
-            },
-            location: {
-                hash: "",
-                host: "",
-                hostname: "",
-                href: "",
-                origin: "",
-                pathname: "",
-                protocol: "",
-                search: ""
             }
-        };
-        function B() {
-            var e = typeof document !== "undefined" ? document : T;
-            return e;
-        }
-        var N = B();
-        /* harmony default export */        const q = /* unused pure expression or super */ null && N;
-        // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
-        /* eslint-disable @typescript-eslint/no-empty-function */
-        var M = {
-            document: T,
-            navigator: {
-                userAgent: ""
-            },
-            location: {
-                hash: "",
-                host: "",
-                hostname: "",
-                href: "",
-                origin: "",
-                pathname: "",
-                protocol: "",
-                search: ""
-            },
-            history: {
-                replaceState: function e() {},
-                pushState: function e() {},
-                go: function e() {},
-                back: function e() {}
-            },
-            CustomEvent: function e() {
-                return this;
-            },
-            addEventListener: function e() {},
-            removeEventListener: function e() {},
-            getComputedStyle: function e() {
-                return {
-                    getPropertyValue: function e() {
-                        return "";
-                    }
-                };
-            },
-            Image: function e() {},
-            Date: function e() {},
-            screen: {},
-            setTimeout: function e() {},
-            clearTimeout: function e() {},
-            matchMedia: function e() {
-                return {};
-            },
-            requestAnimationFrame: function e(r) {
-                if (typeof setTimeout === "undefined") {
-                    r();
-                    return null;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        activeElement: {
+            blur: function e() {},
+            nodeName: ""
+        },
+        querySelector: function e() {
+            return null;
+        },
+        querySelectorAll: function e() {
+            return [];
+        },
+        getElementById: function e() {
+            return null;
+        },
+        createEvent: function e() {
+            return {
+                initEvent: function e() {}
+            };
+        },
+        createElement: function e() {
+            return {
+                children: [],
+                childNodes: [],
+                style: {},
+                setAttribute: function e() {},
+                getElementsByTagName: function e() {
+                    return [];
                 }
-                return setTimeout(r, 0);
-            },
-            cancelAnimationFrame: function e(r) {
-                if (typeof setTimeout === "undefined") {
-                    return;
+            };
+        },
+        createElementNS: function e() {
+            return {};
+        },
+        importNode: function e() {
+            return null;
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        }
+    };
+    function q() {
+        var e = typeof document !== "undefined" ? document : N;
+        return e;
+    }
+    var _ = q();
+    /* harmony default export */    const D = /* unused pure expression or super */ null && _;
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var $ = {
+        document: N,
+        navigator: {
+            userAgent: ""
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        },
+        history: {
+            replaceState: function e() {},
+            pushState: function e() {},
+            go: function e() {},
+            back: function e() {}
+        },
+        CustomEvent: function e() {
+            return this;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        getComputedStyle: function e() {
+            return {
+                getPropertyValue: function e() {
+                    return "";
                 }
-                clearTimeout(r);
+            };
+        },
+        Image: function e() {},
+        Date: function e() {},
+        screen: {},
+        setTimeout: function e() {},
+        clearTimeout: function e() {},
+        matchMedia: function e() {
+            return {};
+        },
+        requestAnimationFrame: function e(n) {
+            if (typeof setTimeout === "undefined") {
+                n();
+                return null;
             }
-        };
-        function D() {
-            var e = typeof window !== "undefined" ? window : M;
-            return e;
+            return setTimeout(n, 0);
+        },
+        cancelAnimationFrame: function e(n) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(n);
         }
-        var _ = D();
-        /* harmony default export */        const R = _;
-        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
-        /**
+    };
+    function F() {
+        var e = typeof window !== "undefined" ? window : $;
+        return e;
+    }
+    var R = F();
+    /* harmony default export */    const L = R;
+    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+    /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
  *
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function F(e, r) {
-            if (e) {
-                if (typeof e === "function") {
-                    e(r);
-                } else {
-                    // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-                    // the intention here is to signal "we will take care of setting 'current', not you".
-                    e.current = r;
+    function V(e, n) {
+        if (e) {
+            if (typeof e === "function") {
+                e(n);
+            } else {
+                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                // the intention here is to signal "we will take care of setting 'current', not you".
+                e.current = n;
  // eslint-disable-line no-param-reassign
-                                }
-            }
-        }
-        // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
-        function V(e) {
-            "@babel/helpers - typeof";
-            return V = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-                return typeof e;
-            } : function(e) {
-                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, V(e);
+                        }
         }
-        function $() {
-            return $ = Object.assign ? Object.assign.bind() : function(e) {
-                for (var r = 1; r < arguments.length; r++) {
-                    var t = arguments[r];
-                    for (var n in t) {
-                        ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
-                    }
+    }
+    // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
+    function z(e) {
+        "@babel/helpers - typeof";
+        return z = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, z(e);
+    }
+    function K() {
+        return K = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
-                return e;
-            }, $.apply(null, arguments);
-        }
-        function L(e) {
-            return H(e) || K(e) || Z(e) || z();
-        }
-        function z() {
-            throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-        }
-        function K(e) {
-            if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
-        }
-        function H(e) {
-            if (Array.isArray(e)) return ee(e);
-        }
-        function W(e, r) {
-            var t = Object.keys(e);
-            if (Object.getOwnPropertySymbols) {
-                var n = Object.getOwnPropertySymbols(e);
-                r && (n = n.filter((function(r) {
-                    return Object.getOwnPropertyDescriptor(e, r).enumerable;
-                }))), t.push.apply(t, n);
-            }
-            return t;
-        }
-        function U(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var t = null != arguments[r] ? arguments[r] : {};
-                r % 2 ? W(Object(t), !0).forEach((function(r) {
-                    G(e, r, t[r]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : W(Object(t)).forEach((function(r) {
-                    Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-                }));
             }
             return e;
+        }, K.apply(null, arguments);
+    }
+    function H(e) {
+        return G(e) || U(e) || re(e) || W();
+    }
+    function W() {
+        throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function U(e) {
+        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
+    }
+    function G(e) {
+        if (Array.isArray(e)) return te(e);
+    }
+    function J(e, n) {
+        var r = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var t = Object.getOwnPropertySymbols(e);
+            n && (t = t.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), r.push.apply(r, t);
         }
-        function G(e, r, t) {
-            return (r = J(r)) in e ? Object.defineProperty(e, r, {
-                value: t,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[r] = t, e;
-        }
-        function J(e) {
-            var r = Q(e, "string");
-            return "symbol" == V(r) ? r : r + "";
-        }
-        function Q(e, r) {
-            if ("object" != V(e) || !e) return e;
-            var t = e[Symbol.toPrimitive];
-            if (void 0 !== t) {
-                var n = t.call(e, r || "default");
-                if ("object" != V(n)) return n;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return ("string" === r ? String : Number)(e);
-        }
-        function X(e, r) {
-            return te(e) || re(e, r) || Z(e, r) || Y();
+        return r;
+    }
+    function Q(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var r = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? J(Object(r), !0).forEach((function(n) {
+                X(e, n, r[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : J(Object(r)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+            }));
         }
-        function Y() {
-            throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+        return e;
+    }
+    function X(e, n, r) {
+        return (n = Y(n)) in e ? Object.defineProperty(e, n, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = r, e;
+    }
+    function Y(e) {
+        var n = Z(e, "string");
+        return "symbol" == z(n) ? n : n + "";
+    }
+    function Z(e, n) {
+        if ("object" != z(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var t = r.call(e, n || "default");
+            if ("object" != z(t)) return t;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        function Z(e, r) {
-            if (e) {
-                if ("string" == typeof e) return ee(e, r);
-                var t = {}.toString.call(e).slice(8, -1);
-                return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ee(e, r) : void 0;
-            }
+        return ("string" === n ? String : Number)(e);
+    }
+    function ee(e, n) {
+        return ae(e) || oe(e, n) || re(e, n) || ne();
+    }
+    function ne() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function re(e, n) {
+        if (e) {
+            if ("string" == typeof e) return te(e, n);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? te(e, n) : void 0;
         }
-        function ee(e, r) {
-            (null == r || r > e.length) && (r = e.length);
-            for (var t = 0, n = Array(r); t < r; t++) {
-                n[t] = e[t];
-            }
-            return n;
+    }
+    function te(e, n) {
+        (null == n || n > e.length) && (n = e.length);
+        for (var r = 0, t = Array(n); r < n; r++) {
+            t[r] = e[r];
         }
-        function re(e, r) {
-            var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != t) {
-                var n, o, a, i, l = [], u = !0, c = !1;
+        return t;
+    }
+    function oe(e, n) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var t, o, a, i, l = [], u = !0, c = !1;
+            try {
+                if (a = (r = r.call(e)).next, 0 === n) {
+                    if (Object(r) !== r) return;
+                    u = !1;
+                } else for (;!(u = (t = a.call(r)).done) && (l.push(t.value), l.length !== n); u = !0) {
+                }
+            } catch (e) {
+                c = !0, o = e;
+            } finally {
                 try {
-                    if (a = (t = t.call(e)).next, 0 === r) {
-                        if (Object(t) !== t) return;
-                        u = !1;
-                    } else for (;!(u = (n = a.call(t)).done) && (l.push(n.value), l.length !== r); u = !0) {
-                    }
-                } catch (e) {
-                    c = !0, o = e;
+                    if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
                 } finally {
-                    try {
-                        if (!u && null != t["return"] && (i = t["return"](), Object(i) !== i)) return;
-                    } finally {
-                        if (c) throw o;
-                    }
+                    if (c) throw o;
                 }
-                return l;
             }
+            return l;
         }
-        function te(e) {
-            if (Array.isArray(e)) return e;
-        }
-        function ne(e, r) {
-            if (null == e) return {};
-            var t, n, o = oe(e, r);
-            if (Object.getOwnPropertySymbols) {
-                var a = Object.getOwnPropertySymbols(e);
-                for (n = 0; n < a.length; n++) {
-                    t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
-                }
+    }
+    function ae(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function ie(e, n) {
+        if (null == e) return {};
+        var r, t, o = le(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < a.length; t++) {
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
-            return o;
         }
-        function oe(e, r) {
-            if (null == e) return {};
-            var t = {};
-            for (var n in e) {
-                if ({}.hasOwnProperty.call(e, n)) {
-                    if (-1 !== r.indexOf(n)) continue;
-                    t[n] = e[n];
-                }
+        return o;
+    }
+    function le(e, n) {
+        if (null == e) return {};
+        var r = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (-1 !== n.indexOf(t)) continue;
+                r[t] = e[t];
             }
-            return t;
         }
-        /** @public */
-        /** @public */
-        /** @public */        var ae = {
-            append: p().bool,
-            autoCapitalize: p().string,
-            autoComplete: p().string,
-            autoCorrect: p().string,
-            autoFocus: p().bool,
-            children: p().node,
-            defaultValue: p().string,
-            describedBy: p().string,
-            disabled: p().bool,
-            elementRef: p().oneOfType([ p().func, p().object ]),
-            endAdornment: p().node,
-            error: p().bool,
-            inline: p().bool,
-            /** @private. */
-            inputClassName: p().string,
-            inputId: p().string,
-            inputRef: p().oneOfType([ p().func, p().object ]),
-            labelledBy: p().string,
-            maxLength: p().number,
-            name: p().string,
-            onBlur: p().func,
-            onChange: p().func,
-            onFocus: p().func,
-            onKeyDown: p().func,
-            onSelect: p().func,
-            onInputClick: p().func,
-            prepend: p().bool,
-            /** @private. */
-            required: p().bool,
-            rowsMax: p().number,
-            rowsMin: p().number,
-            spellCheck: p().bool,
-            tabIndex: p().number,
-            startAdornment: p().node,
-            value: p().string
-        };
-        var ie = function e() {};
-        /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */        function le(t) {
-            var n = t.append, o = n === void 0 ? false : n, i = t.autoCapitalize, u = t.autoComplete, s = t.autoCorrect, f = t.autoFocus, p = f === void 0 ? false : f, v = t.children, y = t.disabled, h = y === void 0 ? false : y, g = t.describedBy, x = t.defaultValue, w = t.elementRef, C = t.error, S = C === void 0 ? false : C, O = t.endAdornment, T = t.inline, B = T === void 0 ? false : T, N = t.inputClassName, q = t.inputId, M = t.inputRef, D = t.labelledBy, _ = t.maxLength, V = t.name, z = t.onBlur, K = t.onChange, H = t.onFocus, W = t.onInputClick, G = t.onKeyDown, J = t.onSelect, Q = t.placeholder, Y = t.prepend, Z = Y === void 0 ? false : Y, ee = t.required, re = t.rowsMin, te = re === void 0 ? 2 : re, oe = t.rowsMax, ae = oe === void 0 ? 8 : oe, le = t.spellCheck, ue = t.startAdornment, ce = t.tabIndex, se = ce === void 0 ? 0 : ce, de = t.value, fe = ne(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "disabled", "describedBy", "defaultValue", "elementRef", "error", "endAdornment", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onFocus", "onInputClick", "onKeyDown", "onSelect", "placeholder", "prepend", "required", "rowsMin", "rowsMax", "spellCheck", "startAdornment", "tabIndex", "value" ]);
-            // @docs-props-type TextAreaPropsBase
-                        (0, e.useEffect)((function() {
-                if (false) {}
-            }), [ te, ae ]);
-            var pe = (0, P["default"])({
-                componentName: "TextArea",
-                /* eslint-disable-next-line prefer-rest-params */
-                componentProps: arguments[0]
+        return r;
+    }
+    /** @public */
+    /** @public */
+    /** @public */    var ue = {
+        append: p().bool,
+        autoCapitalize: p().string,
+        autoComplete: p().string,
+        autoCorrect: p().string,
+        autoFocus: p().bool,
+        children: p().node,
+        defaultValue: p().string,
+        describedBy: p().string,
+        disabled: p().bool,
+        elementRef: p().oneOfType([ p().func, p().object ]),
+        endAdornment: p().node,
+        error: p().bool,
+        inline: p().bool,
+        /** @private. */
+        inputClassName: p().string,
+        inputId: p().string,
+        inputRef: p().oneOfType([ p().func, p().object ]),
+        labelledBy: p().string,
+        maxLength: p().number,
+        name: p().string,
+        onBlur: p().func,
+        onChange: p().func,
+        onFocus: p().func,
+        onKeyDown: p().func,
+        onSelect: p().func,
+        onInputClick: p().func,
+        prepend: p().bool,
+        /** @private. */
+        required: p().bool,
+        rowsMax: p().number,
+        rowsMin: p().number,
+        spellCheck: p().bool,
+        tabIndex: p().number,
+        startAdornment: p().node,
+        value: p().string
+    };
+    var ce = function e() {};
+    /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */    function se(e) {
+        var n = e.append, o = n === void 0 ? false : n, i = e.autoCapitalize, u = e.autoComplete, s = e.autoCorrect, f = e.autoFocus, p = f === void 0 ? false : f, v = e.children, m = e.disabled, g = m === void 0 ? false : m, w = e.describedBy, C = e.defaultValue, x = e.elementRef, S = e.error, A = S === void 0 ? false : S, O = e.endAdornment, E = e.inline, P = E === void 0 ? false : E, N = e.inputClassName, q = e.inputId, _ = e.inputRef, D = e.labelledBy, $ = e.maxLength, F = e.name, R = e.onBlur, z = e.onChange, W = e.onFocus, U = e.onInputClick, G = e.onKeyDown, J = e.onSelect, X = e.placeholder, Y = e.prepend, Z = Y === void 0 ? false : Y, ne = e.required, re = e.rowsMin, te = re === void 0 ? 2 : re, oe = e.rowsMax, ae = oe === void 0 ? 8 : oe, le = e.spellCheck, ue = e.startAdornment, se = e.tabIndex, de = se === void 0 ? 0 : se, fe = e.value, pe = ie(e, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "disabled", "describedBy", "defaultValue", "elementRef", "error", "endAdornment", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onFocus", "onInputClick", "onKeyDown", "onSelect", "placeholder", "prepend", "required", "rowsMin", "rowsMax", "spellCheck", "startAdornment", "tabIndex", "value" ]);
+        // @docs-props-type TextAreaPropsBase
+                (0, r.useEffect)((function() {
+            if (false) {}
+        }), [ te, ae ]);
+        var ve = y()({
+            componentName: "TextArea",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0]
+        });
+        var be = (0, r.useState)(C || ""), me = ee(be, 2), ye = me[0], he = me[1];
+        var ge = (0, r.useState)(), we = ee(ge, 2), Ce = we[0], xe = we[1];
+        var Se = (0, r.useRef)(null);
+        var Ae = (0, r.useRef)(null);
+        var Oe = ve ? fe : ye;
+        var Ee = (0, r.useCallback)((function(e) {
+            Se.current = e;
+            V(_, e);
+        }), [ _, Se ]);
+        var je = (0, r.useCallback)((function(e) {
+            G === null || G === void 0 ? void 0 : G(e);
+        }), [ G ]);
+        var ke = (0, r.useCallback)((function(e) {
+            J === null || J === void 0 ? void 0 : J(e);
+        }), [ J ]);
+        var Ie = (0, r.useCallback)((function(e) {
+            U === null || U === void 0 ? void 0 : U(e);
+        }), [ U ]);
+        var Te = (0, r.useCallback)((function(e) {
+            var n = e.target.value;
+            W === null || W === void 0 ? void 0 : W(e, {
+                value: n,
+                name: F
             });
-            var ve = (0, e.useState)(x || ""), be = X(ve, 2), me = be[0], ye = be[1];
-            var he = (0, e.useState)(), ge = X(he, 2), xe = ge[0], we = ge[1];
-            var Ce = (0, e.useRef)(null);
-            var Se = (0, e.useRef)(null);
-            var Oe = pe ? de : me;
-            var Ae = (0, e.useCallback)((function(e) {
-                Ce.current = e;
-                F(M, e);
-            }), [ M, Ce ]);
-            var Ee = (0, e.useCallback)((function(e) {
-                G === null || G === void 0 ? void 0 : G(e);
-            }), [ G ]);
-            var je = (0, e.useCallback)((function(e) {
-                J === null || J === void 0 ? void 0 : J(e);
-            }), [ J ]);
-            var Ie = (0, e.useCallback)((function(e) {
-                W === null || W === void 0 ? void 0 : W(e);
-            }), [ W ]);
-            var ke = (0, e.useCallback)((function(e) {
-                var r = e.target.value;
-                H === null || H === void 0 ? void 0 : H(e, {
-                    value: r,
-                    name: V
-                });
-            }), [ V, H ]);
-            var Pe = (0, e.useCallback)((function(e) {
-                var r = e.target.value;
-                z === null || z === void 0 ? void 0 : z(e, {
-                    value: r,
-                    name: V
-                });
-            }), [ V, z ]);
-            var Te = (0, e.useCallback)((function(e) {
-                var r = e.target.value;
-                if (!pe) {
-                    ye(r);
-                }
-                K === null || K === void 0 ? void 0 : K(e, {
-                    value: r,
-                    name: V
-                });
-            }), [ K, ye, pe, V ]);
-            var Be = (0, e.useCallback)((function() {
-                var e = m({
-                    height: xe,
-                    rowsMax: ae,
-                    rowsMin: te,
-                    shadow: Se.current
-                });
-                if (e !== false) {
-                    we(e);
-                }
-            }), [ we, Se, ae, te, xe ]);
-            var Ne = (0, e.useMemo)((function() {
-                return d()(Be, 100);
-            }), [ Be ]);
-            (0, e.useLayoutEffect)((function() {
-                Be();
-            }));
-            var qe = U(U({}, c()(fe, (function(e, r) {
-                return r === "role" || r.indexOf("aria-") === 0;
-            }))), {}, {
-                "aria-describedby": g,
-                "aria-labelledby": D,
-                "aria-invalid": S || undefined
+        }), [ F, W ]);
+        var Pe = (0, r.useCallback)((function(e) {
+            var n = e.target.value;
+            R === null || R === void 0 ? void 0 : R(e, {
+                value: n,
+                name: F
             });
-            var Me = l()(fe, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(L(a()(qe))));
-            var De = {
-                $append: o || undefined,
-                $error: S,
-                $prepend: Z || undefined
-            };
-            var _e = U(U({}, qe), {}, {
-                "data-test": "textbox",
-                autoCapitalize: i,
-                autoComplete: u,
-                autoCorrect: s,
-                autoFocus: p,
-                className: N,
-                disabled: h,
-                id: q,
-                maxLength: _,
-                name: V,
-                onBlur: Pe,
-                onChange: Te,
-                onFocus: ke,
-                onKeyDown: Ee,
-                onSelect: je,
-                onClick: Ie,
-                placeholder: Q,
-                // support HTML attribute
-                ref: Ae,
-                required: ee,
-                spellCheck: le,
-                style: {
-                    height: xe
-                },
-                tabIndex: se,
-                value: Oe,
-                $error: S
+        }), [ F, R ]);
+        var Be = (0, r.useCallback)((function(e) {
+            var n = e.target.value;
+            if (!ve) {
+                he(n);
+            }
+            z === null || z === void 0 ? void 0 : z(e, {
+                value: n,
+                name: F
             });
-            
-            return r().createElement(r().Fragment, null,  r().createElement(A, $({
-                tabIndex: -1,
-                "data-test": "text-area",
-                "data-test-value": Oe,
-                "data-test-disabled": h ? "disabled" : undefined,
-                elementRef: w,
-                flex: true,
-                inline: B,
-                disabled: h
-            }, Me, De), ue &&  r().createElement(k, {
-                $disabled: !!h
-            }, ue),  r().createElement(E, null,  r().createElement(I, {
-                "aria-hidden": "true",
-                tabIndex: -1,
-                onChange: ie,
-                rows: te,
-                ref: Se,
-                value: Q && !Oe ? Q : Oe
-            }),  r().createElement(j, _e)), v, O &&  r().createElement(k, {
-                $disabled: !!h
-            }, O)),  r().createElement(b(), {
-                target: R,
-                eventType: "resize",
-                listener: Ne
-            }));
-        }
-        le.propTypes = ae;
-        le.componentType = "TextArea";
-        /* harmony default export */        const ue = le;
-        // only for styled components using TextArea
-        }) // CONCATENATED MODULE: ./src/TextArea/index.ts
-    ();
+        }), [ z, he, ve, F ]);
+        var Me = (0, r.useCallback)((function() {
+            var e = h({
+                height: Ce,
+                rowsMax: ae,
+                rowsMin: te,
+                shadow: Ae.current
+            });
+            if (e !== false) {
+                xe(e);
+            }
+        }), [ xe, Ae, ae, te, Ce ]);
+        var Ne = (0, r.useMemo)((function() {
+            return d()(Me, 100);
+        }), [ Me ]);
+        (0, r.useLayoutEffect)((function() {
+            Me();
+        }));
+        var qe = Q(Q({}, c()(pe, (function(e, n) {
+            return n === "role" || n.indexOf("aria-") === 0;
+        }))), {}, {
+            "aria-describedby": w,
+            "aria-labelledby": D,
+            "aria-invalid": A || undefined
+        });
+        var _e = l()(pe, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(H(a()(qe))));
+        var De = {
+            $append: o || undefined,
+            $error: A,
+            $prepend: Z || undefined
+        };
+        var $e = Q(Q({}, qe), {}, {
+            "data-test": "textbox",
+            autoCapitalize: i,
+            autoComplete: u,
+            autoCorrect: s,
+            autoFocus: p,
+            className: N,
+            disabled: g,
+            id: q,
+            maxLength: $,
+            name: F,
+            onBlur: Pe,
+            onChange: Be,
+            onFocus: Te,
+            onKeyDown: je,
+            onSelect: ke,
+            onClick: Ie,
+            placeholder: X,
+            // support HTML attribute
+            ref: Ee,
+            required: ne,
+            spellCheck: le,
+            style: {
+                height: Ce
+            },
+            tabIndex: de,
+            value: Oe,
+            $error: A
+        });
+        
+        return t().createElement(t().Fragment, null,  t().createElement(j, K({
+            tabIndex: -1,
+            "data-test": "text-area",
+            "data-test-value": Oe,
+            "data-test-disabled": g ? "disabled" : undefined,
+            elementRef: x,
+            $inline: P,
+            disabled: g
+        }, _e, De), ue &&  t().createElement(B, {
+            $disabled: !!g
+        }, ue),  t().createElement(k, null,  t().createElement(T, {
+            "aria-hidden": "true",
+            tabIndex: -1,
+            onChange: ce,
+            rows: te,
+            ref: Ae,
+            value: X && !Oe ? X : Oe
+        }),  t().createElement(I, $e)), v, O &&  t().createElement(M, {
+            $disabled: !!g
+        }, O)),  t().createElement(b(), {
+            target: L,
+            eventType: "resize",
+            listener: Ne
+        }));
+    }
+    se.propTypes = ue;
+    se.componentType = "TextArea";
+    /* harmony default export */    const de = se;
+    // only for styled components using TextArea
+        // CONCATENATED MODULE: ./src/TextArea/index.ts
     module.exports = n;
     /******/})();