@cambly/syntax-core 10.19.0 → 10.21.0

package/dist/__chunks/DTKTTGU5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./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,0BAAyB,qCAAoC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,0BAAyB,qCAAoC,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,sBAAqB,iCAAgC,4BAA2B,uCAAsC,yBAAwB,oCAAmC,+BAA8B,0CAAyC,sBAAqB,iCAAgC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,yBAAwB,oCAAmC,+BAA8B,0CAAyC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,0BAAyB,qCAAoC,gCAA+B,2CAA0C,uBAAsB,kCAAiC,6BAA4B,wCAAuC,uBAAsB,kCAAiC,6BAA4B,wCAAuC,uBAAsB,kCAAiC,6BAA4B,wCAAuC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,sBAAqB,iCAAgC,4BAA2B,uCAAsC,kCAAiC,4CAA2C","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_rzcwj_2\",\"destructive700Color\":\"_destructive700Color_rzcwj_6\",\"gray700Color\":\"_gray700Color_rzcwj_10\",\"gray900Color\":\"_gray900Color_rzcwj_14\",\"primary700Color\":\"_primary700Color_rzcwj_18\",\"success700Color\":\"_success700Color_rzcwj_22\",\"whiteColor\":\"_whiteColor_rzcwj_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_rzcwj_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_rzcwj_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_rzcwj_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_rzcwj_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_rzcwj_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_rzcwj_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_rzcwj_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_rzcwj_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_rzcwj_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_rzcwj_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_rzcwj_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_rzcwj_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_rzcwj_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_rzcwj_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_rzcwj_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_rzcwj_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_rzcwj_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_rzcwj_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_rzcwj_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_rzcwj_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_rzcwj_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_rzcwj_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_rzcwj_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_rzcwj_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_rzcwj_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_rzcwj_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_rzcwj_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_rzcwj_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_rzcwj_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_rzcwj_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_rzcwj_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_rzcwj_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_rzcwj_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_rzcwj_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_rzcwj_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_rzcwj_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_rzcwj_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_rzcwj_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_rzcwj_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_rzcwj_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_rzcwj_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_rzcwj_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_rzcwj_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_rzcwj_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_rzcwj_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_rzcwj_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_rzcwj_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_rzcwj_219\",\"cambioBlackColor\":\"_cambioBlackColor_rzcwj_224\",\"cambioWhiteColor\":\"_cambioWhiteColor_rzcwj_228\",\"cambioGray100Color\":\"_cambioGray100Color_rzcwj_232\",\"cambioGray200Color\":\"_cambioGray200Color_rzcwj_236\",\"cambioGray300Color\":\"_cambioGray300Color_rzcwj_240\",\"cambioGray370Color\":\"_cambioGray370Color_rzcwj_244\",\"cambioGray700Color\":\"_cambioGray700Color_rzcwj_248\",\"cambioGray800Color\":\"_cambioGray800Color_rzcwj_252\",\"cambioGray870Color\":\"_cambioGray870Color_rzcwj_256\",\"cambioGray900Color\":\"_cambioGray900Color_rzcwj_260\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_rzcwj_264\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_rzcwj_268\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_rzcwj_272\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_rzcwj_276\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_rzcwj_280\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_rzcwj_284\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_rzcwj_288\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_rzcwj_292\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_rzcwj_296\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_rzcwj_300\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_rzcwj_304\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_rzcwj_308\",\"cambioRedColor\":\"_cambioRedColor_rzcwj_312\",\"cambioOrangeColor\":\"_cambioOrangeColor_rzcwj_316\",\"cambioTanColor\":\"_cambioTanColor_rzcwj_320\",\"cambioCreamColor\":\"_cambioCreamColor_rzcwj_324\",\"cambioPurpleColor\":\"_cambioPurpleColor_rzcwj_328\",\"cambioLilacColor\":\"_cambioLilacColor_rzcwj_332\",\"cambioThistleColor\":\"_cambioThistleColor_rzcwj_336\",\"cambioPinkColor\":\"_cambioPinkColor_rzcwj_340\",\"cambioNavyColor\":\"_cambioNavyColor_rzcwj_344\",\"cambioTealColor\":\"_cambioTealColor_rzcwj_348\",\"cambioSlateColor\":\"_cambioSlateColor_rzcwj_352\",\"cambioSkyColor\":\"_cambioSkyColor_rzcwj_356\",\"cambioYellow700Color\":\"_cambioYellow700Color_rzcwj_360\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_rzcwj_364\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_rzcwj_368\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_rzcwj_372\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_rzcwj_376\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_rzcwj_380\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_rzcwj_384\",\"gray370BackgroundColor\":\"_gray370BackgroundColor_rzcwj_388\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_rzcwj_392\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_rzcwj_396\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_rzcwj_400\",\"gray870BackgroundColor\":\"_gray870BackgroundColor_rzcwj_404\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_rzcwj_408\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_rzcwj_412\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_rzcwj_416\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_rzcwj_420\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_rzcwj_424\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_rzcwj_428\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_rzcwj_432\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_rzcwj_436\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_rzcwj_440\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_rzcwj_444\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_rzcwj_448\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_rzcwj_452\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_rzcwj_456\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_rzcwj_460\",\"redBackgroundColor\":\"_redBackgroundColor_rzcwj_464\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_rzcwj_468\",\"orangeBackgroundColor\":\"_orangeBackgroundColor_rzcwj_472\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_rzcwj_476\",\"tanBackgroundColor\":\"_tanBackgroundColor_rzcwj_480\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_rzcwj_484\",\"creamBackgroundColor\":\"_creamBackgroundColor_rzcwj_488\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_rzcwj_492\",\"purpleBackgroundColor\":\"_purpleBackgroundColor_rzcwj_496\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_rzcwj_500\",\"lilacBackgroundColor\":\"_lilacBackgroundColor_rzcwj_504\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_rzcwj_508\",\"thistleBackgroundColor\":\"_thistleBackgroundColor_rzcwj_512\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_rzcwj_516\",\"pinkBackgroundColor\":\"_pinkBackgroundColor_rzcwj_520\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_rzcwj_524\",\"navyBackgroundColor\":\"_navyBackgroundColor_rzcwj_528\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_rzcwj_532\",\"tealBackgroundColor\":\"_tealBackgroundColor_rzcwj_536\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_rzcwj_540\",\"slateBackgroundColor\":\"_slateBackgroundColor_rzcwj_544\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_rzcwj_548\",\"skyBackgroundColor\":\"_skyBackgroundColor_rzcwj_552\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_rzcwj_556\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_rzcwj_560\"}"]}

package/dist/__chunks/{MAABAXPP.cjs → EDBOQDEI.cjs}

@@ -4,10 +4,10 @@
 var _5JUNB754cjs = require('./5JUNB754.cjs');
 
 
-var _54PSDUCDcjs = require('./54PSDUCD.cjs');
+var _ZCSR6NFBcjs = require('./ZCSR6NFB.cjs');
 
 
-var _WRTSVDQZcjs = require('./WRTSVDQZ.cjs');
+var _W2JRKN5Ecjs = require('./W2JRKN5E.cjs');
 
 
 
@@ -15,14 +15,14 @@ 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 _46QLII42cjs = require('./46QLII42.cjs');
+var _TJN7NBWUcjs = require('./TJN7NBWU.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -52,8 +52,8 @@ var LinkButton = _react.forwardRef.call(void 0,
     onClick
   }, ref) => {
     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.jsxs.call(void 0, 
       "a",
       {
@@ -64,16 +64,16 @@ var LinkButton = _react.forwardRef.call(void 0,
         rel,
         className: _classnames2.default.call(void 0, 
           LinkButton_module_default.linkButton,
-          _WRTSVDQZcjs.Button_module_default.button,
+          _W2JRKN5Ecjs.Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          themeName === "classic" ? _WRTSVDQZcjs.Button_module_default[size] : _WRTSVDQZcjs.Button_module_default[`${size}Cambio`],
+          themeName === "classic" ? _W2JRKN5Ecjs.Button_module_default[size] : _W2JRKN5Ecjs.Button_module_default[`${size}Cambio`],
           {
-            [_WRTSVDQZcjs.Button_module_default.fullWidth]: fullWidth,
+            [_W2JRKN5Ecjs.Button_module_default.fullWidth]: fullWidth,
             [LinkButton_module_default.fitContent]: !fullWidth,
-            [_WRTSVDQZcjs.Button_module_default.buttonGap]: themeName === "classic" && (size === "lg" || size === "md"),
-            [_WRTSVDQZcjs.Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
-            [_WRTSVDQZcjs.Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary"
+            [_W2JRKN5Ecjs.Button_module_default.buttonGap]: themeName === "classic" && (size === "lg" || size === "md"),
+            [_W2JRKN5Ecjs.Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
+            [_W2JRKN5Ecjs.Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary"
           }
         ),
         onClick,
@@ -82,14 +82,14 @@ var LinkButton = _react.forwardRef.call(void 0,
             StartIcon,
             {
               className: _classnames2.default.call(void 0, 
-                _WRTSVDQZcjs.Button_module_default.icon,
-                _54PSDUCDcjs.iconSize_default[size],
+                _W2JRKN5Ecjs.Button_module_default.icon,
+                _ZCSR6NFBcjs.iconSize_default[size],
                 foregroundColorClass
               )
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _46QLII42cjs.Typography_default,
+            _TJN7NBWUcjs.Typography_default,
             {
               size: themeName === "classic" ? _5JUNB754cjs.textVariant_default[size] : _5JUNB754cjs.textVariant_default[size],
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -106,8 +106,8 @@ var LinkButton = _react.forwardRef.call(void 0,
             EndIcon,
             {
               className: _classnames2.default.call(void 0, 
-                _WRTSVDQZcjs.Button_module_default.icon,
-                _54PSDUCDcjs.iconSize_default[size],
+                _W2JRKN5Ecjs.Button_module_default.icon,
+                _ZCSR6NFBcjs.iconSize_default[size],
                 foregroundColorClass
               )
             }
@@ -123,4 +123,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=MAABAXPP.cjs.map
+//# sourceMappingURL=EDBOQDEI.cjs.map

package/dist/__chunks/{R4TBYKLS.js → EEUFQAUZ.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./KU5UT5RY.js";
+} from "./22OMICOW.js";
 import {
   useTheme
 } from "./ZSHAHV4F.js";
@@ -44,4 +44,4 @@ export {
   useAvatarGroup,
   AvatarGroup
 };
-//# sourceMappingURL=R4TBYKLS.js.map
+//# sourceMappingURL=EEUFQAUZ.js.map

package/dist/__chunks/{JGYZV3JA.js → FPHP3T7U.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./FMQVMNVR.js";
+} from "./BXHT3UUW.js";
 
 // src/colors/foregroundColor.ts
 function classicForegroundColor(color) {
@@ -61,4 +61,4 @@ export {
   classicForegroundColor,
   cambioForegroundColor
 };
-//# sourceMappingURL=JGYZV3JA.js.map
+//# sourceMappingURL=FPHP3T7U.js.map

package/dist/__chunks/{5V4GT2NJ.cjs → H6TSTAYY.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
+var _4BFY734Ccjs = require('./4BFY734C.cjs');
 
 // src/Modal/Layer.tsx
 var _reactdom = require('react-dom');
@@ -12,7 +12,7 @@ function Layer({
 }) {
   return typeof document !== "undefined" ? _reactdom.createPortal.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _SNYEHXDAcjs.Box_default,
+      _4BFY734Ccjs.Box_default,
       {
         "data-testid": "syntax-layer",
         position: "fixed",
@@ -29,4 +29,4 @@ function Layer({
 
 
 exports.Layer = Layer;
-//# sourceMappingURL=5V4GT2NJ.cjs.map
+//# sourceMappingURL=H6TSTAYY.cjs.map

package/dist/__chunks/{DZRB2DSH.js → HINMIM2W.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./JHJZ5COD.js";
+} from "./B7PDT66P.js";
 import {
   useTheme
 } from "./ZSHAHV4F.js";
@@ -125,4 +125,4 @@ var Typography_default = Typography;
 export {
   Typography_default
 };
-//# sourceMappingURL=DZRB2DSH.js.map
+//# sourceMappingURL=HINMIM2W.js.map

package/dist/__chunks/{4LCJJZPI.js → HQMHSXLB.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   ModalDialog_default
-} from "./ZWTXIPP3.js";
+} from "./DNC754CR.js";
 import {
   Dialog_default
-} from "./E5L5ZBOW.js";
+} from "./WG6366VB.js";
 import {
   layout_module_default
 } from "./DDUJFFG7.js";
@@ -141,4 +141,4 @@ export {
   AriaPopover,
   Popover_default
 };
-//# sourceMappingURL=4LCJJZPI.js.map
+//# sourceMappingURL=HQMHSXLB.js.map

package/dist/__chunks/{4E4WLD7D.js → HS3MVQCX.js}

@@ -3,35 +3,35 @@ import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "./HS7E5SFN.js";
+} from "./4CRAIBTO.js";
 import {
   RichSelectChip_default
-} from "./44DDUZLN.js";
+} from "./NI6XOJ3G.js";
 import {
   Popover_default
-} from "./4LCJJZPI.js";
+} from "./HQMHSXLB.js";
 import {
   DialogContext
-} from "./E5L5ZBOW.js";
+} from "./WG6366VB.js";
 import {
   TapArea_default
 } from "./5MJ6NOUC.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./EIYIIY5Y.js";
+} from "./LKAS5FOB.js";
 import {
   RichSelectSection_default
-} from "./3RPDJFR4.js";
+} from "./4NSYLHIG.js";
 import {
   RichSelectRadioButton_default
-} from "./MLJKPE76.js";
+} from "./HUEEJIK6.js";
 import {
   Box_default
-} from "./KU5UT5RY.js";
+} from "./22OMICOW.js";
 import {
   Typography_default
-} from "./DZRB2DSH.js";
+} from "./HINMIM2W.js";
 import {
   useTheme
 } from "./ZSHAHV4F.js";
@@ -59,7 +59,7 @@ import { useControlledState } from "@react-stately/utils";
 import { setInteractionModality } from "@react-aria/interactions";
 
 // css-module:../SelectList/SelectList.module.css#css-module
-var SelectList_module_default = { "selectContainer": "_selectContainer_itxk7_1", "selectContainerCambio": "_selectContainerCambio_itxk7_7", "opacityOverlay": "_opacityOverlay_itxk7_11", "selectWrapper": "_selectWrapper_itxk7_15", "selectBox": "_selectBox_itxk7_20", "selectBoxClassic": "_selectBoxClassic_itxk7_36", "selectBoxCambio": "_selectBoxCambio_itxk7_41", "selectMouseFocusStyling": "_selectMouseFocusStyling_itxk7_50", "unselected": "_unselected_itxk7_55", "selected": "_selected_itxk7_59", "arrowIcon": "_arrowIcon_itxk7_63", "sm": "_sm_itxk7_77", "md": "_md_itxk7_83", "lg": "_lg_itxk7_89", "selectError": "_selectError_itxk7_95", "selectErrorCambio": "_selectErrorCambio_itxk7_101" };
+var SelectList_module_default = { "selectContainer": "_selectContainer_1cum9_1", "selectContainerCambio": "_selectContainerCambio_1cum9_7", "opacityOverlay": "_opacityOverlay_1cum9_11", "selectWrapper": "_selectWrapper_1cum9_15", "selectBox": "_selectBox_1cum9_20", "selectBoxClassic": "_selectBoxClassic_1cum9_36", "selectBoxCambio": "_selectBoxCambio_1cum9_41", "selectMouseFocusStyling": "_selectMouseFocusStyling_1cum9_50", "unselected": "_unselected_1cum9_55", "selected": "_selected_1cum9_59", "arrowIcon": "_arrowIcon_1cum9_63", "sm": "_sm_1cum9_77", "md": "_md_1cum9_83", "lg": "_lg_1cum9_89", "selectError": "_selectError_1cum9_95", "selectErrorCambio": "_selectErrorCambio_1cum9_101" };
 
 // src/RichSelect/RichSelectList.tsx
 import { useField } from "react-aria";
@@ -281,4 +281,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=4E4WLD7D.js.map
+//# sourceMappingURL=HS3MVQCX.js.map

package/dist/__chunks/{4E4WLD7D.js.map → HS3MVQCX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/RichSelect/RichSelectList.tsx","css-module:../SelectList/SelectList.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  useMemo,\n  type SyntheticEvent,\n  useRef,\n  useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport Popover from \"../Popover/Popover\";\nimport {\n  Label as ReactAriaLabel,\n  Provider as ReactAriaProvider,\n} from \"react-aria-components\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport { setInteractionModality } from \"@react-aria/interactions\";\nimport { DialogContext } from \"../Dialog/Dialog\";\nimport styles from \"../SelectList/SelectList.module.css\";\nimport RichSelectBox, {\n  RichSelectBoxContext,\n  convertSelection,\n  type RichSelectBoxProps,\n} from \"./RichSelectBox\";\nimport TapArea from \"../TapArea/TapArea\";\nimport { type OverlayHandlerRef } from \"../react-aria-utils/Triggerable\";\nimport Box from \"../Box/Box\";\nimport RichSelectSection from \"./RichSelectSection\";\nimport RichSelectChip from \"./RichSelectChip\";\nimport RichSelectRadioButton from \"./RichSelectRadioButton\";\nimport { useField } from \"react-aria\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nconst NOOP = () => undefined;\n\nconst iconSize = {\n  sm: 20,\n  md: 24,\n  lg: 24,\n} as const;\n\nexport type RichSelectListProps = RichSelectBoxProps & {\n  /** Test id for the select element */\n  \"data-testid\"?: string;\n  /**\n   * Disables the select dropdown entirely\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Callback to be called when select is clicked */\n  onClick?: (event: SyntheticEvent<HTMLDivElement>) => void;\n  /** Text shown below select box if there is an input error. */\n  errorText?: string;\n  /** Text shown below select box */\n  helperText?: string;\n  /**\n   * RichSelectList id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /** Text shown above select box */\n  label: string;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * There should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /** Use to render (override) text shown in the select box */\n  selectTextValue?: (selectedValues?: \"all\" | string[]) => string | undefined;\n  /**\n   * Size of the select box\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n};\n\n/**\n * [RichSelectList](https://cambly-syntax.vercel.app/?path=/docs/components-richselectlist--docs) is a dropdown menu that allows users to select one or multiple options from a list.\n *\n * Example Usage:\n ```\n  <RichSelectList\n    label=\"My Label\"\n    multiple\n    onChange={() => { ... }}\n    primaryButtonText=\"Save\"\n    primaryButtonAccessibilityLabel=\"Save\"\n    secondaryButtonText=\"Clear\"\n    secondaryButtonAccessibilityLabel=\"Clear\"\n  >\n    <RichSelectList.Section label=\"Cities\">\n      <RichSelectList.Chip label=\"San Francisco\" value=\"sf\" />\n      <RichSelectList.Chip label=\"New York\" value=\"ny\" disabled />\n      <RichSelectList.Chip label=\"Tulsa\" value=\"tulsa\" />\n      <RichSelectList.Chip label=\"Chicago\" value=\"chicago\" disabled />\n    </RichSelectList.Section>\n  </RichSelectList>\n ```\n */\nfunction RichSelectList(props: RichSelectListProps): ReactElement {\n  const {\n    autosave,\n    children,\n    \"data-testid\": dataTestId,\n    disabled: disabledProp = false,\n    errorText,\n    helperText,\n    label,\n    id,\n    onChange,\n    onClick = NOOP,\n    placeholderText,\n    selectTextValue,\n    selectedValues: selectedValuesProp,\n    defaultSelectedValues: defaultSelectedValuesProp,\n    size = \"md\",\n    ...richSelectBoxProps\n  } = props;\n\n  const reactId = useId();\n  const inputId = id ?? reactId;\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const { themeName } = useTheme();\n\n  // passed to popover, which attached open/close methods\n  const overlayHandlerRef = useRef<OverlayHandlerRef>({});\n\n  const selectedKeysProp = useMemo(\n    () => convertSelection(selectedValuesProp),\n    [selectedValuesProp],\n  );\n  const defaultSelectedKeys = useMemo(\n    () => convertSelection(defaultSelectedValuesProp, new Set()),\n    [defaultSelectedValuesProp],\n  );\n  const [selectedKeys, setSelectedKeys] = useControlledState(\n    selectedKeysProp!, // eslint-disable-line @typescript-eslint/no-non-null-assertion -- there is a bug in the typedef for useControlledState from react-stately.  Internally they rely on value (first arg) able to be undefined\n    defaultSelectedKeys,\n    (value) => {\n      const _value = value === \"all\" ? \"all\" : [...value].map(String);\n      onChange(_value);\n      if (!autosave) overlayHandlerRef.current.close?.();\n    },\n  );\n\n  const selectedTextValue = useMemo(() => {\n    if (selectTextValue)\n      return (\n        selectTextValue(\n          selectedKeys === \"all\" ? \"all\" : [...selectedKeys].map(String),\n        ) ?? placeholderText\n      );\n    if (selectedKeys === \"all\") return \"All selected\";\n    if (selectedKeys.size) return `${selectedKeys.size} selected`;\n    return placeholderText;\n  }, [selectTextValue, selectedKeys, placeholderText]);\n\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField({\n      label, // this is the label for the select box\n      description: helperText,\n      errorMessage: errorText,\n    });\n\n  return (\n    <ReactAriaProvider\n      values={[\n        [RichSelectBoxContext, { autoFocus: true }],\n        [DialogContext, { padding: autosave ? undefined : 0 }], // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided\n      ]}\n    >\n      <div\n        className={classNames(styles.selectContainer, {\n          [styles.opacityOverlay]: disabled,\n          [styles.selectContainerCambio]: themeName === \"cambio\",\n        })}\n      >\n        {label && (\n          <>\n            <ReactAriaLabel\n              data-testid={[dataTestId, \"label\"].filter(Boolean).join(\"-\")}\n              className={classNames(\n                themeName === \"cambio\" && styles.labelCambio,\n              )}\n              {...labelProps}\n              onClick={() => {\n                if (disabled) return;\n                fieldRef.current?.focus();\n                setInteractionModality(\"keyboard\"); // Show the focus ring so the user knows where focus went\n              }}\n            >\n              <Box paddingX={themeName === \"classic\" ? 1 : 3}>\n                <Typography size={100} color=\"gray700\">\n                  {label}\n                </Typography>\n              </Box>\n            </ReactAriaLabel>\n          </>\n        )}\n        <Popover\n          ref={overlayHandlerRef}\n          disabled={disabled}\n          content={\n            // this Box wrapper is to reapply the padding that was stripped from popover's dialog to show the sticky save/close buttons. Ideally this could be avoided\n            <Box\n              padding={autosave ? undefined : 5}\n              dangerouslySetInlineStyle={\n                autosave ? undefined : { __style: { paddingBottom: 0 } }\n              }\n            >\n              <RichSelectBox\n                autosave={autosave}\n                selectedValues={selectedKeys}\n                defaultSelectedValues={defaultSelectedKeys}\n                onChange={(selected) => setSelectedKeys(new Set(selected))}\n                {...richSelectBoxProps}\n                accessibilityLabel={inputId}\n              >\n                {children}\n              </RichSelectBox>\n            </Box>\n          }\n        >\n          <TapArea\n            data-testid={dataTestId}\n            disabled={disabled}\n            onClick={onClick}\n            rounding={size === \"lg\" ? \"lg\" : \"md\"}\n            {...fieldProps}\n            ref={fieldRef}\n          >\n            <div className={styles.selectWrapper}>\n              <div\n                className={classNames(\n                  styles.selectBox,\n                  themeName === \"classic\"\n                    ? styles.selectBoxClassic\n                    : styles.selectBoxCambio,\n                  themeName === \"classic\" && styles[size],\n                  {\n                    [styles.unselected]:\n                      !errorText &&\n                      selectedKeys !== \"all\" &&\n                      !selectedKeys.size,\n                    [styles.selected]:\n                      !errorText &&\n                      (selectedKeys === \"all\" || selectedKeys.size),\n                    [themeName === \"classic\"\n                      ? styles.selectError\n                      : styles.selectErrorCambio]: errorText,\n                  },\n                )}\n              >\n                {selectedTextValue}\n              </div>\n              <div className={styles.arrowIcon}>\n                <svg\n                  focusable=\"false\"\n                  aria-hidden=\"true\"\n                  viewBox=\"0 0 24 24\"\n                  width={iconSize[size]}\n                >\n                  <path\n                    fill={\n                      errorText ? ColorBaseDestructive700 : ColorBaseGray800\n                    }\n                    d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n                  />\n                </svg>\n              </div>\n            </div>\n          </TapArea>\n        </Popover>\n        {(helperText || errorText) && (\n          <Box paddingX={themeName === \"classic\" ? 1 : 0}>\n            <Typography\n              size={100}\n              color={errorText ? \"destructive-primary\" : \"gray700\"}\n              {...(errorText ? errorMessageProps : descriptionProps)}\n            >\n              {errorText ? errorText : helperText}\n            </Typography>\n          </Box>\n        )}\n      </div>\n    </ReactAriaProvider>\n  );\n}\n\nexport default Object.assign(RichSelectList, {\n  Section: RichSelectSection,\n  Chip: RichSelectChip,\n  RadioButton: RichSelectRadioButton,\n});\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_itxk7_1\",\"selectContainerCambio\":\"_selectContainerCambio_itxk7_7\",\"opacityOverlay\":\"_opacityOverlay_itxk7_11\",\"selectWrapper\":\"_selectWrapper_itxk7_15\",\"selectBox\":\"_selectBox_itxk7_20\",\"selectBoxClassic\":\"_selectBoxClassic_itxk7_36\",\"selectBoxCambio\":\"_selectBoxCambio_itxk7_41\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_itxk7_50\",\"unselected\":\"_unselected_itxk7_55\",\"selected\":\"_selected_itxk7_59\",\"arrowIcon\":\"_arrowIcon_itxk7_63\",\"sm\":\"_sm_itxk7_77\",\"md\":\"_md_itxk7_83\",\"lg\":\"_lg_itxk7_89\",\"selectError\":\"_selectError_itxk7_95\",\"selectErrorCambio\":\"_selectErrorCambio_itxk7_101\"}"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../src/RichSelect/RichSelectList.tsx","css-module:../SelectList/SelectList.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  useMemo,\n  type SyntheticEvent,\n  useRef,\n  useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport Popover from \"../Popover/Popover\";\nimport {\n  Label as ReactAriaLabel,\n  Provider as ReactAriaProvider,\n} from \"react-aria-components\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport { setInteractionModality } from \"@react-aria/interactions\";\nimport { DialogContext } from \"../Dialog/Dialog\";\nimport styles from \"../SelectList/SelectList.module.css\";\nimport RichSelectBox, {\n  RichSelectBoxContext,\n  convertSelection,\n  type RichSelectBoxProps,\n} from \"./RichSelectBox\";\nimport TapArea from \"../TapArea/TapArea\";\nimport { type OverlayHandlerRef } from \"../react-aria-utils/Triggerable\";\nimport Box from \"../Box/Box\";\nimport RichSelectSection from \"./RichSelectSection\";\nimport RichSelectChip from \"./RichSelectChip\";\nimport RichSelectRadioButton from \"./RichSelectRadioButton\";\nimport { useField } from \"react-aria\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nconst NOOP = () => undefined;\n\nconst iconSize = {\n  sm: 20,\n  md: 24,\n  lg: 24,\n} as const;\n\nexport type RichSelectListProps = RichSelectBoxProps & {\n  /** Test id for the select element */\n  \"data-testid\"?: string;\n  /**\n   * Disables the select dropdown entirely\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Callback to be called when select is clicked */\n  onClick?: (event: SyntheticEvent<HTMLDivElement>) => void;\n  /** Text shown below select box if there is an input error. */\n  errorText?: string;\n  /** Text shown below select box */\n  helperText?: string;\n  /**\n   * RichSelectList id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /** Text shown above select box */\n  label: string;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * There should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /** Use to render (override) text shown in the select box */\n  selectTextValue?: (selectedValues?: \"all\" | string[]) => string | undefined;\n  /**\n   * Size of the select box\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n};\n\n/**\n * [RichSelectList](https://cambly-syntax.vercel.app/?path=/docs/components-richselectlist--docs) is a dropdown menu that allows users to select one or multiple options from a list.\n *\n * Example Usage:\n ```\n  <RichSelectList\n    label=\"My Label\"\n    multiple\n    onChange={() => { ... }}\n    primaryButtonText=\"Save\"\n    primaryButtonAccessibilityLabel=\"Save\"\n    secondaryButtonText=\"Clear\"\n    secondaryButtonAccessibilityLabel=\"Clear\"\n  >\n    <RichSelectList.Section label=\"Cities\">\n      <RichSelectList.Chip label=\"San Francisco\" value=\"sf\" />\n      <RichSelectList.Chip label=\"New York\" value=\"ny\" disabled />\n      <RichSelectList.Chip label=\"Tulsa\" value=\"tulsa\" />\n      <RichSelectList.Chip label=\"Chicago\" value=\"chicago\" disabled />\n    </RichSelectList.Section>\n  </RichSelectList>\n ```\n */\nfunction RichSelectList(props: RichSelectListProps): ReactElement {\n  const {\n    autosave,\n    children,\n    \"data-testid\": dataTestId,\n    disabled: disabledProp = false,\n    errorText,\n    helperText,\n    label,\n    id,\n    onChange,\n    onClick = NOOP,\n    placeholderText,\n    selectTextValue,\n    selectedValues: selectedValuesProp,\n    defaultSelectedValues: defaultSelectedValuesProp,\n    size = \"md\",\n    ...richSelectBoxProps\n  } = props;\n\n  const reactId = useId();\n  const inputId = id ?? reactId;\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const { themeName } = useTheme();\n\n  // passed to popover, which attached open/close methods\n  const overlayHandlerRef = useRef<OverlayHandlerRef>({});\n\n  const selectedKeysProp = useMemo(\n    () => convertSelection(selectedValuesProp),\n    [selectedValuesProp],\n  );\n  const defaultSelectedKeys = useMemo(\n    () => convertSelection(defaultSelectedValuesProp, new Set()),\n    [defaultSelectedValuesProp],\n  );\n  const [selectedKeys, setSelectedKeys] = useControlledState(\n    selectedKeysProp!, // eslint-disable-line @typescript-eslint/no-non-null-assertion -- there is a bug in the typedef for useControlledState from react-stately.  Internally they rely on value (first arg) able to be undefined\n    defaultSelectedKeys,\n    (value) => {\n      const _value = value === \"all\" ? \"all\" : [...value].map(String);\n      onChange(_value);\n      if (!autosave) overlayHandlerRef.current.close?.();\n    },\n  );\n\n  const selectedTextValue = useMemo(() => {\n    if (selectTextValue)\n      return (\n        selectTextValue(\n          selectedKeys === \"all\" ? \"all\" : [...selectedKeys].map(String),\n        ) ?? placeholderText\n      );\n    if (selectedKeys === \"all\") return \"All selected\";\n    if (selectedKeys.size) return `${selectedKeys.size} selected`;\n    return placeholderText;\n  }, [selectTextValue, selectedKeys, placeholderText]);\n\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField({\n      label, // this is the label for the select box\n      description: helperText,\n      errorMessage: errorText,\n    });\n\n  return (\n    <ReactAriaProvider\n      values={[\n        [RichSelectBoxContext, { autoFocus: true }],\n        [DialogContext, { padding: autosave ? undefined : 0 }], // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided\n      ]}\n    >\n      <div\n        className={classNames(styles.selectContainer, {\n          [styles.opacityOverlay]: disabled,\n          [styles.selectContainerCambio]: themeName === \"cambio\",\n        })}\n      >\n        {label && (\n          <>\n            <ReactAriaLabel\n              data-testid={[dataTestId, \"label\"].filter(Boolean).join(\"-\")}\n              className={classNames(\n                themeName === \"cambio\" && styles.labelCambio,\n              )}\n              {...labelProps}\n              onClick={() => {\n                if (disabled) return;\n                fieldRef.current?.focus();\n                setInteractionModality(\"keyboard\"); // Show the focus ring so the user knows where focus went\n              }}\n            >\n              <Box paddingX={themeName === \"classic\" ? 1 : 3}>\n                <Typography size={100} color=\"gray700\">\n                  {label}\n                </Typography>\n              </Box>\n            </ReactAriaLabel>\n          </>\n        )}\n        <Popover\n          ref={overlayHandlerRef}\n          disabled={disabled}\n          content={\n            // this Box wrapper is to reapply the padding that was stripped from popover's dialog to show the sticky save/close buttons. Ideally this could be avoided\n            <Box\n              padding={autosave ? undefined : 5}\n              dangerouslySetInlineStyle={\n                autosave ? undefined : { __style: { paddingBottom: 0 } }\n              }\n            >\n              <RichSelectBox\n                autosave={autosave}\n                selectedValues={selectedKeys}\n                defaultSelectedValues={defaultSelectedKeys}\n                onChange={(selected) => setSelectedKeys(new Set(selected))}\n                {...richSelectBoxProps}\n                accessibilityLabel={inputId}\n              >\n                {children}\n              </RichSelectBox>\n            </Box>\n          }\n        >\n          <TapArea\n            data-testid={dataTestId}\n            disabled={disabled}\n            onClick={onClick}\n            rounding={size === \"lg\" ? \"lg\" : \"md\"}\n            {...fieldProps}\n            ref={fieldRef}\n          >\n            <div className={styles.selectWrapper}>\n              <div\n                className={classNames(\n                  styles.selectBox,\n                  themeName === \"classic\"\n                    ? styles.selectBoxClassic\n                    : styles.selectBoxCambio,\n                  themeName === \"classic\" && styles[size],\n                  {\n                    [styles.unselected]:\n                      !errorText &&\n                      selectedKeys !== \"all\" &&\n                      !selectedKeys.size,\n                    [styles.selected]:\n                      !errorText &&\n                      (selectedKeys === \"all\" || selectedKeys.size),\n                    [themeName === \"classic\"\n                      ? styles.selectError\n                      : styles.selectErrorCambio]: errorText,\n                  },\n                )}\n              >\n                {selectedTextValue}\n              </div>\n              <div className={styles.arrowIcon}>\n                <svg\n                  focusable=\"false\"\n                  aria-hidden=\"true\"\n                  viewBox=\"0 0 24 24\"\n                  width={iconSize[size]}\n                >\n                  <path\n                    fill={\n                      errorText ? ColorBaseDestructive700 : ColorBaseGray800\n                    }\n                    d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n                  />\n                </svg>\n              </div>\n            </div>\n          </TapArea>\n        </Popover>\n        {(helperText || errorText) && (\n          <Box paddingX={themeName === \"classic\" ? 1 : 0}>\n            <Typography\n              size={100}\n              color={errorText ? \"destructive-primary\" : \"gray700\"}\n              {...(errorText ? errorMessageProps : descriptionProps)}\n            >\n              {errorText ? errorText : helperText}\n            </Typography>\n          </Box>\n        )}\n      </div>\n    </ReactAriaProvider>\n  );\n}\n\nexport default Object.assign(RichSelectList, {\n  Section: RichSelectSection,\n  Chip: RichSelectChip,\n  RadioButton: RichSelectRadioButton,\n});\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_1cum9_1\",\"selectContainerCambio\":\"_selectContainerCambio_1cum9_7\",\"opacityOverlay\":\"_opacityOverlay_1cum9_11\",\"selectWrapper\":\"_selectWrapper_1cum9_15\",\"selectBox\":\"_selectBox_1cum9_20\",\"selectBoxClassic\":\"_selectBoxClassic_1cum9_36\",\"selectBoxCambio\":\"_selectBoxCambio_1cum9_41\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_1cum9_50\",\"unselected\":\"_unselected_1cum9_55\",\"selected\":\"_selected_1cum9_59\",\"arrowIcon\":\"_arrowIcon_1cum9_63\",\"sm\":\"_sm_1cum9_77\",\"md\":\"_md_1cum9_83\",\"lg\":\"_lg_1cum9_89\",\"selectError\":\"_selectError_1cum9_95\",\"selectErrorCambio\":\"_selectErrorCambio_1cum9_101\"}"],"mappings":"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","names":["_a"]}

package/dist/__chunks/{MLJKPE76.js → HUEEJIK6.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   RadioButton_default
-} from "./Q6MTOVYN.js";
+} from "./VHZFF3Y7.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=MLJKPE76.js.map
+//# sourceMappingURL=HUEEJIK6.js.map

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