@cambly/syntax-core 11.0.0 → 11.1.0

package/dist/__chunks/{APLP5AB7.cjs.map → 5UVVBU7N.cjs.map}

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

package/dist/__chunks/{UQWB5VP6.cjs → 626CBOFH.cjs}

@@ -5,16 +5,16 @@ var _4UJE5GMHcjs = require('./4UJE5GMH.cjs');
 
 
 
-var _APLP5AB7cjs = require('./APLP5AB7.cjs');
+var _5UVVBU7Ncjs = require('./5UVVBU7N.cjs');
 
 
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _FPDSM74Fcjs = require('./FPDSM74F.cjs');
+var _2TIKEFR7cjs = require('./2TIKEFR7.cjs');
 
 
-var _CCWSUOICcjs = require('./CCWSUOIC.cjs');
+var _ZGUPRSQDcjs = require('./ZGUPRSQD.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -60,7 +60,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, _FPDSM74Fcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CCWSUOICcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2TIKEFR7cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZGUPRSQDcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "select",
@@ -98,15 +98,15 @@ function SelectList({
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "path",
                 {
-                  fill: errorText ? _APLP5AB7cjs.ColorBaseDestructive700 : _APLP5AB7cjs.ColorBaseGray800,
+                  fill: errorText ? _5UVVBU7Ncjs.ColorBaseDestructive700 : _5UVVBU7Ncjs.ColorBaseGray800,
                   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"
                 }
               )
             }
           ) })
         ] }),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FPDSM74Fcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _CCWSUOICcjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2TIKEFR7cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _ZGUPRSQDcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -122,4 +122,4 @@ SelectList.Option = _4UJE5GMHcjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=UQWB5VP6.cjs.map
+//# sourceMappingURL=626CBOFH.cjs.map

package/dist/__chunks/{YBNBVMSU.cjs → 63FZTUP4.cjs}

@@ -4,13 +4,13 @@
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _FPDSM74Fcjs = require('./FPDSM74F.cjs');
+var _2TIKEFR7cjs = require('./2TIKEFR7.cjs');
 
 
-var _CCWSUOICcjs = require('./CCWSUOIC.cjs');
+var _ZGUPRSQDcjs = require('./ZGUPRSQD.cjs');
 
 
-var _2M4NFHP3cjs = require('./2M4NFHP3.cjs');
+var _5OHL5JV3cjs = require('./5OHL5JV3.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -62,7 +62,7 @@ var RadioButton = ({
           {
             className: _classnames2.default.call(void 0, 
               RadioButton_module_default.background,
-              error ? _2M4NFHP3cjs.colors_module_default.destructive370BackgroundColor : _2M4NFHP3cjs.colors_module_default.gray370BackgroundColor,
+              error ? _5OHL5JV3cjs.colors_module_default.destructive370BackgroundColor : _5OHL5JV3cjs.colors_module_default.gray370BackgroundColor,
               RadioButton_module_default[size],
               {
                 [_XLUVINJWcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible || dangerouslyForceFocusStyles
@@ -71,7 +71,7 @@ var RadioButton = ({
           }
         ),
         checked && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _FPDSM74Fcjs.Box_default,
+          _2TIKEFR7cjs.Box_default,
           {
             backgroundColor: error ? "destructive900" : "gray900",
             width: size === "md" ? 12 : 8,
@@ -113,7 +113,7 @@ var RadioButton = ({
           }
         ),
         label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _CCWSUOICcjs.Typography_default,
+          _ZGUPRSQDcjs.Typography_default,
           {
             size: size === "md" ? 200 : 100,
             color: error ? "destructive-primary" : "gray900",
@@ -129,4 +129,4 @@ var RadioButton_default = RadioButton;
 
 
 exports.RadioButton_default = RadioButton_default;
-//# sourceMappingURL=YBNBVMSU.cjs.map
+//# sourceMappingURL=63FZTUP4.cjs.map

package/dist/__chunks/{VISYTOZE.js → 7DIY3ETD.js}

@@ -3,35 +3,35 @@ import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "./72KJKVDM.js";
+} from "./E6LOVUFY.js";
 import {
   RichSelectChip_default
-} from "./BVBONLQR.js";
+} from "./DVMC64KV.js";
 import {
   Popover_default
-} from "./B2H72KQX.js";
+} from "./2QVZAC4M.js";
 import {
   DialogContext
-} from "./HH5XJEO5.js";
+} from "./I7KZVDTA.js";
 import {
   TapArea_default
 } from "./77FFPQY6.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./OSFJ6PMW.js";
+} from "./GH2H5B4A.js";
 import {
   RichSelectSection_default
-} from "./3XJZEGNR.js";
+} from "./4DZVHIPT.js";
 import {
   RichSelectRadioButton_default
-} from "./UENDVGIP.js";
+} from "./XKDFNBF7.js";
 import {
   Box_default
-} from "./Q62XO2L2.js";
+} from "./HUK5SGUK.js";
 import {
   Typography_default
-} from "./3GMABSQQ.js";
+} from "./TBUKUED7.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -266,4 +266,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=VISYTOZE.js.map
+//# sourceMappingURL=7DIY3ETD.js.map

package/dist/__chunks/{C3HA4L2U.js → ARTPKE5C.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./42PXTCNP.js";
+} from "./KF6THXJV.js";
 
 // src/colors/border.ts
 import classNames from "classnames";
@@ -34,4 +34,4 @@ function border(color, on) {
 export {
   border
 };
-//# sourceMappingURL=C3HA4L2U.js.map
+//# sourceMappingURL=ARTPKE5C.js.map

package/dist/__chunks/{BR5VQPSZ.cjs → CRTJSUY6.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _FPDSM74Fcjs = require('./FPDSM74F.cjs');
+var _2TIKEFR7cjs = require('./2TIKEFR7.cjs');
 
 // src/Card/Card.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -12,7 +12,7 @@ function Card({
   "data-testid": dataTestId
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _FPDSM74Fcjs.Box_default,
+    _2TIKEFR7cjs.Box_default,
     {
       rounding: "md",
       padding: size === "compact" ? 2 : 4,
@@ -27,4 +27,4 @@ function Card({
 
 
 exports.Card = Card;
-//# sourceMappingURL=BR5VQPSZ.cjs.map
+//# sourceMappingURL=CRTJSUY6.cjs.map

package/dist/__chunks/{BVBONLQR.js → DVMC64KV.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./LPI4KPI2.js";
+} from "./IYOWDOGA.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=BVBONLQR.js.map
+//# sourceMappingURL=DVMC64KV.js.map

package/dist/__chunks/{72KJKVDM.js → E6LOVUFY.js}

@@ -4,26 +4,26 @@ import {
 } from "./BOX3VY3Q.js";
 import {
   Button_default
-} from "./XZOWHDOS.js";
+} from "./J7L6PFDK.js";
 import {
   Divider
-} from "./WLJ6Y7KS.js";
+} from "./G3XGB7CC.js";
 import {
   RichSelectChip_default
-} from "./BVBONLQR.js";
+} from "./DVMC64KV.js";
 import {
   RichSelectSection_default
-} from "./3XJZEGNR.js";
+} from "./4DZVHIPT.js";
 import {
   RichSelectRadioButton_default
-} from "./UENDVGIP.js";
+} from "./XKDFNBF7.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
 } from "./ODMJANSX.js";
 import {
   Box_default
-} from "./Q62XO2L2.js";
+} from "./HUK5SGUK.js";
 
 // src/RichSelect/RichSelectBox.tsx
 import {
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=72KJKVDM.js.map
+//# sourceMappingURL=E6LOVUFY.js.map

package/dist/__chunks/{2AXMXHLN.js → EC632XXP.js}

@@ -1,22 +1,22 @@
 "use client"
 import {
   Heading_default
-} from "./DHOC4CAU.js";
+} from "./S3EVAXXU.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
 import {
   Layer
-} from "./EOEYMFUJ.js";
+} from "./P6OQJFH5.js";
 import {
   FocusTrap
 } from "./HVA7R2EL.js";
 import {
   IconButton_default
-} from "./ETNYF6H5.js";
+} from "./KES7FY4B.js";
 import {
   Box_default
-} from "./Q62XO2L2.js";
+} from "./HUK5SGUK.js";
 
 // css-module:./Modal.module.css#css-module
 var Modal_module_default = { "backdrop": "_backdrop_17lbk_1", "closeButton": "_closeButton_17lbk_10" };
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=2AXMXHLN.js.map
+//# sourceMappingURL=EC632XXP.js.map

package/dist/__chunks/{M4HJ5QZM.cjs → ELJOCI7T.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _2DIXO2DXcjs = require('./2DIXO2DX.cjs');
+var _KK6SH2LZcjs = require('./KK6SH2LZ.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
@@ -16,7 +16,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var RichSelectChip_default = _react.forwardRef.call(void 0, 
   function RichSelectChip(props, ref) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, props), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _2DIXO2DXcjs.Chip_default,
+      _KK6SH2LZcjs.Chip_default,
       {
         text: props.label,
         selected: isSelected,
@@ -31,4 +31,4 @@ var RichSelectChip_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectChip_default = RichSelectChip_default;
-//# sourceMappingURL=M4HJ5QZM.cjs.map
+//# sourceMappingURL=ELJOCI7T.cjs.map

package/dist/__chunks/{QSPSQGJI.cjs → ELWUG72Q.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _CCWSUOICcjs = require('./CCWSUOIC.cjs');
+var _ZGUPRSQDcjs = require('./ZGUPRSQD.cjs');
 
 // src/Heading/Heading.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -28,7 +28,7 @@ var Heading = ({
   size = 500
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _CCWSUOICcjs.Typography_default,
+    _ZGUPRSQDcjs.Typography_default,
     {
       align,
       as,
@@ -47,4 +47,4 @@ var Heading_default = Heading;
 
 
 exports.Heading_default = Heading_default;
-//# sourceMappingURL=QSPSQGJI.cjs.map
+//# sourceMappingURL=ELWUG72Q.cjs.map

package/dist/__chunks/{WLJ6Y7KS.js → G3XGB7CC.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./UZ4ORX3X.js";
+} from "./YKNNKOSA.js";
 
 // css-module:./Divider.module.css#css-module
 var Divider_module_default = { "divider": "_divider_1uaon_1", "dividerClassic": "_dividerClassic_1uaon_9" };
@@ -22,4 +22,4 @@ Divider.displayName = "Divider";
 export {
   Divider
 };
-//# sourceMappingURL=WLJ6Y7KS.js.map
+//# sourceMappingURL=G3XGB7CC.js.map

package/dist/__chunks/{OSFJ6PMW.js → GH2H5B4A.js}

@@ -8,4 +8,4 @@ export {
   ColorBaseDestructive700,
   ColorBaseGray800
 };
-//# sourceMappingURL=OSFJ6PMW.js.map
+//# sourceMappingURL=GH2H5B4A.js.map

package/dist/__chunks/{OSFJ6PMW.js.map → GH2H5B4A.js.map}

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

package/dist/__chunks/{LGB3NFC4.cjs → GWLCLQDE.cjs}

@@ -1,51 +1,51 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _25TMUQNIcjs = require('./25TMUQNI.cjs');
+var _R52TAWLBcjs = require('./R52TAWLB.cjs');
 
 // src/colors/backgroundColor.ts
 function backgroundColor(color, on) {
   if (on === "lightBackground") {
     switch (color) {
       case "primary":
-        return _25TMUQNIcjs.colors_module_default.blackBackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.blackBackgroundColor;
       case "secondary":
       case "success-secondary":
       case "destructive-secondary":
-        return _25TMUQNIcjs.colors_module_default.transparentFullBackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.transparentFullBackgroundColor;
       case "tertiary":
       case "success-tertiary":
       case "destructive-tertiary":
-        return _25TMUQNIcjs.colors_module_default.transparentFullBackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.transparentFullBackgroundColor;
       case "success-primary":
-        return _25TMUQNIcjs.colors_module_default.success700BackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.success700BackgroundColor;
       case "destructive-primary":
-        return _25TMUQNIcjs.colors_module_default.destructive700BackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.destructive700BackgroundColor;
       case "branded":
-        return _25TMUQNIcjs.colors_module_default.yellow700BackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.yellow700BackgroundColor;
       default:
-        return _25TMUQNIcjs.colors_module_default.blackBackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.blackBackgroundColor;
     }
   } else {
     switch (color) {
       case "primary":
-        return _25TMUQNIcjs.colors_module_default.gray200BackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.gray200BackgroundColor;
       case "secondary":
       case "success-secondary":
       case "destructive-secondary":
-        return _25TMUQNIcjs.colors_module_default.transparentFullBackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.transparentFullBackgroundColor;
       case "tertiary":
       case "success-tertiary":
       case "destructive-tertiary":
-        return _25TMUQNIcjs.colors_module_default.transparentFullBackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.transparentFullBackgroundColor;
       case "success-primary":
-        return _25TMUQNIcjs.colors_module_default.success300BackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.success300BackgroundColor;
       case "destructive-primary":
-        return _25TMUQNIcjs.colors_module_default.destructive300BackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.destructive300BackgroundColor;
       case "branded":
-        return _25TMUQNIcjs.colors_module_default.yellow700BackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.yellow700BackgroundColor;
       default:
-        return _25TMUQNIcjs.colors_module_default.whiteBackgroundColor;
+        return _R52TAWLBcjs.colors_module_default.whiteBackgroundColor;
     }
   }
 }
@@ -53,4 +53,4 @@ function backgroundColor(color, on) {
 
 
 exports.backgroundColor = backgroundColor;
-//# sourceMappingURL=LGB3NFC4.cjs.map
+//# sourceMappingURL=GWLCLQDE.cjs.map

package/dist/__chunks/{GOW4YAYH.cjs → HM5KLX2C.cjs}

@@ -10,10 +10,10 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _CCWSUOICcjs = require('./CCWSUOIC.cjs');
+var _ZGUPRSQDcjs = require('./ZGUPRSQD.cjs');
 
 
-var _2M4NFHP3cjs = require('./2M4NFHP3.cjs');
+var _5OHL5JV3cjs = require('./5OHL5JV3.cjs');
 
 
 var _LLFHCGRAcjs = require('./LLFHCGRA.cjs');
@@ -79,8 +79,8 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
   var _b = _a, { children: childrenProp, onChangeContentVisibility } = _b, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _b, ["children", "onChangeContentVisibility"]);
   const className = _classnames2.default.call(void 0, [
     _IL22HCBFcjs.Box_module_default.box,
-    _2M4NFHP3cjs.colors_module_default.gray900Color,
-    _2M4NFHP3cjs.colors_module_default.blackBackgroundColor,
+    _5OHL5JV3cjs.colors_module_default.gray900Color,
+    _5OHL5JV3cjs.colors_module_default.blackBackgroundColor,
     _PLUVW6AMcjs.padding_module_default.paddingX2,
     _PLUVW6AMcjs.padding_module_default.paddingY2,
     _CHDS4D44cjs.rounding_module_default.roundingsm,
@@ -102,7 +102,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, {}),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CCWSUOICcjs.Typography_default, { size: 100, color: "white", children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZGUPRSQDcjs.Typography_default, { size: 100, color: "white", children }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _E5P6WRJDcjs.OverlayVisibility,
             {
@@ -162,4 +162,4 @@ var Tooltip_default = Tooltip;
 
 
 exports.AriaTooltip = AriaTooltip; exports.Tooltip_default = Tooltip_default;
-//# sourceMappingURL=GOW4YAYH.cjs.map
+//# sourceMappingURL=HM5KLX2C.cjs.map

package/dist/__chunks/{Q62XO2L2.js → HUK5SGUK.js}

@@ -4,7 +4,7 @@ import {
 } from "./KBIW5XV4.js";
 import {
   colors_module_default
-} from "./UZ4ORX3X.js";
+} from "./YKNNKOSA.js";
 import {
   __objRest,
   __spreadProps,
@@ -233,4 +233,4 @@ var Box_default = Box;
 export {
   Box_default
 };
-//# sourceMappingURL=Q62XO2L2.js.map
+//# sourceMappingURL=HUK5SGUK.js.map

package/dist/__chunks/{HH5XJEO5.js → I7KZVDTA.js}

@@ -13,7 +13,7 @@ import {
 } from "./KBIW5XV4.js";
 import {
   colors_module_default
-} from "./UZ4ORX3X.js";
+} from "./YKNNKOSA.js";
 
 // src/Dialog/Dialog.tsx
 import React, {
@@ -77,4 +77,4 @@ export {
   DialogContext,
   Dialog_default
 };
-//# sourceMappingURL=HH5XJEO5.js.map
+//# sourceMappingURL=I7KZVDTA.js.map

package/dist/__chunks/{S3ZWPIRJ.cjs → IB2POWVU.cjs}

@@ -10,19 +10,19 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 var _BHN2OODFcjs = require('./BHN2OODF.cjs');
 
 
-var _TBD42MPVcjs = require('./TBD42MPV.cjs');
+var _OY2VX2FLcjs = require('./OY2VX2FL.cjs');
 
 
-var _33N6APZIcjs = require('./33N6APZI.cjs');
+var _UKTHB7CWcjs = require('./UKTHB7CW.cjs');
 
 
-var _LGB3NFC4cjs = require('./LGB3NFC4.cjs');
+var _GWLCLQDEcjs = require('./GWLCLQDE.cjs');
 
 
-var _FPDSM74Fcjs = require('./FPDSM74F.cjs');
+var _2TIKEFR7cjs = require('./2TIKEFR7.cjs');
 
 
-var _CCWSUOICcjs = require('./CCWSUOIC.cjs');
+var _ZGUPRSQDcjs = require('./ZGUPRSQD.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -55,8 +55,8 @@ var Button = _react.forwardRef.call(void 0,
     type = "button"
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const foregroundColorClass = _TBD42MPVcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _LGB3NFC4cjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _OY2VX2FLcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _GWLCLQDEcjs.backgroundColor.call(void 0, color, on);
     const disabledPrimary = color === "primary" && disabled;
     const isDisabled = !isHydrated || disabled || loading;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -73,7 +73,7 @@ var Button = _react.forwardRef.call(void 0,
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _33N6APZIcjs.border.call(void 0, color, on),
+          _UKTHB7CWcjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
@@ -92,7 +92,7 @@ var Button = _react.forwardRef.call(void 0,
               )
             }
           ),
-          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FPDSM74Fcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CCWSUOICcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2TIKEFR7cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZGUPRSQDcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: _classnames2.default.call(void 0, 
@@ -143,4 +143,4 @@ var Button_default = Button;
 
 
 exports.Button_default = Button_default;
-//# sourceMappingURL=S3ZWPIRJ.cjs.map
+//# sourceMappingURL=IB2POWVU.cjs.map

package/dist/__chunks/{LPI4KPI2.js → IYOWDOGA.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./Q62XO2L2.js";
+} from "./HUK5SGUK.js";
 import {
   Typography_default
-} from "./3GMABSQQ.js";
+} from "./TBUKUED7.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=LPI4KPI2.js.map
+//# sourceMappingURL=IYOWDOGA.js.map