@doist/reactist 25.0.0-beta.2 → 25.0.0

package/es/spinner/spinner.js

@@ -1,24 +1,24 @@
-import { createElement } from 'react';
-import styles from './spinner.module.css.js';
+import * as React from 'react';
+import modules_c7f5018f from './spinner.module.css.js';
 
 function Spinner({
   size = 24
 }) {
-  return /*#__PURE__*/createElement("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     "aria-hidden": true,
     width: size,
     height: size,
     viewBox: "0 0 24 24",
-    className: styles.svg,
+    className: modules_c7f5018f.svg,
     "data-chromatic": "ignore"
-  }, /*#__PURE__*/createElement("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     fill: "none",
     fillRule: "nonzero"
-  }, /*#__PURE__*/createElement("path", {
-    className: styles.tint,
+  }, /*#__PURE__*/React.createElement("path", {
+    className: modules_c7f5018f.tint,
     d: "M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"
-  }), /*#__PURE__*/createElement("path", {
-    className: styles.fill,
+  }), /*#__PURE__*/React.createElement("path", {
+    className: modules_c7f5018f.fill,
     d: "M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"
   })));
 }

package/es/spinner/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sources":["../../src/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\nimport styles from './spinner.module.css'\n\nfunction Spinner({ size = 24 }: { size?: number }) {\n    return (\n        <svg\n            aria-hidden\n            width={size}\n            height={size}\n            viewBox=\"0 0 24 24\"\n            className={styles.svg}\n            data-chromatic=\"ignore\"\n        >\n            <g fill=\"none\" fillRule=\"nonzero\">\n                <path\n                    className={styles.tint}\n                    d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n                />\n                <path\n                    className={styles.fill}\n                    d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nexport { Spinner }\n"],"names":["Spinner","size","React","width","height","viewBox","className","styles","svg","fill","fillRule","tint","d"],"mappings":";;;AAGA,SAASA,OAAT,CAAiB;EAAEC,IAAI,GAAG;AAAT,CAAjB;EACI,oBACIC,aAAA,MAAA;;IAEIC,KAAK,EAAEF;IACPG,MAAM,EAAEH;IACRI,OAAO,EAAC;IACRC,SAAS,EAAEC,MAAM,CAACC;sBACH;GANnB,eAQIN,aAAA,IAAA;IAAGO,IAAI,EAAC;IAAOC,QAAQ,EAAC;GAAxB,eACIR,aAAA,OAAA;IACII,SAAS,EAAEC,MAAM,CAACI;IAClBC,CAAC,EAAC;GAFN,CADJ,eAKIV,aAAA,OAAA;IACII,SAAS,EAAEC,MAAM,CAACE;IAClBG,CAAC,EAAC;GAFN,CALJ,CARJ,CADJ;AAqBH;;;;"}
+{"version":3,"file":"spinner.js","sources":["../../src/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\nimport styles from './spinner.module.css'\n\nfunction Spinner({ size = 24 }: { size?: number }) {\n    return (\n        <svg\n            aria-hidden\n            width={size}\n            height={size}\n            viewBox=\"0 0 24 24\"\n            className={styles.svg}\n            data-chromatic=\"ignore\"\n        >\n            <g fill=\"none\" fillRule=\"nonzero\">\n                <path\n                    className={styles.tint}\n                    d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n                />\n                <path\n                    className={styles.fill}\n                    d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nexport { Spinner }\n"],"names":["Spinner","size","React","width","height","viewBox","className","styles","svg","createElement","fill","fillRule","tint","d"],"mappings":";;;AAGA,SAASA,OAAT,CAAiB;AAAEC,EAAAA,IAAI,GAAG,EAAA;AAAT,CAAjB,EAAiD;AAC7C,EAAA,oBACIC,mBAAA,MAAA;;AAEIC,IAAAA,KAAK,EAAEF;AACPG,IAAAA,MAAM,EAAEH;AACRI,IAAAA,OAAO,EAAC;IACRC,SAAS,EAAEC,gBAAM,CAACC;oBACH,EAAA,QAAA;GANnB,eAQIN,KAAA,CAAAO,aAAA,CAAA,GAAA,EAAA;AAAGC,IAAAA,IAAI,EAAC,MAAR;AAAeC,IAAAA,QAAQ,EAAC,SAAA;AAAxB,GAAA,eACIT,KACI,CAAAO,aADJ,CACI,MADJ,EACI;IAAAH,SAAS,EAAEC,gBAAM,CAACK,IAAlB;AACAC,IAAAA,CAAC,EAAC,8IAAA;AADF,GADJ,CADJ,eAKIX,KAAA,CAAAO,aAAA,CAAA,MAAA,EAAA;IACIH,SAAS,EAAEC,gBAAM,CAACG,IADtB;AAEIG,IAAAA,CAAC,EAAC,2NAAA;GAFN,CALJ,CARJ,CADJ,CAAA;AAqBH;;;;"}

package/es/spinner/spinner.module.css.js

@@ -1,4 +1,4 @@
 var modules_c7f5018f = {"svg":"_51539197","spinner":"_54fbe2b3","tint":"a0c466ed","fill":"_745b73d3"};
 
-export default modules_c7f5018f;
+export { modules_c7f5018f as default };
 //# sourceMappingURL=spinner.module.css.js.map

package/es/stack/stack.js

@@ -1,10 +1,10 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement, Children, Fragment } from 'react';
+import * as React from 'react';
+import flattenChildren from 'react-keyed-flatten-children';
 import { polymorphicComponent } from '../utils/polymorphism.js';
 import { mapResponsiveProp } from '../utils/responsive-props.js';
 import { Box } from '../box/box.js';
 import { Divider } from '../divider/divider.js';
-import flattenChildren from 'react-keyed-flatten-children';
 
 const _excluded = ["as", "space", "align", "dividers", "width", "children", "exceptionallySetClassName"];
 const Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
@@ -20,7 +20,7 @@ const Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   const alignItems = align === undefined ? undefined : mapResponsiveProp(align, align => align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center');
-  return /*#__PURE__*/createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
     display: "flex",
     flexDirection: "column",
     width: width,
@@ -29,7 +29,7 @@ const Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
     as: as,
     className: exceptionallySetClassName,
     ref: ref
-  }), dividers !== 'none' ? Children.map(flattenChildren(children), (child, index) => index > 0 ? /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Divider, {
+  }), dividers !== 'none' ? React.Children.map(flattenChildren(children), (child, index) => index > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
     weight: dividers
   }), child) : child) : children);
 });

package/es/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","sources":["../../src/stack/stack.tsx"],"sourcesContent":["import * as React from 'react'\nimport flattenChildren from 'react-keyed-flatten-children'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { mapResponsiveProp } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { Divider } from '../divider'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type { DividerWeight, Space } from '../utils/common-types'\nimport type { BoxProps, ReusableBoxProps } from '../box'\n\ntype Align = 'start' | 'center' | 'end'\n\ninterface StackProps extends ReusableBoxProps {\n    /** Space between items */\n    space?: ResponsiveProp<Space>\n    /** Align items horizontally */\n    align?: ResponsiveProp<Align>\n    /** The weight of the dividers to add. Defaults to 'none', which means no dividers are added */\n    dividers?: DividerWeight\n}\n\nconst Stack = polymorphicComponent<'div', StackProps>(function Stack(\n    {\n        as,\n        space,\n        align,\n        dividers = 'none',\n        width = 'full',\n        children,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const alignItems: BoxProps['alignItems'] =\n        align === undefined\n            ? undefined\n            : mapResponsiveProp(align, (align) =>\n                  align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center',\n              )\n\n    return (\n        <Box\n            {...props}\n            display=\"flex\"\n            flexDirection=\"column\"\n            width={width}\n            alignItems={alignItems}\n            gap={space}\n            as={as}\n            className={exceptionallySetClassName}\n            ref={ref}\n        >\n            {dividers !== 'none'\n                ? React.Children.map(flattenChildren(children), (child, index) =>\n                      index > 0 ? (\n                          <>\n                              <Divider weight={dividers} />\n                              {child}\n                          </>\n                      ) : (\n                          child\n                      ),\n                  )\n                : children}\n        </Box>\n    )\n})\n\nexport type { StackProps }\nexport { Stack }\n"],"names":["Stack","polymorphicComponent","ref","as","space","align","dividers","width","children","exceptionallySetClassName","props","alignItems","undefined","mapResponsiveProp","React","Box","display","flexDirection","gap","className","map","flattenChildren","child","index","Divider","weight"],"mappings":";;;;;;;;;MAsBMA,KAAK,gBAAGC,oBAAoB,CAAoB,SAASD,KAAT,OAWlDE,GAXkD;MAClD;IACIC,EADJ;IAEIC,KAFJ;IAGIC,KAHJ;IAIIC,QAAQ,GAAG,MAJf;IAKIC,KAAK,GAAG,MALZ;IAMIC,QANJ;IAOIC;;MACGC;;EAIP,MAAMC,UAAU,GACZN,KAAK,KAAKO,SAAV,GACMA,SADN,GAEMC,iBAAiB,CAACR,KAAD,EAASA,KAAD,IACrBA,KAAK,KAAK,OAAV,GAAoB,WAApB,GAAkCA,KAAK,KAAK,KAAV,GAAkB,SAAlB,GAA8B,QADnD,CAH3B;EAOA,oBACIS,aAAA,CAACC,GAAD,oCACQL,KADR;IAEIM,OAAO,EAAC,MAFZ;IAGIC,aAAa,EAAC,QAHlB;IAIIV,KAAK,EAAEA,KAJX;IAKII,UAAU,EAAEA,UALhB;IAMIO,GAAG,EAAEd,KANT;IAOID,EAAE,EAAEA,EAPR;IAQIgB,SAAS,EAAEV,yBARf;IASIP,GAAG,EAAEA;MAEJI,QAAQ,KAAK,MAAb,GACKQ,QAAA,CAAeM,GAAf,CAAmBC,eAAe,CAACb,QAAD,CAAlC,EAA8C,CAACc,KAAD,EAAQC,KAAR,KAC1CA,KAAK,GAAG,CAAR,gBACIT,aAAA,SAAA,MAAA,eACIA,aAAA,CAACU,OAAD;IAASC,MAAM,EAAEnB;GAAjB,CADJ,EAEKgB,KAFL,CADJ,GAMIA,KAPR,CADL,GAWKd,QAtBV,CADJ;AA0BH,CA9CiC;;;;"}
+{"version":3,"file":"stack.js","sources":["../../src/stack/stack.tsx"],"sourcesContent":["import * as React from 'react'\nimport flattenChildren from 'react-keyed-flatten-children'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { mapResponsiveProp } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { Divider } from '../divider'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type { DividerWeight, Space } from '../utils/common-types'\nimport type { BoxProps, ReusableBoxProps } from '../box'\n\ntype Align = 'start' | 'center' | 'end'\n\ninterface StackProps extends ReusableBoxProps {\n    /** Space between items */\n    space?: ResponsiveProp<Space>\n    /** Align items horizontally */\n    align?: ResponsiveProp<Align>\n    /** The weight of the dividers to add. Defaults to 'none', which means no dividers are added */\n    dividers?: DividerWeight\n}\n\nconst Stack = polymorphicComponent<'div', StackProps>(function Stack(\n    {\n        as,\n        space,\n        align,\n        dividers = 'none',\n        width = 'full',\n        children,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const alignItems: BoxProps['alignItems'] =\n        align === undefined\n            ? undefined\n            : mapResponsiveProp(align, (align) =>\n                  align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center',\n              )\n\n    return (\n        <Box\n            {...props}\n            display=\"flex\"\n            flexDirection=\"column\"\n            width={width}\n            alignItems={alignItems}\n            gap={space}\n            as={as}\n            className={exceptionallySetClassName}\n            ref={ref}\n        >\n            {dividers !== 'none'\n                ? React.Children.map(flattenChildren(children), (child, index) =>\n                      index > 0 ? (\n                          <>\n                              <Divider weight={dividers} />\n                              {child}\n                          </>\n                      ) : (\n                          child\n                      ),\n                  )\n                : children}\n        </Box>\n    )\n})\n\nexport type { StackProps }\nexport { Stack }\n"],"names":["Stack","polymorphicComponent","ref","as","space","align","dividers","width","children","exceptionallySetClassName","props","alignItems","undefined","mapResponsiveProp","React","createElement","Box","display","flexDirection","gap","className","Children","map","flattenChildren","child","index","Fragment","Divider","weight"],"mappings":";;;;;;;;;AAsBMA,MAAAA,KAAK,gBAAGC,oBAAoB,CAAoB,SAASD,KAAT,CAAA,IAAA,EAWlDE,GAXkD,EAW/C;EAAA,IAVH;IACIC,EADJ;IAEIC,KAFJ;IAGIC,KAHJ;AAIIC,IAAAA,QAAQ,GAAG,MAJf;AAKIC,IAAAA,KAAK,GAAG,MALZ;IAMIC,QANJ;AAOIC,IAAAA,yBAAAA;GAGD,GAAA,IAAA;AAAA,MAFIC,KAEJ,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;EAEH,MAAMC,UAAU,GACZN,KAAK,KAAKO,SAAV,GACMA,SADN,GAEMC,iBAAiB,CAACR,KAAD,EAASA,KAAD,IACrBA,KAAK,KAAK,OAAV,GAAoB,WAApB,GAAkCA,KAAK,KAAK,KAAV,GAAkB,SAAlB,GAA8B,QADnD,CAH3B,CAAA;AAOA,EAAA,oBACIS,KAAC,CAAAC,aAAD,CAACC,GAAD,oCACQN,KADR,CAAA,EAAA,EAAA,EAAA;AAEIO,IAAAA,OAAO,EAAC,MAFZ;AAGIC,IAAAA,aAAa,EAAC,QAHlB;AAIIX,IAAAA,KAAK,EAAEA,KAJX;AAKII,IAAAA,UAAU,EAAEA,UALhB;AAMIQ,IAAAA,GAAG,EAAEf,KANT;AAOID,IAAAA,EAAE,EAAEA,EAPR;AAQIiB,IAAAA,SAAS,EAAEX,yBARf;AASIP,IAAAA,GAAG,EAAEA,GAAAA;AATT,GAAA,CAAA,EAWKI,QAAQ,KAAK,MAAb,GACKQ,KAAK,CAACO,QAAN,CAAeC,GAAf,CAAmBC,eAAe,CAACf,QAAD,CAAlC,EAA8C,CAACgB,KAAD,EAAQC,KAAR,KAC1CA,KAAK,GAAG,CAAR,gBACIX,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAY,QAAA,EAAA,IAAA,eACIZ,KAAA,CAAAC,aAAA,CAACY,OAAD,EAAQ;AAACC,IAAAA,MAAM,EAAEtB,QAAAA;GAAjB,CADJ,EAEKkB,KAFL,CADJ,GAMIA,KAPR,CADL,GAWKhB,QAtBV,CADJ,CAAA;AA0BH,CA9CiC;;;;"}

package/es/switch-field/switch-field.js

@@ -1,15 +1,15 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { forwardRef, useState, createElement } from 'react';
+import * as React from 'react';
 import { Box } from '../box/box.js';
 import { Stack } from '../stack/stack.js';
-import { HiddenVisually } from '../hidden-visually/hidden-visually.js';
-import { useId } from '../utils/common-helpers.js';
 import { Text } from '../text/text.js';
+import { HiddenVisually } from '../hidden-visually/hidden-visually.js';
 import { FieldHint } from '../base-field/base-field.js';
-import styles from './switch-field.module.css.js';
+import { useId } from '../utils/common-helpers.js';
+import modules_8e05f7c9 from './switch-field.module.css.js';
 
 const _excluded = ["label", "hint", "disabled", "hidden", "defaultChecked", "id", "aria-describedby", "aria-label", "aria-labelledby", "onChange"];
-const SwitchField = /*#__PURE__*/forwardRef(function SwitchField(_ref, ref) {
+const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref) {
   var _ref2, _props$checked, _props$checked2;
 
   let {
@@ -31,25 +31,25 @@ const SwitchField = /*#__PURE__*/forwardRef(function SwitchField(_ref, ref) {
   const ariaDescribedBy = originalAriaDescribedBy != null ? originalAriaDescribedBy : hint ? hintId : undefined;
   const ariaLabel = originalAriaLabel != null ? originalAriaLabel : undefined;
   const ariaLabelledBy = originalAriaLabelledby != null ? originalAriaLabelledby : undefined;
-  const [keyFocused, setKeyFocused] = useState(false);
-  const [checkedState, setChecked] = useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
+  const [keyFocused, setKeyFocused] = React.useState(false);
+  const [checkedState, setChecked] = React.useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
   const isChecked = (_props$checked2 = props.checked) != null ? _props$checked2 : checkedState;
-  return /*#__PURE__*/createElement(Stack, {
+  return /*#__PURE__*/React.createElement(Stack, {
     space: "small",
     hidden: hidden
-  }, /*#__PURE__*/createElement(Box, {
-    className: [styles.container, disabled ? styles.disabled : null, isChecked ? styles.checked : null, keyFocused ? styles.keyFocused : null],
+  }, /*#__PURE__*/React.createElement(Box, {
+    className: [modules_8e05f7c9.container, disabled ? modules_8e05f7c9.disabled : null, isChecked ? modules_8e05f7c9.checked : null, keyFocused ? modules_8e05f7c9.keyFocused : null],
     as: "label",
     display: "flex",
     alignItems: "center"
-  }, /*#__PURE__*/createElement(Box, {
+  }, /*#__PURE__*/React.createElement(Box, {
     position: "relative",
     display: "inlineBlock",
     overflow: "visible",
     marginRight: "small",
     flexShrink: 0,
-    className: styles.toggle
-  }, /*#__PURE__*/createElement(HiddenVisually, null, /*#__PURE__*/createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+    className: modules_8e05f7c9.toggle
+  }, /*#__PURE__*/React.createElement(HiddenVisually, null, /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     id: id,
     type: "checkbox",
     disabled: disabled,
@@ -73,11 +73,11 @@ const SwitchField = /*#__PURE__*/forwardRef(function SwitchField(_ref, ref) {
       setKeyFocused(true);
       props == null ? void 0 : props.onKeyUp == null ? void 0 : props.onKeyUp(event);
     }
-  }))), /*#__PURE__*/createElement("span", {
-    className: styles.handle
-  })), /*#__PURE__*/createElement(Text, {
-    exceptionallySetClassName: styles.label
-  }, label)), hint ? /*#__PURE__*/createElement(FieldHint, {
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: modules_8e05f7c9.handle
+  })), /*#__PURE__*/React.createElement(Text, {
+    exceptionallySetClassName: modules_8e05f7c9.label
+  }, label)), hint ? /*#__PURE__*/React.createElement(FieldHint, {
     id: hintId
   }, hint) : null);
 });

package/es/switch-field/switch-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch-field.js","sources":["../../src/switch-field/switch-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\nimport { HiddenVisually } from '../hidden-visually'\nimport { FieldComponentProps, FieldHint } from '../base-field'\nimport { useId } from '../utils/common-helpers'\nimport styles from './switch-field.module.css'\n\ninterface SwitchFieldProps\n    extends Omit<\n        FieldComponentProps<HTMLInputElement>,\n        | 'type'\n        | 'secondaryLabel'\n        | 'auxiliaryLabel'\n        | 'maxWidth'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    /**\n     * Identifies the element (or elements) that describes the switch for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current switch for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current switch for assistive technologies.\n     */\n    'aria-labelledby'?: string\n}\n\nconst SwitchField = React.forwardRef<HTMLInputElement, SwitchFieldProps>(function SwitchField(\n    {\n        label,\n        hint,\n        disabled = false,\n        hidden,\n        defaultChecked,\n        id: originalId,\n        'aria-describedby': originalAriaDescribedBy,\n        'aria-label': originalAriaLabel,\n        'aria-labelledby': originalAriaLabelledby,\n        onChange,\n        ...props\n    },\n    ref,\n) {\n    const id = useId(originalId)\n    const hintId = useId()\n\n    const ariaDescribedBy = originalAriaDescribedBy ?? (hint ? hintId : undefined)\n    const ariaLabel = originalAriaLabel ?? undefined\n    const ariaLabelledBy = originalAriaLabelledby ?? undefined\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    return (\n        <Stack space=\"small\" hidden={hidden}>\n            <Box\n                className={[\n                    styles.container,\n                    disabled ? styles.disabled : null,\n                    isChecked ? styles.checked : null,\n                    keyFocused ? styles.keyFocused : null,\n                ]}\n                as=\"label\"\n                display=\"flex\"\n                alignItems=\"center\"\n            >\n                <Box\n                    position=\"relative\"\n                    display=\"inlineBlock\"\n                    overflow=\"visible\"\n                    marginRight=\"small\"\n                    flexShrink={0}\n                    className={styles.toggle}\n                >\n                    <HiddenVisually>\n                        <input\n                            {...props}\n                            id={id}\n                            type=\"checkbox\"\n                            disabled={disabled}\n                            aria-describedby={ariaDescribedBy}\n                            aria-label={ariaLabel}\n                            aria-labelledby={ariaLabelledBy}\n                            ref={ref}\n                            checked={isChecked}\n                            onChange={(event) => {\n                                onChange?.(event)\n                                if (!event.defaultPrevented) {\n                                    setChecked(event.currentTarget.checked)\n                                }\n                            }}\n                            onBlur={(event) => {\n                                setKeyFocused(false)\n                                props?.onBlur?.(event)\n                            }}\n                            onKeyUp={(event) => {\n                                setKeyFocused(true)\n                                props?.onKeyUp?.(event)\n                            }}\n                        />\n                    </HiddenVisually>\n                    <span className={styles.handle} />\n                </Box>\n                <Text exceptionallySetClassName={styles.label}>{label}</Text>\n            </Box>\n            {hint ? <FieldHint id={hintId}>{hint}</FieldHint> : null}\n        </Stack>\n    )\n})\n\nexport { SwitchField }\nexport type { SwitchFieldProps }\n"],"names":["SwitchField","React","ref","label","hint","disabled","hidden","defaultChecked","id","originalId","originalAriaDescribedBy","originalAriaLabel","originalAriaLabelledby","onChange","props","useId","hintId","ariaDescribedBy","undefined","ariaLabel","ariaLabelledBy","keyFocused","setKeyFocused","checkedState","setChecked","checked","isChecked","Stack","space","Box","className","styles","container","as","display","alignItems","position","overflow","marginRight","flexShrink","toggle","HiddenVisually","type","event","defaultPrevented","currentTarget","onBlur","onKeyUp","handle","Text","exceptionallySetClassName","FieldHint"],"mappings":"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"}
+{"version":3,"file":"switch-field.js","sources":["../../src/switch-field/switch-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\nimport { HiddenVisually } from '../hidden-visually'\nimport { FieldComponentProps, FieldHint } from '../base-field'\nimport { useId } from '../utils/common-helpers'\nimport styles from './switch-field.module.css'\n\ninterface SwitchFieldProps\n    extends Omit<\n        FieldComponentProps<HTMLInputElement>,\n        | 'type'\n        | 'secondaryLabel'\n        | 'auxiliaryLabel'\n        | 'maxWidth'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    /**\n     * Identifies the element (or elements) that describes the switch for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current switch for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current switch for assistive technologies.\n     */\n    'aria-labelledby'?: string\n}\n\nconst SwitchField = React.forwardRef<HTMLInputElement, SwitchFieldProps>(function SwitchField(\n    {\n        label,\n        hint,\n        disabled = false,\n        hidden,\n        defaultChecked,\n        id: originalId,\n        'aria-describedby': originalAriaDescribedBy,\n        'aria-label': originalAriaLabel,\n        'aria-labelledby': originalAriaLabelledby,\n        onChange,\n        ...props\n    },\n    ref,\n) {\n    const id = useId(originalId)\n    const hintId = useId()\n\n    const ariaDescribedBy = originalAriaDescribedBy ?? (hint ? hintId : undefined)\n    const ariaLabel = originalAriaLabel ?? undefined\n    const ariaLabelledBy = originalAriaLabelledby ?? undefined\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    return (\n        <Stack space=\"small\" hidden={hidden}>\n            <Box\n                className={[\n                    styles.container,\n                    disabled ? styles.disabled : null,\n                    isChecked ? styles.checked : null,\n                    keyFocused ? styles.keyFocused : null,\n                ]}\n                as=\"label\"\n                display=\"flex\"\n                alignItems=\"center\"\n            >\n                <Box\n                    position=\"relative\"\n                    display=\"inlineBlock\"\n                    overflow=\"visible\"\n                    marginRight=\"small\"\n                    flexShrink={0}\n                    className={styles.toggle}\n                >\n                    <HiddenVisually>\n                        <input\n                            {...props}\n                            id={id}\n                            type=\"checkbox\"\n                            disabled={disabled}\n                            aria-describedby={ariaDescribedBy}\n                            aria-label={ariaLabel}\n                            aria-labelledby={ariaLabelledBy}\n                            ref={ref}\n                            checked={isChecked}\n                            onChange={(event) => {\n                                onChange?.(event)\n                                if (!event.defaultPrevented) {\n                                    setChecked(event.currentTarget.checked)\n                                }\n                            }}\n                            onBlur={(event) => {\n                                setKeyFocused(false)\n                                props?.onBlur?.(event)\n                            }}\n                            onKeyUp={(event) => {\n                                setKeyFocused(true)\n                                props?.onKeyUp?.(event)\n                            }}\n                        />\n                    </HiddenVisually>\n                    <span className={styles.handle} />\n                </Box>\n                <Text exceptionallySetClassName={styles.label}>{label}</Text>\n            </Box>\n            {hint ? <FieldHint id={hintId}>{hint}</FieldHint> : null}\n        </Stack>\n    )\n})\n\nexport { SwitchField }\nexport type { SwitchFieldProps }\n"],"names":["SwitchField","React","forwardRef","ref","label","hint","disabled","hidden","defaultChecked","id","originalId","originalAriaDescribedBy","originalAriaLabel","originalAriaLabelledby","onChange","props","useId","hintId","ariaDescribedBy","undefined","ariaLabel","ariaLabelledBy","keyFocused","setKeyFocused","useState","checkedState","setChecked","checked","isChecked","createElement","Stack","space","Box","className","styles","container","as","display","alignItems","position","overflow","marginRight","flexShrink","toggle","HiddenVisually","type","event","defaultPrevented","currentTarget","onBlur","onKeyUp","handle","Text","exceptionallySetClassName","FieldHint"],"mappings":"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"}

package/es/switch-field/switch-field.module.css.js

@@ -1,4 +1,4 @@
 var modules_8e05f7c9 = {"container":"bae487be","disabled":"_408d32a0","checked":"_99b0ead7","toggle":"_5af09fb5","label":"a66e1846","handle":"_0dcf70ec","keyFocused":"_1f5e7fd4"};
 
-export default modules_8e05f7c9;
+export { modules_8e05f7c9 as default };
 //# sourceMappingURL=switch-field.module.css.js.map

package/es/tabs/tabs.js

@@ -1,14 +1,14 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useMemo, createElement, forwardRef, useContext, useState, useEffect, createContext } from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
-import { Box } from '../box/box.js';
-import { Inline } from '../inline/inline.js';
 import { useTabStore, Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1 } from '@ariakit/react';
-import styles from './tabs.module.css.js';
+import { Inline } from '../inline/inline.js';
+import modules_40c67f5b from './tabs.module.css.js';
+import { Box } from '../box/box.js';
 
 const _excluded = ["children", "space"],
       _excluded2 = ["children", "id", "renderMode"];
-const TabsContext = /*#__PURE__*/createContext(null);
+const TabsContext = /*#__PURE__*/React.createContext(null);
 /**
  * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.
  */
@@ -26,7 +26,7 @@ function Tabs({
     setSelectedId: onSelectedIdChange
   });
   const actualSelectedId = tabStore.useState('selectedId');
-  const memoizedTabState = useMemo(() => {
+  const memoizedTabState = React.useMemo(() => {
     var _ref;
 
     return {
@@ -35,7 +35,7 @@ function Tabs({
       selectedId: (_ref = selectedId != null ? selectedId : actualSelectedId) != null ? _ref : null
     };
   }, [variant, tabStore, selectedId, actualSelectedId]);
-  return /*#__PURE__*/createElement(TabsContext.Provider, {
+  return /*#__PURE__*/React.createElement(TabsContext.Provider, {
     value: memoizedTabState
   }, children);
 }
@@ -44,21 +44,21 @@ function Tabs({
  */
 
 
-const Tab = /*#__PURE__*/forwardRef(function Tab({
+const Tab = /*#__PURE__*/React.forwardRef(function Tab({
   children,
   id,
   exceptionallySetClassName,
   render,
   onClick
 }, ref) {
-  const tabContextValue = useContext(TabsContext);
+  const tabContextValue = React.useContext(TabsContext);
   if (!tabContextValue) return null;
   const {
     variant,
     tabStore
   } = tabContextValue;
-  const className = classNames(exceptionallySetClassName, styles.tab, styles["tab-" + variant]);
-  return /*#__PURE__*/createElement(Tab$1, {
+  const className = classNames(exceptionallySetClassName, modules_40c67f5b.tab, modules_40c67f5b["tab-" + variant]);
+  return /*#__PURE__*/React.createElement(Tab$1, {
     id: id,
     ref: ref,
     store: tabStore,
@@ -78,7 +78,7 @@ function TabList(_ref2) {
   } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded);
 
-  const tabContextValue = useContext(TabsContext);
+  const tabContextValue = React.useContext(TabsContext);
 
   if (!tabContextValue) {
     return null;
@@ -92,15 +92,15 @@ function TabList(_ref2) {
     /*#__PURE__*/
     // The extra <div> prevents <Inline>'s negative margins from collapsing when used in a flex container
     // which will render the track with the wrong height
-    createElement("div", null, /*#__PURE__*/createElement(TabList$1, _objectSpread2({
+    React.createElement("div", null, /*#__PURE__*/React.createElement(TabList$1, _objectSpread2({
       store: tabStore,
-      render: /*#__PURE__*/createElement(Box, {
+      render: /*#__PURE__*/React.createElement(Box, {
         position: "relative",
         width: "maxContent"
       })
-    }, props), /*#__PURE__*/createElement(Box, {
-      className: [styles.track, styles["track-" + variant]]
-    }), /*#__PURE__*/createElement(Inline, {
+    }, props), /*#__PURE__*/React.createElement(Box, {
+      className: [modules_40c67f5b.track, modules_40c67f5b["track-" + variant]]
+    }), /*#__PURE__*/React.createElement(Inline, {
       space: space
     }, children)))
   );
@@ -111,7 +111,7 @@ function TabList(_ref2) {
  */
 
 
-const TabPanel = /*#__PURE__*/forwardRef(function TabPanel(_ref3, ref) {
+const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(_ref3, ref) {
   let {
     children,
     id,
@@ -119,11 +119,11 @@ const TabPanel = /*#__PURE__*/forwardRef(function TabPanel(_ref3, ref) {
   } = _ref3,
       props = _objectWithoutProperties(_ref3, _excluded2);
 
-  const tabContextValue = useContext(TabsContext);
-  const [tabRendered, setTabRendered] = useState(false);
+  const tabContextValue = React.useContext(TabsContext);
+  const [tabRendered, setTabRendered] = React.useState(false);
   const selectedId = tabContextValue == null ? void 0 : tabContextValue.tabStore.useState('selectedId');
   const tabIsActive = selectedId === id;
-  useEffect(function trackTabRenderedState() {
+  React.useEffect(function trackTabRenderedState() {
     if (!tabRendered && tabIsActive) {
       setTabRendered(true);
     }
@@ -137,7 +137,7 @@ const TabPanel = /*#__PURE__*/forwardRef(function TabPanel(_ref3, ref) {
     tabStore
   } = tabContextValue;
   const shouldRender = renderMode === 'always' || renderMode === 'active' && tabIsActive || renderMode === 'lazy' && (tabIsActive || tabRendered);
-  return shouldRender ? /*#__PURE__*/createElement(TabPanel$1, _objectSpread2(_objectSpread2({}, props), {}, {
+  return shouldRender ? /*#__PURE__*/React.createElement(TabPanel$1, _objectSpread2(_objectSpread2({}, props), {}, {
     tabId: id,
     store: tabStore,
     ref: ref
@@ -151,7 +151,7 @@ const TabPanel = /*#__PURE__*/forwardRef(function TabPanel(_ref3, ref) {
 function TabAwareSlot({
   children
 }) {
-  const tabContextValue = useContext(TabsContext);
+  const tabContextValue = React.useContext(TabsContext);
   const selectedId = tabContextValue == null ? void 0 : tabContextValue.tabStore.useState('selectedId');
   return tabContextValue ? children({
     selectedId

package/es/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport {\n    useTabStore,\n    Tab as BaseTab,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    TabPanelProps as BaseTabPanelProps,\n    TabStore,\n    RoleProps,\n} from '@ariakit/react'\nimport { Inline } from '../inline'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\nimport styles from './tabs.module.css'\nimport { Box } from '../box'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n    tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n    /**\n     * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n     * components\n     */\n    children: React.ReactNode\n\n    /**\n     * Determines the look and feel of the tabs\n     */\n    variant?: 'themed' | 'neutral'\n\n    /**\n     * The id of the selected tab. Assigning a value makes this a controlled component\n     */\n    selectedId?: string | null\n\n    /**\n     * The tab to initially select. This can be used if the component should not\n     * be a controlled component but needs to have a tab selected\n     */\n    defaultSelectedId?: string | null\n\n    /**\n     * Called with the tab id when a tab is selected\n     */\n    onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n    children,\n    selectedId,\n    defaultSelectedId,\n    variant = 'neutral',\n    onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n    const tabStore = useTabStore({\n        defaultSelectedId,\n        selectedId,\n        setSelectedId: onSelectedIdChange,\n    })\n    const actualSelectedId = tabStore.useState('selectedId')\n\n    const memoizedTabState = React.useMemo(\n        () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n        [variant, tabStore, selectedId, actualSelectedId],\n    )\n    return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps extends ObfuscatedClassName, Pick<RoleProps, 'render'> {\n    /**\n     * The content to render inside of the tab button\n     */\n    children: React.ReactNode\n\n    /**\n     * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n     */\n    id: string\n\n    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n    { children, id, exceptionallySetClassName, render, onClick },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    if (!tabContextValue) return null\n\n    const { variant, tabStore } = tabContextValue\n    const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n    return (\n        <BaseTab\n            id={id}\n            ref={ref}\n            store={tabStore}\n            render={render}\n            className={className}\n            onClick={onClick}\n        >\n            {children}\n        </BaseTab>\n    )\n})\n\ntype TabListProps = (\n    | {\n          /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n          'aria-label': string\n      }\n    | {\n          /**\n           * One or more element IDs used to label the tab list for assistive technologies. Required if\n           * `aria-label` is omitted.\n           */\n          'aria-labelledby': string\n      }\n    | {\n          /**\n           * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n           */\n          'aria-hidden': boolean\n      }\n) & {\n    /**\n     * A list of `<Tab>` elements\n     */\n    children: React.ReactNode\n\n    /**\n     * Controls the spacing between tabs\n     */\n    space?: Space\n}\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({ children, space, ...props }: TabListProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore, variant } = tabContextValue\n\n    return (\n        // The extra <div> prevents <Inline>'s negative margins from collapsing when used in a flex container\n        // which will render the track with the wrong height\n        <div>\n            <BaseTabList\n                store={tabStore}\n                render={<Box position=\"relative\" width=\"maxContent\" />}\n                {...props}\n            >\n                <Box className={[styles.track, styles[`track-${variant}`]]} />\n                <Inline space={space}>{children}</Inline>\n            </BaseTabList>\n        </div>\n    )\n}\n\ninterface TabPanelProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<BaseTabPanelProps, 'render'> {\n    /** The content to be rendered inside the tab */\n    children?: React.ReactNode\n\n    /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n    id: string\n\n    /**\n     * By default, the tab panel's content is always rendered even when they are not active. This\n     * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n     * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n     * once they are active until the entire Tabs tree is unmounted.\n     */\n    renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n    { children, id, renderMode = 'always', ...props },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const [tabRendered, setTabRendered] = React.useState(false)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    const tabIsActive = selectedId === id\n\n    React.useEffect(\n        function trackTabRenderedState() {\n            if (!tabRendered && tabIsActive) {\n                setTabRendered(true)\n            }\n        },\n        [tabRendered, tabIsActive],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore } = tabContextValue\n    const shouldRender =\n        renderMode === 'always' ||\n        (renderMode === 'active' && tabIsActive) ||\n        (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n    return shouldRender ? (\n        <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n            {children}\n        </BaseTabPanel>\n    ) : null\n})\n\ntype TabAwareSlotProps = {\n    /**\n     * Render prop used to provide the content to be rendered inside the slot. The render prop will\n     * be called with the current `selectedId`\n     */\n    children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, Tabs, TabList, TabPanel, TabAwareSlot }\n"],"names":["TabsContext","React","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","Provider","value","Tab","id","exceptionallySetClassName","render","onClick","ref","tabContextValue","className","classNames","styles","tab","BaseTab","store","TabList","space","props","BaseTabList","Box","position","width","track","Inline","TabPanel","renderMode","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}
+{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport {\n    useTabStore,\n    Tab as BaseTab,\n    TabProps as BaseTabProps,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    TabPanelProps as BaseTabPanelProps,\n    TabStore,\n} from '@ariakit/react'\nimport { Inline } from '../inline'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\nimport styles from './tabs.module.css'\nimport { Box } from '../box'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n    tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n    /**\n     * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n     * components\n     */\n    children: React.ReactNode\n\n    /**\n     * Determines the look and feel of the tabs\n     */\n    variant?: 'themed' | 'neutral'\n\n    /**\n     * The id of the selected tab. Assigning a value makes this a controlled component\n     */\n    selectedId?: string | null\n\n    /**\n     * The tab to initially select. This can be used if the component should not\n     * be a controlled component but needs to have a tab selected\n     */\n    defaultSelectedId?: string | null\n\n    /**\n     * Called with the tab id when a tab is selected\n     */\n    onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n    children,\n    selectedId,\n    defaultSelectedId,\n    variant = 'neutral',\n    onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n    const tabStore = useTabStore({\n        defaultSelectedId,\n        selectedId,\n        setSelectedId: onSelectedIdChange,\n    })\n    const actualSelectedId = tabStore.useState('selectedId')\n\n    const memoizedTabState = React.useMemo(\n        () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n        [variant, tabStore, selectedId, actualSelectedId],\n    )\n    return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n    extends ObfuscatedClassName,\n        Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n    /**\n     * The content to render inside of the tab button\n     */\n    children: React.ReactNode\n\n    /**\n     * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n     */\n    id: string\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n    { children, id, exceptionallySetClassName, render, onClick },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    if (!tabContextValue) return null\n\n    const { variant, tabStore } = tabContextValue\n    const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n    return (\n        <BaseTab\n            id={id}\n            ref={ref}\n            store={tabStore}\n            render={render}\n            className={className}\n            onClick={onClick}\n        >\n            {children}\n        </BaseTab>\n    )\n})\n\ntype TabListProps = (\n    | {\n          /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n          'aria-label': string\n      }\n    | {\n          /**\n           * One or more element IDs used to label the tab list for assistive technologies. Required if\n           * `aria-label` is omitted.\n           */\n          'aria-labelledby': string\n      }\n    | {\n          /**\n           * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n           */\n          'aria-hidden': boolean\n      }\n) & {\n    /**\n     * A list of `<Tab>` elements\n     */\n    children: React.ReactNode\n\n    /**\n     * Controls the spacing between tabs\n     */\n    space?: Space\n}\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({ children, space, ...props }: TabListProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore, variant } = tabContextValue\n\n    return (\n        // The extra <div> prevents <Inline>'s negative margins from collapsing when used in a flex container\n        // which will render the track with the wrong height\n        <div>\n            <BaseTabList\n                store={tabStore}\n                render={<Box position=\"relative\" width=\"maxContent\" />}\n                {...props}\n            >\n                <Box className={[styles.track, styles[`track-${variant}`]]} />\n                <Inline space={space}>{children}</Inline>\n            </BaseTabList>\n        </div>\n    )\n}\n\ninterface TabPanelProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<BaseTabPanelProps, 'render'> {\n    /** The content to be rendered inside the tab */\n    children?: React.ReactNode\n\n    /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n    id: string\n\n    /**\n     * By default, the tab panel's content is always rendered even when they are not active. This\n     * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n     * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n     * once they are active until the entire Tabs tree is unmounted.\n     */\n    renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n    { children, id, renderMode = 'always', ...props },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const [tabRendered, setTabRendered] = React.useState(false)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    const tabIsActive = selectedId === id\n\n    React.useEffect(\n        function trackTabRenderedState() {\n            if (!tabRendered && tabIsActive) {\n                setTabRendered(true)\n            }\n        },\n        [tabRendered, tabIsActive],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore } = tabContextValue\n    const shouldRender =\n        renderMode === 'always' ||\n        (renderMode === 'active' && tabIsActive) ||\n        (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n    return shouldRender ? (\n        <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n            {children}\n        </BaseTabPanel>\n    ) : null\n})\n\ntype TabAwareSlotProps = {\n    /**\n     * Render prop used to provide the content to be rendered inside the slot. The render prop will\n     * be called with the current `selectedId`\n     */\n    children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, Tabs, TabList, TabPanel, TabAwareSlot }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","id","exceptionallySetClassName","render","onClick","ref","tabContextValue","useContext","className","classNames","styles","tab","BaseTab","store","TabList","space","props","BaseTabList","_objectSpread","Box","position","width","track","Inline","TabPanel","renderMode","tabRendered","setTabRendered","tabIsActive","useEffect","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}

package/es/tabs/tabs.module.css.js

@@ -1,4 +1,4 @@
 var modules_40c67f5b = {"tab":"e96bf360","track":"_430e252d","tab-neutral":"f631ccbe","tab-themed":"_6ba96acc","track-neutral":"ef4cd8d3","track-themed":"_344b3b10"};
 
-export default modules_40c67f5b;
+export { modules_40c67f5b as default };
 //# sourceMappingURL=tabs.module.css.js.map

package/es/text/text.js

@@ -1,9 +1,9 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
-import { polymorphicComponent } from '../utils/polymorphism.js';
+import * as React from 'react';
 import { getClassNames } from '../utils/responsive-props.js';
 import { Box } from '../box/box.js';
-import styles from './text.module.css.js';
+import { polymorphicComponent } from '../utils/polymorphism.js';
+import modules_a9637dd3 from './text.module.css.js';
 
 const _excluded = ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"];
 const Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
@@ -20,9 +20,9 @@ const Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   const lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp != null ? lineClamp : 1) > 1;
-  return /*#__PURE__*/createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
     as: as,
-    className: [exceptionallySetClassName, styles.text, size !== 'body' ? getClassNames(styles, 'size', size) : null, weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null, tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null, lineClampMultipleLines ? styles.lineClampMultipleLines : null, lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null],
+    className: [exceptionallySetClassName, modules_a9637dd3.text, size !== 'body' ? getClassNames(modules_a9637dd3, 'size', size) : null, weight !== 'regular' ? getClassNames(modules_a9637dd3, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_a9637dd3, 'tone', tone) : null, lineClampMultipleLines ? modules_a9637dd3.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_a9637dd3, 'lineClamp', lineClamp.toString()) : null],
     textAlign: align,
     // Prevents emojis from being cut-off
     // See https://github.com/Doist/reactist/pull/528

package/es/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\n\nimport type { Tone } from '../utils/common-types'\nimport type { BoxProps } from '../box'\n\nimport styles from './text.module.css'\n\ntype TextProps = {\n    children: React.ReactNode\n    /**\n     * The size of the text.\n     *\n     * The supported values, from smaller size to larger size, are:\n     * 'caption', 'copy', 'body', and 'subtitle'\n     *\n     * @default 'body'\n     */\n    size?: 'caption' | 'copy' | 'body' | 'subtitle'\n    /**\n     * The weight of the text font.\n     *\n     * @default 'regular'\n     */\n    weight?: 'regular' | 'semibold' | 'bold'\n    /**\n     * The tone (semantic color) of the text.\n     *\n     * @default 'normal'\n     */\n    tone?: Tone\n    /**\n     * Used to truncate the text to a given number of lines.\n     *\n     * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n     * truncated. If the text fits without it being truncated, no ellipsis is added.\n     *\n     * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n     *\n     * @default undefined\n     */\n    lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n    /**\n     * How to align the text horizontally.\n     *\n     * @default 'start'\n     */\n    align?: BoxProps['textAlign']\n}\n\nconst Text = polymorphicComponent<'div', TextProps>(function Text(\n    {\n        as,\n        size = 'body',\n        weight = 'regular',\n        tone = 'normal',\n        align,\n        children,\n        lineClamp,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const lineClampMultipleLines =\n        typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1\n\n    return (\n        <Box\n            {...props}\n            as={as}\n            className={[\n                exceptionallySetClassName,\n                styles.text,\n                size !== 'body' ? getClassNames(styles, 'size', size) : null,\n                weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n                tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n                lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n                lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n            ]}\n            textAlign={align}\n            // Prevents emojis from being cut-off\n            // See https://github.com/Doist/reactist/pull/528\n            paddingRight={lineClamp ? 'xsmall' : undefined}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type { TextProps }\nexport { Text }\n"],"names":["Text","polymorphicComponent","ref","as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName","props","lineClampMultipleLines","Number","React","Box","className","styles","text","getClassNames","toString","textAlign","paddingRight","undefined"],"mappings":";;;;;;;;MAoDMA,IAAI,gBAAGC,oBAAoB,CAAmB,SAASD,IAAT,OAYhDE,GAZgD;MAChD;IACIC,EADJ;IAEIC,IAAI,GAAG,MAFX;IAGIC,MAAM,GAAG,SAHb;IAIIC,IAAI,GAAG,QAJX;IAKIC,KALJ;IAMIC,QANJ;IAOIC,SAPJ;IAQIC;;MACGC;;EAIP,MAAMC,sBAAsB,GACxB,OAAOH,SAAP,KAAqB,QAArB,GAAgCI,MAAM,CAACJ,SAAD,CAAN,GAAoB,CAApD,GAAwD,CAACA,SAAD,WAACA,SAAD,GAAc,CAAd,IAAmB,CAD/E;EAGA,oBACIK,aAAA,CAACC,GAAD,oCACQJ,KADR;IAEIR,EAAE,EAAEA,EAFR;IAGIa,SAAS,EAAE,CACPN,yBADO,EAEPO,MAAM,CAACC,IAFA,EAGPd,IAAI,KAAK,MAAT,GAAkBe,aAAa,CAACF,MAAD,EAAS,MAAT,EAAiBb,IAAjB,CAA/B,GAAwD,IAHjD,EAIPC,MAAM,KAAK,SAAX,GAAuBc,aAAa,CAACF,MAAD,EAAS,QAAT,EAAmBZ,MAAnB,CAApC,GAAiE,IAJ1D,EAKPC,IAAI,KAAK,QAAT,GAAoBa,aAAa,CAACF,MAAD,EAAS,MAAT,EAAiBX,IAAjB,CAAjC,GAA0D,IALnD,EAMPM,sBAAsB,GAAGK,MAAM,CAACL,sBAAV,GAAmC,IANlD,EAOPH,SAAS,GAAGU,aAAa,CAACF,MAAD,EAAS,WAAT,EAAsBR,SAAS,CAACW,QAAV,EAAtB,CAAhB,GAA8D,IAPhE,CAHf;IAYIC,SAAS,EAAEd,KAZf;;;IAeIe,YAAY,EAAEb,SAAS,GAAG,QAAH,GAAcc,SAfzC;IAgBIrB,GAAG,EAAEA;MAEJM,QAlBL,CADJ;AAsBH,CAvCgC;;;;"}
+{"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\n\nimport type { Tone } from '../utils/common-types'\nimport type { BoxProps } from '../box'\n\nimport styles from './text.module.css'\n\ntype TextProps = {\n    children: React.ReactNode\n    /**\n     * The size of the text.\n     *\n     * The supported values, from smaller size to larger size, are:\n     * 'caption', 'copy', 'body', and 'subtitle'\n     *\n     * @default 'body'\n     */\n    size?: 'caption' | 'copy' | 'body' | 'subtitle'\n    /**\n     * The weight of the text font.\n     *\n     * @default 'regular'\n     */\n    weight?: 'regular' | 'semibold' | 'bold'\n    /**\n     * The tone (semantic color) of the text.\n     *\n     * @default 'normal'\n     */\n    tone?: Tone\n    /**\n     * Used to truncate the text to a given number of lines.\n     *\n     * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n     * truncated. If the text fits without it being truncated, no ellipsis is added.\n     *\n     * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n     *\n     * @default undefined\n     */\n    lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n    /**\n     * How to align the text horizontally.\n     *\n     * @default 'start'\n     */\n    align?: BoxProps['textAlign']\n}\n\nconst Text = polymorphicComponent<'div', TextProps>(function Text(\n    {\n        as,\n        size = 'body',\n        weight = 'regular',\n        tone = 'normal',\n        align,\n        children,\n        lineClamp,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const lineClampMultipleLines =\n        typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1\n\n    return (\n        <Box\n            {...props}\n            as={as}\n            className={[\n                exceptionallySetClassName,\n                styles.text,\n                size !== 'body' ? getClassNames(styles, 'size', size) : null,\n                weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n                tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n                lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n                lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n            ]}\n            textAlign={align}\n            // Prevents emojis from being cut-off\n            // See https://github.com/Doist/reactist/pull/528\n            paddingRight={lineClamp ? 'xsmall' : undefined}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type { TextProps }\nexport { Text }\n"],"names":["Text","polymorphicComponent","ref","as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName","props","lineClampMultipleLines","Number","React","createElement","Box","className","styles","text","getClassNames","toString","textAlign","paddingRight","undefined"],"mappings":";;;;;;;;AAoDMA,MAAAA,IAAI,gBAAGC,oBAAoB,CAAmB,SAASD,IAAT,CAAA,IAAA,EAYhDE,GAZgD,EAY7C;EAAA,IAXH;IACIC,EADJ;AAEIC,IAAAA,IAAI,GAAG,MAFX;AAGIC,IAAAA,MAAM,GAAG,SAHb;AAIIC,IAAAA,IAAI,GAAG,QAJX;IAKIC,KALJ;IAMIC,QANJ;IAOIC,SAPJ;AAQIC,IAAAA,yBAAAA;GAGD,GAAA,IAAA;AAAA,MAFIC,KAEJ,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;EAEH,MAAMC,sBAAsB,GACxB,OAAOH,SAAP,KAAqB,QAArB,GAAgCI,MAAM,CAACJ,SAAD,CAAN,GAAoB,CAApD,GAAwD,CAACA,SAAD,WAACA,SAAD,GAAc,CAAd,IAAmB,CAD/E,CAAA;AAGA,EAAA,oBACIK,KAAC,CAAAC,aAAD,CAACC,GAAD,oCACQL,KADR,CAAA,EAAA,EAAA,EAAA;AAEIR,IAAAA,EAAE,EAAEA,EAFR;AAGIc,IAAAA,SAAS,EAAE,CACPP,yBADO,EAEPQ,gBAAM,CAACC,IAFA,EAGPf,IAAI,KAAK,MAAT,GAAkBgB,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBd,IAAjB,CAA/B,GAAwD,IAHjD,EAIPC,MAAM,KAAK,SAAX,GAAuBe,aAAa,CAACF,gBAAD,EAAS,QAAT,EAAmBb,MAAnB,CAApC,GAAiE,IAJ1D,EAKPC,IAAI,KAAK,QAAT,GAAoBc,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBZ,IAAjB,CAAjC,GAA0D,IALnD,EAMPM,sBAAsB,GAAGM,gBAAM,CAACN,sBAAV,GAAmC,IANlD,EAOPH,SAAS,GAAGW,aAAa,CAACF,gBAAD,EAAS,WAAT,EAAsBT,SAAS,CAACY,QAAV,EAAtB,CAAhB,GAA8D,IAPhE,CAHf;AAYIC,IAAAA,SAAS,EAAEf,KAZf;AAaI;AACA;AACAgB,IAAAA,YAAY,EAAEd,SAAS,GAAG,QAAH,GAAce,SAfzC;AAgBItB,IAAAA,GAAG,EAAEA,GAAAA;AAhBT,GAAA,CAAA,EAkBKM,QAlBL,CADJ,CAAA;AAsBH,CAvCgC;;;;"}

package/es/text/text.module.css.js

@@ -1,4 +1,4 @@
 var modules_a9637dd3 = {"text":"a83bd4e0","size-caption":"_266d6623","size-copy":"a8d37c6e","size-subtitle":"_39f4eb1f","weight-semibold":"_7be5c531","weight-bold":"e214ff2e","tone-secondary":"_6a3e5ade","tone-danger":"_8f5b5f2b","tone-positive":"_9ae47ae4","lineClampMultipleLines":"_969f18f7","lineClamp-1":"_2f303ac3","lineClamp-2":"d3e04245","lineClamp-3":"_33411704","lineClamp-4":"bfc32640","lineClamp-5":"f813c82f"};
 
-export default modules_a9637dd3;
+export { modules_a9637dd3 as default };
 //# sourceMappingURL=text.module.css.js.map

package/es/text-area/text-area.js

@@ -1,12 +1,12 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { forwardRef, useRef, useEffect, createElement } from 'react';
-import { Box } from '../box/box.js';
-import { BaseField } from '../base-field/base-field.js';
+import * as React from 'react';
 import { useMergeRefs } from 'use-callback-ref';
-import styles from './text-area.module.css.js';
+import { BaseField } from '../base-field/base-field.js';
+import { Box } from '../box/box.js';
+import modules_2728c236 from './text-area.module.css.js';
 
 const _excluded = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "hidden", "aria-describedby", "rows", "autoExpand"];
-const TextArea = /*#__PURE__*/forwardRef(function TextArea(_ref, ref) {
+const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
   let {
     variant = 'default',
     id,
@@ -24,10 +24,10 @@ const TextArea = /*#__PURE__*/forwardRef(function TextArea(_ref, ref) {
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  const containerRef = useRef(null);
-  const internalRef = useRef(null);
+  const containerRef = React.useRef(null);
+  const internalRef = React.useRef(null);
   const combinedRef = useMergeRefs([ref, internalRef]);
-  useEffect(function setupAutoExpand() {
+  React.useEffect(function setupAutoExpand() {
     const containerElement = containerRef.current;
 
     function handleAutoExpand(value) {
@@ -51,7 +51,7 @@ const TextArea = /*#__PURE__*/forwardRef(function TextArea(_ref, ref) {
     textAreaElement.addEventListener('input', handleInput);
     return () => textAreaElement.removeEventListener('input', handleInput);
   }, [autoExpand]);
-  return /*#__PURE__*/createElement(BaseField, {
+  return /*#__PURE__*/React.createElement(BaseField, {
     variant: variant,
     id: id,
     label: label,
@@ -62,17 +62,17 @@ const TextArea = /*#__PURE__*/forwardRef(function TextArea(_ref, ref) {
     tone: tone,
     hidden: hidden,
     "aria-describedby": ariaDescribedBy,
-    className: [styles.textAreaContainer, tone === 'error' ? styles.error : null, variant === 'bordered' ? styles.bordered : null],
+    className: [modules_2728c236.textAreaContainer, tone === 'error' ? modules_2728c236.error : null, variant === 'bordered' ? modules_2728c236.bordered : null],
     maxWidth: maxWidth
-  }, extraProps => /*#__PURE__*/createElement(Box, {
+  }, extraProps => /*#__PURE__*/React.createElement(Box, {
     width: "full",
     display: "flex",
-    className: styles.innerContainer,
+    className: modules_2728c236.innerContainer,
     ref: containerRef
-  }, /*#__PURE__*/createElement("textarea", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
+  }, /*#__PURE__*/React.createElement("textarea", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
     ref: combinedRef,
     rows: rows,
-    className: autoExpand ? styles.autoExpand : undefined
+    className: autoExpand ? modules_2728c236.autoExpand : undefined
   }))));
 });