@cambly/syntax-core 18.7.0 → 18.8.0

package/dist/__chunks/{DCGTTQAX.js → IJ6QNNRJ.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./65PMWIHY.js";
+} from "./YWFG6EUU.js";
 import {
   __objRest
 } from "./UWGNJENA.js";
@@ -34,4 +34,4 @@ var Card_default = Card;
 export {
   Card_default
 };
-//# sourceMappingURL=DCGTTQAX.js.map
+//# sourceMappingURL=IJ6QNNRJ.js.map

package/dist/__chunks/{NIIFJYOC.cjs → IRV2I2PN.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 _J27AGJQBcjs = require('./J27AGJQB.cjs');
+var _464OXX7Pcjs = require('./464OXX7P.cjs');
 
 
-var _7QBU4DTXcjs = require('./7QBU4DTX.cjs');
+var _Q2XNQJNMcjs = require('./Q2XNQJNM.cjs');
 
 
-var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
+var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
 
 
 var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
@@ -113,13 +113,13 @@ var ModalDialog = _react.forwardRef.call(void 0,
             "aria-label": accessibilityLabel,
             onChangeContentVisibility,
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _J27AGJQBcjs.Dialog_default,
+              _464OXX7Pcjs.Dialog_default,
               {
                 accessibilityLabel,
                 "data-testid": dataTestId,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _KJLBDAZHcjs.Box_default,
+                    _A5IA5BEWcjs.Box_default,
                     {
                       position: "absolute",
                       padding: 2,
@@ -130,7 +130,7 @@ var ModalDialog = _react.forwardRef.call(void 0,
                         }
                       },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _7QBU4DTXcjs.IconButton_default,
+                        _Q2XNQJNMcjs.IconButton_default,
                         {
                           onClick: () => state.close(),
                           color: "tertiary",
@@ -157,4 +157,4 @@ var ModalDialog_default = ModalDialog;
 
 
 exports.AriaModalOverlay = AriaModalOverlay; exports.AriaModal = AriaModal; exports.ModalDialog_default = ModalDialog_default;
-//# sourceMappingURL=NIIFJYOC.cjs.map
+//# sourceMappingURL=IRV2I2PN.cjs.map

package/dist/__chunks/{L5RBAKAN.cjs → IVJLG32A.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 _POMJQZKJcjs = require('./POMJQZKJ.cjs');
+var _WUQOLJEHcjs = require('./WUQOLJEH.cjs');
 
 // src/Icon/Icon.tsx
 var _react = require('react');
@@ -18,7 +18,7 @@ var Icon = _react.forwardRef.call(void 0,
     {
       className: _classnames2.default.call(void 0, 
         Icon_module_default.icon,
-        _POMJQZKJcjs.textColor.call(void 0, color),
+        _WUQOLJEHcjs.textColor.call(void 0, color),
         Icon_module_default[`icon${size}`]
       ),
       ref,
@@ -34,4 +34,4 @@ var Icon_default = Icon;
 
 
 exports.Icon_default = Icon_default;
-//# sourceMappingURL=L5RBAKAN.cjs.map
+//# sourceMappingURL=IVJLG32A.cjs.map

package/dist/__chunks/{33OLOKXZ.cjs → KHGYVM4R.cjs}

@@ -3,19 +3,19 @@
 
 
 
-var _BIJUVIB4cjs = require('./BIJUVIB4.cjs');
+var _KQUIYNLTcjs = require('./KQUIYNLT.cjs');
 
 
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
+var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
 
 
 var _JVGX637Ecjs = require('./JVGX637E.cjs');
 
 
-var _FEFAG4KTcjs = require('./FEFAG4KT.cjs');
+var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -68,12 +68,12 @@ function SelectList({
   };
   const getArrowIconColor = () => {
     if (errorText) {
-      return _BIJUVIB4cjs.ColorBaseDestructive700;
+      return _KQUIYNLTcjs.ColorBaseDestructive700;
     } else {
       if (color === "clear") {
-        return _BIJUVIB4cjs.ColorCambioWhite100;
+        return _KQUIYNLTcjs.ColorCambioWhite100;
       } else {
-        return _BIJUVIB4cjs.ColorBaseGray700;
+        return _KQUIYNLTcjs.ColorBaseGray700;
       }
     }
   };
@@ -84,7 +84,7 @@ function SelectList({
         [SelectList_module_default.opacityOverlay]: disabled
       }),
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FEFAG4KTcjs.Typography_default, { size: 100, color: textColor[color], children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _A5IA5BEWcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: 100, color: textColor[color], children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "select",
@@ -131,8 +131,8 @@ function SelectList({
             }
           ) })
         ] }),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _FEFAG4KTcjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _A5IA5BEWcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _FZKGDXO4cjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : textColor[color],
@@ -148,4 +148,4 @@ SelectList.Option = _JVGX637Ecjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=33OLOKXZ.cjs.map
+//# sourceMappingURL=KHGYVM4R.cjs.map

package/dist/__chunks/{6ZUUHEIX.js → KPVVAIGD.js}

@@ -4,13 +4,13 @@ import {
 } from "./KKADUD65.js";
 import {
   Box_default
-} from "./65PMWIHY.js";
+} from "./YWFG6EUU.js";
 import {
   Typography_default
-} from "./HFLM5VGD.js";
+} from "./FQSEHETP.js";
 import {
   colors_module_default
-} from "./XVUEUKXA.js";
+} from "./6247H47L.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -129,4 +129,4 @@ var RadioButton_default = RadioButton;
 export {
   RadioButton_default
 };
-//# sourceMappingURL=6ZUUHEIX.js.map
+//# sourceMappingURL=KPVVAIGD.js.map

package/dist/__chunks/{BIJUVIB4.cjs → KQUIYNLT.cjs}

@@ -10,4 +10,4 @@ var ColorCambioWhite100 = "#ffffff";
 
 
 exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray700 = ColorBaseGray700; exports.ColorCambioWhite100 = ColorCambioWhite100;
-//# sourceMappingURL=BIJUVIB4.cjs.map
+//# sourceMappingURL=KQUIYNLT.cjs.map

package/dist/__chunks/{BIJUVIB4.cjs.map → KQUIYNLT.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 23 Jul 2024 17:34:09 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 ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\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\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 24 Jul 2024 20:45:30 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 ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\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\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}

package/dist/__chunks/{QI5Q2WJG.cjs → KRGYHG4X.cjs}

@@ -10,10 +10,10 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _FEFAG4KTcjs = require('./FEFAG4KT.cjs');
+var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
 
 
-var _SVA2ABQQcjs = require('./SVA2ABQQ.cjs');
+var _6N242VX5cjs = require('./6N242VX5.cjs');
 
 
 var _LLFHCGRAcjs = require('./LLFHCGRA.cjs');
@@ -60,7 +60,7 @@ function TooltipArrow(props) {
         className: _classnames2.default.call(void 0, [
           _IL22HCBFcjs.Box_module_default.block,
           Tooltip_module_default[`arrowPlacement${placement}`],
-          on === "lightBackground" ? _SVA2ABQQcjs.colors_module_default.cambioBlackColor : _SVA2ABQQcjs.colors_module_default.cambioWhiteColor
+          on === "lightBackground" ? _6N242VX5cjs.colors_module_default.cambioBlackColor : _6N242VX5cjs.colors_module_default.cambioWhiteColor
         ]),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "svg",
@@ -81,8 +81,8 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
   var _b = _a, { children: childrenProp, onChangeContentVisibility, on } = _b, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _b, ["children", "onChangeContentVisibility", "on"]);
   const className = _classnames2.default.call(void 0, [
     _IL22HCBFcjs.Box_module_default.box,
-    _SVA2ABQQcjs.colors_module_default.gray900Color,
-    on === "lightBackground" ? _SVA2ABQQcjs.colors_module_default.cambioBlackBackgroundColor : _SVA2ABQQcjs.colors_module_default.cambioWhiteBackgroundColor,
+    _6N242VX5cjs.colors_module_default.gray900Color,
+    on === "lightBackground" ? _6N242VX5cjs.colors_module_default.cambioBlackBackgroundColor : _6N242VX5cjs.colors_module_default.cambioWhiteBackgroundColor,
     _PLUVW6AMcjs.padding_module_default.paddingX2,
     _PLUVW6AMcjs.padding_module_default.paddingY2,
     _CHDS4D44cjs.rounding_module_default.roundingsm,
@@ -104,7 +104,7 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
         childrenProp,
         (children, { isEntering, isExiting }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipArrow, { on }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FEFAG4KTcjs.Typography_default, { size: 100, color: "white", children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: 100, color: "white", children }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _E5P6WRJDcjs.OverlayVisibility,
             {
@@ -166,4 +166,4 @@ var Tooltip_default = Tooltip;
 
 
 exports.AriaTooltip = AriaTooltip; exports.Tooltip_default = Tooltip_default;
-//# sourceMappingURL=QI5Q2WJG.cjs.map
+//# sourceMappingURL=KRGYHG4X.cjs.map

package/dist/__chunks/{S37SPS42.js → L5HGMK6O.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Typography_default
-} from "./HFLM5VGD.js";
+} from "./FQSEHETP.js";
 
 // src/Heading/Heading.tsx
 import { jsx } from "react/jsx-runtime";
@@ -47,4 +47,4 @@ var Heading_default = Heading;
 export {
   Heading_default
 };
-//# sourceMappingURL=S37SPS42.js.map
+//# sourceMappingURL=L5HGMK6O.js.map

package/dist/__chunks/{GBEKI532.js → LRM73Q7W.js}

@@ -4,7 +4,7 @@ import {
 } from "./ODMJANSX.js";
 import {
   RadioButton_default
-} from "./6ZUUHEIX.js";
+} from "./KPVVAIGD.js";
 import {
   __objRest,
   __spreadProps,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=GBEKI532.js.map
+//# sourceMappingURL=LRM73Q7W.js.map

package/dist/__chunks/{65LHF5WD.cjs → MKMFTN6G.cjs}

@@ -1,51 +1,51 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _JTTZCAPPcjs = require('./JTTZCAPP.cjs');
+var _SJBJQ3PLcjs = require('./SJBJQ3PL.cjs');
 
 // src/colors/backgroundColor.ts
 function backgroundColor(color, on) {
   if (on === "lightBackground") {
     switch (color) {
       case "primary":
-        return _JTTZCAPPcjs.colors_module_default.cambioBlackBackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioBlackBackgroundColor;
       case "secondary":
       case "success-secondary":
       case "destructive-secondary":
-        return _JTTZCAPPcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioTransparentFullBackgroundColor;
       case "tertiary":
       case "success-tertiary":
       case "destructive-tertiary":
-        return _JTTZCAPPcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioTransparentFullBackgroundColor;
       case "success-primary":
-        return _JTTZCAPPcjs.colors_module_default.cambioSuccess700BackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioSuccess700BackgroundColor;
       case "destructive-primary":
-        return _JTTZCAPPcjs.colors_module_default.cambioDestructive700BackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioDestructive700BackgroundColor;
       case "branded":
-        return _JTTZCAPPcjs.colors_module_default.cambioYellow700BackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioYellow700BackgroundColor;
       default:
-        return _JTTZCAPPcjs.colors_module_default.cambioBlackBackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioBlackBackgroundColor;
     }
   } else {
     switch (color) {
       case "primary":
-        return _JTTZCAPPcjs.colors_module_default.cambioGray200BackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioGray200BackgroundColor;
       case "secondary":
       case "success-secondary":
       case "destructive-secondary":
-        return _JTTZCAPPcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioTransparentFullBackgroundColor;
       case "tertiary":
       case "success-tertiary":
       case "destructive-tertiary":
-        return _JTTZCAPPcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioTransparentFullBackgroundColor;
       case "success-primary":
-        return _JTTZCAPPcjs.colors_module_default.cambioSuccess300BackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioSuccess300BackgroundColor;
       case "destructive-primary":
-        return _JTTZCAPPcjs.colors_module_default.cambioDestructive300BackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioDestructive300BackgroundColor;
       case "branded":
-        return _JTTZCAPPcjs.colors_module_default.cambioYellow700BackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioYellow700BackgroundColor;
       default:
-        return _JTTZCAPPcjs.colors_module_default.cambioWhiteBackgroundColor;
+        return _SJBJQ3PLcjs.colors_module_default.cambioWhiteBackgroundColor;
     }
   }
 }
@@ -53,4 +53,4 @@ function backgroundColor(color, on) {
 
 
 exports.backgroundColor = backgroundColor;
-//# sourceMappingURL=65LHF5WD.cjs.map
+//# sourceMappingURL=MKMFTN6G.cjs.map

package/dist/__chunks/{7ONGQA3U.js → MQWEXZNY.js}

@@ -4,10 +4,10 @@ import {
 } from "./KKADUD65.js";
 import {
   Typography_default
-} from "./HFLM5VGD.js";
+} from "./FQSEHETP.js";
 import {
   colors_module_default
-} from "./XVUEUKXA.js";
+} from "./6247H47L.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -116,4 +116,4 @@ var Checkbox_default = Checkbox;
 export {
   Checkbox_default
 };
-//# sourceMappingURL=7ONGQA3U.js.map
+//# sourceMappingURL=MQWEXZNY.js.map

package/dist/__chunks/{NVTSF5NY.js → MYNWWZA6.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./XVUEUKXA.js";
+} from "./6247H47L.js";
 
 // src/colors/textColors.ts
 function textColor(color) {
@@ -30,4 +30,4 @@ function textColor(color) {
 export {
   textColor
 };
-//# sourceMappingURL=NVTSF5NY.js.map
+//# sourceMappingURL=MYNWWZA6.js.map

package/dist/__chunks/{OXV7VGXO.js → NB2IFWV4.js}

@@ -10,4 +10,4 @@ export {
   ColorBaseGray700,
   ColorCambioWhite100
 };
-//# sourceMappingURL=OXV7VGXO.js.map
+//# sourceMappingURL=NB2IFWV4.js.map

package/dist/__chunks/{OXV7VGXO.js.map → NB2IFWV4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 23 Jul 2024 17:34:09 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 ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\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\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 24 Jul 2024 20:45:30 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 ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\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\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}

package/dist/__chunks/{AHFP6M2N.cjs → OD46XLIY.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 _NIIFJYOCcjs = require('./NIIFJYOC.cjs');
+var _IRV2I2PNcjs = require('./IRV2I2PN.cjs');
 
 
-var _J27AGJQBcjs = require('./J27AGJQB.cjs');
+var _464OXX7Pcjs = require('./464OXX7P.cjs');
 
 
 var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
@@ -100,7 +100,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
   } = props;
   const modal = !children || modalProp;
   const modalNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _NIIFJYOCcjs.ModalDialog_default,
+    _IRV2I2PNcjs.ModalDialog_default,
     {
       accessibilityLabel,
       accessibilityCloseLabel,
@@ -117,7 +117,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
     {
       placement: _LLFHCGRAcjs.syntaxToReactAriaPlacement.call(void 0, placement),
       onChangeContentVisibility,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _J27AGJQBcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _464OXX7Pcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
     }
   );
   if (!children)
@@ -141,4 +141,4 @@ var Popover_default = Popover;
 
 
 exports.AriaPopover = AriaPopover; exports.Popover_default = Popover_default;
-//# sourceMappingURL=AHFP6M2N.cjs.map
+//# sourceMappingURL=OD46XLIY.cjs.map

package/dist/__chunks/{A7LK5QZS.cjs → OI3PNOEK.cjs}

@@ -1,38 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _AHFP6M2Ncjs = require('./AHFP6M2N.cjs');
+var _OD46XLIYcjs = require('./OD46XLIY.cjs');
 
 
-var _J27AGJQBcjs = require('./J27AGJQB.cjs');
+var _464OXX7Pcjs = require('./464OXX7P.cjs');
 
 
 
 
-var _BIJUVIB4cjs = require('./BIJUVIB4.cjs');
+var _KQUIYNLTcjs = require('./KQUIYNLT.cjs');
 
 
 
 
-var _QKBS4OXLcjs = require('./QKBS4OXL.cjs');
+var _YS6V3MU7cjs = require('./YS6V3MU7.cjs');
 
 
-var _I76WKOLEcjs = require('./I76WKOLE.cjs');
+var _IBGEINNMcjs = require('./IBGEINNM.cjs');
 
 
-var _XTZEWLM5cjs = require('./XTZEWLM5.cjs');
+var _ZSBYCAC5cjs = require('./ZSBYCAC5.cjs');
 
 
-var _2GCUEMYNcjs = require('./2GCUEMYN.cjs');
+var _HCVYWNQ6cjs = require('./HCVYWNQ6.cjs');
 
 
 var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
 
 
-var _KJLBDAZHcjs = require('./KJLBDAZH.cjs');
+var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
 
 
-var _FEFAG4KTcjs = require('./FEFAG4KT.cjs');
+var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -103,11 +103,11 @@ function RichSelectList(props) {
   const disabled = !isHydrated || disabledProp;
   const overlayHandlerRef = _react.useRef.call(void 0, {});
   const selectedKeysProp = _react.useMemo.call(void 0, 
-    () => _QKBS4OXLcjs.convertSelection.call(void 0, selectedValuesProp),
+    () => _YS6V3MU7cjs.convertSelection.call(void 0, selectedValuesProp),
     [selectedValuesProp]
   );
   const defaultSelectedKeys = _react.useMemo.call(void 0, 
-    () => _QKBS4OXLcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
+    () => _YS6V3MU7cjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
     [defaultSelectedValuesProp]
   );
   const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0, 
@@ -147,12 +147,12 @@ function RichSelectList(props) {
   };
   const getArrowIconColor = () => {
     if (errorText) {
-      return _BIJUVIB4cjs.ColorBaseDestructive700;
+      return _KQUIYNLTcjs.ColorBaseDestructive700;
     } else {
       if (color === "clear") {
-        return _BIJUVIB4cjs.ColorCambioWhite100;
+        return _KQUIYNLTcjs.ColorCambioWhite100;
       } else {
-        return _BIJUVIB4cjs.ColorBaseGray700;
+        return _KQUIYNLTcjs.ColorBaseGray700;
       }
     }
   };
@@ -160,8 +160,8 @@ function RichSelectList(props) {
     _reactariacomponents.Provider,
     {
       values: [
-        [_QKBS4OXLcjs.RichSelectBoxContext, { autoFocus: true }],
-        [_J27AGJQBcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
+        [_YS6V3MU7cjs.RichSelectBoxContext, { autoFocus: true }],
+        [_464OXX7Pcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
         // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided
       ],
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -184,24 +184,24 @@ function RichSelectList(props) {
                   (_a2 = fieldRef.current) == null ? void 0 : _a2.focus();
                   _interactions.setInteractionModality.call(void 0, "keyboard");
                 },
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FEFAG4KTcjs.Typography_default, { size: 100, color: textColor[color], children: label }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _A5IA5BEWcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: 100, color: textColor[color], children: label }) })
               })
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _AHFP6M2Ncjs.Popover_default,
+              _OD46XLIYcjs.Popover_default,
               {
                 ref: overlayHandlerRef,
                 disabled,
                 content: (
                   // 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
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _KJLBDAZHcjs.Box_default,
+                    _A5IA5BEWcjs.Box_default,
                     {
                       padding: autosave ? void 0 : 5,
                       dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
                       role: "menu",
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _QKBS4OXLcjs.RichSelectBox_default,
+                        _YS6V3MU7cjs.RichSelectBox_default,
                         _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                           autosave,
                           selectedValues: selectedKeys,
@@ -262,8 +262,8 @@ function RichSelectList(props) {
                 )
               }
             ),
-            (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _FEFAG4KTcjs.Typography_default,
+            (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _A5IA5BEWcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _FZKGDXO4cjs.Typography_default,
               _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                 size: 100,
                 color: errorText ? "destructive-primary" : textColor[color]
@@ -278,12 +278,12 @@ function RichSelectList(props) {
   );
 }
 var RichSelectList_default = Object.assign(RichSelectList, {
-  Section: _I76WKOLEcjs.RichSelectSection_default,
-  Chip: _2GCUEMYNcjs.RichSelectChip_default,
-  RadioButton: _XTZEWLM5cjs.RichSelectRadioButton_default
+  Section: _IBGEINNMcjs.RichSelectSection_default,
+  Chip: _HCVYWNQ6cjs.RichSelectChip_default,
+  RadioButton: _ZSBYCAC5cjs.RichSelectRadioButton_default
 });
 
 
 
 exports.RichSelectList_default = RichSelectList_default;
-//# sourceMappingURL=A7LK5QZS.cjs.map
+//# sourceMappingURL=OI3PNOEK.cjs.map

package/dist/__chunks/{UASXKT55.js → PPXSYRSW.js}

@@ -5,13 +5,13 @@ import {
 } from "./64WM4STC.js";
 import {
   foregroundColor
-} from "./VRJAMHSI.js";
+} from "./6I4OHEQB.js";
 import {
   border
-} from "./FMNQCHIR.js";
+} from "./U6X47HLX.js";
 import {
   backgroundColor
-} from "./3CYMW6HT.js";
+} from "./QUULVD2S.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -74,4 +74,4 @@ var IconButton_default = IconButton;
 export {
   IconButton_default
 };
-//# sourceMappingURL=UASXKT55.js.map
+//# sourceMappingURL=PPXSYRSW.js.map