@cambly/syntax-core 10.35.0 → 10.37.0

package/dist/__chunks/{2MQDGNBM.cjs → 3OMIAWRN.cjs}

@@ -4,26 +4,29 @@
 var _5JUNB754cjs = require('./5JUNB754.cjs');
 
 
-var _UAXX2ZEQcjs = require('./UAXX2ZEQ.cjs');
+var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 
 
-var _LBA34HLFcjs = require('./LBA34HLF.cjs');
+var _BHN2OODFcjs = require('./BHN2OODF.cjs');
 
 
-var _BYVURUTUcjs = require('./BYVURUTU.cjs');
+var _MKZONAGTcjs = require('./MKZONAGT.cjs');
 
 
-var _M3PAAPMIcjs = require('./M3PAAPMI.cjs');
+var _C3KZXHTVcjs = require('./C3KZXHTV.cjs');
 
 
-var _XCSW34UMcjs = require('./XCSW34UM.cjs');
+var _RAL6R27Scjs = require('./RAL6R27S.cjs');
+
+
+var _XCGRNBQHcjs = require('./XCGRNBQH.cjs');
 
 // src/LinkButton/LinkButton.tsx
 var _react = require('react');
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 
 // css-module:../Button/Button.module.css#css-module
-var Button_module_default = { "button": "_button_y92p2_1", "buttonGap": "_buttonGap_y92p2_8", "disabledPrimary": "_disabledPrimary_y92p2_49", "fullWidth": "_fullWidth_y92p2_53", "sm": "_sm_y92p2_57", "md": "_md_y92p2_64", "lg": "_lg_y92p2_71", "icon": "_icon_y92p2_78", "smIcon": "_smIcon_y92p2_82", "mdIcon": "_mdIcon_y92p2_89", "lgIcon": "_lgIcon_y92p2_96", "loading": "_loading_y92p2_113", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_y92p2_1", "loadingCircle": "_loadingCircle_y92p2_117" };
+var Button_module_default = { "button": "_button_hjka3_1", "buttonGap": "_buttonGap_hjka3_8", "disabled": "_disabled_hjka3_42", "disabledPrimary": "_disabledPrimary_hjka3_49", "fullWidth": "_fullWidth_hjka3_53", "sm": "_sm_hjka3_57", "md": "_md_hjka3_64", "lg": "_lg_hjka3_71", "icon": "_icon_hjka3_78", "smIcon": "_smIcon_hjka3_82", "mdIcon": "_mdIcon_hjka3_89", "lgIcon": "_lgIcon_hjka3_96", "loading": "_loading_hjka3_113", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_hjka3_1", "loadingCircle": "_loadingCircle_hjka3_117" };
 
 // css-module:./LinkButton.module.css#css-module
 var LinkButton_module_default = { "linkButton": "_linkButton_1qjrb_1", "fitContent": "_fitContent_1qjrb_11" };
@@ -39,14 +42,15 @@ var LinkButton = _react.forwardRef.call(void 0,
     "data-testid": dataTestId,
     color = "primary",
     size = "md",
+    loading = false,
     fullWidth = false,
     startIcon: StartIcon,
     endIcon: EndIcon,
     on = "lightBackground",
     onClick
   }, ref) => {
-    const foregroundColorClass = _LBA34HLFcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _M3PAAPMIcjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _MKZONAGTcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _RAL6R27Scjs.backgroundColor.call(void 0, color, on);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "a",
       {
@@ -60,43 +64,63 @@ var LinkButton = _react.forwardRef.call(void 0,
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _BYVURUTUcjs.border.call(void 0, color, on),
+          _C3KZXHTVcjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
             [LinkButton_module_default.fitContent]: !fullWidth,
-            [Button_module_default.buttonGap]: size === "lg" || size === "md"
+            [Button_module_default.buttonGap]: size === "lg" || size === "md",
+            [Button_module_default.disabled]: loading
           }
         ),
         onClick,
         children: [
-          StartIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && StartIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             StartIcon,
             {
               className: _classnames2.default.call(void 0, 
                 Button_module_default.icon,
-                _UAXX2ZEQcjs.iconSize_default[size],
+                _BHN2OODFcjs.iconSize_default[size],
                 foregroundColorClass
               )
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCGRNBQHcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: foregroundColorClass,
-              style: { fontWeight: 500 },
               children: text
             }
           ) }),
-          EndIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && EndIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             EndIcon,
             {
               className: _classnames2.default.call(void 0, 
                 Button_module_default.icon,
-                _UAXX2ZEQcjs.iconSize_default[size],
+                _BHN2OODFcjs.iconSize_default[size],
                 foregroundColorClass
               )
             }
+          ),
+          loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "svg",
+            {
+              className: _classnames2.default.call(void 0, Button_module_default.loading, foregroundColorClass),
+              viewBox: "22 22 44 44",
+              width: _3P2PWHOUcjs.loadingIconSize_default[size],
+              height: _3P2PWHOUcjs.loadingIconSize_default[size],
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "circle",
+                {
+                  className: Button_module_default.loadingCircle,
+                  cx: "44",
+                  cy: "44",
+                  r: "20.2",
+                  fill: "none",
+                  strokeWidth: "3.6"
+                }
+              )
+            }
           )
         ]
       }
@@ -109,4 +133,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=2MQDGNBM.cjs.map
+//# sourceMappingURL=3OMIAWRN.cjs.map

package/dist/__chunks/3OMIAWRN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/LinkButton/LinkButton.tsx","css-module:../Button/Button.module.css#css-module","css-module:./LinkButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAA2C;AACpD,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,YAAW,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACAte,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB;;;AFyHpL,SAuBI,KAvBJ;AAvBN,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,KAAK;AAAA,IACL;AAAA,EACF,GACA,QACG;AACH,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AAEtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP,sBAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA,OAAO,OAAO,EAAE;AAAA,UAChB,sBAAa,IAAI;AAAA,UACjB;AAAA,YACE,CAAC,sBAAa,SAAS,GAAG;AAAA,YAC1B,CAAC,0BAAO,UAAU,GAAG,CAAC;AAAA,YACtB,CAAC,sBAAa,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,YACpD,CAAC,sBAAa,QAAQ,GAAG;AAAA,UAC3B;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA,WAAC,WAAW,aACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAED,CAAC,WAAW,QACX,oBAAC,sBAAW,MAAM,oBAAY,IAAI,GAAG,QAAO,UAC1C;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,cAEV;AAAA;AAAA,UACH,GACF;AAAA,UAED,CAAC,WAAW,WACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAED,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,sBAAa,SAAS,oBAAoB;AAAA,cAChE,SAAQ;AAAA,cACR,OAAO,wBAAgB,IAAI;AAAA,cAC3B,QAAQ,wBAAgB,IAAI;AAAA,cAE5B;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,sBAAa;AAAA,kBACxB,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,aAAY;AAAA;AAAA,cACd;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ","sourcesContent":["import { forwardRef, type HtmlHTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport buttonStyles from \"../Button/Button.module.css\";\nimport iconSize from \"../Button/constants/iconSize\";\nimport textVariant from \"../Button/constants/textVariant\";\nimport loadingIconSize from \"../Button/constants/loadingIconSize\";\nimport styles from \"./LinkButton.module.css\";\nimport { backgroundColor } from \"../colors//backgroundColor\";\nimport { foregroundColor } from \"../colors/foregroundColor\";\nimport { border } from \"../colors/border\";\n\ntype LinkButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The link that the LinkButton should route to.\n   *\n   */\n  href?: string;\n  /**\n   * The target attribute specifies where to open the linked document.\n   *\n   */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /**\n   * The rel attribute specifies the relationship between the document and the link.\n   *\n   */\n  rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\";\n  /**\n   * The size of the button\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\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   * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\n/**\n * [LinkButton](https://cambly-syntax.vercel.app/?path=/docs/components-linkbutton--docs) is a \"variation\" of Button that should look identical to Button, but should be used to render links instead.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  (\n    {\n      text,\n      href,\n      target,\n      rel,\n      \"data-testid\": dataTestId,\n      color = \"primary\",\n      size = \"md\",\n      loading = false,\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      on = \"lightBackground\",\n      onClick,\n    }: LinkButtonProps,\n    ref,\n  ) => {\n    const foregroundColorClass = foregroundColor(color, on);\n    const backgroundColorClass = backgroundColor(color, on);\n\n    return (\n      <a\n        href={href}\n        data-testid={dataTestId}\n        target={target}\n        ref={ref}\n        rel={rel}\n        className={classNames(\n          styles.linkButton,\n          buttonStyles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          border(color, on),\n          buttonStyles[size],\n          {\n            [buttonStyles.fullWidth]: fullWidth,\n            [styles.fitContent]: !fullWidth,\n            [buttonStyles.buttonGap]: size === \"lg\" || size === \"md\",\n            [buttonStyles.disabled]: loading,\n          },\n        )}\n        onClick={onClick}\n      >\n        {!loading && StartIcon && (\n          <StartIcon\n            className={classNames(\n              buttonStyles.icon,\n              iconSize[size],\n              foregroundColorClass,\n            )}\n          />\n        )}\n        {!loading && text && (\n          <Typography size={textVariant[size]} weight=\"medium\">\n            <span\n              // Temporary - until we have cambio colors on Typogrphay\n              className={foregroundColorClass}\n            >\n              {text}\n            </span>\n          </Typography>\n        )}\n        {!loading && EndIcon && (\n          <EndIcon\n            className={classNames(\n              buttonStyles.icon,\n              iconSize[size],\n              foregroundColorClass,\n            )}\n          />\n        )}\n        {loading && (\n          <svg\n            className={classNames(buttonStyles.loading, foregroundColorClass)}\n            viewBox=\"22 22 44 44\"\n            width={loadingIconSize[size]}\n            height={loadingIconSize[size]}\n          >\n            <circle\n              className={buttonStyles.loadingCircle}\n              cx=\"44\"\n              cy=\"44\"\n              r=\"20.2\"\n              fill=\"none\"\n              strokeWidth=\"3.6\"\n            />\n          </svg>\n        )}\n      </a>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n\nexport default LinkButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_hjka3_1\",\"buttonGap\":\"_buttonGap_hjka3_8\",\"disabled\":\"_disabled_hjka3_42\",\"disabledPrimary\":\"_disabledPrimary_hjka3_49\",\"fullWidth\":\"_fullWidth_hjka3_53\",\"sm\":\"_sm_hjka3_57\",\"md\":\"_md_hjka3_64\",\"lg\":\"_lg_hjka3_71\",\"icon\":\"_icon_hjka3_78\",\"smIcon\":\"_smIcon_hjka3_82\",\"mdIcon\":\"_mdIcon_hjka3_89\",\"lgIcon\":\"_lgIcon_hjka3_96\",\"loading\":\"_loading_hjka3_113\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_hjka3_1\",\"loadingCircle\":\"_loadingCircle_hjka3_117\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkButton/LinkButton.module.css\"; export default {\"linkButton\":\"_linkButton_1qjrb_1\",\"fitContent\":\"_fitContent_1qjrb_11\"}"]}

package/dist/__chunks/{4SQ2LELV.js → 44BDRP6O.js}

@@ -7,7 +7,7 @@ import {
 } from "./J6DAGNNN.js";
 import {
   Typography_default
-} from "./YAM7DAOZ.js";
+} from "./2IXPTAJD.js";
 import {
   colors_module_default
 } from "./S6TNP7G5.js";
@@ -129,4 +129,4 @@ var RadioButton_default = RadioButton;
 export {
   RadioButton_default
 };
-//# sourceMappingURL=4SQ2LELV.js.map
+//# sourceMappingURL=44BDRP6O.js.map

package/dist/__chunks/{S5B7CZKL.cjs → 52L4VM3G.cjs}

@@ -7,7 +7,7 @@ var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 var _DB7KX3J2cjs = require('./DB7KX3J2.cjs');
 
 
-var _XCSW34UMcjs = require('./XCSW34UM.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.cjs');
 
 
 var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
@@ -113,7 +113,7 @@ var RadioButton = ({
           }
         ),
         label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _XCSW34UMcjs.Typography_default,
+          _XCGRNBQHcjs.Typography_default,
           {
             size: size === "md" ? 200 : 100,
             color: error ? "destructive-primary" : "gray900",
@@ -129,4 +129,4 @@ var RadioButton_default = RadioButton;
 
 
 exports.RadioButton_default = RadioButton_default;
-//# sourceMappingURL=S5B7CZKL.cjs.map
+//# sourceMappingURL=52L4VM3G.cjs.map

package/dist/__chunks/{GUCD3CDN.cjs → 65OHGDU2.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
+var _5JUNB754cjs = require('./5JUNB754.cjs');
 
 
-var _5JUNB754cjs = require('./5JUNB754.cjs');
+var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 
 
-var _UAXX2ZEQcjs = require('./UAXX2ZEQ.cjs');
+var _BHN2OODFcjs = require('./BHN2OODF.cjs');
 
 
-var _LBA34HLFcjs = require('./LBA34HLF.cjs');
+var _MKZONAGTcjs = require('./MKZONAGT.cjs');
 
 
-var _BYVURUTUcjs = require('./BYVURUTU.cjs');
+var _C3KZXHTVcjs = require('./C3KZXHTV.cjs');
 
 
-var _M3PAAPMIcjs = require('./M3PAAPMI.cjs');
+var _RAL6R27Scjs = require('./RAL6R27S.cjs');
 
 
 var _DB7KX3J2cjs = require('./DB7KX3J2.cjs');
 
 
-var _XCSW34UMcjs = require('./XCSW34UM.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -32,7 +32,7 @@ var _react = require('react');
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "button": "_button_y92p2_1", "buttonGap": "_buttonGap_y92p2_8", "disabledPrimary": "_disabledPrimary_y92p2_49", "fullWidth": "_fullWidth_y92p2_53", "sm": "_sm_y92p2_57", "md": "_md_y92p2_64", "lg": "_lg_y92p2_71", "icon": "_icon_y92p2_78", "smIcon": "_smIcon_y92p2_82", "mdIcon": "_mdIcon_y92p2_89", "lgIcon": "_lgIcon_y92p2_96", "loading": "_loading_y92p2_113", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_y92p2_1", "loadingCircle": "_loadingCircle_y92p2_117" };
+var Button_module_default = { "button": "_button_hjka3_1", "buttonGap": "_buttonGap_hjka3_8", "disabled": "_disabled_hjka3_42", "disabledPrimary": "_disabledPrimary_hjka3_49", "fullWidth": "_fullWidth_hjka3_53", "sm": "_sm_hjka3_57", "md": "_md_hjka3_64", "lg": "_lg_hjka3_71", "icon": "_icon_hjka3_78", "smIcon": "_smIcon_hjka3_82", "mdIcon": "_mdIcon_hjka3_89", "lgIcon": "_lgIcon_hjka3_96", "loading": "_loading_hjka3_113", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_hjka3_1", "loadingCircle": "_loadingCircle_hjka3_117" };
 
 // src/Button/Button.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -55,9 +55,10 @@ var Button = _react.forwardRef.call(void 0,
     type = "button"
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const foregroundColorClass = _LBA34HLFcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _M3PAAPMIcjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _MKZONAGTcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _RAL6R27Scjs.backgroundColor.call(void 0, color, on);
     const disabledPrimary = color === "primary" && disabled;
+    const isDisabled = !isHydrated || disabled || loading;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
       {
@@ -66,17 +67,18 @@ var Button = _react.forwardRef.call(void 0,
         "aria-label": accessibilityLabel,
         type,
         title: tooltip,
-        disabled: !isHydrated || disabled || loading,
+        disabled: isDisabled,
         onClick,
         className: _classnames2.default.call(void 0, 
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _BYVURUTUcjs.border.call(void 0, color, on),
+          _C3KZXHTVcjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
-            [Button_module_default.buttonGap]: size === "lg" || size === "md"
+            [Button_module_default.buttonGap]: size === "lg" || size === "md",
+            [Button_module_default.disabled]: isDisabled
           }
         ),
         children: [
@@ -85,20 +87,18 @@ var Button = _react.forwardRef.call(void 0,
             {
               className: _classnames2.default.call(void 0, 
                 Button_module_default.icon,
-                _UAXX2ZEQcjs.iconSize_default[size],
+                _BHN2OODFcjs.iconSize_default[size],
                 disabledPrimary && Button_module_default.disabledPrimary
               )
             }
           ),
-          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DB7KX3J2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DB7KX3J2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCGRNBQHcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: _classnames2.default.call(void 0, 
-                // Temporary - until we have cambio colors on Typography
                 foregroundColorClass,
                 disabledPrimary && Button_module_default.disabledPrimary
               ),
-              style: { fontWeight: 500 },
               children: loading ? loadingText : text
             }
           ) }) }),
@@ -107,7 +107,7 @@ var Button = _react.forwardRef.call(void 0,
             {
               className: _classnames2.default.call(void 0, 
                 Button_module_default.icon,
-                _UAXX2ZEQcjs.iconSize_default[size],
+                _BHN2OODFcjs.iconSize_default[size],
                 disabledPrimary && Button_module_default.disabledPrimary
               )
             }
@@ -143,4 +143,4 @@ var Button_default = Button;
 
 
 exports.Button_default = Button_default;
-//# sourceMappingURL=GUCD3CDN.cjs.map
+//# sourceMappingURL=65OHGDU2.cjs.map

package/dist/__chunks/65OHGDU2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/Button.tsx","css-module:./Button.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAClC,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,YAAW,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ADuIpkB,SAsBI,KAtBJ;AA7BN,IAAM,SAAS;AAAA,EACb,CACE;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,GACA,QACG;AACH,UAAM,aAAa,cAAc;AAEjC,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,kBAAkB,UAAU,aAAa;AAC/C,UAAM,aAAa,CAAC,cAAc,YAAY;AAE9C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb;AAAA,QACA,cAAY;AAAA,QACZ;AAAA,QACA,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA,WAAW;AAAA,UACT,sBAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,OAAO,OAAO,EAAE;AAAA,UAChB,sBAAO,IAAI;AAAA,UACX;AAAA,YACE,CAAC,sBAAO,SAAS,GAAG;AAAA,YACpB,CAAC,sBAAO,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,YAC9C,CAAC,sBAAO,QAAQ,GAAG;AAAA,UACrB;AAAA,QACF;AAAA,QAEC;AAAA,WAAC,WAAW,aACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAO;AAAA,gBACP,iBAAS,IAAI;AAAA,gBACb,mBAAmB,sBAAO;AAAA,cAC5B;AAAA;AAAA,UACF;AAAA,WAEC,WAAW,eAAiB,CAAC,WAAW,SACzC,oBAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,oBAAY,IAAI,GAAG,QAAO,UAC1C;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,mBAAmB,sBAAO;AAAA,cAC5B;AAAA,cAEC,oBAAU,cAAc;AAAA;AAAA,UAC3B,GACF,GACF;AAAA,UAED,CAAC,WAAW,WACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAO;AAAA,gBACP,iBAAS,IAAI;AAAA,gBACb,mBAAmB,sBAAO;AAAA,cAC5B;AAAA;AAAA,UACF;AAAA,UAED,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,sBAAO,SAAS,oBAAoB;AAAA,cAC1D,SAAQ;AAAA,cACR,OAAO,wBAAgB,IAAI;AAAA,cAC3B,QAAQ,wBAAgB,IAAI;AAAA,cAE5B;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,sBAAO;AAAA,kBAClB,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,aAAY;AAAA;AAAA,cACd;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport iconSize from \"./constants/iconSize\";\nimport textVariant from \"./constants/textVariant\";\nimport loadingIconSize from \"./constants/loadingIconSize\";\nimport styles from \"./Button.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { backgroundColor } from \"../colors/backgroundColor\";\nimport { foregroundColor } from \"../colors/foregroundColor\";\nimport { border } from \"../colors/border\";\n\ntype ButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\";\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\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   * The callback to be called when the button is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n  /**\n   * The type you want to set for the primitive `<button/>`\n   */\n  type?: \"button\" | \"submit\" | \"reset\";\n};\n\n/**\n * [Button](https://cambly-syntax.vercel.app/?path=/docs/components-button--docs) is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      \"data-testid\": dataTestId,\n      text,\n      loadingText,\n      color = \"primary\",\n      size = \"md\",\n      accessibilityLabel,\n      disabled = false,\n      loading = false,\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      on = \"lightBackground\",\n      onClick,\n      tooltip,\n      type = \"button\",\n    }: ButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n\n    const foregroundColorClass = foregroundColor(color, on);\n    const backgroundColorClass = backgroundColor(color, on);\n    const disabledPrimary = color === \"primary\" && disabled;\n    const isDisabled = !isHydrated || disabled || loading;\n\n    return (\n      <button\n        data-testid={dataTestId}\n        ref={ref}\n        aria-label={accessibilityLabel}\n        type={type}\n        title={tooltip}\n        disabled={isDisabled}\n        onClick={onClick}\n        className={classNames(\n          styles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          border(color, on),\n          styles[size],\n          {\n            [styles.fullWidth]: fullWidth,\n            [styles.buttonGap]: size === \"lg\" || size === \"md\",\n            [styles.disabled]: isDisabled,\n          },\n        )}\n      >\n        {!loading && StartIcon && (\n          <StartIcon\n            className={classNames(\n              styles.icon,\n              iconSize[size],\n              disabledPrimary && styles.disabledPrimary,\n            )}\n          />\n        )}\n        {((loading && loadingText) || (!loading && text)) && (\n          <Box paddingX={1}>\n            <Typography size={textVariant[size]} weight=\"medium\">\n              <span\n                className={classNames(\n                  foregroundColorClass,\n                  disabledPrimary && styles.disabledPrimary,\n                )}\n              >\n                {loading ? loadingText : text}\n              </span>\n            </Typography>\n          </Box>\n        )}\n        {!loading && EndIcon && (\n          <EndIcon\n            className={classNames(\n              styles.icon,\n              iconSize[size],\n              disabledPrimary && styles.disabledPrimary,\n            )}\n          />\n        )}\n        {loading && (\n          <svg\n            className={classNames(styles.loading, foregroundColorClass)}\n            viewBox=\"22 22 44 44\"\n            width={loadingIconSize[size]}\n            height={loadingIconSize[size]}\n          >\n            <circle\n              className={styles.loadingCircle}\n              cx=\"44\"\n              cy=\"44\"\n              r=\"20.2\"\n              fill=\"none\"\n              strokeWidth=\"3.6\"\n            />\n          </svg>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_hjka3_1\",\"buttonGap\":\"_buttonGap_hjka3_8\",\"disabled\":\"_disabled_hjka3_42\",\"disabledPrimary\":\"_disabledPrimary_hjka3_49\",\"fullWidth\":\"_fullWidth_hjka3_53\",\"sm\":\"_sm_hjka3_57\",\"md\":\"_md_hjka3_64\",\"lg\":\"_lg_hjka3_71\",\"icon\":\"_icon_hjka3_78\",\"smIcon\":\"_smIcon_hjka3_82\",\"mdIcon\":\"_mdIcon_hjka3_89\",\"lgIcon\":\"_lgIcon_hjka3_96\",\"loading\":\"_loading_hjka3_113\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_hjka3_1\",\"loadingCircle\":\"_loadingCircle_hjka3_117\"}"]}

package/dist/__chunks/{GF53QRQ7.cjs → 6BULM4PL.cjs}

@@ -4,19 +4,19 @@
 var _C5XPZTFOcjs = require('./C5XPZTFO.cjs');
 
 
-var _GUCD3CDNcjs = require('./GUCD3CDN.cjs');
+var _65OHGDU2cjs = require('./65OHGDU2.cjs');
 
 
 var _DMA6PPUZcjs = require('./DMA6PPUZ.cjs');
 
 
-var _6RR4OL4Scjs = require('./6RR4OL4S.cjs');
+var _L2CARKP7cjs = require('./L2CARKP7.cjs');
 
 
-var _SND6HHALcjs = require('./SND6HHAL.cjs');
+var _JHUEQO5Qcjs = require('./JHUEQO5Q.cjs');
 
 
-var _UVVLYBDQcjs = require('./UVVLYBDQ.cjs');
+var _QVR3OSXWcjs = require('./QVR3OSXW.cjs');
 
 
 
@@ -169,7 +169,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                 justifyContent: "end",
                 children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _C5XPZTFOcjs.ButtonGroup_default, { orientation: "horizontal", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _GUCD3CDNcjs.Button_default,
+                    _65OHGDU2cjs.Button_default,
                     {
                       onClick: clearChanges,
                       color: "secondary",
@@ -179,7 +179,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                     }
                   ),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _GUCD3CDNcjs.Button_default,
+                    _65OHGDU2cjs.Button_default,
                     {
                       onClick: saveChanges,
                       text: primaryButtonText,
@@ -198,9 +198,9 @@ var RichSelectBox = _react.forwardRef.call(void 0,
   }
 );
 var RichSelectBox_default = Object.assign(RichSelectBox, {
-  Section: _SND6HHALcjs.RichSelectSection_default,
-  Chip: _6RR4OL4Scjs.RichSelectChip_default,
-  RadioButton: _UVVLYBDQcjs.RichSelectRadioButton_default
+  Section: _JHUEQO5Qcjs.RichSelectSection_default,
+  Chip: _L2CARKP7cjs.RichSelectChip_default,
+  RadioButton: _QVR3OSXWcjs.RichSelectRadioButton_default
 });
 
 
@@ -208,4 +208,4 @@ var RichSelectBox_default = Object.assign(RichSelectBox, {
 
 
 exports.convertSelection = convertSelection; exports.RichSelectBoxContext = RichSelectBoxContext; exports.RichSelectBox_default = RichSelectBox_default;
-//# sourceMappingURL=GF53QRQ7.cjs.map
+//# sourceMappingURL=6BULM4PL.cjs.map

package/dist/__chunks/{QMC6ZFD4.cjs → 7IV2L4B4.cjs}

@@ -10,7 +10,7 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _XCSW34UMcjs = require('./XCSW34UM.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.cjs');
 
 
 var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
@@ -102,7 +102,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, {}),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { size: 100, color: "white", children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCGRNBQHcjs.Typography_default, { size: 100, color: "white", children }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _E5P6WRJDcjs.OverlayVisibility,
             {
@@ -162,4 +162,4 @@ var Tooltip_default = Tooltip;
 
 
 exports.AriaTooltip = AriaTooltip; exports.Tooltip_default = Tooltip_default;
-//# sourceMappingURL=QMC6ZFD4.cjs.map
+//# sourceMappingURL=7IV2L4B4.cjs.map

package/dist/__chunks/{QX3BNIF3.js → 7JPWJT4Z.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   RadioButton_default
-} from "./4SQ2LELV.js";
+} from "./44BDRP6O.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=QX3BNIF3.js.map
+//# sourceMappingURL=7JPWJT4Z.js.map

package/dist/__chunks/{DSLMOEWK.js → B4BYSLWK.js}

@@ -4,7 +4,7 @@ import {
 } from "./J6DAGNNN.js";
 import {
   Typography_default
-} from "./YAM7DAOZ.js";
+} from "./2IXPTAJD.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -32,7 +32,6 @@ var TextArea = forwardRef(
     maxLength = 1024,
     placeholder = "",
     rows = 3,
-    size = "md",
     value = "",
     onChange
   }, forwardedRef) {
@@ -59,7 +58,6 @@ var TextArea = forwardRef(
             "textarea",
             {
               "data-testid": dataTestId,
-              "data-size": size,
               ref: forwardedRef,
               className: classNames(TextField_module_default.textfield, TextArea_module_default.textarea, {
                 [TextField_module_default.inputError]: errorText
@@ -91,4 +89,4 @@ var TextArea_default = TextArea;
 export {
   TextArea_default
 };
-//# sourceMappingURL=DSLMOEWK.js.map
+//# sourceMappingURL=B4BYSLWK.js.map

package/dist/__chunks/B4BYSLWK.js.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"],"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   * 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    }: 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 className={textFieldStyles.label} htmlFor={inputId}>\n          <Box paddingX={1}>\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n        <Typography size={100}>\n          <textarea\n            data-testid={dataTestId}\n            ref={forwardedRef}\n            className={classNames(textFieldStyles.textfield, styles.textarea, {\n              [textFieldStyles.inputError]: errorText,\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-primary\" : \"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_zkjej_1\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_wgza3_1\",\"label\":\"_label_wgza3_22\",\"md\":\"_md_wgza3_26\",\"height\":\"_height_wgza3_30\",\"inputError\":\"_inputError_wgza3_34\"}"],"mappings":";;;;;;;;;;;;AAEA,SAAmC,OAAO,kBAAkB;;;ACFoC,IAAO,0BAAQ,EAAC,YAAW,oBAAmB;;;ACA5C,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,uBAAsB;;;AFKhQ,OAAO,gBAAgB;AA4EjB,SAcM,KAdN;AAvBN,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,EACF,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,QAET;AAAA,8BAAC,WAAM,WAAW,yBAAgB,OAAO,SAAS,SAChD,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,UACA,oBAAC,sBAAW,MAAM,KAChB;AAAA,YAAC;AAAA;AAAA,cACC,eAAa;AAAA,cACb,KAAK;AAAA,cACL,WAAW,WAAW,yBAAgB,WAAW,wBAAO,UAAU;AAAA,gBAChE,CAAC,yBAAgB,UAAU,GAAG;AAAA,cAChC,CAAC;AAAA,cACD,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,wBAAwB;AAAA,cAE1C,uBAAa;AAAA;AAAA,UAChB,GACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;","names":["TextArea"]}

package/dist/__chunks/BHN2OODF.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+// css-module:../Button.module.css#css-module
+var Button_module_default = { "button": "_button_hjka3_1", "buttonGap": "_buttonGap_hjka3_8", "disabled": "_disabled_hjka3_42", "disabledPrimary": "_disabledPrimary_hjka3_49", "fullWidth": "_fullWidth_hjka3_53", "sm": "_sm_hjka3_57", "md": "_md_hjka3_64", "lg": "_lg_hjka3_71", "icon": "_icon_hjka3_78", "smIcon": "_smIcon_hjka3_82", "mdIcon": "_mdIcon_hjka3_89", "lgIcon": "_lgIcon_hjka3_96", "loading": "_loading_hjka3_113", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_hjka3_1", "loadingCircle": "_loadingCircle_hjka3_117" };
+
+// src/Button/constants/iconSize.ts
+var iconSize = {
+  sm: Button_module_default.smIcon,
+  md: Button_module_default.mdIcon,
+  lg: Button_module_default.lgIcon
+};
+var iconSize_default = iconSize;
+
+
+
+exports.iconSize_default = iconSize_default;
+//# sourceMappingURL=BHN2OODF.cjs.map

package/dist/__chunks/BHN2OODF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"names":[],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,YAAW,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACE1kB,IAAM,WAAW;AAAA,EACf,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEA,IAAO,mBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_hjka3_1\",\"buttonGap\":\"_buttonGap_hjka3_8\",\"disabled\":\"_disabled_hjka3_42\",\"disabledPrimary\":\"_disabledPrimary_hjka3_49\",\"fullWidth\":\"_fullWidth_hjka3_53\",\"sm\":\"_sm_hjka3_57\",\"md\":\"_md_hjka3_64\",\"lg\":\"_lg_hjka3_71\",\"icon\":\"_icon_hjka3_78\",\"smIcon\":\"_smIcon_hjka3_82\",\"mdIcon\":\"_mdIcon_hjka3_89\",\"lgIcon\":\"_lgIcon_hjka3_96\",\"loading\":\"_loading_hjka3_113\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_hjka3_1\",\"loadingCircle\":\"_loadingCircle_hjka3_117\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nexport default iconSize;\n"]}

package/dist/__chunks/{ZX3VWSSV.js → BW5Q7OJQ.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Heading_default
-} from "./N6YLXBLU.js";
+} from "./HLC7NU6Z.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
@@ -13,7 +13,7 @@ import {
 } from "./HVA7R2EL.js";
 import {
   IconButton_default
-} from "./JFI6TDAC.js";
+} from "./MEOMWLNG.js";
 import {
   Box_default
 } from "./J6DAGNNN.js";
@@ -23,10 +23,6 @@ var Modal_module_default = { "backdrop": "_backdrop_17lbk_1", "closeButton": "_c
 
 // src/Modal/Modal.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var sizeWidth = {
-  sm: 600,
-  lg: 600
-};
 function XIcon({ className }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -47,7 +43,6 @@ function Modal({
   onDismiss,
   footer,
   accessibilityCloseLabel = "close modal",
-  size = "sm",
   zIndex = 1,
   "data-testid": dataTestId
 }) {
@@ -71,7 +66,7 @@ function Modal({
           marginBottom: 8,
           minWidth: 240,
           maxHeight: "calc(100vh - 64px)",
-          maxWidth: sizeWidth[size],
+          maxWidth: 600,
           overflow: "hidden",
           position: "relative",
           width: "100%",
@@ -135,4 +130,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=ZX3VWSSV.js.map
+//# sourceMappingURL=BW5Q7OJQ.js.map

package/dist/__chunks/BW5Q7OJQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./Modal.module.css#css-module","../../src/Modal/Modal.tsx"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Modal/Modal.module.css\"; export default {\"backdrop\":\"_backdrop_17lbk_1\",\"closeButton\":\"_closeButton_17lbk_10\"}","import { type ReactElement } from \"react\";\n\nimport Heading from \"../Heading/Heading\";\nimport Box from \"../Box/Box\";\n\nimport FocusTrap from \"./FocusTrap\";\nimport StopScroll from \"./StopScroll\";\nimport Layer from \"./Layer\";\nimport styles from \"./Modal.module.css\";\nimport IconButton from \"../IconButton/IconButton\";\n\nfunction XIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"currentColor\"\n      focusable=\"false\"\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path>\n    </svg>\n  );\n}\n\n/**\n * [Modal](https://cambly-syntax.vercel.app/?path=/docs/components-modal--docs) is a dialog that appears on top of the main content and locks user interaction within the modal.\n *\n ```\n  const [showModal, setShowModal] = useState(false)\n\n  return (\n    <>\n      {showModal && <Modal\n        header=\"header text\"\n        onDismiss={() => setShowModal(false)}\n        footer={\n          <>\n            <Button\n              text=\"Cancel\"\n              color=\"secondary\"\n              onClick={() => {}}\n            />\n            <Button\n              text=\"Confirm\"\n              onClick={() => {}}\n            />\n          </>\n        }\n      >\n        <Typography>\n          Body text goes here!\n        </Typography>\n      </Modal> }\n    </>\n  )\n  ```\n */\nexport default function Modal({\n  header,\n  children,\n  image,\n  onDismiss,\n  footer,\n  accessibilityCloseLabel = \"close modal\",\n  zIndex = 1,\n  \"data-testid\": dataTestId,\n}: {\n  /**\n   * The modal's main content. Should typically take in `Typography`'d text.\n   */\n  children: JSX.Element;\n  /**\n   * The header inside a modal as a string.\n   */\n  header: string;\n  /**\n   * What the X button (or clicking out of the modal area) does.\n   * Typically used for closing the Modal\n   */\n  onDismiss: () => void;\n  /**\n   * The optional image rendered above the Modal.\n   * Image\n   *  * Size should be 600w x 200h\n   *  * Be sure to set width=\"100%\" on the image\n   * If images aren't that sized, should ask design to give another image.\n   */\n  image?: JSX.Element;\n  /**\n   * The footer for the bottom area of the Modal. Typically used for rendering buttons.\n   * * Use Syntax `Button` and pass it into footer.\n   * * If one button, just pass it in. If two, wrap in a React fragment (`<> </>`)\n   * * If two(2) buttons, put primary button _second_.\n   *\n      <>\n        <Button\n          text=\"Cancel\"\n          color=\"secondary\"\n          onClick={() => {}}\n        />\n        <Button\n          text=\"Confirm\"\n          onClick={() => {}}\n        />\n      </>\n   */\n  footer?: JSX.Element;\n  /**\n   * The accessibilty text on the close button.\n   * (Sets the aria-label of the button)\n   *\n   *\n   * @defaultValue close modal\n   */\n  accessibilityCloseLabel?: string;\n  /**\n   * The z-index for the modal.\n   * Typically used if there are other things on the page with higher z-index and you need this overlayed on top.\n   *\n   * @defaultValue 0\n   */\n  zIndex?: number;\n  /**\n   * Test id for the modal\n   */\n  \"data-testid\"?: string;\n}): ReactElement {\n  return (\n    <Layer zIndex={zIndex}>\n      <StopScroll>\n        <FocusTrap>\n          <div\n            className={styles.backdrop}\n            role=\"presentation\"\n            onClick={(e) => e.target === e.currentTarget && onDismiss()}\n            onKeyDown={(e) => e.key === \"Escape\" && onDismiss()}\n          >\n            <Box\n              data-testid={dataTestId}\n              backgroundColor=\"white\"\n              rounding=\"md\"\n              display=\"flex\"\n              marginStart={4}\n              marginEnd={4}\n              marginTop={8}\n              marginBottom={8}\n              minWidth={240}\n              maxHeight=\"calc(100vh - 64px)\"\n              maxWidth={600}\n              overflow=\"hidden\"\n              position=\"relative\"\n              width=\"100%\"\n            >\n              <Box\n                position=\"absolute\"\n                dangerouslySetInlineStyle={{\n                  __style: { top: 4, right: 4 },\n                }}\n              >\n                <IconButton\n                  accessibilityLabel={accessibilityCloseLabel}\n                  color={image ? \"primary\" : \"tertiary\"}\n                  on={image ? \"darkBackground\" : \"lightBackground\"}\n                  onClick={onDismiss}\n                  size=\"md\"\n                  icon={XIcon}\n                />\n              </Box>\n\n              <Box display=\"flex\" direction=\"column\" width=\"100%\">\n                {image && <Box>{image}</Box>}\n                <Box padding={6}>\n                  <Heading as=\"h1\" size={600} fontStyle=\"serif\">\n                    {header}\n                  </Heading>\n                </Box>\n                <Box\n                  height=\"100%\"\n                  overflowY=\"auto\"\n                  paddingX={6}\n                  marginBottom={footer ? 0 : 6}\n                >\n                  {children}\n                </Box>\n                {footer && (\n                  <Box\n                    display=\"flex\"\n                    direction=\"column\"\n                    gap={3}\n                    smDirection=\"row\"\n                    smJustifyContent=\"end\"\n                    lgDirection=\"row\"\n                    lgJustifyContent=\"end\"\n                    padding={6}\n                  >\n                    {footer}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </div>\n        </FocusTrap>\n      </StopScroll>\n    </Layer>\n  );\n}\n\nModal.displayName = \"Modal\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAA0F,IAAO,uBAAQ,EAAC,YAAW,qBAAoB,eAAc,wBAAuB;;;ACoBxK,cAsJQ,YAtJR;AATN,SAAS,MAAM,EAAE,UAAU,GAA2B;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,SAAQ;AAAA,MAER,8BAAC,UAAK,GAAE,yGAAwG;AAAA;AAAA,EAClH;AAEJ;AAmCe,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,0BAA0B;AAAA,EAC1B,SAAS;AAAA,EACT,eAAe;AACjB,GA4DiB;AACf,SACE,oBAAC,SAAM,QACL,8BAAC,cACC,8BAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qBAAO;AAAA,MAClB,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,UAAU;AAAA,MAC1D,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY,UAAU;AAAA,MAElD;AAAA,QAAC;AAAA;AAAA,UACC,eAAa;AAAA,UACb,iBAAgB;AAAA,UAChB,UAAS;AAAA,UACT,SAAQ;AAAA,UACR,aAAa;AAAA,UACb,WAAW;AAAA,UACX,WAAW;AAAA,UACX,cAAc;AAAA,UACd,UAAU;AAAA,UACV,WAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAS;AAAA,UACT,UAAS;AAAA,UACT,OAAM;AAAA,UAEN;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,2BAA2B;AAAA,kBACzB,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE;AAAA,gBAC9B;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,oBAAoB;AAAA,oBACpB,OAAO,QAAQ,YAAY;AAAA,oBAC3B,IAAI,QAAQ,mBAAmB;AAAA,oBAC/B,SAAS;AAAA,oBACT,MAAK;AAAA,oBACL,MAAM;AAAA;AAAA,gBACR;AAAA;AAAA,YACF;AAAA,YAEA,qBAAC,eAAI,SAAQ,QAAO,WAAU,UAAS,OAAM,QAC1C;AAAA,uBAAS,oBAAC,eAAK,iBAAM;AAAA,cACtB,oBAAC,eAAI,SAAS,GACZ,8BAAC,mBAAQ,IAAG,MAAK,MAAM,KAAK,WAAU,SACnC,kBACH,GACF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,UAAU;AAAA,kBACV,cAAc,SAAS,IAAI;AAAA,kBAE1B;AAAA;AAAA,cACH;AAAA,cACC,UACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,KAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBACjB,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBACjB,SAAS;AAAA,kBAER;AAAA;AAAA,cACH;AAAA,eAEJ;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,cAAc;","names":[]}

package/dist/__chunks/{BYVURUTU.cjs → C3KZXHTV.cjs}

@@ -34,4 +34,4 @@ function border(color, on) {
 
 
 exports.border = border;
-//# sourceMappingURL=BYVURUTU.cjs.map
+//# sourceMappingURL=C3KZXHTV.cjs.map

package/dist/__chunks/C3KZXHTV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/border.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,gBAAgB;AAIhB,SAAS,OACd,OACA,IACe;AACf,MAAI,OAAO,mBAAmB;AAC5B,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,WAAW,sBAAO,UAAU,sBAAO,gBAAgB;AAAA,MAC5D,KAAK;AACH,eAAO,WAAW,sBAAO,UAAU,sBAAO,qBAAqB;AAAA,MACjE,KAAK;AACH,eAAO,WAAW,sBAAO,UAAU,sBAAO,yBAAyB;AAAA,MACrE;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,WAAW,sBAAO,UAAU,sBAAO,kBAAkB;AAAA,MAC9D,KAAK;AACH,eAAO,WAAW,sBAAO,UAAU,sBAAO,qBAAqB;AAAA,MACjE,KAAK;AACH,eAAO,WAAW,sBAAO,UAAU,sBAAO,yBAAyB;AAAA,MACrE;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF;AACF","sourcesContent":["import classNames from \"classnames\";\nimport { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function border(\n  color: (typeof Color)[number],\n  on: \"lightBackground\" | \"darkBackground\",\n): string | null {\n  if (on === \"lightBackground\") {\n    switch (color) {\n      case \"secondary\":\n        return classNames(styles.noBorder, styles.blackBorderColor);\n      case \"success-secondary\":\n        return classNames(styles.noBorder, styles.success770BorderColor);\n      case \"destructive-secondary\":\n        return classNames(styles.noBorder, styles.destructive770BorderColor);\n      default:\n        return styles.noBorder;\n    }\n  } else {\n    switch (color) {\n      case \"secondary\":\n        return classNames(styles.noBorder, styles.gray370BorderColor);\n      case \"success-secondary\":\n        return classNames(styles.noBorder, styles.success370BorderColor);\n      case \"destructive-secondary\":\n        return classNames(styles.noBorder, styles.destructive370BorderColor);\n      default:\n        return styles.noBorder;\n    }\n  }\n}\n"]}

package/dist/__chunks/C7PW7CPK.js

@@ -0,0 +1,17 @@
+"use client"
+
+// css-module:../Button.module.css#css-module
+var Button_module_default = { "button": "_button_hjka3_1", "buttonGap": "_buttonGap_hjka3_8", "disabled": "_disabled_hjka3_42", "disabledPrimary": "_disabledPrimary_hjka3_49", "fullWidth": "_fullWidth_hjka3_53", "sm": "_sm_hjka3_57", "md": "_md_hjka3_64", "lg": "_lg_hjka3_71", "icon": "_icon_hjka3_78", "smIcon": "_smIcon_hjka3_82", "mdIcon": "_mdIcon_hjka3_89", "lgIcon": "_lgIcon_hjka3_96", "loading": "_loading_hjka3_113", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_hjka3_1", "loadingCircle": "_loadingCircle_hjka3_117" };
+
+// src/Button/constants/iconSize.ts
+var iconSize = {
+  sm: Button_module_default.smIcon,
+  md: Button_module_default.mdIcon,
+  lg: Button_module_default.lgIcon
+};
+var iconSize_default = iconSize;
+
+export {
+  iconSize_default
+};
+//# sourceMappingURL=C7PW7CPK.js.map

package/dist/__chunks/C7PW7CPK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_hjka3_1\",\"buttonGap\":\"_buttonGap_hjka3_8\",\"disabled\":\"_disabled_hjka3_42\",\"disabledPrimary\":\"_disabledPrimary_hjka3_49\",\"fullWidth\":\"_fullWidth_hjka3_53\",\"sm\":\"_sm_hjka3_57\",\"md\":\"_md_hjka3_64\",\"lg\":\"_lg_hjka3_71\",\"icon\":\"_icon_hjka3_78\",\"smIcon\":\"_smIcon_hjka3_82\",\"mdIcon\":\"_mdIcon_hjka3_89\",\"lgIcon\":\"_lgIcon_hjka3_96\",\"loading\":\"_loading_hjka3_113\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_hjka3_1\",\"loadingCircle\":\"_loadingCircle_hjka3_117\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nexport default iconSize;\n"],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,YAAW,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACE1kB,IAAM,WAAW;AAAA,EACf,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEA,IAAO,mBAAQ;","names":[]}