@cambly/syntax-core 10.7.0 → 10.8.1

package/dist/__chunks/5WQ23BQE.js

@@ -0,0 +1,135 @@
+import {
+  loadingIconSize_default
+} from "./CGFXAKKI.js";
+import {
+  textVariant_default
+} from "./JXZMI4WT.js";
+import {
+  iconSize_default
+} from "./PKXXQ3OV.js";
+import {
+  cambioColor,
+  classicColor
+} from "./K3H7QFPB.js";
+import {
+  cambioForegroundColor,
+  classicForegroundColor
+} from "./YHKD5YRY.js";
+import {
+  cambioBackgroundColor,
+  classicBackgroundColor
+} from "./YOMN7RCA.js";
+import {
+  useTheme
+} from "./HVGUWZ5I.js";
+import {
+  Box_default
+} from "./I5W7ECUO.js";
+import {
+  Typography_default
+} from "./TGGJZ5GF.js";
+import {
+  useIsHydrated
+} from "./YJ7YDIGB.js";
+
+// src/Button/Button.tsx
+import { forwardRef } from "react";
+import classNames from "classnames";
+
+// css-module:./Button.module.css#css-module
+var Button_module_default = { "button": "_button_ddq3j_1", "buttonGap": "_buttonGap_ddq3j_9", "fullWidth": "_fullWidth_ddq3j_50", "sm": "_sm_ddq3j_54", "md": "_md_ddq3j_61", "lg": "_lg_ddq3j_68", "smCambio": "_smCambio_ddq3j_75", "mdCambio": "_mdCambio_ddq3j_82", "lgCambio": "_lgCambio_ddq3j_89", "icon": "_icon_ddq3j_96", "smIcon": "_smIcon_ddq3j_100", "mdIcon": "_mdIcon_ddq3j_107", "lgIcon": "_lgIcon_ddq3j_114", "secondaryBorder": "_secondaryBorder_ddq3j_121", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_ddq3j_125", "loading": "_loading_ddq3j_139", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_ddq3j_1", "loadingCircle": "_loadingCircle_ddq3j_143" };
+
+// src/Button/Button.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = forwardRef(
+  ({
+    "data-testid": dataTestId,
+    text,
+    loadingText,
+    color = "primary",
+    size = "md",
+    accessibilityLabel,
+    disabled = false,
+    loading = false,
+    fullWidth = false,
+    startIcon: StartIcon,
+    endIcon: EndIcon,
+    onClick,
+    tooltip,
+    type = "button"
+  }, ref) => {
+    const isHydrated = useIsHydrated();
+    const { themeName } = useTheme();
+    const foregroundColorClass = themeName === "classic" ? classicForegroundColor(classicColor(color)) : cambioForegroundColor(cambioColor(color));
+    const backgroundColorClass = themeName === "classic" ? classicBackgroundColor(classicColor(color)) : cambioBackgroundColor(cambioColor(color));
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        "data-testid": dataTestId,
+        ref,
+        "aria-label": accessibilityLabel,
+        type,
+        title: tooltip,
+        disabled: !isHydrated || disabled || loading,
+        onClick,
+        className: classNames(
+          Button_module_default.button,
+          foregroundColorClass,
+          backgroundColorClass,
+          themeName === "classic" ? Button_module_default[size] : Button_module_default[`${size}Cambio`],
+          {
+            [Button_module_default.fullWidth]: fullWidth,
+            [Button_module_default.buttonGap]: themeName === "classic" && (size === "lg" || size === "md"),
+            [Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
+            [Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary"
+          }
+        ),
+        children: [
+          !loading && StartIcon && themeName === "classic" && /* @__PURE__ */ jsx(StartIcon, { className: classNames(Button_module_default.icon, iconSize_default[size]) }),
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(
+            Typography_default,
+            {
+              size: themeName === "classic" ? textVariant_default[size] : textVariant_default[size],
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: foregroundColorClass,
+                  style: { fontWeight: 500 },
+                  children: loading ? loadingText : text
+                }
+              )
+            }
+          ) }),
+          !loading && EndIcon && themeName === "classic" && /* @__PURE__ */ jsx(EndIcon, { className: classNames(Button_module_default.icon, iconSize_default[size]) }),
+          loading && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: classNames(Button_module_default.loading, foregroundColorClass),
+              viewBox: "22 22 44 44",
+              width: loadingIconSize_default[size],
+              height: loadingIconSize_default[size],
+              children: /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: Button_module_default.loadingCircle,
+                  cx: "44",
+                  cy: "44",
+                  r: "20.2",
+                  fill: "none",
+                  strokeWidth: "3.6"
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Button_default = Button;
+
+export {
+  Button_default
+};
+//# sourceMappingURL=5WQ23BQE.js.map

package/dist/__chunks/5WQ23BQE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/Button.tsx","css-module:./Button.module.css#css-module"],"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 { useTheme } from \"../ThemeProvider/ThemeProvider\";\nimport { classicColor, cambioColor } from \"./constants/color\";\nimport {\n  classicBackgroundColor,\n  cambioBackgroundColor,\n} from \"../colors/backgroundColor\";\nimport {\n  classicForegroundColor,\n  cambioForegroundColor,\n} from \"../colors/foregroundColor\";\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   * Classic only:\n   * * `inverse`\n   * * `success`\n   *\n   * Cambio only:\n   * * `success-primary`\n   * * `success-secondary`\n   * * `success-tertiary`\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\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\"\n    | \"inverse\";\n  /**\n   * The size of the button\n   *\n   * Classic:\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * Cambio:\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   * Note: startIcon is not supported in the Cambio theme\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   * Note: endIcon is not supported in the Cambio theme\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\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      onClick,\n      tooltip,\n      type = \"button\",\n    }: ButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const { themeName } = useTheme();\n\n    const foregroundColorClass =\n      themeName === \"classic\"\n        ? classicForegroundColor(classicColor(color))\n        : cambioForegroundColor(cambioColor(color));\n\n    const backgroundColorClass =\n      themeName === \"classic\"\n        ? classicBackgroundColor(classicColor(color))\n        : cambioBackgroundColor(cambioColor(color));\n\n    return (\n      <button\n        data-testid={dataTestId}\n        ref={ref}\n        aria-label={accessibilityLabel}\n        type={type}\n        title={tooltip}\n        disabled={!isHydrated || disabled || loading}\n        onClick={onClick}\n        className={classNames(\n          styles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n          {\n            [styles.fullWidth]: fullWidth,\n            [styles.buttonGap]:\n              themeName === \"classic\" && (size === \"lg\" || size === \"md\"),\n            [styles.secondaryBorder]:\n              themeName === \"classic\" && color === \"secondary\",\n            [styles.secondaryDestructiveBorder]:\n              themeName === \"classic\" && color === \"destructive-secondary\",\n          },\n        )}\n      >\n        {!loading && StartIcon && themeName === \"classic\" && (\n          <StartIcon className={classNames(styles.icon, iconSize[size])} />\n        )}\n        {((loading && loadingText) || (!loading && text)) && (\n          <Box paddingX={1}>\n            <Typography\n              size={\n                themeName === \"classic\" ? textVariant[size] : textVariant[size]\n              }\n            >\n              <span\n                // Temporary - until we have cambio colors on Typogrphay\n                className={foregroundColorClass}\n                style={{ fontWeight: 500 }}\n              >\n                {loading ? loadingText : text}\n              </span>\n            </Typography>\n          </Box>\n        )}\n        {!loading && EndIcon && themeName === \"classic\" && (\n          <EndIcon className={classNames(styles.icon, iconSize[size])} />\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_ddq3j_1\",\"buttonGap\":\"_buttonGap_ddq3j_9\",\"fullWidth\":\"_fullWidth_ddq3j_50\",\"sm\":\"_sm_ddq3j_54\",\"md\":\"_md_ddq3j_61\",\"lg\":\"_lg_ddq3j_68\",\"smCambio\":\"_smCambio_ddq3j_75\",\"mdCambio\":\"_mdCambio_ddq3j_82\",\"lgCambio\":\"_lgCambio_ddq3j_89\",\"icon\":\"_icon_ddq3j_96\",\"smIcon\":\"_smIcon_ddq3j_100\",\"mdIcon\":\"_mdIcon_ddq3j_107\",\"lgIcon\":\"_lgIcon_ddq3j_114\",\"secondaryBorder\":\"_secondaryBorder_ddq3j_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_ddq3j_125\",\"loading\":\"_loading_ddq3j_139\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_ddq3j_1\",\"loadingCircle\":\"_loadingCircle_ddq3j_143\"}"],"mappings":"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","names":[]}

package/dist/__chunks/{2RCQTGOZ.cjs → 63LUPH3X.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _LMCK5YO5cjs = require('./LMCK5YO5.cjs');
+var _W4UIYTBGcjs = require('./W4UIYTBG.cjs');
 
 
 var _GYI2PBXYcjs = require('./GYI2PBXY.cjs');
@@ -18,7 +18,7 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
   function RichSelectRadioButton(props, ref) {
     const _a = props, { size, name } = _a, otherProps = _I64JGYX7cjs.__objRest.call(void 0, _a, ["size", "name"]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GYI2PBXYcjs.RichSelectItem_default, _I64JGYX7cjs.__spreadProps.call(void 0, _I64JGYX7cjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _LMCK5YO5cjs.RadioButton_default,
+      _W4UIYTBGcjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -36,4 +36,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=2RCQTGOZ.cjs.map
+//# sourceMappingURL=63LUPH3X.cjs.map

package/dist/__chunks/{G55FUPF2.js → 74UCGNED.js}

@@ -1,6 +1,6 @@
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 
 // src/Card/Card.tsx
 import { jsx } from "react/jsx-runtime";
@@ -33,4 +33,4 @@ function Card({
 export {
   Card
 };
-//# sourceMappingURL=G55FUPF2.js.map
+//# sourceMappingURL=74UCGNED.js.map

package/dist/__chunks/{36B62A3Z.cjs → 7AYSDTC6.cjs}

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Button/constants/textVariant.ts
 var textVariant = {
-  ["sm"]: 100,
-  ["md"]: 200,
-  ["lg"]: 300
+  sm: 100,
+  md: 200,
+  lg: 300,
+  xl: 500
 };
 var textVariant_default = textVariant;
 
 
 
 exports.textVariant_default = textVariant_default;
-//# sourceMappingURL=36B62A3Z.cjs.map
+//# sourceMappingURL=7AYSDTC6.cjs.map

package/dist/__chunks/7AYSDTC6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/constants/textVariant.ts"],"names":[],"mappings":";AAAA,IAAM,cAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAO,sBAAQ","sourcesContent":["const textVariant = {\n  sm: 100,\n  md: 200,\n  lg: 300,\n  xl: 500,\n} as const;\n\nexport default textVariant;\n"]}

package/dist/__chunks/{YBP5BNDH.cjs → 7W3S3GV2.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
+var _SZCVEBN2cjs = require('./SZCVEBN2.cjs');
 
 // src/Modal/Layer.tsx
 var _reactdom = require('react-dom');
@@ -11,7 +11,7 @@ function Layer({
 }) {
   return typeof document !== "undefined" ? _reactdom.createPortal.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _5SMR5MWYcjs.Box_default,
+      _SZCVEBN2cjs.Box_default,
       {
         "data-testid": "syntax-layer",
         position: "fixed",
@@ -28,4 +28,4 @@ function Layer({
 
 
 exports.Layer = Layer;
-//# sourceMappingURL=YBP5BNDH.cjs.map
+//# sourceMappingURL=7W3S3GV2.cjs.map

package/dist/__chunks/A72TS5OX.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// css-module:../Button.module.css#css-module
+var Button_module_default = { "button": "_button_ddq3j_1", "buttonGap": "_buttonGap_ddq3j_9", "fullWidth": "_fullWidth_ddq3j_50", "sm": "_sm_ddq3j_54", "md": "_md_ddq3j_61", "lg": "_lg_ddq3j_68", "smCambio": "_smCambio_ddq3j_75", "mdCambio": "_mdCambio_ddq3j_82", "lgCambio": "_lgCambio_ddq3j_89", "icon": "_icon_ddq3j_96", "smIcon": "_smIcon_ddq3j_100", "mdIcon": "_mdIcon_ddq3j_107", "lgIcon": "_lgIcon_ddq3j_114", "secondaryBorder": "_secondaryBorder_ddq3j_121", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_ddq3j_125", "loading": "_loading_ddq3j_139", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_ddq3j_1", "loadingCircle": "_loadingCircle_ddq3j_143" };
+
+// 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=A72TS5OX.cjs.map

package/dist/__chunks/A72TS5OX.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,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,QAAO,kBAAiB,UAAS,qBAAoB,UAAS,qBAAoB,UAAS,qBAAoB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACEntB,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_ddq3j_1\",\"buttonGap\":\"_buttonGap_ddq3j_9\",\"fullWidth\":\"_fullWidth_ddq3j_50\",\"sm\":\"_sm_ddq3j_54\",\"md\":\"_md_ddq3j_61\",\"lg\":\"_lg_ddq3j_68\",\"smCambio\":\"_smCambio_ddq3j_75\",\"mdCambio\":\"_mdCambio_ddq3j_82\",\"lgCambio\":\"_lgCambio_ddq3j_89\",\"icon\":\"_icon_ddq3j_96\",\"smIcon\":\"_smIcon_ddq3j_100\",\"mdIcon\":\"_mdIcon_ddq3j_107\",\"lgIcon\":\"_lgIcon_ddq3j_114\",\"secondaryBorder\":\"_secondaryBorder_ddq3j_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_ddq3j_125\",\"loading\":\"_loading_ddq3j_139\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_ddq3j_1\",\"loadingCircle\":\"_loadingCircle_ddq3j_143\"}","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/{EWCLQBKV.cjs → AXP5KWIY.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _W7CSNF2Mcjs = require('./W7CSNF2M.cjs');
+var _MGHMASZRcjs = require('./MGHMASZR.cjs');
 
 
-var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
+var _SZCVEBN2cjs = require('./SZCVEBN2.cjs');
 
 
 var _I64JGYX7cjs = require('./I64JGYX7.cjs');
@@ -43,8 +43,8 @@ function AvatarInternal({
         className: _classnames2.default.call(void 0, Avatar_module_default.avatarImage, Avatar_module_default[size])
       }
     ),
-    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _5SMR5MWYcjs.Box_default,
+    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SZCVEBN2cjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _SZCVEBN2cjs.Box_default,
       {
         display: "flex",
         alignItems: "center",
@@ -68,10 +68,10 @@ var Avatar = ({
   size = "md",
   src
 }) => {
-  const avatarGroupContext = _W7CSNF2Mcjs.useAvatarGroup.call(void 0, );
+  const avatarGroupContext = _MGHMASZRcjs.useAvatarGroup.call(void 0, );
   if (avatarGroupContext !== null) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _5SMR5MWYcjs.Box_default,
+      _SZCVEBN2cjs.Box_default,
       {
         position: "relative",
         dangerouslySetInlineStyle: {
@@ -80,7 +80,7 @@ var Avatar = ({
           }
         },
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _5SMR5MWYcjs.Box_default,
+          _SZCVEBN2cjs.Box_default,
           {
             display: "flex",
             alignItems: "center",
@@ -116,4 +116,4 @@ var Avatar_default = Avatar;
 
 
 exports.Avatar_default = Avatar_default;
-//# sourceMappingURL=EWCLQBKV.cjs.map
+//# sourceMappingURL=AXP5KWIY.cjs.map

package/dist/__chunks/{PJIXYQPE.js → BANKR5VQ.js}

@@ -9,10 +9,10 @@ import {
 } from "./TPMQI44L.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./TGGJZ5GF.js";
 import {
   colors_module_default
-} from "./ERXGNP37.js";
+} from "./5OB72SMM.js";
 import {
   syntaxToReactAriaPlacement
 } from "./ARBLKS7D.js";
@@ -161,4 +161,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=PJIXYQPE.js.map
+//# sourceMappingURL=BANKR5VQ.js.map

package/dist/__chunks/{TPP3XWDC.cjs → BTZDTIOB.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _LDFTT3OIcjs = require('./LDFTT3OI.cjs');
+var _L4KE5YQScjs = require('./L4KE5YQS.cjs');
 
 
-var _IJVFSOXUcjs = require('./IJVFSOXU.cjs');
+var _VA23P3ZIcjs = require('./VA23P3ZI.cjs');
 
 
 var _5WNFAQGYcjs = require('./5WNFAQGY.cjs');
@@ -12,7 +12,7 @@ var _5WNFAQGYcjs = require('./5WNFAQGY.cjs');
 var _VMARHE5Bcjs = require('./VMARHE5B.cjs');
 
 
-var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
+var _SZCVEBN2cjs = require('./SZCVEBN2.cjs');
 
 
 var _RFHPSEBFcjs = require('./RFHPSEBF.cjs');
@@ -112,13 +112,13 @@ var ModalDialog = _react.forwardRef.call(void 0,
             "aria-label": accessibilityLabel,
             onChangeContentVisibility,
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _IJVFSOXUcjs.Dialog_default,
+              _VA23P3ZIcjs.Dialog_default,
               {
                 accessibilityLabel,
                 "data-testid": dataTestId,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _5SMR5MWYcjs.Box_default,
+                    _SZCVEBN2cjs.Box_default,
                     {
                       position: "absolute",
                       padding: 2,
@@ -129,7 +129,7 @@ var ModalDialog = _react.forwardRef.call(void 0,
                         }
                       },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _LDFTT3OIcjs.IconButton_default,
+                        _L4KE5YQScjs.IconButton_default,
                         {
                           onClick: () => state.close(),
                           color: "tertiary",
@@ -156,4 +156,4 @@ var ModalDialog_default = ModalDialog;
 
 
 exports.AriaModalOverlay = AriaModalOverlay; exports.AriaModal = AriaModal; exports.ModalDialog_default = ModalDialog_default;
-//# sourceMappingURL=TPP3XWDC.cjs.map
+//# sourceMappingURL=BTZDTIOB.cjs.map

package/dist/__chunks/{UYBMLRXR.js → C6UG54GY.js}

@@ -1,9 +1,9 @@
 import {
   IconButton_default
-} from "./HOGVXDTO.js";
+} from "./LW7YGM7C.js";
 import {
   Dialog_default
-} from "./XFFSBU7E.js";
+} from "./ZEA5JDEB.js";
 import {
   padding_module_default
 } from "./652STTPK.js";
@@ -12,7 +12,7 @@ import {
 } from "./KMIZI5PW.js";
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 import {
   OverlayVisibility
 } from "./XKDASN7N.js";
@@ -156,4 +156,4 @@ export {
   AriaModal,
   ModalDialog_default
 };
-//# sourceMappingURL=UYBMLRXR.js.map
+//# sourceMappingURL=C6UG54GY.js.map

package/dist/__chunks/{SAEVPDUP.js → CGFXAKKI.js}

@@ -1,12 +1,12 @@
 // src/Button/constants/loadingIconSize.ts
 var loadingIconSize = {
-  ["sm"]: 16,
-  ["md"]: 20,
-  ["lg"]: 24
+  sm: 16,
+  md: 20,
+  lg: 24
 };
 var loadingIconSize_default = loadingIconSize;
 
 export {
   loadingIconSize_default
 };
-//# sourceMappingURL=SAEVPDUP.js.map
+//# sourceMappingURL=CGFXAKKI.js.map

package/dist/__chunks/CGFXAKKI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/constants/loadingIconSize.ts"],"sourcesContent":["const loadingIconSize = {\n  sm: 16,\n  md: 20,\n  lg: 24,\n};\n\nexport default loadingIconSize;\n"],"mappings":";AAAA,IAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/__chunks/{VBSJSA3B.js → CS6U6WBZ.js}

@@ -1,9 +1,9 @@
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./TGGJZ5GF.js";
 import {
   useIsHydrated
 } from "./YJ7YDIGB.js";
@@ -73,4 +73,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=VBSJSA3B.js.map
+//# sourceMappingURL=CS6U6WBZ.js.map

package/dist/__chunks/{VY7MJTPK.js → DO56RCLX.js}

@@ -1,9 +1,9 @@
 import {
   ModalDialog_default
-} from "./UYBMLRXR.js";
+} from "./C6UG54GY.js";
 import {
   Dialog_default
-} from "./XFFSBU7E.js";
+} from "./ZEA5JDEB.js";
 import {
   layout_module_default
 } from "./PTWXXDFF.js";
@@ -140,4 +140,4 @@ export {
   AriaPopover,
   Popover_default
 };
-//# sourceMappingURL=VY7MJTPK.js.map
+//# sourceMappingURL=DO56RCLX.js.map

package/dist/__chunks/DSGIOBWG.js

@@ -0,0 +1,7 @@
+// css-module:../Button/Button.module.css#css-module
+var Button_module_default = { "button": "_button_ddq3j_1", "buttonGap": "_buttonGap_ddq3j_9", "fullWidth": "_fullWidth_ddq3j_50", "sm": "_sm_ddq3j_54", "md": "_md_ddq3j_61", "lg": "_lg_ddq3j_68", "smCambio": "_smCambio_ddq3j_75", "mdCambio": "_mdCambio_ddq3j_82", "lgCambio": "_lgCambio_ddq3j_89", "icon": "_icon_ddq3j_96", "smIcon": "_smIcon_ddq3j_100", "mdIcon": "_mdIcon_ddq3j_107", "lgIcon": "_lgIcon_ddq3j_114", "secondaryBorder": "_secondaryBorder_ddq3j_121", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_ddq3j_125", "loading": "_loading_ddq3j_139", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_ddq3j_1", "loadingCircle": "_loadingCircle_ddq3j_143" };
+
+export {
+  Button_module_default
+};
+//# sourceMappingURL=DSGIOBWG.js.map

package/dist/__chunks/DSGIOBWG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Button/Button.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_ddq3j_1\",\"buttonGap\":\"_buttonGap_ddq3j_9\",\"fullWidth\":\"_fullWidth_ddq3j_50\",\"sm\":\"_sm_ddq3j_54\",\"md\":\"_md_ddq3j_61\",\"lg\":\"_lg_ddq3j_68\",\"smCambio\":\"_smCambio_ddq3j_75\",\"mdCambio\":\"_mdCambio_ddq3j_82\",\"lgCambio\":\"_lgCambio_ddq3j_89\",\"icon\":\"_icon_ddq3j_96\",\"smIcon\":\"_smIcon_ddq3j_100\",\"mdIcon\":\"_mdIcon_ddq3j_107\",\"lgIcon\":\"_lgIcon_ddq3j_114\",\"secondaryBorder\":\"_secondaryBorder_ddq3j_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_ddq3j_125\",\"loading\":\"_loading_ddq3j_139\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_ddq3j_1\",\"loadingCircle\":\"_loadingCircle_ddq3j_143\"}"],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,QAAO,kBAAiB,UAAS,qBAAoB,UAAS,qBAAoB,UAAS,qBAAoB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;","names":[]}

package/dist/__chunks/EJTCFSQF.cjs

@@ -0,0 +1,135 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _LQ6T5UCIcjs = require('./LQ6T5UCI.cjs');
+
+
+var _7AYSDTC6cjs = require('./7AYSDTC6.cjs');
+
+
+var _A72TS5OXcjs = require('./A72TS5OX.cjs');
+
+
+
+var _PSWX5DBCcjs = require('./PSWX5DBC.cjs');
+
+
+
+var _VS4SS6B3cjs = require('./VS4SS6B3.cjs');
+
+
+
+var _MF7Q6ZSWcjs = require('./MF7Q6ZSW.cjs');
+
+
+var _5NIFOD6Kcjs = require('./5NIFOD6K.cjs');
+
+
+var _SZCVEBN2cjs = require('./SZCVEBN2.cjs');
+
+
+var _JBNXAIXYcjs = require('./JBNXAIXY.cjs');
+
+
+var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
+
+// src/Button/Button.tsx
+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_ddq3j_1", "buttonGap": "_buttonGap_ddq3j_9", "fullWidth": "_fullWidth_ddq3j_50", "sm": "_sm_ddq3j_54", "md": "_md_ddq3j_61", "lg": "_lg_ddq3j_68", "smCambio": "_smCambio_ddq3j_75", "mdCambio": "_mdCambio_ddq3j_82", "lgCambio": "_lgCambio_ddq3j_89", "icon": "_icon_ddq3j_96", "smIcon": "_smIcon_ddq3j_100", "mdIcon": "_mdIcon_ddq3j_107", "lgIcon": "_lgIcon_ddq3j_114", "secondaryBorder": "_secondaryBorder_ddq3j_121", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_ddq3j_125", "loading": "_loading_ddq3j_139", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_ddq3j_1", "loadingCircle": "_loadingCircle_ddq3j_143" };
+
+// src/Button/Button.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Button = _react.forwardRef.call(void 0, 
+  ({
+    "data-testid": dataTestId,
+    text,
+    loadingText,
+    color = "primary",
+    size = "md",
+    accessibilityLabel,
+    disabled = false,
+    loading = false,
+    fullWidth = false,
+    startIcon: StartIcon,
+    endIcon: EndIcon,
+    onClick,
+    tooltip,
+    type = "button"
+  }, ref) => {
+    const isHydrated = _FZRIE7EXcjs.useIsHydrated.call(void 0, );
+    const { themeName } = _5NIFOD6Kcjs.useTheme.call(void 0, );
+    const foregroundColorClass = themeName === "classic" ? _VS4SS6B3cjs.classicForegroundColor.call(void 0, _PSWX5DBCcjs.classicColor.call(void 0, color)) : _VS4SS6B3cjs.cambioForegroundColor.call(void 0, _PSWX5DBCcjs.cambioColor.call(void 0, color));
+    const backgroundColorClass = themeName === "classic" ? _MF7Q6ZSWcjs.classicBackgroundColor.call(void 0, _PSWX5DBCcjs.classicColor.call(void 0, color)) : _MF7Q6ZSWcjs.cambioBackgroundColor.call(void 0, _PSWX5DBCcjs.cambioColor.call(void 0, color));
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "button",
+      {
+        "data-testid": dataTestId,
+        ref,
+        "aria-label": accessibilityLabel,
+        type,
+        title: tooltip,
+        disabled: !isHydrated || disabled || loading,
+        onClick,
+        className: _classnames2.default.call(void 0, 
+          Button_module_default.button,
+          foregroundColorClass,
+          backgroundColorClass,
+          themeName === "classic" ? Button_module_default[size] : Button_module_default[`${size}Cambio`],
+          {
+            [Button_module_default.fullWidth]: fullWidth,
+            [Button_module_default.buttonGap]: themeName === "classic" && (size === "lg" || size === "md"),
+            [Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
+            [Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary"
+          }
+        ),
+        children: [
+          !loading && StartIcon && themeName === "classic" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StartIcon, { className: _classnames2.default.call(void 0, Button_module_default.icon, _A72TS5OXcjs.iconSize_default[size]) }),
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SZCVEBN2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _JBNXAIXYcjs.Typography_default,
+            {
+              size: themeName === "classic" ? _7AYSDTC6cjs.textVariant_default[size] : _7AYSDTC6cjs.textVariant_default[size],
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "span",
+                {
+                  className: foregroundColorClass,
+                  style: { fontWeight: 500 },
+                  children: loading ? loadingText : text
+                }
+              )
+            }
+          ) }),
+          !loading && EndIcon && themeName === "classic" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EndIcon, { className: _classnames2.default.call(void 0, Button_module_default.icon, _A72TS5OXcjs.iconSize_default[size]) }),
+          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: _LQ6T5UCIcjs.loadingIconSize_default[size],
+              height: _LQ6T5UCIcjs.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"
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Button_default = Button;
+
+
+
+exports.Button_default = Button_default;
+//# sourceMappingURL=EJTCFSQF.cjs.map