@cambly/syntax-core 10.20.0 → 10.22.0

package/dist/__chunks/{OFW6A65B.js → IB3FQANU.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./FMQVMNVR.js";
+} from "./BXHT3UUW.js";
 
 // src/colors/backgroundColor.ts
 function classicBackgroundColor(color) {
@@ -79,4 +79,4 @@ export {
   classicBackgroundColor,
   cambioBackgroundColor
 };
-//# sourceMappingURL=OFW6A65B.js.map
+//# sourceMappingURL=IB3FQANU.js.map

package/dist/__chunks/{DTEKITMF.cjs → J3ES6ZT6.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _46QLII42cjs = require('./46QLII42.cjs');
+var _TJN7NBWUcjs = require('./TJN7NBWU.cjs');
 
 // src/RichSelect/RichSelectSection.tsx
 var _react = require('react');
@@ -39,7 +39,7 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
           }
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _46QLII42cjs.Typography_default, { children: label }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TJN7NBWUcjs.Typography_default, { children: label }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Collection, { children })
         ]
       }
@@ -50,4 +50,4 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectSection_default = RichSelectSection_default;
-//# sourceMappingURL=DTEKITMF.cjs.map
+//# sourceMappingURL=J3ES6ZT6.cjs.map

package/dist/__chunks/J43HGNHN.cjs

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+
+var _DTKTTGU5cjs = require('./DTKTTGU5.cjs');
+
+// src/colors/backgroundColor.ts
+function classicBackgroundColor(color) {
+  switch (color) {
+    case "secondary":
+      return _DTKTTGU5cjs.colors_module_default.primary100BackgroundColor;
+    case "destructive-primary":
+      return _DTKTTGU5cjs.colors_module_default.destructive700BackgroundColor;
+    case "destructive-secondary":
+      return _DTKTTGU5cjs.colors_module_default.destructive100BackgroundColor;
+    case "success":
+      return _DTKTTGU5cjs.colors_module_default.success700BackgroundColor;
+    case "tertiary":
+    case "destructive-tertiary":
+      return _DTKTTGU5cjs.colors_module_default.whiteBackgroundColor;
+    case "branded":
+      return _DTKTTGU5cjs.colors_module_default.yellow700BackgroundColor;
+    case "inverse":
+      return _DTKTTGU5cjs.colors_module_default.gray60BackgroundColor;
+    default:
+      return _DTKTTGU5cjs.colors_module_default.primary700BackgroundColor;
+  }
+}
+function cambioBackgroundColor(color, on) {
+  if (on === "lightBackground") {
+    switch (color) {
+      case "primary":
+        return _DTKTTGU5cjs.colors_module_default.cambioBlackBackgroundColor;
+      case "secondary":
+        return _DTKTTGU5cjs.colors_module_default.cambioGray370BackgroundColor;
+      case "tertiary":
+      case "success-tertiary":
+      case "destructive-tertiary":
+        return _DTKTTGU5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
+      case "success-primary":
+        return _DTKTTGU5cjs.colors_module_default.cambioSuccess700BackgroundColor;
+      case "success-secondary":
+        return _DTKTTGU5cjs.colors_module_default.cambioSuccess370BackgroundColor;
+      case "destructive-primary":
+        return _DTKTTGU5cjs.colors_module_default.cambioDestructive700BackgroundColor;
+      case "destructive-secondary":
+        return _DTKTTGU5cjs.colors_module_default.cambioDestructive370BackgroundColor;
+      case "branded":
+        return _DTKTTGU5cjs.colors_module_default.cambioYellow700BackgroundColor;
+      default:
+        return _DTKTTGU5cjs.colors_module_default.cambioBlackBackgroundColor;
+    }
+  } else {
+    switch (color) {
+      case "primary":
+        return _DTKTTGU5cjs.colors_module_default.cambioGray200BackgroundColor;
+      case "secondary":
+        return _DTKTTGU5cjs.colors_module_default.cambioGray870BackgroundColor;
+      case "tertiary":
+      case "success-tertiary":
+      case "destructive-tertiary":
+        return _DTKTTGU5cjs.colors_module_default.cambioTransparentFullBackgroundColor;
+      case "success-primary":
+        return _DTKTTGU5cjs.colors_module_default.cambioSuccess300BackgroundColor;
+      case "success-secondary":
+        return _DTKTTGU5cjs.colors_module_default.cambioSuccess770BackgroundColor;
+      case "destructive-primary":
+        return _DTKTTGU5cjs.colors_module_default.cambioDestructive300BackgroundColor;
+      case "destructive-secondary":
+        return _DTKTTGU5cjs.colors_module_default.cambioDestructive770BackgroundColor;
+      case "branded":
+        return _DTKTTGU5cjs.colors_module_default.cambioYellow700BackgroundColor;
+      default:
+        return _DTKTTGU5cjs.colors_module_default.cambioWhiteBackgroundColor;
+    }
+  }
+}
+
+
+
+
+exports.classicBackgroundColor = classicBackgroundColor; exports.cambioBackgroundColor = cambioBackgroundColor;
+//# sourceMappingURL=J43HGNHN.cjs.map

package/dist/__chunks/{635VMAFB.cjs → J65TCZUM.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _ZIBKOWAKcjs = require('./ZIBKOWAK.cjs');
+var _PRPV6JFScjs = require('./PRPV6JFS.cjs');
 
 
-var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
+var _4BFY734Ccjs = require('./4BFY734C.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -70,8 +70,8 @@ function AvatarInternal({
             )
           }
         ),
-        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _SNYEHXDAcjs.Box_default,
+        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _4BFY734Ccjs.Box_default,
           {
             display: "flex",
             alignItems: "center",
@@ -97,11 +97,11 @@ var Avatar = ({
   size = "md",
   src
 }) => {
-  const avatarGroupContext = _ZIBKOWAKcjs.useAvatarGroup.call(void 0, );
+  const avatarGroupContext = _PRPV6JFScjs.useAvatarGroup.call(void 0, );
   const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
   if (avatarGroupContext !== null) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _SNYEHXDAcjs.Box_default,
+      _4BFY734Ccjs.Box_default,
       {
         position: "relative",
         dangerouslySetInlineStyle: {
@@ -110,7 +110,7 @@ var Avatar = ({
           }
         },
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _SNYEHXDAcjs.Box_default,
+          _4BFY734Ccjs.Box_default,
           {
             display: "flex",
             alignItems: "center",
@@ -147,4 +147,4 @@ var Avatar_default = Avatar;
 
 
 exports.Avatar_default = Avatar_default;
-//# sourceMappingURL=635VMAFB.cjs.map
+//# sourceMappingURL=J65TCZUM.cjs.map

package/dist/__chunks/JAC64LLA.js

@@ -0,0 +1,17 @@
+"use client"
+
+// css-module:../Button.module.css#css-module
+var Button_module_default = { "button": "_button_9efd1_1", "buttonGap": "_buttonGap_9efd1_9", "disabledCambioPrimary": "_disabledCambioPrimary_9efd1_50", "fullWidth": "_fullWidth_9efd1_54", "sm": "_sm_9efd1_58", "md": "_md_9efd1_65", "lg": "_lg_9efd1_72", "smCambio": "_smCambio_9efd1_79", "mdCambio": "_mdCambio_9efd1_86", "lgCambio": "_lgCambio_9efd1_93", "icon": "_icon_9efd1_100", "smIcon": "_smIcon_9efd1_104", "mdIcon": "_mdIcon_9efd1_111", "lgIcon": "_lgIcon_9efd1_118", "secondaryBorder": "_secondaryBorder_9efd1_125", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_9efd1_129", "loading": "_loading_9efd1_143", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_9efd1_1", "loadingCircle": "_loadingCircle_9efd1_147" };
+
+// 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=JAC64LLA.js.map

package/dist/__chunks/JAC64LLA.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_9efd1_1\",\"buttonGap\":\"_buttonGap_9efd1_9\",\"disabledCambioPrimary\":\"_disabledCambioPrimary_9efd1_50\",\"fullWidth\":\"_fullWidth_9efd1_54\",\"sm\":\"_sm_9efd1_58\",\"md\":\"_md_9efd1_65\",\"lg\":\"_lg_9efd1_72\",\"smCambio\":\"_smCambio_9efd1_79\",\"mdCambio\":\"_mdCambio_9efd1_86\",\"lgCambio\":\"_lgCambio_9efd1_93\",\"icon\":\"_icon_9efd1_100\",\"smIcon\":\"_smIcon_9efd1_104\",\"mdIcon\":\"_mdIcon_9efd1_111\",\"lgIcon\":\"_lgIcon_9efd1_118\",\"secondaryBorder\":\"_secondaryBorder_9efd1_125\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_9efd1_129\",\"loading\":\"_loading_9efd1_143\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_9efd1_1\",\"loadingCircle\":\"_loadingCircle_9efd1_147\"}","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,yBAAwB,mCAAkC,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,QAAO,mBAAkB,UAAS,qBAAoB,UAAS,qBAAoB,UAAS,qBAAoB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACE9wB,IAAM,WAAW;AAAA,EACf,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/__chunks/{JGKRNONJ.js → JUPRT4OU.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./JHJZ5COD.js";
+} from "./B7PDT66P.js";
 import {
   useTheme
 } from "./ZSHAHV4F.js";
@@ -26,4 +26,4 @@ Divider.displayName = "Divider";
 export {
   Divider
 };
-//# sourceMappingURL=JGKRNONJ.js.map
+//# sourceMappingURL=JUPRT4OU.js.map

package/dist/__chunks/{VICE5H6S.cjs → JWWKDZYV.cjs}

@@ -4,26 +4,26 @@
 var _VBQTLO2Pcjs = require('./VBQTLO2P.cjs');
 
 
-var _6UFO6JEOcjs = require('./6UFO6JEO.cjs');
+var _PDPWTB6Mcjs = require('./PDPWTB6M.cjs');
 
 
-var _UD4IRT6Ucjs = require('./UD4IRT6U.cjs');
+var _MG2NM3WUcjs = require('./MG2NM3WU.cjs');
 
 
-var _3QV4LYGNcjs = require('./3QV4LYGN.cjs');
+var _WJ4USTG5cjs = require('./WJ4USTG5.cjs');
 
 
-var _DTEKITMFcjs = require('./DTEKITMF.cjs');
+var _J3ES6ZT6cjs = require('./J3ES6ZT6.cjs');
 
 
-var _EILCQTJ3cjs = require('./EILCQTJ3.cjs');
+var _QJYYEWMScjs = require('./QJYYEWMS.cjs');
 
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
 
 
-var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
+var _4BFY734Ccjs = require('./4BFY734C.cjs');
 
 // src/RichSelect/RichSelectBox.tsx
 
@@ -125,7 +125,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
       });
     }, []);
     const { autoFocus } = _react.useContext.call(void 0, RichSelectBoxContext);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItemContext.Provider, { value: { disableKey }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _SNYEHXDAcjs.Box_default, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItemContext.Provider, { value: { disableKey }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _4BFY734Ccjs.Box_default, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _reactariacomponents.ListBox,
         {
@@ -144,7 +144,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
         }
       ),
       !autosave && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _SNYEHXDAcjs.Box_default,
+        _4BFY734Ccjs.Box_default,
         {
           backgroundColor: "white",
           display: "flex",
@@ -159,9 +159,9 @@ var RichSelectBox = _react.forwardRef.call(void 0,
             }
           },
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { flex: "grow", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UD4IRT6Ucjs.Divider, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { flex: "grow", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _MG2NM3WUcjs.Divider, {}) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _SNYEHXDAcjs.Box_default,
+              _4BFY734Ccjs.Box_default,
               {
                 paddingY: 5,
                 marginTop: -5,
@@ -169,7 +169,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                 justifyContent: "end",
                 children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _VBQTLO2Pcjs.ButtonGroup_default, { orientation: "horizontal", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _6UFO6JEOcjs.Button_default,
+                    _PDPWTB6Mcjs.Button_default,
                     {
                       onClick: clearChanges,
                       color: "secondary",
@@ -179,7 +179,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                     }
                   ),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _6UFO6JEOcjs.Button_default,
+                    _PDPWTB6Mcjs.Button_default,
                     {
                       onClick: saveChanges,
                       text: primaryButtonText,
@@ -198,9 +198,9 @@ var RichSelectBox = _react.forwardRef.call(void 0,
   }
 );
 var RichSelectBox_default = Object.assign(RichSelectBox, {
-  Section: _DTEKITMFcjs.RichSelectSection_default,
-  Chip: _3QV4LYGNcjs.RichSelectChip_default,
-  RadioButton: _EILCQTJ3cjs.RichSelectRadioButton_default
+  Section: _J3ES6ZT6cjs.RichSelectSection_default,
+  Chip: _WJ4USTG5cjs.RichSelectChip_default,
+  RadioButton: _QJYYEWMScjs.RichSelectRadioButton_default
 });
 
 
@@ -208,4 +208,4 @@ var RichSelectBox_default = Object.assign(RichSelectBox, {
 
 
 exports.convertSelection = convertSelection; exports.RichSelectBoxContext = RichSelectBoxContext; exports.RichSelectBox_default = RichSelectBox_default;
-//# sourceMappingURL=VICE5H6S.cjs.map
+//# sourceMappingURL=JWWKDZYV.cjs.map

package/dist/__chunks/{OG4RH3QZ.cjs → KWT6ABYP.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _WRTSVDQZcjs = require('./WRTSVDQZ.cjs');
+var _W2JRKN5Ecjs = require('./W2JRKN5E.cjs');
 
 
 
@@ -9,11 +9,11 @@ var _HWQUS53Mcjs = require('./HWQUS53M.cjs');
 
 
 
-var _HCM63U3Jcjs = require('./HCM63U3J.cjs');
+var _UQY2ELTZcjs = require('./UQY2ELTZ.cjs');
 
 
 
-var _QWMAWIWIcjs = require('./QWMAWIWI.cjs');
+var _J43HGNHNcjs = require('./J43HGNHN.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -54,8 +54,8 @@ var IconButton = _react.forwardRef.call(void 0,
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
     const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
-    const foregroundColorClass = themeName === "classic" ? _HCM63U3Jcjs.classicForegroundColor.call(void 0, _HWQUS53Mcjs.classicColor.call(void 0, color)) : _HCM63U3Jcjs.cambioForegroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
-    const backgroundColorClass = themeName === "classic" ? _QWMAWIWIcjs.classicBackgroundColor.call(void 0, _HWQUS53Mcjs.classicColor.call(void 0, color)) : _QWMAWIWIcjs.cambioBackgroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
+    const foregroundColorClass = themeName === "classic" ? _UQY2ELTZcjs.classicForegroundColor.call(void 0, _HWQUS53Mcjs.classicColor.call(void 0, color)) : _UQY2ELTZcjs.cambioForegroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
+    const backgroundColorClass = themeName === "classic" ? _J43HGNHNcjs.classicBackgroundColor.call(void 0, _HWQUS53Mcjs.classicColor.call(void 0, color)) : _J43HGNHNcjs.cambioBackgroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
@@ -71,8 +71,8 @@ var IconButton = _react.forwardRef.call(void 0,
           backgroundColorClass,
           themeName === "classic" ? IconButton_module_default[size] : IconButton_module_default[`${size}Cambio`],
           {
-            [_WRTSVDQZcjs.Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
-            [_WRTSVDQZcjs.Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary",
+            [_W2JRKN5Ecjs.Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
+            [_W2JRKN5Ecjs.Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary",
             [IconButton_module_default.iconButtonNoBorder]: themeName === "classic" && !["secondary", "destructive-secondary"].includes(color) || themeName === "cambio"
           }
         ),
@@ -93,4 +93,4 @@ var IconButton_default = IconButton;
 
 
 exports.IconButton_default = IconButton_default;
-//# sourceMappingURL=OG4RH3QZ.cjs.map
+//# sourceMappingURL=KWT6ABYP.cjs.map

package/dist/__chunks/{7NE5Y7AO.js → LWZJ2KZP.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   useAvatarGroup
-} from "./R4TBYKLS.js";
+} from "./EEUFQAUZ.js";
 import {
   Box_default
-} from "./KU5UT5RY.js";
+} from "./22OMICOW.js";
 import {
   useTheme
 } from "./ZSHAHV4F.js";
@@ -147,4 +147,4 @@ var Avatar_default = Avatar;
 export {
   Avatar_default
 };
-//# sourceMappingURL=7NE5Y7AO.js.map
+//# sourceMappingURL=LWZJ2KZP.js.map

package/dist/__chunks/{UD4IRT6U.cjs → MG2NM3WU.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _X2LNODY7cjs = require('./X2LNODY7.cjs');
+var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -17,7 +17,7 @@ function Divider() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "hr",
     {
-      className: themeName === "classic" ? _classnames2.default.call(void 0, Divider_module_default.divider, Divider_module_default.dividerClassic) : _classnames2.default.call(void 0, Divider_module_default.divider, _X2LNODY7cjs.colors_module_default.cambioGray370BackgroundColor)
+      className: themeName === "classic" ? _classnames2.default.call(void 0, Divider_module_default.divider, Divider_module_default.dividerClassic) : _classnames2.default.call(void 0, Divider_module_default.divider, _QAS3KERZcjs.colors_module_default.cambioGray370BackgroundColor)
     }
   );
 }
@@ -26,4 +26,4 @@ Divider.displayName = "Divider";
 
 
 exports.Divider = Divider;
-//# sourceMappingURL=UD4IRT6U.cjs.map
+//# sourceMappingURL=MG2NM3WU.cjs.map

package/dist/__chunks/{EUUNDEAV.cjs → MNOQHQWW.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
+var _4BFY734Ccjs = require('./4BFY734C.cjs');
 
 
-var _46QLII42cjs = require('./46QLII42.cjs');
+var _TJN7NBWUcjs = require('./TJN7NBWU.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -45,7 +45,7 @@ var TextArea = _react.forwardRef.call(void 0,
     const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
     const inputId = id != null ? id : reactId;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _SNYEHXDAcjs.Box_default,
+      _4BFY734Ccjs.Box_default,
       {
         display: "flex",
         direction: "column",
@@ -58,8 +58,8 @@ var TextArea = _react.forwardRef.call(void 0,
         },
         position: themeName === "cambio" ? "relative" : void 0,
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _46QLII42cjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _46QLII42cjs.Typography_default, { size: themeName === "cambio" ? 100 : 200, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TJN7NBWUcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TJN7NBWUcjs.Typography_default, { size: themeName === "cambio" ? 100 : 200, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "textarea",
             {
               "data-testid": dataTestId,
@@ -83,8 +83,8 @@ var TextArea = _react.forwardRef.call(void 0,
               disabled
             }
           ) }),
-          (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _46QLII42cjs.Typography_default,
+          (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _TJN7NBWUcjs.Typography_default,
             {
               size: 100,
               color: errorText ? "destructive-primary" : "gray700",
@@ -101,4 +101,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=EUUNDEAV.cjs.map
+//# sourceMappingURL=MNOQHQWW.cjs.map

package/dist/__chunks/{44DDUZLN.js → NI6XOJ3G.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./LPWENXKW.js";
+} from "./PM4UMJWM.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=44DDUZLN.js.map
+//# sourceMappingURL=NI6XOJ3G.js.map

package/dist/__chunks/OMFFRI3K.js

@@ -0,0 +1,9 @@
+"use client"
+
+// css-module:../Button/Button.module.css#css-module
+var Button_module_default = { "button": "_button_9efd1_1", "buttonGap": "_buttonGap_9efd1_9", "disabledCambioPrimary": "_disabledCambioPrimary_9efd1_50", "fullWidth": "_fullWidth_9efd1_54", "sm": "_sm_9efd1_58", "md": "_md_9efd1_65", "lg": "_lg_9efd1_72", "smCambio": "_smCambio_9efd1_79", "mdCambio": "_mdCambio_9efd1_86", "lgCambio": "_lgCambio_9efd1_93", "icon": "_icon_9efd1_100", "smIcon": "_smIcon_9efd1_104", "mdIcon": "_mdIcon_9efd1_111", "lgIcon": "_lgIcon_9efd1_118", "secondaryBorder": "_secondaryBorder_9efd1_125", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_9efd1_129", "loading": "_loading_9efd1_143", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_9efd1_1", "loadingCircle": "_loadingCircle_9efd1_147" };
+
+export {
+  Button_module_default
+};
+//# sourceMappingURL=OMFFRI3K.js.map

package/dist/__chunks/OMFFRI3K.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_9efd1_1\",\"buttonGap\":\"_buttonGap_9efd1_9\",\"disabledCambioPrimary\":\"_disabledCambioPrimary_9efd1_50\",\"fullWidth\":\"_fullWidth_9efd1_54\",\"sm\":\"_sm_9efd1_58\",\"md\":\"_md_9efd1_65\",\"lg\":\"_lg_9efd1_72\",\"smCambio\":\"_smCambio_9efd1_79\",\"mdCambio\":\"_mdCambio_9efd1_86\",\"lgCambio\":\"_lgCambio_9efd1_93\",\"icon\":\"_icon_9efd1_100\",\"smIcon\":\"_smIcon_9efd1_104\",\"mdIcon\":\"_mdIcon_9efd1_111\",\"lgIcon\":\"_lgIcon_9efd1_118\",\"secondaryBorder\":\"_secondaryBorder_9efd1_125\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_9efd1_129\",\"loading\":\"_loading_9efd1_143\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_9efd1_1\",\"loadingCircle\":\"_loadingCircle_9efd1_147\"}"],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,yBAAwB,mCAAkC,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,QAAO,mBAAkB,UAAS,qBAAoB,UAAS,qBAAoB,UAAS,qBAAoB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;","names":[]}

package/dist/__chunks/{W4JR43JJ.cjs → ORCNBIKY.cjs}

@@ -8,4 +8,4 @@ var ColorBaseGray800 = "#353535";
 
 
 exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray800 = ColorBaseGray800;
-//# sourceMappingURL=W4JR43JJ.cjs.map
+//# sourceMappingURL=ORCNBIKY.cjs.map

package/dist/__chunks/{W4JR43JJ.cjs.map → ORCNBIKY.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 19 Mar 2024 22:48:59 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n"]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 21 Mar 2024 08:08:54 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n"]}

package/dist/__chunks/{CJLPH2FJ.js → P2BCEYCC.js}

@@ -4,10 +4,10 @@ import {
 } from "./KKADUD65.js";
 import {
   Typography_default
-} from "./DZRB2DSH.js";
+} from "./HINMIM2W.js";
 import {
   colors_module_default
-} from "./JHJZ5COD.js";
+} from "./B7PDT66P.js";
 import {
   useTheme
 } from "./ZSHAHV4F.js";
@@ -134,4 +134,4 @@ var Checkbox_default = Checkbox;
 export {
   Checkbox_default
 };
-//# sourceMappingURL=CJLPH2FJ.js.map
+//# sourceMappingURL=P2BCEYCC.js.map