@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/esm/Tabs/Tabs.mjs

@@ -9,10 +9,20 @@ import { Tabs as Tabs$1 } from '@reach/tabs';
  * Wrapper around all of the tab subcomponents
  * Holds a TabList and TabPanels
  */
-var Tabs = function (props) {
-    var defaultIndex = props.defaultIndex, selectedIndex = props.selectedIndex, onChange = props.onChange, children = props.children, restProps = __rest(props, ["defaultIndex", "selectedIndex", "onChange", "children"]);
-    return (React.createElement(Tabs$1, __assign({ defaultIndex: defaultIndex, index: selectedIndex, onChange: onChange }, restProps), children));
-};
-Tabs.displayName = "Tabs";
-
+const Tabs = /*#__PURE__*/function () {
+  const Tabs = function (props) {
+    var defaultIndex = props.defaultIndex,
+      selectedIndex = props.selectedIndex,
+      onChange = props.onChange,
+      children = props.children,
+      restProps = __rest(props, ["defaultIndex", "selectedIndex", "onChange", "children"]);
+    return /*#__PURE__*/React.createElement(Tabs$1, __assign({
+      defaultIndex: defaultIndex,
+      index: selectedIndex,
+      onChange: onChange
+    }, restProps), children);
+  };
+  Tabs.displayName = "Tabs";
+  return Tabs;
+}();
 export { Tabs };

package/dist/esm/Tabs/subcomponents/Tab.mjs

@@ -9,24 +9,44 @@ import styles from './Tab.module.scss.mjs';
  * A tab button
  */
 var Tab = function (props) {
-    var isSelected = props.isSelected, badge = props.badge, disabled = props.disabled, children = props.children, classNameOverride = props.classNameOverride, restProps = __rest(props, ["isSelected", "badge", "disabled", "children", "classNameOverride"]);
-    var _a = useState(false), isHovered = _a[0], setIsHovered = _a[1];
-    var _b = useState(false), isFocused = _b[0], setIsFocused = _b[1];
-    var showActiveBadge = isSelected || isHovered || isFocused;
-    var onFocus = function (event) {
-        var _a;
-        setIsFocused(true);
-        (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    };
-    var onBlur = function (event) {
-        var _a;
-        setIsFocused(false);
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    };
-    return (React.createElement(Tab$1, __assign({ disabled: disabled, className: classnames(styles.tab, classNameOverride, isSelected && styles.selected), onFocus: onFocus, onBlur: onBlur, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, restProps),
-        children,
-        badge && (React.createElement("span", { className: styles.badge },
-            React.createElement(Badge, { variant: showActiveBadge ? "active" : "default" }, badge)))));
+  var isSelected = props.isSelected,
+    badge = props.badge,
+    disabled = props.disabled,
+    children = props.children,
+    classNameOverride = props.classNameOverride,
+    restProps = __rest(props, ["isSelected", "badge", "disabled", "children", "classNameOverride"]);
+  var _a = useState(false),
+    isHovered = _a[0],
+    setIsHovered = _a[1];
+  var _b = useState(false),
+    isFocused = _b[0],
+    setIsFocused = _b[1];
+  var showActiveBadge = isSelected || isHovered || isFocused;
+  var onFocus = function (event) {
+    var _a;
+    setIsFocused(true);
+    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
+  };
+  var onBlur = function (event) {
+    var _a;
+    setIsFocused(false);
+    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+  };
+  return /*#__PURE__*/React.createElement(Tab$1, __assign({
+    disabled: disabled,
+    className: classnames(styles.tab, classNameOverride, isSelected && styles.selected),
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onMouseEnter: function () {
+      return setIsHovered(true);
+    },
+    onMouseLeave: function () {
+      return setIsHovered(false);
+    }
+  }, restProps), children, badge && ( /*#__PURE__*/React.createElement("span", {
+    className: styles.badge
+  }, /*#__PURE__*/React.createElement(Badge, {
+    variant: showActiveBadge ? "active" : "default"
+  }, badge))));
 };
-
 export { Tab };

package/dist/esm/Tabs/subcomponents/Tab.module.scss.mjs

@@ -1,3 +1,6 @@
-var styles = {"tab":"Tab-module_tab__Rar3J","badge":"Tab-module_badge__4p2nd","selected":"Tab-module_selected__MApD6"};
-
+var styles = {
+  "tab": "Tab-module_tab__Rar3J",
+  "badge": "Tab-module_badge__4p2nd",
+  "selected": "Tab-module_selected__MApD6"
+};
 export { styles as default };

package/dist/esm/Tabs/subcomponents/TabList.mjs

@@ -8,8 +8,15 @@ import styles from './TabList.module.scss.mjs';
  * Wrapper for the tabs themselves
  */
 var TabList = function (props) {
-    var ariaLabel = props["aria-label"], _a = props.noPadding, noPadding = _a === void 0 ? false : _a, children = props.children, classNameOverride = props.classNameOverride, restProps = __rest(props, ["aria-label", "noPadding", "children", "classNameOverride"]);
-    return (React.createElement(TabList$1, __assign({ "aria-label": ariaLabel, className: classnames(styles.tabList, classNameOverride, noPadding && styles.noPadding) }, restProps), children));
+  var ariaLabel = props["aria-label"],
+    _a = props.noPadding,
+    noPadding = _a === void 0 ? false : _a,
+    children = props.children,
+    classNameOverride = props.classNameOverride,
+    restProps = __rest(props, ["aria-label", "noPadding", "children", "classNameOverride"]);
+  return /*#__PURE__*/React.createElement(TabList$1, __assign({
+    "aria-label": ariaLabel,
+    className: classnames(styles.tabList, classNameOverride, noPadding && styles.noPadding)
+  }, restProps), children);
 };
-
 export { TabList };

package/dist/esm/Tabs/subcomponents/TabList.module.scss.mjs

@@ -1,3 +1,5 @@
-var styles = {"tabList":"TabList-module_tabList__A8Y9H","noPadding":"TabList-module_noPadding__v073J"};
-
+var styles = {
+  "tabList": "TabList-module_tabList__A8Y9H",
+  "noPadding": "TabList-module_noPadding__v073J"
+};
 export { styles as default };

package/dist/esm/Tabs/subcomponents/TabPanel.mjs

@@ -6,8 +6,11 @@ import { TabPanel as TabPanel$1 } from '@reach/tabs';
  * Wrapper for the content that shows when tab is active
  */
 var TabPanel = function (props) {
-    var classNameOverride = props.classNameOverride, children = props.children, restProps = __rest(props, ["classNameOverride", "children"]);
-    return (React.createElement(TabPanel$1, __assign({ className: (classNameOverride) }, restProps), children));
+  var classNameOverride = props.classNameOverride,
+    children = props.children,
+    restProps = __rest(props, ["classNameOverride", "children"]);
+  return /*#__PURE__*/React.createElement(TabPanel$1, __assign({
+    className: classNameOverride
+  }, restProps), children);
 };
-
 export { TabPanel };

package/dist/esm/Tabs/subcomponents/TabPanels.mjs

@@ -6,8 +6,8 @@ import { TabPanels as TabPanels$1 } from '@reach/tabs';
  * Wrapper for the content panels
  */
 var TabPanels = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return React.createElement(TabPanels$1, __assign({}, restProps), children);
+  var children = props.children,
+    restProps = __rest(props, ["children"]);
+  return /*#__PURE__*/React.createElement(TabPanels$1, __assign({}, restProps), children);
 };
-
 export { TabPanels };

package/dist/esm/Tag/Tag.mjs

@@ -10,58 +10,122 @@ import { InformationIcon } from '../Icon/InformationIcon.mjs';
 import { LiveIcon } from '../Icon/LiveIcon.mjs';
 import { SuccessIcon } from '../Icon/SuccessIcon.mjs';
 import styles from './Tag.module.scss.mjs';
-
 var isJSXElement = function (imageElementOrAvatarProps) {
-    return "props" in imageElementOrAvatarProps;
+  return "props" in imageElementOrAvatarProps;
 };
 var renderAvatar = function (imageElementOrAvatarProps) {
-    return isJSXElement(imageElementOrAvatarProps) ? (React.createElement(React.Fragment, null, imageElementOrAvatarProps)) : (React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, { size: "small" })));
+  return isJSXElement(imageElementOrAvatarProps) ? ( /*#__PURE__*/React.createElement(React.Fragment, null, imageElementOrAvatarProps)) : ( /*#__PURE__*/React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
+    size: "small"
+  })));
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}
  */
-var Tag = function (props) {
-    var children = props.children, _a = props.variant, variant = _a === void 0 ? "default" : _a, _b = props.size, size = _b === void 0 ? "medium" : _b, _c = props.inline, inline = _c === void 0 ? false : _c, _d = props.dismissible, dismissible = _d === void 0 ? false : _d, onDismiss = props.onDismiss, onMouseDown = props.onMouseDown, onMouseLeave = props.onMouseLeave, truncateWidth = props.truncateWidth;
+const Tag = /*#__PURE__*/function () {
+  const Tag = function (props) {
+    var children = props.children,
+      _a = props.variant,
+      variant = _a === void 0 ? "default" : _a,
+      _b = props.size,
+      size = _b === void 0 ? "medium" : _b,
+      _c = props.inline,
+      inline = _c === void 0 ? false : _c,
+      _d = props.dismissible,
+      dismissible = _d === void 0 ? false : _d,
+      onDismiss = props.onDismiss,
+      onMouseDown = props.onMouseDown,
+      onMouseLeave = props.onMouseLeave,
+      truncateWidth = props.truncateWidth;
     var isTruncated = truncateWidth && truncateWidth > 0;
     var canShowIcon = size === "medium";
-    return (React.createElement("div", { className: classnames(styles.root, styles[variant], variant === "profile" && styles.default, styles[size], inline && styles.inline, dismissible && styles.dismissible) },
-        React.createElement("div", { className: styles.layoutContainer },
-            React.createElement(React.Fragment, null,
-                canShowIcon &&
-                    (function () {
-                        switch (props.variant) {
-                            case "validationPositive":
-                                return (React.createElement("span", { className: styles.validationIcon },
-                                    React.createElement(SuccessIcon, { role: "presentation" })));
-                            case "validationNegative":
-                                return (React.createElement("span", { className: styles.validationIcon },
-                                    React.createElement(ExclamationIcon, { role: "presentation" })));
-                            case "validationCautionary":
-                                return (React.createElement("span", { className: styles.validationIcon },
-                                    React.createElement(CautionIcon, { role: "presentation" })));
-                            case "validationInformative":
-                                return (React.createElement("span", { className: styles.validationIcon },
-                                    React.createElement(InformationIcon, { role: "presentation" })));
-                            case "profile":
-                                return (React.createElement("span", { className: styles.profile }, props.avatar && renderAvatar(props.avatar)));
-                            default:
-                                return;
-                        }
-                    })(),
-                React.createElement("span", { className: classnames(styles.textContent, isTruncated && styles.truncate), style: {
-                        maxWidth: isTruncated ? truncateWidth : undefined,
-                    } }, children),
-                dismissible && (React.createElement(React.Fragment, null,
-                    React.createElement("button", { type: "button", className: styles.dismissButton, onClick: onDismiss, onMouseDown: onMouseDown, onMouseLeave: onMouseLeave },
-                        React.createElement("div", { className: styles.iconWrapper },
-                            React.createElement(ClearIcon, { inheritSize: true, role: "img", "aria-label": "Dismiss" }))))),
-                variant === "statusLive" && (React.createElement("span", { className: styles.liveIcon },
-                    React.createElement(LiveIcon, { role: "presentation", classNameOverride: styles.liveIcon_base, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }),
-                    React.createElement(LiveIcon, { role: "presentation", classNameOverride: styles.liveIcon_1, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }),
-                    React.createElement(LiveIcon, { role: "presentation", classNameOverride: styles.liveIcon_2, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }),
-                    React.createElement(LiveIcon, { role: "presentation", classNameOverride: styles.liveIcon_3, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" })))))));
-};
-Tag.displayName = "Tag";
-
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.root, styles[variant], variant === "profile" && styles.default, styles[size], inline && styles.inline, dismissible && styles.dismissible)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.layoutContainer
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, canShowIcon && function () {
+      switch (props.variant) {
+        case "validationPositive":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.validationIcon
+          }, /*#__PURE__*/React.createElement(SuccessIcon, {
+            role: "presentation"
+          }));
+        case "validationNegative":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.validationIcon
+          }, /*#__PURE__*/React.createElement(ExclamationIcon, {
+            role: "presentation"
+          }));
+        case "validationCautionary":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.validationIcon
+          }, /*#__PURE__*/React.createElement(CautionIcon, {
+            role: "presentation"
+          }));
+        case "validationInformative":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.validationIcon
+          }, /*#__PURE__*/React.createElement(InformationIcon, {
+            role: "presentation"
+          }));
+        case "profile":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.profile
+          }, props.avatar && renderAvatar(props.avatar));
+        default:
+          return;
+      }
+    }(), /*#__PURE__*/React.createElement("span", {
+      className: classnames(styles.textContent, isTruncated && styles.truncate),
+      style: {
+        maxWidth: isTruncated ? truncateWidth : undefined
+      }
+    }, children), dismissible && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: styles.dismissButton,
+      onClick: onDismiss,
+      onMouseDown: onMouseDown,
+      onMouseLeave: onMouseLeave
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(ClearIcon, {
+      inheritSize: true,
+      role: "img",
+      "aria-label": "Dismiss"
+    }))))), variant === "statusLive" && ( /*#__PURE__*/React.createElement("span", {
+      className: styles.liveIcon
+    }, /*#__PURE__*/React.createElement(LiveIcon, {
+      role: "presentation",
+      classNameOverride: styles.liveIcon_base,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement(LiveIcon, {
+      role: "presentation",
+      classNameOverride: styles.liveIcon_1,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement(LiveIcon, {
+      role: "presentation",
+      classNameOverride: styles.liveIcon_2,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement(LiveIcon, {
+      role: "presentation",
+      classNameOverride: styles.liveIcon_3,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }))))));
+  };
+  Tag.displayName = "Tag";
+  return Tag;
+}();
 export { Tag };

package/dist/esm/Tag/Tag.module.scss.mjs

@@ -1,3 +1,35 @@
-var styles = {"root":"Tag-module_root__uRhoc","profile":"Tag-module_profile__OoGsS","layoutContainer":"Tag-module_layoutContainer__pBLSz","validationIcon":"Tag-module_validationIcon__B-YLv","textContent":"Tag-module_textContent__q76X-","iconWrapper":"Tag-module_iconWrapper__aPrKH","dismissButton":"Tag-module_dismissButton__rHv7r","background":"Tag-module_background__LkzGB","truncate":"Tag-module_truncate__5w7HW","inline":"Tag-module_inline__pPM-d","medium":"Tag-module_medium__NkOrv","small":"Tag-module_small__-xyNk","default":"Tag-module_default__6PVke","sentimentPositive":"Tag-module_sentimentPositive__nbqE1","sentimentNeutral":"Tag-module_sentimentNeutral__8BtD8","sentimentNegative":"Tag-module_sentimentNegative__1J85t","sentimentNone":"Tag-module_sentimentNone__8BWjU","validationPositive":"Tag-module_validationPositive__vgFUE","validationInformative":"Tag-module_validationInformative__bnJ4A","validationNegative":"Tag-module_validationNegative__lZgIY","validationCautionary":"Tag-module_validationCautionary__ERS2t","statusLive":"Tag-module_statusLive__xG48w","statusAction":"Tag-module_statusAction__woL-O","statusClosed":"Tag-module_statusClosed__VhZP-","statusDraft":"Tag-module_statusDraft__9QZDv","liveIcon":"Tag-module_liveIcon__URtak","liveIcon_base":"Tag-module_liveIcon_base__Nk5um","liveIcon_1":"Tag-module_liveIcon_1__STFJY","liveIcon_2":"Tag-module_liveIcon_2__rko-D","liveIcon_3":"Tag-module_liveIcon_3__fL71y","pulse-inner":"Tag-module_pulse-inner__0-JFL","pulse-outer":"Tag-module_pulse-outer__f9Oox"};
-
+var styles = {
+  "root": "Tag-module_root__uRhoc",
+  "profile": "Tag-module_profile__OoGsS",
+  "layoutContainer": "Tag-module_layoutContainer__pBLSz",
+  "validationIcon": "Tag-module_validationIcon__B-YLv",
+  "textContent": "Tag-module_textContent__q76X-",
+  "iconWrapper": "Tag-module_iconWrapper__aPrKH",
+  "dismissButton": "Tag-module_dismissButton__rHv7r",
+  "background": "Tag-module_background__LkzGB",
+  "truncate": "Tag-module_truncate__5w7HW",
+  "inline": "Tag-module_inline__pPM-d",
+  "medium": "Tag-module_medium__NkOrv",
+  "small": "Tag-module_small__-xyNk",
+  "default": "Tag-module_default__6PVke",
+  "sentimentPositive": "Tag-module_sentimentPositive__nbqE1",
+  "sentimentNeutral": "Tag-module_sentimentNeutral__8BtD8",
+  "sentimentNegative": "Tag-module_sentimentNegative__1J85t",
+  "sentimentNone": "Tag-module_sentimentNone__8BWjU",
+  "validationPositive": "Tag-module_validationPositive__vgFUE",
+  "validationInformative": "Tag-module_validationInformative__bnJ4A",
+  "validationNegative": "Tag-module_validationNegative__lZgIY",
+  "validationCautionary": "Tag-module_validationCautionary__ERS2t",
+  "statusLive": "Tag-module_statusLive__xG48w",
+  "statusAction": "Tag-module_statusAction__woL-O",
+  "statusClosed": "Tag-module_statusClosed__VhZP-",
+  "statusDraft": "Tag-module_statusDraft__9QZDv",
+  "liveIcon": "Tag-module_liveIcon__URtak",
+  "liveIcon_base": "Tag-module_liveIcon_base__Nk5um",
+  "liveIcon_1": "Tag-module_liveIcon_1__STFJY",
+  "liveIcon_2": "Tag-module_liveIcon_2__rko-D",
+  "liveIcon_3": "Tag-module_liveIcon_3__fL71y",
+  "pulse-inner": "Tag-module_pulse-inner__0-JFL",
+  "pulse-outer": "Tag-module_pulse-outer__f9Oox"
+};
 export { styles as default };

package/dist/esm/Text/Text.mjs

@@ -8,10 +8,17 @@ import styles from './Text.module.scss.mjs';
  * {@link https://cultureamp.design/?path=/docs/components-typography-text--body Storybook}
  */
 var Text = function (_a) {
-    var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
-    var className = classnames(styles.text, styles[variant], styles[color], classNameOverride);
-    return createElement(tag === undefined ? "p" : tag, __assign(__assign({}, restProps), { className: className }), children);
+  var children = _a.children,
+    tag = _a.tag,
+    variant = _a.variant,
+    _b = _a.color,
+    color = _b === void 0 ? "dark" : _b,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
+  var className = classnames(styles.text, styles[variant], styles[color], classNameOverride);
+  return /*#__PURE__*/createElement(tag === undefined ? "p" : tag, __assign(__assign({}, restProps), {
+    className: className
+  }), children);
 };
 Text.displayName = "Text";
-
 export { Text };

package/dist/esm/Text/Text.module.scss.mjs

@@ -1,3 +1,14 @@
-var styles = {"text":"Text-module_text__Byo7R","intro-lede":"Text-module_intro-lede__ENE72","body":"Text-module_body__cO-XH","small":"Text-module_small__uZNGn","extra-small":"Text-module_extra-small__3g9eN","dark":"Text-module_dark__-jDSk","dark-reduced-opacity":"Text-module_dark-reduced-opacity__18nLo","white":"Text-module_white__-yVD0","white-reduced-opacity":"Text-module_white-reduced-opacity__i0veZ","positive":"Text-module_positive__e-IKh","negative":"Text-module_negative__agbge"};
-
+var styles = {
+  "text": "Text-module_text__Byo7R",
+  "intro-lede": "Text-module_intro-lede__ENE72",
+  "body": "Text-module_body__cO-XH",
+  "small": "Text-module_small__uZNGn",
+  "extra-small": "Text-module_extra-small__3g9eN",
+  "dark": "Text-module_dark__-jDSk",
+  "dark-reduced-opacity": "Text-module_dark-reduced-opacity__18nLo",
+  "white": "Text-module_white__-yVD0",
+  "white-reduced-opacity": "Text-module_white-reduced-opacity__i0veZ",
+  "positive": "Text-module_positive__e-IKh",
+  "negative": "Text-module_negative__agbge"
+};
 export { styles as default };

package/dist/esm/TextArea/TextArea.mjs

@@ -2,52 +2,81 @@ import { __rest, __assign } from 'tslib';
 import React, { useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import styles from './TextArea.module.scss.mjs';
-
-var TextArea = function (_a) {
-    var propsTextAreaRef = _a.textAreaRef, _b = _a.status, status = _b === void 0 ? "default" : _b, _c = _a.autogrow, autogrow = _c === void 0 ? false : _c, _d = _a.reversed, reversed = _d === void 0 ? false : _d, _e = _a.rows, rows = _e === void 0 ? 3 : _e, defaultValue = _a.defaultValue, value = _a.value, disabled = _a.disabled, propsOnChange = _a.onChange, restProps = __rest(_a, ["textAreaRef", "status", "autogrow", "reversed", "rows", "defaultValue", "value", "disabled", "onChange"]);
-    var _f = useState("auto"), textAreaHeight = _f[0], setTextAreaHeight = _f[1];
-    var _g = useState("auto"), parentHeight = _g[0], setParentHeight = _g[1];
-    var _h = useState(autogrow ? defaultValue : undefined), internalValue = _h[0], setInternalValue = _h[1];
+const TextArea = /*#__PURE__*/function () {
+  const TextArea = function (_a) {
+    var propsTextAreaRef = _a.textAreaRef,
+      _b = _a.status,
+      status = _b === void 0 ? "default" : _b,
+      _c = _a.autogrow,
+      autogrow = _c === void 0 ? false : _c,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      _e = _a.rows,
+      rows = _e === void 0 ? 3 : _e,
+      defaultValue = _a.defaultValue,
+      value = _a.value,
+      disabled = _a.disabled,
+      propsOnChange = _a.onChange,
+      restProps = __rest(_a, ["textAreaRef", "status", "autogrow", "reversed", "rows", "defaultValue", "value", "disabled", "onChange"]);
+    var _f = useState("auto"),
+      textAreaHeight = _f[0],
+      setTextAreaHeight = _f[1];
+    var _g = useState("auto"),
+      parentHeight = _g[0],
+      setParentHeight = _g[1];
+    var _h = useState(autogrow ? defaultValue : undefined),
+      internalValue = _h[0],
+      setInternalValue = _h[1];
     // ^ holds an internal state of the value so that autogrow can still work with uncontrolled textareas
     // essentially forces the textarea into an (interally) controlled mode if autogrow is true
     var textAreaRef = propsTextAreaRef || useRef(null);
     useEffect(function () {
-        if (!autogrow)
-            return;
-        var scrollHeight = textAreaRef.current.scrollHeight;
-        if (scrollHeight < 1)
-            return;
-        var borderWidth = textAreaRef.current
-            ? parseInt(getComputedStyle(textAreaRef.current).borderTopWidth, 10)
-            : 0;
-        var newHeight = scrollHeight + borderWidth * 2;
-        setParentHeight("".concat(newHeight, "px"));
-        setTextAreaHeight("".concat(newHeight, "px"));
+      if (!autogrow) return;
+      var scrollHeight = textAreaRef.current.scrollHeight;
+      if (scrollHeight < 1) return;
+      var borderWidth = textAreaRef.current ? parseInt(getComputedStyle(textAreaRef.current).borderTopWidth, 10) : 0;
+      var newHeight = scrollHeight + borderWidth * 2;
+      setParentHeight("".concat(newHeight, "px"));
+      setTextAreaHeight("".concat(newHeight, "px"));
     }, [internalValue]);
-    var onChange = !autogrow
-        ? undefined
-        : function (event) {
-            setTextAreaHeight("auto");
-            // ^ this is required to avoid the textarea height from building up indefinitely
-            // see https://medium.com/@lucasalgus/creating-a-custom-auto-resize-textarea-component-for-your-react-web-application-6959c0ad68bc#2dee
-            setInternalValue(event.target.value);
-            if (propsOnChange) {
-                propsOnChange(event);
-            }
-        };
+    var onChange = !autogrow ? undefined : function (event) {
+      setTextAreaHeight("auto");
+      // ^ this is required to avoid the textarea height from building up indefinitely
+      // see https://medium.com/@lucasalgus/creating-a-custom-auto-resize-textarea-component-for-your-react-web-application-6959c0ad68bc#2dee
+      setInternalValue(event.target.value);
+      if (propsOnChange) {
+        propsOnChange(event);
+      }
+    };
     var getWrapperStyle = function () {
-        return autogrow ? { minHeight: parentHeight } : undefined;
+      return autogrow ? {
+        minHeight: parentHeight
+      } : undefined;
     };
     var getTextAreaStyle = function () {
-        return autogrow ? { height: textAreaHeight } : undefined;
+      return autogrow ? {
+        height: textAreaHeight
+      } : undefined;
     };
     var controlledValue = value || internalValue;
-    return (React.createElement("div", { className: styles.wrapper, style: getWrapperStyle() },
-        React.createElement("textarea", __assign({ className: classnames(styles.textarea, styles[status], reversed ? styles.reversed : styles.default, disabled && styles.disabled), rows: rows, onChange: onChange || propsOnChange, value: controlledValue, defaultValue: controlledValue ? undefined : defaultValue, 
-            // ^ React throws a warning if you specify both a value and a defaultValue
-            ref: textAreaRef, style: getTextAreaStyle(), disabled: disabled }, restProps)),
-        React.createElement("div", { className: styles.focusRing })));
-};
-TextArea.displayName = "TextArea";
-
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.wrapper,
+      style: getWrapperStyle()
+    }, /*#__PURE__*/React.createElement("textarea", __assign({
+      className: classnames(styles.textarea, styles[status], reversed ? styles.reversed : styles.default, disabled && styles.disabled),
+      rows: rows,
+      onChange: onChange || propsOnChange,
+      value: controlledValue,
+      defaultValue: controlledValue ? undefined : defaultValue,
+      // ^ React throws a warning if you specify both a value and a defaultValue
+      ref: textAreaRef,
+      style: getTextAreaStyle(),
+      disabled: disabled
+    }, restProps)), /*#__PURE__*/React.createElement("div", {
+      className: styles.focusRing
+    }));
+  };
+  TextArea.displayName = "TextArea";
+  return TextArea;
+}();
 export { TextArea };

package/dist/esm/TextArea/TextArea.module.scss.mjs

@@ -1,3 +1,11 @@
-var styles = {"wrapper":"TextArea-module_wrapper__ytS6M","textarea":"TextArea-module_textarea__GeHn4","focusRing":"TextArea-module_focusRing__kECqH","default":"TextArea-module_default__Z8jvR","error":"TextArea-module_error__XOQRm","caution":"TextArea-module_caution__9BGd0","disabled":"TextArea-module_disabled__N09tP","reversed":"TextArea-module_reversed__-SoNq"};
-
+var styles = {
+  "wrapper": "TextArea-module_wrapper__ytS6M",
+  "textarea": "TextArea-module_textarea__GeHn4",
+  "focusRing": "TextArea-module_focusRing__kECqH",
+  "default": "TextArea-module_default__Z8jvR",
+  "error": "TextArea-module_error__XOQRm",
+  "caution": "TextArea-module_caution__9BGd0",
+  "disabled": "TextArea-module_disabled__N09tP",
+  "reversed": "TextArea-module_reversed__-SoNq"
+};
 export { styles as default };