@cambly/syntax-core 10.14.0 → 10.16.0

package/dist/__chunks/{ZFX4HW2P.cjs → YF53M62E.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _27K33DEMcjs = require('./27K33DEM.cjs');
+var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
 
 
-var _WGRHH5TFcjs = require('./WGRHH5TF.cjs');
+var _JEHUXNNKcjs = require('./JEHUXNNK.cjs');
 
 
-var _6W5WRS53cjs = require('./6W5WRS53.cjs');
+var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -42,10 +42,10 @@ var TextArea = _react.forwardRef.call(void 0,
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
     const disabled = !isHydrated || disabledProp;
     const reactId = _react.useId.call(void 0, );
-    const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
+    const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
     const inputId = id != null ? id : reactId;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _27K33DEMcjs.Box_default,
+      _SNYEHXDAcjs.Box_default,
       {
         display: "flex",
         direction: "column",
@@ -66,10 +66,10 @@ var TextArea = _react.forwardRef.call(void 0,
                 themeName === "cambio" && TextArea_module_default.labelCambio
               ),
               htmlFor: inputId,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 3, width: "100%", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WGRHH5TFcjs.Typography_default, { size: 100, color: "gray700", children: label }) })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 3, width: "100%", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _JEHUXNNKcjs.Typography_default, { size: 100, color: "gray700", children: label }) })
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WGRHH5TFcjs.Typography_default, { size: themeName === "cambio" ? 100 : 200, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _JEHUXNNKcjs.Typography_default, { size: themeName === "cambio" ? 100 : 200, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
               className: _classnames2.default.call(void 0, 
@@ -101,8 +101,8 @@ var TextArea = _react.forwardRef.call(void 0,
               )
             }
           ) }),
-          (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _WGRHH5TFcjs.Typography_default,
+          (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _JEHUXNNKcjs.Typography_default,
             {
               size: 100,
               color: errorText ? "destructive-primary" : "gray700",
@@ -119,4 +119,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=ZFX4HW2P.cjs.map
+//# sourceMappingURL=YF53M62E.cjs.map

package/dist/__chunks/{UEX6TGYL.js → YPOSL2OK.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Typography_default
-} from "./2A52YKFW.js";
+} from "./M3US55ZU.js";
 import {
   useTheme
-} from "./FY4WHNNR.js";
+} from "./ZSHAHV4F.js";
 
 // src/Heading/Heading.tsx
 import { jsx } from "react/jsx-runtime";
@@ -52,4 +52,4 @@ var Heading_default = Heading;
 export {
   Heading_default
 };
-//# sourceMappingURL=UEX6TGYL.js.map
+//# sourceMappingURL=YPOSL2OK.js.map

package/dist/__chunks/{D63KNAL7.js → ZFFZWYYU.js}

@@ -1,13 +1,13 @@
 "use client"
 import {
   Box_default
-} from "./YGKZCJF5.js";
+} from "./KU5UT5RY.js";
 import {
   Typography_default
-} from "./2A52YKFW.js";
+} from "./M3US55ZU.js";
 import {
   useTheme
-} from "./FY4WHNNR.js";
+} from "./ZSHAHV4F.js";
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -60,4 +60,4 @@ var Badge_default = Badge;
 export {
   Badge_default
 };
-//# sourceMappingURL=D63KNAL7.js.map
+//# sourceMappingURL=ZFFZWYYU.js.map

package/dist/__chunks/{UTSVZIEK.js → ZQYWEWWE.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./YGKZCJF5.js";
+} from "./KU5UT5RY.js";
 import {
   useTheme
-} from "./FY4WHNNR.js";
+} from "./ZSHAHV4F.js";
 
 // src/AvatarGroup/AvatarGroup.tsx
 import {
@@ -44,4 +44,4 @@ export {
   useAvatarGroup,
   AvatarGroup
 };
-//# sourceMappingURL=UTSVZIEK.js.map
+//# sourceMappingURL=ZQYWEWWE.js.map

package/dist/__chunks/{FY4WHNNR.js → ZSHAHV4F.js}

@@ -179,9 +179,6 @@ function stylesForTheme(themeName) {
         ]
       ];
     }
-    if (themeName === "cambio" && key.includes("elevation")) {
-      return [null, null];
-    }
     return [key, value];
   }).map(([key, value]) => key && value ? `--${key}: ${value};` : null).filter(Boolean).join("\n")}
     }
@@ -212,4 +209,4 @@ export {
   ThemeProvider,
   useTheme
 };
-//# sourceMappingURL=FY4WHNNR.js.map
+//# sourceMappingURL=ZSHAHV4F.js.map

package/dist/__chunks/ZSHAHV4F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ThemeProvider/ThemeProvider.tsx","../../../syntax-design-tokens/dist/json/variables.json"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport variables from \"@cambly/syntax-design-tokens/dist/json/variables.json\";\n\ntype ThemeName = \"classic\" | \"cambio\";\n\ntype Theme = {\n  themeName: ThemeName;\n};\n\nconst ThemeContext = React.createContext<Theme>({\n  themeName: \"classic\",\n});\nThemeContext.displayName = \"ThemeContext\";\n\nconst classicToCambioKeyLookup = {\n  \"color-base-black\": \"color-cambio-black\",\n  \"color-base-destructive-100\": \"color-cambio-destructive-100\",\n  \"color-base-destructive-200\": \"color-cambio-destructive-300\",\n  \"color-base-destructive-300\": \"color-cambio-destructive-300\",\n  \"color-base-destructive-700\": \"color-cambio-destructive-700\",\n  \"color-base-destructive-800\": \"color-cambio-destructive-900\",\n  \"color-base-destructive-900\": \"color-cambio-destructive-900\",\n  \"color-base-gray-10\": \"color-cambio-gray-370\",\n  \"color-base-gray-30\": \"color-cambio-gray-370\",\n  \"color-base-gray-60\": \"color-cambio-gray-870\",\n  \"color-base-gray-80\": \"color-cambio-gray-870\",\n  \"color-base-gray-100\": \"color-cambio-gray-100\",\n  \"color-base-gray-200\": \"color-cambio-gray-200\",\n  \"color-base-gray-300\": \"color-cambio-gray-300\",\n  \"color-base-gray-700\": \"color-cambio-gray-700\",\n  \"color-base-gray-800\": \"color-cambio-gray-800\",\n  \"color-base-gray-900\": \"color-cambio-gray-900\",\n  \"color-base-orange-100\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-200\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-300\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-700\": \"color-cambio-orange\",\n  \"color-base-orange-800\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-900\": undefined, // Deprecated - to be deleted\n  \"color-base-primary-100\": \"color-cambio-gray-100\",\n  \"color-base-primary-200\": \"color-cambio-gray-200\",\n  \"color-base-primary-300\": \"color-cambio-gray-300\",\n  \"color-base-primary-700\": \"color-cambio-gray-700\",\n  \"color-base-primary-800\": \"color-cambio-gray-800\",\n  \"color-base-primary-900\": \"color-cambio-gray-900\",\n  \"color-base-success-100\": \"color-cambio-success-100\",\n  \"color-base-success-200\": \"color-cambio-success-300\",\n  \"color-base-success-300\": \"color-cambio-success-300\",\n  \"color-base-success-700\": \"color-cambio-success-700\",\n  \"color-base-success-800\": \"color-cambio-success-900\",\n  \"color-base-success-900\": \"color-cambio-success-900\",\n  \"color-base-purple-100\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-200\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-300\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-700\": \"color-cambio-purple\",\n  \"color-base-purple-800\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-900\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-100\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-200\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-300\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-700\": \"color-cambio-yellow-700\",\n  \"color-base-yellow-800\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-900\": undefined, // Deprecated - to be deleted\n  \"color-base-white\": \"color-cambio-white\",\n};\n\nfunction stylesForTheme(themeName: ThemeName) {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const tokenVariables: Record<string, string> = variables;\n  return `\n    :root {\n      ${Object.entries(tokenVariables)\n        .filter(([key]) => {\n          return themeName === \"classic\" ? !key.includes(\"cambio\") : true;\n        })\n        .map(([key, value]) => {\n          // Replace classic values with cambio ones if they exist\n          if (\n            themeName === \"cambio\" &&\n            classicToCambioKeyLookup[\n              key as keyof typeof classicToCambioKeyLookup\n            ]\n          ) {\n            return [\n              key,\n              tokenVariables[\n                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                classicToCambioKeyLookup[\n                  key as keyof typeof classicToCambioKeyLookup\n                ]!\n              ],\n            ];\n          }\n          return [key, value];\n        })\n        .map(([key, value]) => (key && value ? `--${key}: ${value};` : null))\n        .filter(Boolean)\n        .join(\"\\n\")}\n    }\n  `;\n}\n\nexport default function ThemeProvider({\n  themeName = \"classic\",\n  children,\n}: {\n  themeName: ThemeName;\n  children: React.ReactNode;\n}): React.ReactElement {\n  const value = useMemo(() => ({ themeName }), [themeName]);\n\n  const innerStyles = useMemo(() => stylesForTheme(themeName), [themeName]);\n\n  return (\n    <ThemeContext.Provider value={value}>\n      <style\n        dangerouslySetInnerHTML={{ __html: innerStyles }}\n        data-testid=\"themeprovider-style\"\n      ></style>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme(): Theme {\n  return React.useContext(ThemeContext);\n}\n","{\n  \"color-base-black\": \"#000000\",\n  \"color-base-destructive-100\": \"#fef3f5\",\n  \"color-base-destructive-200\": \"#fad6de\",\n  \"color-base-destructive-300\": \"#f2a2b2\",\n  \"color-base-destructive-700\": \"#d32a4b\",\n  \"color-base-destructive-800\": \"#81162c\",\n  \"color-base-destructive-900\": \"#55101d\",\n  \"color-base-gray-10\": \"rgba(203, 203, 203, 0.5)\",\n  \"color-base-gray-30\": \"rgba(0, 0, 0, 0.3)\",\n  \"color-base-gray-60\": \"rgba(0, 0, 0, 0.6)\",\n  \"color-base-gray-80\": \"rgba(0, 0, 0, 0.8)\",\n  \"color-base-gray-100\": \"#f7f7f7\",\n  \"color-base-gray-200\": \"#f0f0f0\",\n  \"color-base-gray-300\": \"#d0d0d0\",\n  \"color-base-gray-700\": \"#767676\",\n  \"color-base-gray-800\": \"#353535\",\n  \"color-base-gray-900\": \"#191919\",\n  \"color-base-orange-100\": \"#fdf2f0\",\n  \"color-base-orange-200\": \"#f6cdc4\",\n  \"color-base-orange-300\": \"#ec9987\",\n  \"color-base-orange-700\": \"#c34124\",\n  \"color-base-orange-800\": \"#732818\",\n  \"color-base-orange-900\": \"#4d1a10\",\n  \"color-base-primary-100\": \"#eff6fa\",\n  \"color-base-primary-200\": \"#c1dbe7\",\n  \"color-base-primary-300\": \"#84b7d0\",\n  \"color-base-primary-700\": \"#236482\",\n  \"color-base-primary-800\": \"#274858\",\n  \"color-base-primary-900\": \"#1b303b\",\n  \"color-base-success-100\": \"#eff7f1\",\n  \"color-base-success-200\": \"#bddcc6\",\n  \"color-base-success-300\": \"#81ba92\",\n  \"color-base-success-700\": \"#397b4d\",\n  \"color-base-success-800\": \"#2d4936\",\n  \"color-base-success-900\": \"#1e3124\",\n  \"color-base-purple-100\": \"#f9f5fa\",\n  \"color-base-purple-200\": \"#e8dceb\",\n  \"color-base-purple-300\": \"#cdb4d3\",\n  \"color-base-purple-700\": \"#8b5f95\",\n  \"color-base-purple-800\": \"#523b58\",\n  \"color-base-purple-900\": \"#37273b\",\n  \"color-base-yellow-100\": \"#fdf5d9\",\n  \"color-base-yellow-200\": \"#fbe8a3\",\n  \"color-base-yellow-300\": \"#f8d663\",\n  \"color-base-yellow-700\": \"#ffc929\",\n  \"color-base-yellow-800\": \"#765f1c\",\n  \"color-base-yellow-900\": \"#3b3009\",\n  \"color-base-white\": \"#ffffff\",\n  \"color-cambio-black\": \"#050500\",\n  \"color-cambio-white\": \"#ffffff\",\n  \"color-cambio-gray-100\": \"#faf4eb\",\n  \"color-cambio-gray-200\": \"#e4dbd3\",\n  \"color-cambio-gray-300\": \"#beb4ab\",\n  \"color-cambio-gray-370\": \"rgba(190, 180, 171, 0.7)\",\n  \"color-cambio-gray-700\": \"#888077\",\n  \"color-cambio-gray-800\": \"#5c554d\",\n  \"color-cambio-gray-870\": \"rgba(92, 85, 77, 0.7)\",\n  \"color-cambio-gray-900\": \"#312b23\",\n  \"color-cambio-destructive-100\": \"#ffdeda\",\n  \"color-cambio-destructive-300\": \"#ff8071\",\n  \"color-cambio-destructive-370\": \"rgba(255, 128, 113, 0.7)\",\n  \"color-cambio-destructive-700\": \"#c93f32\",\n  \"color-cambio-destructive-770\": \"rgba(201, 63, 50, 0.7)\",\n  \"color-cambio-destructive-900\": \"#6d0002\",\n  \"color-cambio-success-100\": \"#daf2c8\",\n  \"color-cambio-success-300\": \"#84ce64\",\n  \"color-cambio-success-370\": \"rgba(132, 206, 100, 0.7)\",\n  \"color-cambio-success-700\": \"#3c7f20\",\n  \"color-cambio-success-770\": \"rgba(60, 127, 32, 0.7)\",\n  \"color-cambio-success-900\": \"#103e00\",\n  \"color-cambio-red\": \"#f56e56\",\n  \"color-cambio-orange\": \"#ff8f57\",\n  \"color-cambio-tan\": \"#ffb47d\",\n  \"color-cambio-cream\": \"#fffad1\",\n  \"color-cambio-purple\": \"#6840a8\",\n  \"color-cambio-lilac\": \"#b59ef0\",\n  \"color-cambio-thistle\": \"#d69ca4\",\n  \"color-cambio-pink\": \"#ffccea\",\n  \"color-cambio-navy\": \"#191142\",\n  \"color-cambio-teal\": \"#44a6cf\",\n  \"color-cambio-slate\": \"#7c9fc6\",\n  \"color-cambio-sky\": \"#b1e8fc\",\n  \"color-cambio-yellow-700\": \"#ffe733\",\n  \"color-cambio-transparent-full\": \"rgba(0, 0, 0, 0)\",\n  \"elevation-400\": \"0px 16px 32px 0px #00000040\"\n}\n"],"mappings":"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","names":[]}

package/dist/index.cjs

@@ -1,79 +1,79 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _POGPHQGUcjs = require('./__chunks/POGPHQGU.cjs');
+var _W4GZKF4Scjs = require('./__chunks/W4GZKF4S.cjs');
 
 
-var _CXD34CNPcjs = require('./__chunks/CXD34CNP.cjs');
+var _7OYM5HJIcjs = require('./__chunks/7OYM5HJI.cjs');
 
 
-var _LLI3KZARcjs = require('./__chunks/LLI3KZAR.cjs');
+var _OUW7IJ3Ycjs = require('./__chunks/OUW7IJ3Y.cjs');
 
 
-var _W7GPAEHPcjs = require('./__chunks/W7GPAEHP.cjs');
+var _2RKCTJBIcjs = require('./__chunks/2RKCTJBI.cjs');
 
 
-var _OXXXLEUDcjs = require('./__chunks/OXXXLEUD.cjs');
+var _PZFK4YV7cjs = require('./__chunks/PZFK4YV7.cjs');
 
 
-var _GBZPZQPJcjs = require('./__chunks/GBZPZQPJ.cjs');
+var _KHZ4ITXIcjs = require('./__chunks/KHZ4ITXI.cjs');
 
 
-var _YLJDLIHHcjs = require('./__chunks/YLJDLIHH.cjs');
+var _5L6ZVKXYcjs = require('./__chunks/5L6ZVKXY.cjs');
 
 
-var _XYAY2TL4cjs = require('./__chunks/XYAY2TL4.cjs');
+var _WYNZQWGGcjs = require('./__chunks/WYNZQWGG.cjs');
 require('./__chunks/HUIHS6RN.cjs');
-require('./__chunks/UYZYKU2W.cjs');
+require('./__chunks/5V4GT2NJ.cjs');
 require('./__chunks/BA4JPX36.cjs');
 
 
-var _ZFX4HW2Pcjs = require('./__chunks/ZFX4HW2P.cjs');
+var _YF53M62Ecjs = require('./__chunks/YF53M62E.cjs');
 
 
-var _ZDSY6FEOcjs = require('./__chunks/ZDSY6FEO.cjs');
+var _J5JBNASAcjs = require('./__chunks/J5JBNASA.cjs');
 require('./__chunks/4UJE5GMH.cjs');
 
 
-var _5WZOSAYHcjs = require('./__chunks/5WZOSAYH.cjs');
-require('./__chunks/4TWU6PQA.cjs');
+var _6S3NMK6Fcjs = require('./__chunks/6S3NMK6F.cjs');
+require('./__chunks/DN43TX54.cjs');
 
 
-var _P3JJQI6Ncjs = require('./__chunks/P3JJQI6N.cjs');
+var _VBQTLO2Pcjs = require('./__chunks/VBQTLO2P.cjs');
 
 
-var _5T5R6ZMDcjs = require('./__chunks/5T5R6ZMD.cjs');
+var _EBKE2QMGcjs = require('./__chunks/EBKE2QMG.cjs');
 require('./__chunks/3P2PWHOU.cjs');
 require('./__chunks/5JUNB754.cjs');
 require('./__chunks/54PSDUCD.cjs');
 
 
-var _VDAYXRSAcjs = require('./__chunks/VDAYXRSA.cjs');
-require('./__chunks/ZDDA4AKB.cjs');
+var _UD4IRT6Ucjs = require('./__chunks/UD4IRT6U.cjs');
+require('./__chunks/ATC5Z75T.cjs');
 
 
-var _MUNI4VXLcjs = require('./__chunks/MUNI4VXL.cjs');
+var _JT7PXHSXcjs = require('./__chunks/JT7PXHSX.cjs');
 
 
-var _EVDDEHP3cjs = require('./__chunks/EVDDEHP3.cjs');
-require('./__chunks/3P4HISCU.cjs');
+var _7K5BKF5Xcjs = require('./__chunks/7K5BKF5X.cjs');
+require('./__chunks/ADHTE22D.cjs');
+require('./__chunks/VL5ONCQD.cjs');
 
 
-var _IMYS42TLcjs = require('./__chunks/IMYS42TL.cjs');
+var _OG4RH3QZcjs = require('./__chunks/OG4RH3QZ.cjs');
 require('./__chunks/WRTSVDQZ.cjs');
-require('./__chunks/VL5ONCQD.cjs');
 require('./__chunks/WFVGNGEP.cjs');
 require('./__chunks/HWQUS53M.cjs');
 
 
 var _UKLQ64N7cjs = require('./__chunks/UKLQ64N7.cjs');
-require('./__chunks/DA3CET5G.cjs');
-require('./__chunks/NFDOY7GE.cjs');
+require('./__chunks/Q3GQP4AU.cjs');
+require('./__chunks/GOMOMWQO.cjs');
 require('./__chunks/MF7LLV7V.cjs');
-require('./__chunks/I5HC6BIK.cjs');
+require('./__chunks/FSIIRTOI.cjs');
 
 
-var _GPW7ICYPcjs = require('./__chunks/GPW7ICYP.cjs');
+var _IQP3Q2PTcjs = require('./__chunks/IQP3Q2PT.cjs');
 require('./__chunks/XLUVINJW.cjs');
 require('./__chunks/RYUXG4AS.cjs');
 require('./__chunks/HCM63U3J.cjs');
@@ -81,27 +81,27 @@ require('./__chunks/QWMAWIWI.cjs');
 require('./__chunks/VKB7KOAH.cjs');
 
 
-var _7TGECM7Wcjs = require('./__chunks/7TGECM7W.cjs');
+var _WRMF47QNcjs = require('./__chunks/WRMF47QN.cjs');
 require('./__chunks/PLUVW6AM.cjs');
 require('./__chunks/IL22HCBF.cjs');
 
 
-var _4SUKTRWGcjs = require('./__chunks/4SUKTRWG.cjs');
+var _4HRJ2HGGcjs = require('./__chunks/4HRJ2HGG.cjs');
 
 
 
-var _27K33DEMcjs = require('./__chunks/27K33DEM.cjs');
+var _SNYEHXDAcjs = require('./__chunks/SNYEHXDA.cjs');
 
 require('./__chunks/S5QHTHST.cjs');
 
 
 
-var _WGRHH5TFcjs = require('./__chunks/WGRHH5TF.cjs');
+var _JEHUXNNKcjs = require('./__chunks/JEHUXNNK.cjs');
 require('./__chunks/X2LNODY7.cjs');
 
 
 
-var _6W5WRS53cjs = require('./__chunks/6W5WRS53.cjs');
+var _TBQR2FPScjs = require('./__chunks/TBQR2FPS.cjs');
 require('./__chunks/K4AUV2VK.cjs');
 require('./__chunks/NOELZTQX.cjs');
 require('./__chunks/LLFHCGRA.cjs');
@@ -134,5 +134,5 @@ require('./__chunks/X2SDR4SD.cjs');
 
 
 
-exports.Avatar = _CXD34CNPcjs.Avatar_default; exports.AvatarGroup = _LLI3KZARcjs.AvatarGroup; exports.Badge = _POGPHQGUcjs.Badge_default; exports.Box = _27K33DEMcjs.Box_default; exports.Button = _5T5R6ZMDcjs.Button_default; exports.ButtonGroup = _P3JJQI6Ncjs.ButtonGroup_default; exports.Card = _W7GPAEHPcjs.Card; exports.Checkbox = _GBZPZQPJcjs.Checkbox_default; exports.Chip = _MUNI4VXLcjs.Chip_default; exports.Divider = _VDAYXRSAcjs.Divider; exports.Heading = _XYAY2TL4cjs.Heading_default; exports.IconButton = _IMYS42TLcjs.IconButton_default; exports.LinkButton = _OXXXLEUDcjs.LinkButton_default; exports.Modal = _YLJDLIHHcjs.Modal; exports.Popover = _EVDDEHP3cjs.Popover_default; exports.RadioButton = _GPW7ICYPcjs.RadioButton_default; exports.RichSelectList = _5WZOSAYHcjs.RichSelectList_default; exports.SelectList = _ZDSY6FEOcjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _ZFX4HW2Pcjs.TextArea_default; exports.TextField = _4SUKTRWGcjs.TextField; exports.ThemeProvider = _6W5WRS53cjs.ThemeProvider; exports.Tooltip = _7TGECM7Wcjs.Tooltip_default; exports.Typography = _WGRHH5TFcjs.Typography_default;
+exports.Avatar = _7OYM5HJIcjs.Avatar_default; exports.AvatarGroup = _OUW7IJ3Ycjs.AvatarGroup; exports.Badge = _W4GZKF4Scjs.Badge_default; exports.Box = _SNYEHXDAcjs.Box_default; exports.Button = _EBKE2QMGcjs.Button_default; exports.ButtonGroup = _VBQTLO2Pcjs.ButtonGroup_default; exports.Card = _2RKCTJBIcjs.Card; exports.Checkbox = _KHZ4ITXIcjs.Checkbox_default; exports.Chip = _JT7PXHSXcjs.Chip_default; exports.Divider = _UD4IRT6Ucjs.Divider; exports.Heading = _WYNZQWGGcjs.Heading_default; exports.IconButton = _OG4RH3QZcjs.IconButton_default; exports.LinkButton = _PZFK4YV7cjs.LinkButton_default; exports.Modal = _5L6ZVKXYcjs.Modal; exports.Popover = _7K5BKF5Xcjs.Popover_default; exports.RadioButton = _IQP3Q2PTcjs.RadioButton_default; exports.RichSelectList = _6S3NMK6Fcjs.RichSelectList_default; exports.SelectList = _J5JBNASAcjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _YF53M62Ecjs.TextArea_default; exports.TextField = _4HRJ2HGGcjs.TextField; exports.ThemeProvider = _TBQR2FPScjs.ThemeProvider; exports.Tooltip = _WRMF47QNcjs.Tooltip_default; exports.Typography = _JEHUXNNKcjs.Typography_default;
 //# sourceMappingURL=index.cjs.map

package/dist/index.css

@@ -2635,7 +2635,7 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Modal/Modal.module.css/#css-module-data */
-._backdrop_tqzb0_1 {
+._backdrop_1w5vm_1 {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -2644,13 +2644,13 @@
   align-items: center;
   top: 0;
 }
-._backdropClassic_tqzb0_11 {
+._backdropClassic_1w5vm_11 {
   background-color: rgba(0, 0, 0, 0.6);
 }
-._backdropCambio_tqzb0_15 {
+._backdropCambio_1w5vm_15 {
   background-color: var(--color-cambio-gray-870);
 }
-._closeButton_tqzb0_19 {
+._closeButton_1w5vm_19 {
   background: none;
   border: none;
   position: absolute;
@@ -2664,25 +2664,22 @@
   align-items: center;
   border-radius: 50%;
 }
-._closeButtonClassic_tqzb0_34 {
+._closeButtonClassic_1w5vm_34 {
   height: 40px;
   width: 40px;
   top: 12px;
   right: 12px;
 }
-._closeButtonCambio_tqzb0_41 {
-  height: 24px;
-  width: 24px;
-  top: 4px;
-  right: 4px;
-}
-._closeButton_tqzb0_19:focus-visible {
+._closeButton_1w5vm_19:focus-visible {
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
-._closeButtonWithImage_tqzb0_53 {
+._closeButtonWithImage_1w5vm_46 {
   background-color: rgba(0, 0, 0, 0.3);
 }
+._closeButtonWithImageCambio_1w5vm_50 {
+  background-color: var(--color-cambio-gray-200);
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/react-aria-utils/Triggerable.module.css/#css-module-data */
 ._trigger_1efnf_1:focus-visible {
@@ -2800,18 +2797,18 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data */
-._selectContainer_1o5o7_1 {
+._selectContainer_hzvfu_1 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._selectContainerCambio_1o5o7_7 {
+._selectContainerCambio_hzvfu_7 {
   position: relative;
 }
-._opacityOverlay_1o5o7_11 {
+._opacityOverlay_hzvfu_11 {
   opacity: 0.5;
 }
-._labelCambio_1o5o7_15 {
+._labelCambio_hzvfu_15 {
   left: 1px;
   right: 1px;
   position: absolute;
@@ -2821,11 +2818,11 @@
   padding-top: 7px;
   z-index: 1;
 }
-._selectWrapper_1o5o7_26 {
+._selectWrapper_hzvfu_26 {
   display: flex;
   position: relative;
 }
-._selectBox_1o5o7_31 {
+._selectBox_hzvfu_31 {
   align-items: center;
   appearance: none;
   background-color: var(--color-base-white);
@@ -2847,28 +2844,29 @@
   outline: 0;
   width: 100%;
 }
-._selectBoxClassic_1o5o7_47 {
+._selectBoxClassic_hzvfu_47 {
   border: 1px solid var(--color-base-gray-700);
   padding: 0 36px 0 12px;
 }
-._selectBoxCambio_1o5o7_52 {
+._selectBoxCambio_hzvfu_52 {
   border: 1px solid var(--color-cambio-gray-370);
   border-radius: 8px;
+  box-sizing: border-box;
   font-size: 14px;
   height: 48px;
   padding: 12px 36px 0 12px;
 }
-._selectMouseFocusStyling_1o5o7_60 {
+._selectMouseFocusStyling_hzvfu_61 {
   border: 1px solid var(--color-base-primary-700);
   box-shadow: 0 0 0 1px var(--color-base-primary-700);
 }
-._unselected_1o5o7_65 {
+._unselected_hzvfu_66 {
   color: var(--color-base-gray-700);
 }
-._selected_1o5o7_69 {
+._selected_hzvfu_70 {
   color: var(--color-base-gray-800);
 }
-._arrowIcon_1o5o7_73 {
+._arrowIcon_hzvfu_74 {
   display: flex;
   position: absolute;
   right: 0;
@@ -2877,30 +2875,30 @@
   padding-inline-end: 8px;
   pointer-events: none;
 }
-._selectBox_1o5o7_31:disabled {
+._selectBox_hzvfu_31:disabled {
   cursor: auto;
 }
-._sm_1o5o7_87 {
+._sm_hzvfu_88 {
   border-radius: 12px;
   font-size: 12px;
   height: 32px;
 }
-._md_1o5o7_93 {
+._md_hzvfu_94 {
   border-radius: 12px;
   font-size: 14px;
   height: 40px;
 }
-._lg_1o5o7_99 {
+._lg_hzvfu_100 {
   border-radius: 16px;
   font-size: 16px;
   height: 48px;
 }
-._selectError_1o5o7_105 {
+._selectError_hzvfu_106 {
   color: var(--color-base-destructive-700);
   border-color: var(--color-base-destructive-700);
   background-color: var(--color-base-destructive-100);
 }
-._selectErrorCambio_1o5o7_111 {
+._selectErrorCambio_hzvfu_112 {
   color: var(--color-cambio-destructive-900);
   border-color: var(--color-cambio-destructive-700);
 }