@cambly/syntax-core 10.7.0 → 10.8.0

package/dist/__chunks/{KCYZNZBO.cjs → P7UEPXTA.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
+var _SZCVEBN2cjs = require('./SZCVEBN2.cjs');
 
 
-var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
+var _JBNXAIXYcjs = require('./JBNXAIXY.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -38,7 +38,7 @@ function TextField({
   const reactId = _react.useId.call(void 0, );
   const inputId = id != null ? id : reactId;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _5SMR5MWYcjs.Box_default,
+    _SZCVEBN2cjs.Box_default,
     {
       display: "flex",
       direction: "column",
@@ -50,7 +50,7 @@ function TextField({
         }
       },
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZX5KONS2cjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SZCVEBN2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _JBNXAIXYcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
@@ -72,8 +72,8 @@ function TextField({
             value
           }
         ),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _ZX5KONS2cjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SZCVEBN2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _JBNXAIXYcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -88,4 +88,4 @@ function TextField({
 
 
 exports.TextField = TextField;
-//# sourceMappingURL=KCYZNZBO.cjs.map
+//# sourceMappingURL=P7UEPXTA.cjs.map

package/dist/__chunks/PKXXQ3OV.js

@@ -0,0 +1,15 @@
+// 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;
+
+export {
+  iconSize_default
+};
+//# sourceMappingURL=PKXXQ3OV.js.map

package/dist/__chunks/PKXXQ3OV.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_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"],"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;","names":[]}

package/dist/__chunks/{JWFHLI33.js → PLF2SHYM.js}

@@ -1,9 +1,9 @@
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./TGGJZ5GF.js";
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -50,4 +50,4 @@ var Badge_default = Badge;
 export {
   Badge_default
 };
-//# sourceMappingURL=JWFHLI33.js.map
+//# sourceMappingURL=PLF2SHYM.js.map

package/dist/__chunks/PSWX5DBC.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Button/constants/color.ts
+function classicColor(color) {
+  if (color === "destructive-tertiary") {
+    return "destructive-secondary";
+  } else if (color === "success-primary" || color === "success-secondary" || color === "success-tertiary") {
+    return "success";
+  }
+  return color;
+}
+function cambioColor(color) {
+  if (color === "success") {
+    return "success-primary";
+  } else if (color === "inverse") {
+    return "secondary";
+  }
+  return color;
+}
+
+
+
+
+exports.classicColor = classicColor; exports.cambioColor = cambioColor;
+//# sourceMappingURL=PSWX5DBC.cjs.map

package/dist/__chunks/PSWX5DBC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/constants/color.ts"],"names":[],"mappings":";AAAO,SAAS,aACd,OAqBY;AACZ,MAAI,UAAU,wBAAwB;AACpC,WAAO;AAAA,EACT,WACE,UAAU,qBACV,UAAU,uBACV,UAAU,oBACV;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,SAAS,YACd,OAuBqB;AACrB,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,EACT,WAES,UAAU,WAAW;AAC5B,WAAO;AAAA,EACT;AACA,SAAO;AACT","sourcesContent":["export function classicColor(\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  | \"primary\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"destructive-primary\"\n  | \"destructive-secondary\"\n  | \"branded\"\n  | \"success\"\n  | \"inverse\" {\n  if (color === \"destructive-tertiary\") {\n    return \"destructive-secondary\";\n  } else if (\n    color === \"success-primary\" ||\n    color === \"success-secondary\" ||\n    color === \"success-tertiary\"\n  ) {\n    return \"success\";\n  }\n  return color;\n}\n\nexport function cambioColor(\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  | \"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  if (color === \"success\") {\n    return \"success-primary\";\n  }\n  // TODO - validate with AJ\n  else if (color === \"inverse\") {\n    return \"secondary\";\n  }\n  return color;\n}\n"]}

package/dist/__chunks/R7VED2O3.cjs

@@ -0,0 +1,95 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _33HJ72Y2cjs = require('./33HJ72Y2.cjs');
+
+
+
+var _PSWX5DBCcjs = require('./PSWX5DBC.cjs');
+
+
+
+var _VS4SS6B3cjs = require('./VS4SS6B3.cjs');
+
+
+
+var _MF7Q6ZSWcjs = require('./MF7Q6ZSW.cjs');
+
+
+var _5NIFOD6Kcjs = require('./5NIFOD6K.cjs');
+
+
+var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
+
+// src/IconButton/IconButton.tsx
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _react = require('react');
+
+// css-module:./IconButton.module.css#css-module
+var IconButton_module_default = { "iconButton": "_iconButton_1q9cs_1", "iconButtonNoBorder": "_iconButtonNoBorder_1q9cs_8", "sm": "_sm_1q9cs_49", "md": "_md_1q9cs_54", "lg": "_lg_1q9cs_59", "smCambio": "_smCambio_1q9cs_64", "mdCambio": "_mdCambio_1q9cs_69", "lgCambio": "_lgCambio_1q9cs_74", "smIcon": "_smIcon_1q9cs_79", "mdIcon": "_mdIcon_1q9cs_86", "lgIcon": "_lgIcon_1q9cs_93", "smIconCambio": "_smIconCambio_1q9cs_100", "mdIconCambio": "_mdIconCambio_1q9cs_107", "lgIconCambio": "_lgIconCambio_1q9cs_114", "xlIconCambio": "_xlIconCambio_1q9cs_121" };
+
+// src/IconButton/IconButton.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var classicIconSize = {
+  sm: IconButton_module_default.smIcon,
+  md: IconButton_module_default.mdIcon,
+  lg: IconButton_module_default.lgIcon
+};
+var cambioIconSize = {
+  sm: IconButton_module_default.smIconCambio,
+  md: IconButton_module_default.mdIconCambio,
+  lg: IconButton_module_default.lgIconCambio,
+  xl: IconButton_module_default.xlIconCambio
+};
+var IconButton = _react.forwardRef.call(void 0, 
+  ({
+    accessibilityLabel,
+    color = "primary",
+    "data-testid": dataTestId,
+    disabled = false,
+    icon: Icon,
+    size = "md",
+    tooltip,
+    onClick
+  }, 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.jsx.call(void 0, 
+      "button",
+      {
+        "aria-label": accessibilityLabel,
+        "data-testid": dataTestId,
+        type: "button",
+        title: tooltip,
+        disabled: !isHydrated || disabled,
+        onClick,
+        className: _classnames2.default.call(void 0, 
+          IconButton_module_default.iconButton,
+          foregroundColorClass,
+          backgroundColorClass,
+          themeName === "classic" ? IconButton_module_default[size] : IconButton_module_default[`${size}Cambio`],
+          {
+            [_33HJ72Y2cjs.Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
+            [_33HJ72Y2cjs.Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary",
+            [IconButton_module_default.iconButtonNoBorder]: themeName === "classic" && !["secondary", "destructive-secondary"].includes(color) || themeName === "cambio"
+          }
+        ),
+        ref,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Icon,
+          {
+            className: themeName === "classic" ? classicIconSize[size] : cambioIconSize[size]
+          }
+        )
+      }
+    );
+  }
+);
+IconButton.displayName = "IconButton";
+var IconButton_default = IconButton;
+
+
+
+exports.IconButton_default = IconButton_default;
+//# sourceMappingURL=R7VED2O3.cjs.map

package/dist/__chunks/R7VED2O3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AAKvB,SAAgB,kBAAkB;;;ACLkE,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,sBAAqB,+BAA8B,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,gBAAe,2BAA0B,gBAAe,2BAA0B,gBAAe,2BAA0B,gBAAe,0BAAyB;;;AD6JrlB;AA5IR,IAAM,kBAAkB;AAAA,EACtB,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AACb;AAEA,IAAM,iBAAiB;AAAA,EACrB,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AACb;AA4EA,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,UAAM,aAAa,cAAc;AACjC,UAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,UAAM,uBACJ,cAAc,YACV,uBAAuB,aAAa,KAAK,CAAC,IAC1C,sBAAsB,YAAY,KAAK,CAAC;AAE9C,UAAM,uBACJ,cAAc,YACV,uBAAuB,aAAa,KAAK,CAAC,IAC1C,sBAAsB,YAAY,KAAK,CAAC;AAE9C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,MAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,cAAc;AAAA,QACzB;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,cAAc,YAAY,0BAAO,IAAI,IAAI,0BAAO,GAAG,YAAY;AAAA,UAC/D;AAAA,YACE,CAAC,sBAAa,eAAe,GAC3B,cAAc,aAAa,UAAU;AAAA,YACvC,CAAC,sBAAa,0BAA0B,GACtC,cAAc,aAAa,UAAU;AAAA,YACvC,CAAC,0BAAO,kBAAkB,GACvB,cAAc,aACb,CAAC,CAAC,aAAa,uBAAuB,EAAE,SAAS,KAAK,KACxD,cAAc;AAAA,UAClB;AAAA,QACF;AAAA,QACA;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WACE,cAAc,YACV,gBAAgB,IAAI,IACpB,eAAe,IAAI;AAAA;AAAA,QAE3B;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport {\n  classicForegroundColor,\n  cambioForegroundColor,\n} from \"../colors/foregroundColor\";\nimport React, { forwardRef } from \"react\";\nimport { type Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\nimport { classicColor, cambioColor } from \"../Button/constants/color\";\nimport buttonStyles from \"../Button/Button.module.css\";\nimport {\n  classicBackgroundColor,\n  cambioBackgroundColor,\n} from \"../colors/backgroundColor\";\n\nconst classicIconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nconst cambioIconSize = {\n  sm: styles.smIconCambio,\n  md: styles.mdIconCambio,\n  lg: styles.lgIconCambio,\n  xl: styles.xlIconCambio,\n};\n\ntype IconButtonProps = {\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    | \"inverse\";\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\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   * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  icon: React.ComponentType<{ className?: string }>;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\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\n/**\n * [IconButton](https://cambly-syntax.vercel.app/?path=/docs/components-iconbutton--docs) is a clickable element that is used to perform an action.\n */\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      accessibilityLabel,\n      color = \"primary\",\n      \"data-testid\": dataTestId,\n      disabled = false,\n      icon: Icon,\n      size = \"md\",\n      tooltip,\n      onClick,\n    }: IconButtonProps,\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        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        type=\"button\"\n        title={tooltip}\n        disabled={!isHydrated || disabled}\n        onClick={onClick}\n        className={classNames(\n          styles.iconButton,\n          foregroundColorClass,\n          backgroundColorClass,\n          themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n          {\n            [buttonStyles.secondaryBorder]:\n              themeName === \"classic\" && color === \"secondary\",\n            [buttonStyles.secondaryDestructiveBorder]:\n              themeName === \"classic\" && color === \"destructive-secondary\",\n            [styles.iconButtonNoBorder]:\n              (themeName === \"classic\" &&\n                ![\"secondary\", \"destructive-secondary\"].includes(color)) ||\n              themeName === \"cambio\",\n          },\n        )}\n        ref={ref}\n      >\n        <Icon\n          className={\n            themeName === \"classic\"\n              ? classicIconSize[size]\n              : cambioIconSize[size]\n          }\n        />\n      </button>\n    );\n  },\n);\n\nIconButton.displayName = \"IconButton\";\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_1q9cs_1\",\"iconButtonNoBorder\":\"_iconButtonNoBorder_1q9cs_8\",\"sm\":\"_sm_1q9cs_49\",\"md\":\"_md_1q9cs_54\",\"lg\":\"_lg_1q9cs_59\",\"smCambio\":\"_smCambio_1q9cs_64\",\"mdCambio\":\"_mdCambio_1q9cs_69\",\"lgCambio\":\"_lgCambio_1q9cs_74\",\"smIcon\":\"_smIcon_1q9cs_79\",\"mdIcon\":\"_mdIcon_1q9cs_86\",\"lgIcon\":\"_lgIcon_1q9cs_93\",\"smIconCambio\":\"_smIconCambio_1q9cs_100\",\"mdIconCambio\":\"_mdIconCambio_1q9cs_107\",\"lgIconCambio\":\"_lgIconCambio_1q9cs_114\",\"xlIconCambio\":\"_xlIconCambio_1q9cs_121\"}"]}

package/dist/__chunks/{JKXOZUCV.js → RMC2RSHW.js}

@@ -6,7 +6,7 @@ import {
 } from "./KMIZI5PW.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./TGGJZ5GF.js";
 
 // src/RichSelect/RichSelectSection.tsx
 import { forwardRef } from "react";
@@ -49,4 +49,4 @@ var RichSelectSection_default = forwardRef(
 export {
   RichSelectSection_default
 };
-//# sourceMappingURL=JKXOZUCV.js.map
+//# sourceMappingURL=RMC2RSHW.js.map

package/dist/__chunks/{AGEHF4UW.js → SCOOHJY4.js}

@@ -1,9 +1,9 @@
 import {
   useAvatarGroup
-} from "./HEJ3LVZG.js";
+} from "./ZUFGJYFB.js";
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 import {
   __spreadValues
 } from "./LULBCTQR.js";
@@ -116,4 +116,4 @@ var Avatar_default = Avatar;
 export {
   Avatar_default
 };
-//# sourceMappingURL=AGEHF4UW.js.map
+//# sourceMappingURL=SCOOHJY4.js.map

package/dist/__chunks/{YEXWMX72.cjs → SPWDKPHT.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
+var _SZCVEBN2cjs = require('./SZCVEBN2.cjs');
 
 // src/Card/Card.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -15,7 +15,7 @@ function Card({
     lg: 744
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _5SMR5MWYcjs.Box_default,
+    _SZCVEBN2cjs.Box_default,
     {
       rounding: "lg",
       padding: 5,
@@ -33,4 +33,4 @@ function Card({
 
 
 exports.Card = Card;
-//# sourceMappingURL=YEXWMX72.cjs.map
+//# sourceMappingURL=SPWDKPHT.cjs.map

package/dist/__chunks/{JHAV5OTQ.js → SSFANAKU.js}

@@ -1,28 +1,28 @@
 import {
   ButtonGroup_default
-} from "./LJHH6KUW.js";
+} from "./IISMRA4R.js";
 import {
   Button_default
-} from "./2R4YCOYE.js";
+} from "./5WQ23BQE.js";
 import {
   Divider
 } from "./6VWFOSQZ.js";
+import {
+  RichSelectChip_default
+} from "./LIP6F5HL.js";
 import {
   RichSelectSection_default
-} from "./JKXOZUCV.js";
+} from "./RMC2RSHW.js";
 import {
   RichSelectRadioButton_default
-} from "./DNTOWEIQ.js";
-import {
-  RichSelectChip_default
-} from "./M2T7D4DC.js";
+} from "./YCBSKN3Q.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
 } from "./Y6L6EOCB.js";
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 
 // src/RichSelect/RichSelectBox.tsx
 import {
@@ -207,4 +207,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=JHAV5OTQ.js.map
+//# sourceMappingURL=SSFANAKU.js.map

package/dist/__chunks/{5SMR5MWY.cjs → SZCVEBN2.cjs}

@@ -3,7 +3,7 @@
 var _7GJ2SD7Ocjs = require('./7GJ2SD7O.cjs');
 
 
-var _NGUJFGACcjs = require('./NGUJFGAC.cjs');
+var _TF76F532cjs = require('./TF76F532.cjs');
 
 
 
@@ -149,7 +149,7 @@ var Box = _react.forwardRef.call(void 0, function Box2(props, ref) {
       smAlignItems && Box_module_default[`alignItems${smAlignItems}Small`],
       lgAlignItems && Box_module_default[`alignItems${lgAlignItems}Large`],
       alignSelf && Box_module_default[`alignSelf${alignSelf}`],
-      backgroundColor && _NGUJFGACcjs.colors_module_default[`${backgroundColor}BackgroundColor`],
+      backgroundColor && _TF76F532cjs.colors_module_default[`${backgroundColor}BackgroundColor`],
       direction && Box_module_default[direction],
       smDirection && Box_module_default[`${smDirection}Small`],
       lgDirection && Box_module_default[`${lgDirection}Large`],
@@ -226,4 +226,4 @@ var Box_default = Box;
 
 
 exports.Box_default = Box_default;
-//# sourceMappingURL=5SMR5MWY.cjs.map
+//# sourceMappingURL=SZCVEBN2.cjs.map

package/dist/__chunks/TF76F532.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// css-module:../colors/colors.module.css#css-module
+var colors_module_default = { "inheritColor": "_inheritColor_178qd_2", "destructive700Color": "_destructive700Color_178qd_6", "gray700Color": "_gray700Color_178qd_10", "gray900Color": "_gray900Color_178qd_14", "primary700Color": "_primary700Color_178qd_18", "success700Color": "_success700Color_178qd_22", "whiteColor": "_whiteColor_178qd_26", "blackBackgroundColor": "_blackBackgroundColor_178qd_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_178qd_35", "destructive200BackgroundColor": "_destructive200BackgroundColor_178qd_39", "destructive300BackgroundColor": "_destructive300BackgroundColor_178qd_43", "destructive700BackgroundColor": "_destructive700BackgroundColor_178qd_47", "destructive800BackgroundColor": "_destructive800BackgroundColor_178qd_51", "destructive900BackgroundColor": "_destructive900BackgroundColor_178qd_55", "gray10BackgroundColor": "_gray10BackgroundColor_178qd_59", "gray30BackgroundColor": "_gray30BackgroundColor_178qd_63", "gray60BackgroundColor": "_gray60BackgroundColor_178qd_67", "gray80BackgroundColor": "_gray80BackgroundColor_178qd_71", "gray100BackgroundColor": "_gray100BackgroundColor_178qd_75", "gray200BackgroundColor": "_gray200BackgroundColor_178qd_79", "gray300BackgroundColor": "_gray300BackgroundColor_178qd_83", "gray700BackgroundColor": "_gray700BackgroundColor_178qd_87", "gray800BackgroundColor": "_gray800BackgroundColor_178qd_91", "gray900BackgroundColor": "_gray900BackgroundColor_178qd_95", "orange100BackgroundColor": "_orange100BackgroundColor_178qd_99", "orange200BackgroundColor": "_orange200BackgroundColor_178qd_103", "orange300BackgroundColor": "_orange300BackgroundColor_178qd_107", "orange700BackgroundColor": "_orange700BackgroundColor_178qd_111", "orange800BackgroundColor": "_orange800BackgroundColor_178qd_115", "orange900BackgroundColor": "_orange900BackgroundColor_178qd_119", "primary100BackgroundColor": "_primary100BackgroundColor_178qd_123", "primary200BackgroundColor": "_primary200BackgroundColor_178qd_127", "primary300BackgroundColor": "_primary300BackgroundColor_178qd_131", "primary700BackgroundColor": "_primary700BackgroundColor_178qd_135", "primary800BackgroundColor": "_primary800BackgroundColor_178qd_139", "primary900BackgroundColor": "_primary900BackgroundColor_178qd_143", "success100BackgroundColor": "_success100BackgroundColor_178qd_147", "success200BackgroundColor": "_success200BackgroundColor_178qd_151", "success300BackgroundColor": "_success300BackgroundColor_178qd_155", "success700BackgroundColor": "_success700BackgroundColor_178qd_159", "success800BackgroundColor": "_success800BackgroundColor_178qd_163", "success900BackgroundColor": "_success900BackgroundColor_178qd_167", "purple100BackgroundColor": "_purple100BackgroundColor_178qd_171", "purple200BackgroundColor": "_purple200BackgroundColor_178qd_175", "purple300BackgroundColor": "_purple300BackgroundColor_178qd_179", "purple700BackgroundColor": "_purple700BackgroundColor_178qd_183", "purple800BackgroundColor": "_purple800BackgroundColor_178qd_187", "purple900BackgroundColor": "_purple900BackgroundColor_178qd_191", "whiteBackgroundColor": "_whiteBackgroundColor_178qd_195", "yellow100BackgroundColor": "_yellow100BackgroundColor_178qd_199", "yellow200BackgroundColor": "_yellow200BackgroundColor_178qd_203", "yellow300BackgroundColor": "_yellow300BackgroundColor_178qd_207", "yellow700BackgroundColor": "_yellow700BackgroundColor_178qd_211", "yellow800BackgroundColor": "_yellow800BackgroundColor_178qd_215", "yellow900BackgroundColor": "_yellow900BackgroundColor_178qd_219", "cambioBlackColor": "_cambioBlackColor_178qd_224", "cambioWhiteColor": "_cambioWhiteColor_178qd_228", "cambioGray100Color": "_cambioGray100Color_178qd_232", "cambioGray200Color": "_cambioGray200Color_178qd_236", "cambioGray300Color": "_cambioGray300Color_178qd_240", "cambioGray370Color": "_cambioGray370Color_178qd_244", "cambioGray700Color": "_cambioGray700Color_178qd_248", "cambioGray800Color": "_cambioGray800Color_178qd_252", "cambioGray870Color": "_cambioGray870Color_178qd_256", "cambioGray900Color": "_cambioGray900Color_178qd_260", "cambioDestructive100Color": "_cambioDestructive100Color_178qd_264", "cambioDestructive300Color": "_cambioDestructive300Color_178qd_268", "cambioDestructive370Color": "_cambioDestructive370Color_178qd_272", "cambioDestructive700Color": "_cambioDestructive700Color_178qd_276", "cambioDestructive770Color": "_cambioDestructive770Color_178qd_280", "cambioDestructive900Color": "_cambioDestructive900Color_178qd_284", "cambioSuccess100Color": "_cambioSuccess100Color_178qd_288", "cambioSuccess300Color": "_cambioSuccess300Color_178qd_292", "cambioSuccess370Color": "_cambioSuccess370Color_178qd_296", "cambioSuccess700Color": "_cambioSuccess700Color_178qd_300", "cambioSuccess770Color": "_cambioSuccess770Color_178qd_304", "cambioSuccess900Color": "_cambioSuccess900Color_178qd_308", "cambioRedColor": "_cambioRedColor_178qd_312", "cambioOrangeColor": "_cambioOrangeColor_178qd_316", "cambioTanColor": "_cambioTanColor_178qd_320", "cambioCreamColor": "_cambioCreamColor_178qd_324", "cambioPurpleColor": "_cambioPurpleColor_178qd_328", "cambioLilacColor": "_cambioLilacColor_178qd_332", "cambioThistleColor": "_cambioThistleColor_178qd_336", "cambioPinkColor": "_cambioPinkColor_178qd_340", "cambioNavyColor": "_cambioNavyColor_178qd_344", "cambioTealColor": "_cambioTealColor_178qd_348", "cambioSlateColor": "_cambioSlateColor_178qd_352", "cambioSkyColor": "_cambioSkyColor_178qd_356", "cambioYellow700Color": "_cambioYellow700Color_178qd_360", "cambioTransparentFullBackgroundColor": "_cambioTransparentFullBackgroundColor_178qd_364", "cambioBlackBackgroundColor": "_cambioBlackBackgroundColor_178qd_368", "cambioWhiteBackgroundColor": "_cambioWhiteBackgroundColor_178qd_372", "cambioGray100BackgroundColor": "_cambioGray100BackgroundColor_178qd_376", "cambioGray200BackgroundColor": "_cambioGray200BackgroundColor_178qd_380", "cambioGray300BackgroundColor": "_cambioGray300BackgroundColor_178qd_384", "cambioGray370BackgroundColor": "_cambioGray370BackgroundColor_178qd_388", "cambioGray700BackgroundColor": "_cambioGray700BackgroundColor_178qd_392", "cambioGray800BackgroundColor": "_cambioGray800BackgroundColor_178qd_396", "cambioGray870BackgroundColor": "_cambioGray870BackgroundColor_178qd_400", "cambioGray900BackgroundColor": "_cambioGray900BackgroundColor_178qd_404", "cambioDestructive100BackgroundColor": "_cambioDestructive100BackgroundColor_178qd_408", "cambioDestructive300BackgroundColor": "_cambioDestructive300BackgroundColor_178qd_412", "cambioDestructive370BackgroundColor": "_cambioDestructive370BackgroundColor_178qd_416", "cambioDestructive700BackgroundColor": "_cambioDestructive700BackgroundColor_178qd_420", "cambioDestructive770BackgroundColor": "_cambioDestructive770BackgroundColor_178qd_424", "cambioDestructive900BackgroundColor": "_cambioDestructive900BackgroundColor_178qd_428", "cambioSuccess100BackgroundColor": "_cambioSuccess100BackgroundColor_178qd_432", "cambioSuccess300BackgroundColor": "_cambioSuccess300BackgroundColor_178qd_436", "cambioSuccess370BackgroundColor": "_cambioSuccess370BackgroundColor_178qd_440", "cambioSuccess700BackgroundColor": "_cambioSuccess700BackgroundColor_178qd_444", "cambioSuccess770BackgroundColor": "_cambioSuccess770BackgroundColor_178qd_448", "cambioSuccess900BackgroundColor": "_cambioSuccess900BackgroundColor_178qd_452", "cambioRedBackgroundColor": "_cambioRedBackgroundColor_178qd_456", "cambioOrangeBackgroundColor": "_cambioOrangeBackgroundColor_178qd_460", "cambioTanBackgroundColor": "_cambioTanBackgroundColor_178qd_464", "cambioCreamBackgroundColor": "_cambioCreamBackgroundColor_178qd_468", "cambioPurpleBackgroundColor": "_cambioPurpleBackgroundColor_178qd_472", "cambioLilacBackgroundColor": "_cambioLilacBackgroundColor_178qd_476", "cambioThistleBackgroundColor": "_cambioThistleBackgroundColor_178qd_480", "cambioPinkBackgroundColor": "_cambioPinkBackgroundColor_178qd_484", "cambioNavyBackgroundColor": "_cambioNavyBackgroundColor_178qd_488", "cambioTealBackgroundColor": "_cambioTealBackgroundColor_178qd_492", "cambioSlateBackgroundColor": "_cambioSlateBackgroundColor_178qd_496", "cambioSkyBackgroundColor": "_cambioSkyBackgroundColor_178qd_500", "cambioYellow700BackgroundColor": "_cambioYellow700BackgroundColor_178qd_504" };
+
+
+
+exports.colors_module_default = colors_module_default;
+//# sourceMappingURL=TF76F532.cjs.map

package/dist/__chunks/TF76F532.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../colors/colors.module.css#css-module"],"names":[],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,mBAAkB,6BAA4B,mBAAkB,6BAA4B,cAAa,wBAAuB,wBAAuB,kCAAiC,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,4BAA2B,sCAAqC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,oBAAmB,+BAA8B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,kBAAiB,6BAA4B,qBAAoB,gCAA+B,kBAAiB,6BAA4B,oBAAmB,+BAA8B,qBAAoB,gCAA+B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,kBAAiB,6BAA4B,wBAAuB,mCAAkC,wCAAuC,mDAAkD,8BAA6B,yCAAwC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,4BAA2B,uCAAsC,+BAA8B,0CAAyC,4BAA2B,uCAAsC,8BAA6B,yCAAwC,+BAA8B,0CAAyC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,8BAA6B,yCAAwC,4BAA2B,uCAAsC,kCAAiC,4CAA2C","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_178qd_2\",\"destructive700Color\":\"_destructive700Color_178qd_6\",\"gray700Color\":\"_gray700Color_178qd_10\",\"gray900Color\":\"_gray900Color_178qd_14\",\"primary700Color\":\"_primary700Color_178qd_18\",\"success700Color\":\"_success700Color_178qd_22\",\"whiteColor\":\"_whiteColor_178qd_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_178qd_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_178qd_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_178qd_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_178qd_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_178qd_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_178qd_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_178qd_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_178qd_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_178qd_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_178qd_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_178qd_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_178qd_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_178qd_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_178qd_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_178qd_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_178qd_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_178qd_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_178qd_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_178qd_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_178qd_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_178qd_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_178qd_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_178qd_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_178qd_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_178qd_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_178qd_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_178qd_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_178qd_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_178qd_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_178qd_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_178qd_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_178qd_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_178qd_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_178qd_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_178qd_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_178qd_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_178qd_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_178qd_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_178qd_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_178qd_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_178qd_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_178qd_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_178qd_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_178qd_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_178qd_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_178qd_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_178qd_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_178qd_219\",\"cambioBlackColor\":\"_cambioBlackColor_178qd_224\",\"cambioWhiteColor\":\"_cambioWhiteColor_178qd_228\",\"cambioGray100Color\":\"_cambioGray100Color_178qd_232\",\"cambioGray200Color\":\"_cambioGray200Color_178qd_236\",\"cambioGray300Color\":\"_cambioGray300Color_178qd_240\",\"cambioGray370Color\":\"_cambioGray370Color_178qd_244\",\"cambioGray700Color\":\"_cambioGray700Color_178qd_248\",\"cambioGray800Color\":\"_cambioGray800Color_178qd_252\",\"cambioGray870Color\":\"_cambioGray870Color_178qd_256\",\"cambioGray900Color\":\"_cambioGray900Color_178qd_260\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_178qd_264\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_178qd_268\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_178qd_272\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_178qd_276\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_178qd_280\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_178qd_284\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_178qd_288\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_178qd_292\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_178qd_296\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_178qd_300\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_178qd_304\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_178qd_308\",\"cambioRedColor\":\"_cambioRedColor_178qd_312\",\"cambioOrangeColor\":\"_cambioOrangeColor_178qd_316\",\"cambioTanColor\":\"_cambioTanColor_178qd_320\",\"cambioCreamColor\":\"_cambioCreamColor_178qd_324\",\"cambioPurpleColor\":\"_cambioPurpleColor_178qd_328\",\"cambioLilacColor\":\"_cambioLilacColor_178qd_332\",\"cambioThistleColor\":\"_cambioThistleColor_178qd_336\",\"cambioPinkColor\":\"_cambioPinkColor_178qd_340\",\"cambioNavyColor\":\"_cambioNavyColor_178qd_344\",\"cambioTealColor\":\"_cambioTealColor_178qd_348\",\"cambioSlateColor\":\"_cambioSlateColor_178qd_352\",\"cambioSkyColor\":\"_cambioSkyColor_178qd_356\",\"cambioYellow700Color\":\"_cambioYellow700Color_178qd_360\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_178qd_364\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_178qd_368\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_178qd_372\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_178qd_376\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_178qd_380\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_178qd_384\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_178qd_388\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_178qd_392\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_178qd_396\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_178qd_400\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_178qd_404\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_178qd_408\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_178qd_412\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_178qd_416\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_178qd_420\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_178qd_424\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_178qd_428\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_178qd_432\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_178qd_436\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_178qd_440\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_178qd_444\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_178qd_448\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_178qd_452\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_178qd_456\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_178qd_460\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_178qd_464\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_178qd_468\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_178qd_472\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_178qd_476\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_178qd_480\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_178qd_484\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_178qd_488\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_178qd_492\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_178qd_496\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_178qd_500\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_178qd_504\"}"]}

package/dist/__chunks/{B2TFERTM.js → TGGJZ5GF.js}

@@ -1,6 +1,6 @@
 import {
   colors_module_default
-} from "./ERXGNP37.js";
+} from "./5OB72SMM.js";
 
 // src/Typography/Typography.tsx
 import classNames from "classnames";
@@ -75,4 +75,4 @@ var Typography_default = Typography;
 export {
   Typography_default
 };
-//# sourceMappingURL=B2TFERTM.js.map
+//# sourceMappingURL=TGGJZ5GF.js.map

package/dist/__chunks/{PBOQIXCB.cjs → TZX4M4BC.cjs}

@@ -5,9 +5,9 @@ var ButtonGroup_module_default = { "buttonGroup": "_buttonGroup_1f9x9_1", "horiz
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 var _jsxruntime = require('react/jsx-runtime');
 var gap = {
-  ["sm"]: ButtonGroup_module_default.smallGap,
-  ["md"]: ButtonGroup_module_default.mediumGap,
-  ["lg"]: ButtonGroup_module_default.largeGap
+  sm: ButtonGroup_module_default.smallGap,
+  md: ButtonGroup_module_default.mediumGap,
+  lg: ButtonGroup_module_default.largeGap
 };
 var ButtonGroup = ({
   orientation = "horizontal",
@@ -25,4 +25,4 @@ var ButtonGroup_default = ButtonGroup;
 
 
 exports.ButtonGroup_default = ButtonGroup_default;
-//# sourceMappingURL=PBOQIXCB.cjs.map
+//# sourceMappingURL=TZX4M4BC.cjs.map

package/dist/__chunks/TZX4M4BC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./ButtonGroup.module.css#css-module","../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";AAAsG,IAAO,6BAAQ,EAAC,eAAc,wBAAuB,cAAa,uBAAsB,YAAW,qBAAoB,YAAW,sBAAqB,aAAY,uBAAsB,YAAW,qBAAoB;;;ACG9T,OAAO,gBAAgB;AA0Cd;AAxCT,IAAM,MAAM;AAAA,EACV,IAAI,2BAAO;AAAA,EACX,IAAI,2BAAO;AAAA,EACX,IAAI,2BAAO;AACb;AAKA,IAAM,cAAc,CAAC;AAAA,EACnB,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AACF,MAqBoB;AAClB,QAAM,aAAa,WAAW,2BAAO,aAAa,IAAI,IAAI,GAAG;AAAA,IAC3D,CAAC,2BAAO,UAAU,GAAG,gBAAgB;AAAA,IACrC,CAAC,2BAAO,QAAQ,GAAG,gBAAgB;AAAA,EACrC,CAAC;AAED,SAAO,oBAAC,SAAI,WAAW,YAAa,UAAS;AAC/C;AAEA,IAAO,sBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_1f9x9_1\",\"horizontal\":\"_horizontal_1f9x9_5\",\"vertical\":\"_vertical_1f9x9_9\",\"smallGap\":\"_smallGap_1f9x9_13\",\"mediumGap\":\"_mediumGap_1f9x9_17\",\"largeGap\":\"_largeGap_1f9x9_21\"}","import { type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { type Size } from \"../constants\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  sm: styles.smallGap,\n  md: styles.mediumGap,\n  lg: styles.largeGap,\n} as const;\n\n/**\n * [ButtonGroup](https://cambly-syntax.vercel.app/?path=/docs/components-buttongroup--docs) groups buttons in a row or column with consistent spacing between each button.\n */\nconst ButtonGroup = ({\n  orientation = \"horizontal\",\n  size = \"md\",\n  children,\n}: {\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group defines the spacing between each button\n   *\n   * * `sm`: 8px\n   * * `md`: 12px\n   * * `lg`: 16px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === \"horizontal\",\n    [styles.vertical]: orientation === \"vertical\",\n  });\n\n  return <div className={classnames}>{children}</div>;\n};\n\nexport default ButtonGroup;\n"]}

package/dist/__chunks/{E4BJX2H5.js → UWLK56NJ.js}

@@ -1,6 +1,6 @@
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 
 // src/Modal/Layer.tsx
 import { createPortal } from "react-dom";
@@ -28,4 +28,4 @@ function Layer({
 export {
   Layer
 };
-//# sourceMappingURL=E4BJX2H5.js.map
+//# sourceMappingURL=UWLK56NJ.js.map

package/dist/__chunks/{IJVFSOXU.cjs → VA23P3ZI.cjs}

@@ -12,7 +12,7 @@ var _VMARHE5Bcjs = require('./VMARHE5B.cjs');
 var _7GJ2SD7Ocjs = require('./7GJ2SD7O.cjs');
 
 
-var _NGUJFGACcjs = require('./NGUJFGAC.cjs');
+var _TF76F532cjs = require('./TF76F532.cjs');
 
 // src/Dialog/Dialog.tsx
 
@@ -62,7 +62,7 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
         _VMARHE5Bcjs.Box_module_default.gap4,
         _VMARHE5Bcjs.Box_module_default.relative,
         _VMARHE5Bcjs.Box_module_default.overflowauto,
-        _NGUJFGACcjs.colors_module_default.whiteBackgroundColor,
+        _TF76F532cjs.colors_module_default.whiteBackgroundColor,
         _5WNFAQGYcjs.padding_module_default[`paddingX${padding != null ? padding : sizeToPadding[size]}`],
         _5WNFAQGYcjs.padding_module_default[`paddingY${padding != null ? padding : sizeToPadding[size]}`],
         _7GJ2SD7Ocjs.rounding_module_default[`rounding${sizeToRounding[size]}`],
@@ -81,4 +81,4 @@ var Dialog_default = Dialog;
 
 
 exports.DialogContext = DialogContext; exports.Dialog_default = Dialog_default;
-//# sourceMappingURL=IJVFSOXU.cjs.map
+//# sourceMappingURL=VA23P3ZI.cjs.map

package/dist/__chunks/{TPP3XWDC.cjs → VG3KCHZI.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 _R7VED2O3cjs = require('./R7VED2O3.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,
+                        _R7VED2O3cjs.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=VG3KCHZI.cjs.map

package/dist/__chunks/VS4SS6B3.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _4YO26FWLcjs = require('./4YO26FWL.cjs');
+
+// src/colors/foregroundColor.ts
+function classicForegroundColor(color) {
+  switch (color) {
+    case "secondary":
+    case "tertiary":
+      return _4YO26FWLcjs.colors_module_default.primary700Color;
+    case "destructive-secondary":
+    case "destructive-tertiary":
+      return _4YO26FWLcjs.colors_module_default.destructive700Color;
+    case "branded":
+      return _4YO26FWLcjs.colors_module_default.gray900Color;
+    case "inverse":
+      return _4YO26FWLcjs.colors_module_default.whiteColor;
+    default:
+      return _4YO26FWLcjs.colors_module_default.whiteColor;
+  }
+}
+function cambioForegroundColor(color) {
+  switch (color) {
+    case "primary":
+    case "success-primary":
+    case "destructive-primary":
+      return _4YO26FWLcjs.colors_module_default.cambioWhiteColor;
+    case "success-secondary":
+    case "success-tertiary":
+      return _4YO26FWLcjs.colors_module_default.cambioSuccess900Color;
+    case "destructive-secondary":
+    case "destructive-tertiary":
+      return _4YO26FWLcjs.colors_module_default.cambioDestructive900Color;
+    default:
+      return _4YO26FWLcjs.colors_module_default.cambioBlackColor;
+  }
+}
+
+
+
+
+exports.classicForegroundColor = classicForegroundColor; exports.cambioForegroundColor = cambioForegroundColor;
+//# sourceMappingURL=VS4SS6B3.cjs.map

package/dist/__chunks/VS4SS6B3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/foregroundColor.ts"],"names":[],"mappings":";;;;;AAGO,SAAS,uBAAuB,OAAuC;AAC5E,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;AAEO,SAAS,sBACd,OACQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF","sourcesContent":["import { type CambioColor, type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function classicForegroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    case \"inverse\":\n      return styles.whiteColor;\n    default:\n      return styles.whiteColor;\n  }\n}\n\nexport function cambioForegroundColor(\n  color: (typeof CambioColor)[number],\n): string {\n  switch (color) {\n    case \"primary\":\n    case \"success-primary\":\n    case \"destructive-primary\":\n      return styles.cambioWhiteColor;\n    case \"success-secondary\":\n    case \"success-tertiary\":\n      return styles.cambioSuccess900Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.cambioDestructive900Color;\n    default:\n      return styles.cambioBlackColor;\n  }\n}\n"]}