@cambly/syntax-core 19.1.1 → 19.2.1

package/dist/__chunks/{OMXDPTE4.cjs → GK3YX7CI.cjs}

@@ -4,19 +4,19 @@
 var _6KSVCCCBcjs = require('./6KSVCCCB.cjs');
 
 
-var _BFEZ3PUTcjs = require('./BFEZ3PUT.cjs');
+var _7VNHS3DAcjs = require('./7VNHS3DA.cjs');
 
 
 var _A3B4YKGNcjs = require('./A3B4YKGN.cjs');
 
 
-var _EHZAOGLQcjs = require('./EHZAOGLQ.cjs');
+var _WHTMS6T3cjs = require('./WHTMS6T3.cjs');
 
 
-var _66VTCVJAcjs = require('./66VTCVJA.cjs');
+var _PGMFMTEUcjs = require('./PGMFMTEU.cjs');
 
 
-var _URBKDUMUcjs = require('./URBKDUMU.cjs');
+var _OOAQZC7Ecjs = require('./OOAQZC7E.cjs');
 
 
 
@@ -169,7 +169,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                 justifyContent: "end",
                 children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _6KSVCCCBcjs.ButtonGroup_default, { orientation: "horizontal", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _BFEZ3PUTcjs.Button_default,
+                    _7VNHS3DAcjs.Button_default,
                     {
                       onClick: clearChanges,
                       color: "secondary",
@@ -179,7 +179,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                     }
                   ),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _BFEZ3PUTcjs.Button_default,
+                    _7VNHS3DAcjs.Button_default,
                     {
                       onClick: saveChanges,
                       text: primaryButtonText,
@@ -198,9 +198,9 @@ var RichSelectBox = _react.forwardRef.call(void 0,
   }
 );
 var RichSelectBox_default = Object.assign(RichSelectBox, {
-  Section: _EHZAOGLQcjs.RichSelectSection_default,
-  Chip: _URBKDUMUcjs.RichSelectChip_default,
-  RadioButton: _66VTCVJAcjs.RichSelectRadioButton_default
+  Section: _WHTMS6T3cjs.RichSelectSection_default,
+  Chip: _OOAQZC7Ecjs.RichSelectChip_default,
+  RadioButton: _PGMFMTEUcjs.RichSelectRadioButton_default
 });
 
 
@@ -208,4 +208,4 @@ var RichSelectBox_default = Object.assign(RichSelectBox, {
 
 
 exports.convertSelection = convertSelection; exports.RichSelectBoxContext = RichSelectBoxContext; exports.RichSelectBox_default = RichSelectBox_default;
-//# sourceMappingURL=OMXDPTE4.cjs.map
+//# sourceMappingURL=GK3YX7CI.cjs.map

package/dist/__chunks/{E27BHPP7.js → HG43LCAW.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./KIEWPPIM.js";
 
 // src/Heading/Heading.tsx
 import { jsx } from "react/jsx-runtime";
@@ -47,4 +47,4 @@ var Heading_default = Heading;
 export {
   Heading_default
 };
-//# sourceMappingURL=E27BHPP7.js.map
+//# sourceMappingURL=HG43LCAW.js.map

package/dist/__chunks/{OYIKKE7V.js → HILWIYOJ.js}

@@ -4,7 +4,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./KIEWPPIM.js";
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -72,4 +72,4 @@ var Badge_default = Badge;
 export {
   Badge_default
 };
-//# sourceMappingURL=OYIKKE7V.js.map
+//# sourceMappingURL=HILWIYOJ.js.map

package/dist/__chunks/{KUPZJPW5.js → IEBCEU7G.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Popover_default
-} from "./TTCJEHHX.js";
+} from "./ATUBU46J.js";
 import {
   DialogContext
 } from "./CXENLD6O.js";
@@ -9,21 +9,21 @@ import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./2P6R4FQ7.js";
+} from "./ACYC4E6D.js";
 import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "./ZHU5A7BH.js";
+} from "./M57BB52X.js";
 import {
   RichSelectSection_default
-} from "./AHICHJTL.js";
+} from "./BYNWTNUV.js";
 import {
   RichSelectRadioButton_default
-} from "./DWVTJZC6.js";
+} from "./CVRG3CQ3.js";
 import {
   RichSelectChip_default
-} from "./56LMASNQ.js";
+} from "./RVF6GMID.js";
 import {
   TapArea_default
 } from "./77FFPQY6.js";
@@ -32,7 +32,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./KIEWPPIM.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=KUPZJPW5.js.map
+//# sourceMappingURL=IEBCEU7G.js.map

package/dist/__chunks/{S4JNYLMA.cjs → JN5UK7KH.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
 
 
 var _2XIVACBMcjs = require('./2XIVACBM.cjs');
@@ -40,7 +40,7 @@ var ItemCountIcon = ({
           rounding: "full",
           padding: 1,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _5NQO6SP3cjs.Typography_default,
+            _WS6CZJQ6cjs.Typography_default,
             {
               color: on === "lightBackground" ? "white" : "primary",
               weight: "semiBold",
@@ -79,7 +79,7 @@ function TabInternal({
       paddingY: 2,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _5NQO6SP3cjs.Typography_default,
+          _WS6CZJQ6cjs.Typography_default,
           {
             size: 0,
             transform: "uppercase",
@@ -98,4 +98,4 @@ function TabInternal({
 
 
 exports.TabInternal = TabInternal;
-//# sourceMappingURL=S4JNYLMA.cjs.map
+//# sourceMappingURL=JN5UK7KH.cjs.map

package/dist/__chunks/{DAK5IGJK.js → KIEWPPIM.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   textColor
-} from "./VU4LGL2W.js";
+} from "./YSI244J6.js";
 
 // src/Typography/Typography.tsx
 import classNames from "classnames";
@@ -61,4 +61,4 @@ var Typography_default = Typography;
 export {
   Typography_default
 };
-//# sourceMappingURL=DAK5IGJK.js.map
+//# sourceMappingURL=KIEWPPIM.js.map

package/dist/__chunks/KIEWPPIM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport textColor from \"../colors/textColors\";\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n  HTMLDivElement,\n  {\n    /**\n     * Aligns the text to the left, right, or center of the container.\n     * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n     *\n     * @defaultValue \"start\"\n     */\n    align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n    /**\n     * DOM element to render as.\n     *\n     * @defaultValue \"div\"\n     */\n    as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"destructive-lightBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"white-secondary\"\n      | \"inherit\";\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Style of the font\n     *\n     * Classic only supports `sans-serif`\n     *\n     * @defaultValue \"sans-serif\"\n     */\n    fontStyle?: \"serif\" | \"sans-serif\";\n    /**\n     * The id for the element\n     */\n    id?: string;\n    /**\n     * Whether the text should flow inline with other elements.\n     *\n     * @defaultValue false\n     */\n    inline?: boolean;\n    /**\n     * The number of lines we should truncate the text at\n     */\n    lineClamp?: number | undefined;\n    /**\n     * Size of the text.\n     *\n     * Mobile (viewport width <= 480px)::\n     * * `0`: 12px\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 19px\n     * * `400`: 25px\n     * * `700`: 38px\n     * * `800`: 46px\n     * * `900`: 55px\n     * * `1100`: 83px\n     *\n     * Desktop (viewport width > 480px):\n     * * `0`: 12px\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `700`: 49px\n     * * `800`: 63px\n     * * `900`: 76px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 0 | 100 | 200 | 300 | 400 | 700 | 800 | 900 | 1100;\n    /**\n     * The tooltip to be displayed when the user hovers the text\n     */\n    tooltip?: string;\n    /**\n     * Whether the text should be transformed to uppercase.\n     *\n     * @defaultValue \"none\"\n     */\n    transform?: \"none\" | \"uppercase\";\n    /**\n     * Whether the text has an underline.\n     *\n     * @defaultValue false\n     */\n    underline?: boolean;\n    /**\n     * Indicates the boldness of the text.\n     *\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     * * `bold`: 710\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?: \"regular\" | \"medium\" | \"semiBold\" | \"bold\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    fontStyle = \"sans-serif\",\n    id,\n    inline = false,\n    lineClamp = undefined,\n    size = 200,\n    tooltip,\n    transform = \"none\",\n    underline = false,\n    weight = \"regular\",\n  },\n  ref,\n): ReactElement {\n  const Tag = as;\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        fontStyle === \"serif\" ? styles.serif : styles.sansSerif,\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\n        as === \"p\" && styles[`p${size}`],\n      )}\n      data-testid={dataTestId}\n      style={{\n        WebkitLineClamp: lineClamp,\n      }}\n      title={tooltip}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1fz2y_1\",\"sansSerif\":\"_sansSerif_1fz2y_22\",\"serif\":\"_serif_1fz2y_27\",\"size0\":\"_size0_1fz2y_73\",\"size100\":\"_size100_1fz2y_77\",\"size200\":\"_size200_1fz2y_81\",\"size300\":\"_size300_1fz2y_85\",\"size400\":\"_size400_1fz2y_89\",\"size700\":\"_size700_1fz2y_93\",\"size800\":\"_size800_1fz2y_97\",\"size900\":\"_size900_1fz2y_101\",\"size1100\":\"_size1100_1fz2y_105\",\"center\":\"_center_1fz2y_133\",\"forceLeft\":\"_forceLeft_1fz2y_137\",\"forceRight\":\"_forceRight_1fz2y_141\",\"start\":\"_start_1fz2y_145\",\"end\":\"_end_1fz2y_149\",\"regular\":\"_regular_1fz2y_155\",\"medium\":\"_medium_1fz2y_159\",\"semiBold\":\"_semiBold_1fz2y_163\",\"bold\":\"_bold_1fz2y_167\",\"underline\":\"_underline_1fz2y_171\",\"inline\":\"_inline_1fz2y_175\",\"uppercase\":\"_uppercase_1fz2y_179\",\"lineClamp\":\"_lineClamp_1fz2y_183\",\"p100\":\"_p100_1fz2y_192\",\"p200\":\"_p200_1fz2y_196\",\"p300\":\"_p300_1fz2y_200\",\"p400\":\"_p400_1fz2y_204\"}"],"mappings":";;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,sBAAqB,YAAW,uBAAsB,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,WAAU,sBAAqB,UAAS,qBAAoB,YAAW,uBAAsB,QAAO,mBAAkB,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,wBAAuB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,kBAAiB;;;ADsJn9B;AA9IJ,IAAM,aAAa,WAwHjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GACA,KACc;AACd,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ,0BAAO,MAAM;AAAA,QACb,cAAc,UAAU,0BAAO,QAAQ,0BAAO;AAAA,QAC9C,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,QAC5B,OAAO,OAAO,0BAAO,IAAI,MAAM;AAAA,MACjC;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ;","names":["Typography"]}

package/dist/__chunks/{ZHU5A7BH.js → M57BB52X.js}

@@ -4,19 +4,19 @@ import {
 } from "./36DG472B.js";
 import {
   Button_default
-} from "./KY2TFXG3.js";
+} from "./SVNXSJ7Z.js";
 import {
   Divider
 } from "./M4W3IFMV.js";
 import {
   RichSelectSection_default
-} from "./AHICHJTL.js";
+} from "./BYNWTNUV.js";
 import {
   RichSelectRadioButton_default
-} from "./DWVTJZC6.js";
+} from "./CVRG3CQ3.js";
 import {
   RichSelectChip_default
-} from "./56LMASNQ.js";
+} from "./RVF6GMID.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=ZHU5A7BH.js.map
+//# sourceMappingURL=M57BB52X.js.map

package/dist/__chunks/{PBHAJ42K.js → MTR3ESEZ.js}

@@ -4,7 +4,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./KIEWPPIM.js";
 import {
   colors_module_default
 } from "./XSYKMCV5.js";
@@ -98,4 +98,4 @@ function TabInternal({
 export {
   TabInternal
 };
-//# sourceMappingURL=PBHAJ42K.js.map
+//# sourceMappingURL=MTR3ESEZ.js.map

package/dist/__chunks/{4EVPNC6V.js → MZ3D63DQ.js}

@@ -4,7 +4,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./KIEWPPIM.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -16,7 +16,7 @@ import {
 import classNames from "classnames";
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "textfield": "_textfield_1of18_1", "label": "_label_1of18_22", "md": "_md_1of18_26", "height": "_height_1of18_30", "inputError": "_inputError_1of18_34" };
+var TextField_module_default = { "textfield": "_textfield_f2wi6_1", "transparent": "_transparent_f2wi6_13", "label": "_label_f2wi6_28", "md": "_md_f2wi6_32", "height": "_height_f2wi6_36", "inputError": "_inputError_f2wi6_40", "transparentInputError": "_transparentInputError_f2wi6_49", "transparenInputError": "_transparenInputError_f2wi6_54" };
 
 // src/TextField/TextField.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -24,6 +24,7 @@ function TextField({
   autoComplete,
   "data-testid": dataTestId,
   disabled: disabledProp = false,
+  on = "lightBackground",
   errorText = "",
   helperText = "",
   id,
@@ -39,6 +40,8 @@ function TextField({
   const disabled = !isHydrated || disabledProp;
   const reactId = useId();
   const inputId = id != null ? id : reactId;
+  const textColor = on === "darkBackground" ? "white" : "gray900";
+  const errorTextColor = on !== "darkBackground" ? "destructive-lightBackground" : "destructive-darkBackground";
   return /* @__PURE__ */ jsxs(
     Box_default,
     {
@@ -52,14 +55,20 @@ function TextField({
         }
       },
       children: [
-        label && /* @__PURE__ */ jsx("label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+        label && /* @__PURE__ */ jsx("label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(Typography_default, { size: 100, color: textColor, children: label }) }) }),
         /* @__PURE__ */ jsx(
           "input",
           {
             autoComplete,
-            className: classNames(TextField_module_default.textfield, TextField_module_default.md, TextField_module_default.height, {
-              [TextField_module_default.inputError]: errorText
-            }),
+            className: classNames(
+              TextField_module_default.textfield,
+              TextField_module_default.md,
+              TextField_module_default.height,
+              errorText && (on === "darkBackground" ? TextField_module_default.transparentInputError : TextField_module_default.inputError),
+              {
+                [TextField_module_default.transparent]: on === "darkBackground"
+              }
+            ),
             "data-testid": dataTestId,
             disabled,
             id: inputId,
@@ -71,14 +80,7 @@ function TextField({
             step
           }
         ),
-        (helperText || errorText) && /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(
-          Typography_default,
-          {
-            size: 100,
-            color: errorText ? "destructive-darkBackground" : "gray700",
-            children: errorText || helperText
-          }
-        ) })
+        (helperText || errorText) && /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(Typography_default, { size: 100, color: errorText ? errorTextColor : textColor, children: errorText || helperText }) })
       ]
     }
   );
@@ -87,4 +89,4 @@ function TextField({
 export {
   TextField
 };
-//# sourceMappingURL=4EVPNC6V.js.map
+//# sourceMappingURL=MZ3D63DQ.js.map

package/dist/__chunks/MZ3D63DQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TextField/TextField.tsx","css-module:./TextField.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  type HTMLInputTypeAttribute,\n  useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TextField.module.css\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [TextField](https://cambly-syntax.vercel.app/?path=/docs/components-textfield--docs) is a component that allows users to enter text.\n */\nexport default function TextField({\n  autoComplete,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  on = \"lightBackground\",\n  errorText = \"\",\n  helperText = \"\",\n  id,\n  label,\n  maxLength,\n  onChange,\n  placeholder = \"\",\n  type = \"text\",\n  value = \"\",\n  step,\n}: {\n  /**\n   * The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.\n   *\n   * Feel free to add new values from the [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) as needed\n   */\n  autoComplete?: \"current-password\" | \"new-password\" | \"off\" | \"on\" | \"email\";\n  /**\n   * A data-testid to make querying for the TextField easier.\n   */\n  \"data-testid\"?: string;\n  /**\n   * If true, the TextField will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Indicate whether the button renders on a light or dark background. Changes the color of the button\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * Text shown below TextField if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Informative helper text shown below TextField\n   */\n  helperText?: string;\n  /**\n   * TextField id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /**\n   * TextField visible label\n   */\n  label: string;\n  /**\n   * Maximum length of the TextField\n   */\n  maxLength?: number;\n  /**\n   * The callback to be called the input changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Optional TextField placeholder text\n   */\n  placeholder?: string;\n  /**\n   * Input type of the TextField\n   *\n   * See [full list of input types](https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types)\n   */\n  type?: HTMLInputTypeAttribute;\n  /**\n   * Value of the TextField\n   */\n  value: string;\n  /**\n   * Specified legal number intervals for an input field. Specifically for time or number. If for time, specify in milliseconds. Must be a positive value.\n   */\n  step?: number;\n}): ReactElement {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const reactId = useId();\n  const inputId = id ?? reactId;\n  const textColor = on === \"darkBackground\" ? \"white\" : \"gray900\";\n  const errorTextColor =\n    on !== \"darkBackground\"\n      ? \"destructive-lightBackground\"\n      : \"destructive-darkBackground\";\n  return (\n    <Box\n      display=\"flex\"\n      direction=\"column\"\n      gap={2}\n      width=\"100%\"\n      dangerouslySetInlineStyle={{\n        __style: {\n          opacity: disabled ? 0.5 : 1,\n        },\n      }}\n    >\n      {label && (\n        <label className={styles.label} htmlFor={inputId}>\n          <Box paddingX={1}>\n            <Typography size={100} color={textColor}>\n              {label}\n            </Typography>\n          </Box>\n        </label>\n      )}\n      <input\n        autoComplete={autoComplete}\n        className={classNames(\n          styles.textfield,\n          styles.md,\n          styles.height,\n          errorText &&\n            (on === \"darkBackground\"\n              ? styles.transparentInputError\n              : styles.inputError),\n          {\n            [styles.transparent]: on === \"darkBackground\",\n          },\n        )}\n        data-testid={dataTestId}\n        disabled={disabled}\n        id={inputId}\n        maxLength={maxLength}\n        type={type}\n        onChange={onChange}\n        placeholder={placeholder}\n        value={value}\n        step={step}\n      />\n      {(helperText || errorText) && (\n        <Box paddingX={1}>\n          <Typography size={100} color={errorText ? errorTextColor : textColor}>\n            {errorText || helperText}\n          </Typography>\n        </Box>\n      )}\n    </Box>\n  );\n}\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_f2wi6_1\",\"transparent\":\"_transparent_f2wi6_13\",\"label\":\"_label_f2wi6_28\",\"md\":\"_md_f2wi6_32\",\"height\":\"_height_f2wi6_36\",\"inputError\":\"_inputError_f2wi6_40\",\"transparentInputError\":\"_transparentInputError_f2wi6_49\",\"transparenInputError\":\"_transparenInputError_f2wi6_54\"}"],"mappings":";;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACL2E,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,eAAc,yBAAwB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,wBAAuB,yBAAwB,mCAAkC,wBAAuB,iCAAgC;;;ADyGpZ,SAcQ,KAdR;AA3FW,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAiEiB;AACf,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,UAAU,MAAM;AACtB,QAAM,UAAU,kBAAM;AACtB,QAAM,YAAY,OAAO,mBAAmB,UAAU;AACtD,QAAM,iBACJ,OAAO,mBACH,gCACA;AACN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAM;AAAA,MACN,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,WAAW,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,iBACC,oBAAC,WAAM,WAAW,yBAAO,OAAO,SAAS,SACvC,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,WAC3B,iBACH,GACF,GACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW;AAAA,cACT,yBAAO;AAAA,cACP,yBAAO;AAAA,cACP,yBAAO;AAAA,cACP,cACG,OAAO,mBACJ,yBAAO,wBACP,yBAAO;AAAA,cACb;AAAA,gBACE,CAAC,yBAAO,WAAW,GAAG,OAAO;AAAA,cAC/B;AAAA,YACF;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,YAAY,iBAAiB,WACxD,uBAAa,YAChB,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/__chunks/{URBKDUMU.cjs → OOAQZC7E.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _IHGDCH62cjs = require('./IHGDCH62.cjs');
+var _WSKCMPTDcjs = require('./WSKCMPTD.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
@@ -16,7 +16,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var RichSelectChip_default = _react.forwardRef.call(void 0, 
   function RichSelectChip(props, ref) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, props), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _IHGDCH62cjs.Chip_default,
+      _WSKCMPTDcjs.Chip_default,
       {
         text: props.label,
         selected: isSelected,
@@ -31,4 +31,4 @@ var RichSelectChip_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectChip_default = RichSelectChip_default;
-//# sourceMappingURL=URBKDUMU.cjs.map
+//# sourceMappingURL=OOAQZC7E.cjs.map

package/dist/__chunks/{UXSGTOGU.cjs → PCEOK3GO.cjs}

@@ -10,7 +10,7 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
 
 
 var _2XIVACBMcjs = require('./2XIVACBM.cjs');
@@ -104,7 +104,7 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
         childrenProp,
         (children, { isEntering, isExiting }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipArrow, { on }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, color: "white", children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: 100, color: "white", children }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _E5P6WRJDcjs.OverlayVisibility,
             {
@@ -166,4 +166,4 @@ var Tooltip_default = Tooltip;
 
 
 exports.AriaTooltip = AriaTooltip; exports.Tooltip_default = Tooltip_default;
-//# sourceMappingURL=UXSGTOGU.cjs.map
+//# sourceMappingURL=PCEOK3GO.cjs.map

package/dist/__chunks/{VWM2UOZ3.cjs → PGDIO77V.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
 
 // src/WordConfetti/WordConfetti.tsx
 var _react = require('react');
@@ -48,7 +48,7 @@ var WordConfetto = ({
         }
       },
       width: "fit-content",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size, weight: "bold", fontStyle: "serif", children: text })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size, weight: "bold", fontStyle: "serif", children: text })
     }
   );
 };
@@ -101,4 +101,4 @@ var WordConfetti_default = WordConfetti;
 
 
 exports.WordConfetti_default = WordConfetti_default;
-//# sourceMappingURL=VWM2UOZ3.cjs.map
+//# sourceMappingURL=PGDIO77V.cjs.map

package/dist/__chunks/{66VTCVJA.cjs → PGMFMTEU.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _4AI6GQ5Ucjs = require('./4AI6GQ5U.cjs');
+var _WT62D7UBcjs = require('./WT62D7UB.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
@@ -19,7 +19,7 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
   function RichSelectRadioButton(props, ref) {
     const _a = props, { size, name } = _a, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _a, ["size", "name"]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _4AI6GQ5Ucjs.RadioButton_default,
+      _WT62D7UBcjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=66VTCVJA.cjs.map
+//# sourceMappingURL=PGMFMTEU.cjs.map

package/dist/__chunks/{AUO7CEJI.cjs → QJGERVMN.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -16,7 +16,7 @@ var _react = require('react');
 var TextArea_module_default = { "textarea": "_textarea_1sb0v_1", "resizenone": "_resizenone_1sb0v_6", "resizehorizontal": "_resizehorizontal_1sb0v_10", "resizevertical": "_resizevertical_1sb0v_14", "resizeboth": "_resizeboth_1sb0v_18" };
 
 // css-module:../TextField/TextField.module.css#css-module
-var TextField_module_default = { "textfield": "_textfield_1of18_1", "label": "_label_1of18_22", "md": "_md_1of18_26", "height": "_height_1of18_30", "inputError": "_inputError_1of18_34" };
+var TextField_module_default = { "textfield": "_textfield_f2wi6_1", "transparent": "_transparent_f2wi6_13", "label": "_label_f2wi6_28", "md": "_md_f2wi6_32", "height": "_height_f2wi6_36", "inputError": "_inputError_f2wi6_40", "transparentInputError": "_transparentInputError_f2wi6_49", "transparenInputError": "_transparenInputError_f2wi6_54" };
 
 // src/TextArea/TextArea.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
@@ -54,8 +54,8 @@ var TextArea = _react.forwardRef.call(void 0,
         },
         position: "relative",
         children: [
-          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "textarea",
             {
               "data-testid": dataTestId,
@@ -78,7 +78,7 @@ var TextArea = _react.forwardRef.call(void 0,
             }
           ) }),
           (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _5NQO6SP3cjs.Typography_default,
+            _WS6CZJQ6cjs.Typography_default,
             {
               size: 100,
               color: errorText ? "destructive-darkBackground" : "gray700",
@@ -95,4 +95,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=AUO7CEJI.cjs.map
+//# sourceMappingURL=QJGERVMN.cjs.map

package/dist/__chunks/QJGERVMN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TextArea/TextArea.tsx","css-module:./TextArea.module.css#css-module","css-module:../TextField/TextField.module.css#css-module"],"names":["TextArea"],"mappings":";;;;;;;;;;;;AAEA,SAAmC,OAAO,kBAAkB;;;ACFoC,IAAO,0BAAQ,EAAC,YAAW,qBAAoB,cAAa,uBAAsB,oBAAmB,8BAA6B,kBAAiB,4BAA2B,cAAa,uBAAsB;;;ACA/M,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,eAAc,yBAAwB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,wBAAuB,yBAAwB,mCAAkC,wBAAuB,iCAAgC;;;AFKxZ,OAAO,gBAAgB;AAuFjB,SAeQ,KAfR;AAxBN,IAAM,WAAW;AAAA,EACf,SAASA,UACP;AAAA,IACE,eAAe;AAAA,IACf,UAAU,eAAe;AAAA,IACzB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA,SAAS;AAAA,EACX,GACA,cACc;AACd,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC,cAAc;AAChC,UAAM,UAAU,MAAM;AACtB,UAAM,UAAU,kBAAM;AAEtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAM;AAAA,QACN,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,SAAS,WAAW,MAAM;AAAA,UAC5B;AAAA,QACF;AAAA,QACA,UAAS;AAAA,QAER;AAAA,mBACC,oBAAC,WAAM,WAAW,yBAAgB,OAAO,SAAS,SAChD,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,UAEF,oBAAC,sBAAW,MAAM,KAChB;AAAA,YAAC;AAAA;AAAA,cACC,eAAa;AAAA,cACb,KAAK;AAAA,cACL,WAAW;AAAA,gBACT,yBAAgB;AAAA,gBAChB,wBAAO;AAAA,gBACP,wBAAO,SAAS,QAAQ;AAAA,gBACxB;AAAA,kBACE,CAAC,yBAAgB,UAAU,GAAG;AAAA,gBAChC;AAAA,cACF;AAAA,cACA,IAAI;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF,GACF;AAAA,WACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAO,YAAY,+BAA+B;AAAA,cAEjD,uBAAa;AAAA;AAAA,UAChB,GACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ","sourcesContent":["import Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport React, { type ReactElement, useId, forwardRef } from \"react\";\nimport styles from \"./TextArea.module.css\";\nimport textFieldStyles from \"../TextField/TextField.module.css\";\nimport classNames from \"classnames\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype TextAreaProps = {\n  /**\n   * A data-testid to make querying for the TextArea easier.\n   */\n  \"data-testid\"?: string;\n  /**\n   * If true, the TextArea will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Text shown below TextArea if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Informative helper text shown below TextArea\n   */\n  helperText?: string;\n  /**\n   * TextField id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /**\n   * TextArea visible label\n   */\n  label: string;\n  /**\n   * Maximum number of characters allowed in the TextArea\n   */\n  maxLength?: number;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text to display when TextArea is empty\n   */\n  placeholder?: string;\n  /**\n   * Sets which part resizes when the user drags the resize handle.\n   * * `none`: TextArea can not be resized\n   * * `horizontal`: TextArea can only be resized horizontally\n   * * `vertical`: TextArea can only be resized vertically\n   * * `both`: TextArea can be resized horizontally and vertically\n   *\n   * @defaultvalue `none`\n   */\n  resize?: \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n  /**\n   * Number of rows to display\n   */\n  rows?: number;\n  /**\n   * Value of the TextArea\n   */\n  value: string;\n};\n\n/**\n * [TextArea](https://cambly-syntax.vercel.app/?path=/docs/components-textarea--docs) allows users to enter multiple lines of text.\n */\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      errorText = \"\",\n      helperText = \"\",\n      id,\n      label,\n      maxLength = 1024,\n      placeholder = \"\",\n      rows = 3,\n      value = \"\",\n      onChange,\n      resize = \"none\",\n    }: TextAreaProps,\n    forwardedRef,\n  ): ReactElement {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const reactId = useId();\n    const inputId = id ?? reactId;\n\n    return (\n      <Box\n        display=\"flex\"\n        direction=\"column\"\n        gap={2}\n        width=\"100%\"\n        dangerouslySetInlineStyle={{\n          __style: {\n            opacity: disabled ? 0.5 : 1,\n          },\n        }}\n        position=\"relative\"\n      >\n        {label && (\n          <label className={textFieldStyles.label} htmlFor={inputId}>\n            <Box paddingX={1}>\n              <Typography size={100} color=\"gray700\">\n                {label}\n              </Typography>\n            </Box>\n          </label>\n        )}\n        <Typography size={100}>\n          <textarea\n            data-testid={dataTestId}\n            ref={forwardedRef}\n            className={classNames(\n              textFieldStyles.textfield,\n              styles.textarea,\n              styles[`resize${resize}`],\n              {\n                [textFieldStyles.inputError]: errorText,\n              },\n            )}\n            id={inputId}\n            placeholder={placeholder}\n            maxLength={maxLength}\n            onChange={onChange}\n            rows={rows}\n            value={value}\n            disabled={disabled}\n          />\n        </Typography>\n        {(helperText || errorText) && (\n          <Box paddingX={1}>\n            <Typography\n              size={100}\n              color={errorText ? \"destructive-darkBackground\" : \"gray700\"}\n            >\n              {errorText || helperText}\n            </Typography>\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nexport default TextArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextArea/TextArea.module.css\"; export default {\"textarea\":\"_textarea_1sb0v_1\",\"resizenone\":\"_resizenone_1sb0v_6\",\"resizehorizontal\":\"_resizehorizontal_1sb0v_10\",\"resizevertical\":\"_resizevertical_1sb0v_14\",\"resizeboth\":\"_resizeboth_1sb0v_18\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_f2wi6_1\",\"transparent\":\"_transparent_f2wi6_13\",\"label\":\"_label_f2wi6_28\",\"md\":\"_md_f2wi6_32\",\"height\":\"_height_f2wi6_36\",\"inputError\":\"_inputError_f2wi6_40\",\"transparentInputError\":\"_transparentInputError_f2wi6_49\",\"transparenInputError\":\"_transparenInputError_f2wi6_54\"}"]}

package/dist/__chunks/{3D6LFUMA.js → QURJJHRN.js}

@@ -4,7 +4,7 @@ import {
 } from "./CXENLD6O.js";
 import {
   IconButton_default
-} from "./HVGNETJV.js";
+} from "./GDXRRA57.js";
 import {
   Box_default
 } from "./IB6JZQF3.js";
@@ -157,4 +157,4 @@ export {
   AriaModal,
   ModalDialog_default
 };
-//# sourceMappingURL=3D6LFUMA.js.map
+//# sourceMappingURL=QURJJHRN.js.map

package/dist/__chunks/{56LMASNQ.js → RVF6GMID.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./5S7HZU4Z.js";
+} from "./D45HCKL3.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=56LMASNQ.js.map
+//# sourceMappingURL=RVF6GMID.js.map

package/dist/__chunks/{TG2RCNZT.js → SG3FRX2U.js}

@@ -7,7 +7,7 @@ import {
 } from "./VV2NJABK.js";
 import {
   TabInternal
-} from "./PBHAJ42K.js";
+} from "./MTR3ESEZ.js";
 import {
   Box_default
 } from "./IB6JZQF3.js";
@@ -64,4 +64,4 @@ function TabButton({
 export {
   TabButton
 };
-//# sourceMappingURL=TG2RCNZT.js.map
+//# sourceMappingURL=SG3FRX2U.js.map

package/dist/__chunks/{C2HJHJQW.js → STMMCDX5.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Heading_default
-} from "./E27BHPP7.js";
+} from "./HG43LCAW.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
@@ -13,7 +13,7 @@ import {
 } from "./HVA7R2EL.js";
 import {
   IconButton_default
-} from "./HVGNETJV.js";
+} from "./GDXRRA57.js";
 import {
   Box_default
 } from "./IB6JZQF3.js";
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=C2HJHJQW.js.map
+//# sourceMappingURL=STMMCDX5.js.map

package/dist/__chunks/{KY2TFXG3.js → SVNXSJ7Z.js}

@@ -23,7 +23,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./KIEWPPIM.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -146,4 +146,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=KY2TFXG3.js.map
+//# sourceMappingURL=SVNXSJ7Z.js.map

package/dist/__chunks/{BDCZ5GX7.cjs → TA4EX7DL.cjs}

@@ -16,8 +16,10 @@ function textColor(color) {
       return _2XIVACBMcjs.colors_module_default.inheritColor;
     case "destructive-primary":
       return _2XIVACBMcjs.colors_module_default.cambioDestructive900Color;
+    case "destructive-lightBackground":
+      return _2XIVACBMcjs.colors_module_default.cambioDestructive900Color;
     case "destructive-darkBackground":
-      return _2XIVACBMcjs.colors_module_default.cambioDestructive700Color;
+      return _2XIVACBMcjs.colors_module_default.cambioDestructive300Color;
     case "success":
       return _2XIVACBMcjs.colors_module_default.cambioSuccess700Color;
     case "success-darkBackground":
@@ -30,4 +32,4 @@ function textColor(color) {
 
 
 exports.textColor = textColor;
-//# sourceMappingURL=BDCZ5GX7.cjs.map
+//# sourceMappingURL=TA4EX7DL.cjs.map

package/dist/__chunks/TA4EX7DL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/textColors.ts"],"names":[],"mappings":";;;;;;AAEe,SAAR,UACL,OAYQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF","sourcesContent":["import colorStyles from \"../colors/colors.module.css\";\n\nexport default function textColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-lightBackground\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"white-secondary\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"white-secondary\":\n      return colorStyles.cambioWhite70Color;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-lightBackground\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive300Color;\n    case \"success\":\n      return colorStyles.cambioSuccess700Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n"]}

package/dist/__chunks/{F2ZYHRNY.js → TGUOITLK.js}

@@ -4,7 +4,7 @@ import {
 } from "./VV2NJABK.js";
 import {
   TabInternal
-} from "./PBHAJ42K.js";
+} from "./MTR3ESEZ.js";
 import {
   Box_default
 } from "./IB6JZQF3.js";
@@ -72,4 +72,4 @@ var TabLink_default = TabLink;
 export {
   TabLink_default
 };
-//# sourceMappingURL=F2ZYHRNY.js.map
+//# sourceMappingURL=TGUOITLK.js.map