@cambly/syntax-core 18.8.0 → 18.10.0

package/dist/__chunks/{OI3PNOEK.cjs → E5A7QN33.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 _OD46XLIYcjs = require('./OD46XLIY.cjs');
+var _B6775YJ4cjs = require('./B6775YJ4.cjs');
 
 
-var _464OXX7Pcjs = require('./464OXX7P.cjs');
+var _3RX4RMGCcjs = require('./3RX4RMGC.cjs');
 
 
 
 
-var _KQUIYNLTcjs = require('./KQUIYNLT.cjs');
+var _MPIUJXFDcjs = require('./MPIUJXFD.cjs');
 
 
 
 
-var _YS6V3MU7cjs = require('./YS6V3MU7.cjs');
+var _UON4NESKcjs = require('./UON4NESK.cjs');
 
 
-var _IBGEINNMcjs = require('./IBGEINNM.cjs');
+var _EHZAOGLQcjs = require('./EHZAOGLQ.cjs');
 
 
-var _ZSBYCAC5cjs = require('./ZSBYCAC5.cjs');
+var _743ZAVMIcjs = require('./743ZAVMI.cjs');
 
 
-var _HCVYWNQ6cjs = require('./HCVYWNQ6.cjs');
+var _URBKDUMUcjs = require('./URBKDUMU.cjs');
 
 
 var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
 
 
-var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.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, 
-    () => _YS6V3MU7cjs.convertSelection.call(void 0, selectedValuesProp),
+    () => _UON4NESKcjs.convertSelection.call(void 0, selectedValuesProp),
     [selectedValuesProp]
   );
   const defaultSelectedKeys = _react.useMemo.call(void 0, 
-    () => _YS6V3MU7cjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
+    () => _UON4NESKcjs.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 _KQUIYNLTcjs.ColorBaseDestructive700;
+      return _MPIUJXFDcjs.ColorBaseDestructive700;
     } else {
       if (color === "clear") {
-        return _KQUIYNLTcjs.ColorCambioWhite100;
+        return _MPIUJXFDcjs.ColorCambioWhite100;
       } else {
-        return _KQUIYNLTcjs.ColorBaseGray700;
+        return _MPIUJXFDcjs.ColorBaseGray700;
       }
     }
   };
@@ -160,8 +160,8 @@ function RichSelectList(props) {
     _reactariacomponents.Provider,
     {
       values: [
-        [_YS6V3MU7cjs.RichSelectBoxContext, { autoFocus: true }],
-        [_464OXX7Pcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
+        [_UON4NESKcjs.RichSelectBoxContext, { autoFocus: true }],
+        [_3RX4RMGCcjs.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, _A5IA5BEWcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: 100, color: textColor[color], children: label }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, color: textColor[color], children: label }) })
               })
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _OD46XLIYcjs.Popover_default,
+              _B6775YJ4cjs.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, 
-                    _A5IA5BEWcjs.Box_default,
+                    _QODNNCT2cjs.Box_default,
                     {
                       padding: autosave ? void 0 : 5,
                       dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
                       role: "menu",
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _YS6V3MU7cjs.RichSelectBox_default,
+                        _UON4NESKcjs.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, _A5IA5BEWcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _FZKGDXO4cjs.Typography_default,
+            (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _5NQO6SP3cjs.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: _IBGEINNMcjs.RichSelectSection_default,
-  Chip: _HCVYWNQ6cjs.RichSelectChip_default,
-  RadioButton: _ZSBYCAC5cjs.RichSelectRadioButton_default
+  Section: _EHZAOGLQcjs.RichSelectSection_default,
+  Chip: _URBKDUMUcjs.RichSelectChip_default,
+  RadioButton: _743ZAVMIcjs.RichSelectRadioButton_default
 });
 
 
 
 exports.RichSelectList_default = RichSelectList_default;
-//# sourceMappingURL=OI3PNOEK.cjs.map
+//# sourceMappingURL=E5A7QN33.cjs.map

package/dist/__chunks/{IBGEINNM.cjs → EHZAOGLQ.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.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, _FZKGDXO4cjs.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, _5NQO6SP3cjs.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=IBGEINNM.cjs.map
+//# sourceMappingURL=EHZAOGLQ.cjs.map

package/dist/__chunks/{V6OYVK6F.cjs → F3BQN7NQ.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 _JVGBP6LOcjs = require('./JVGBP6LO.cjs');
+var _XFWFHRRKcjs = require('./XFWFHRRK.cjs');
 
 
-var _2DIA2OWLcjs = require('./2DIA2OWL.cjs');
+var _S4JNYLMAcjs = require('./S4JNYLMA.cjs');
 
 
-var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 // src/Tabs/TabLink.tsx
 
@@ -32,15 +32,15 @@ var TabLink = _react.forwardRef.call(void 0,
       "div",
       {
         role: "tab",
-        className: _classnames2.default.call(void 0, {
-          [_JVGBP6LOcjs.Tabs_module_default.unselectedTab]: !selected,
-          [_JVGBP6LOcjs.Tabs_module_default.selectedTabOnLightBackground]: selected && on === "lightBackground",
-          [_JVGBP6LOcjs.Tabs_module_default.selectedTabOnDarkBackground]: selected && on === "darkBackground"
+        className: _classnames2.default.call(void 0, _XFWFHRRKcjs.Tabs_module_default.tab, {
+          [_XFWFHRRKcjs.Tabs_module_default.unselectedTab]: !selected,
+          [_XFWFHRRKcjs.Tabs_module_default.selectedTabOnLightBackground]: selected && on === "lightBackground",
+          [_XFWFHRRKcjs.Tabs_module_default.selectedTabOnDarkBackground]: selected && on === "darkBackground"
         }),
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _A5IA5BEWcjs.Box_default, { display: "flex", alignItems: "center", height: "100%", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { display: "flex", alignItems: "center", height: "100%", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "a",
           {
             href,
@@ -49,9 +49,9 @@ var TabLink = _react.forwardRef.call(void 0,
             ref,
             rel,
             onClick,
-            className: _JVGBP6LOcjs.Tabs_module_default.link,
+            className: _XFWFHRRKcjs.Tabs_module_default.link,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _2DIA2OWLcjs.TabInternal,
+              _S4JNYLMAcjs.TabInternal,
               {
                 text,
                 selected,
@@ -72,4 +72,4 @@ var TabLink_default = TabLink;
 
 
 exports.TabLink_default = TabLink_default;
-//# sourceMappingURL=V6OYVK6F.cjs.map
+//# sourceMappingURL=F3BQN7NQ.cjs.map

package/dist/__chunks/F3BQN7NQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/TabLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,OAGK;AAEP,OAAO,gBAAgB;AAsEX;AAxCZ,IAAM,UAAU;AAAA,EACd,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,WAAW,oBAAO,KAAK;AAAA,UAChC,CAAC,oBAAO,aAAa,GAAG,CAAC;AAAA,UACzB,CAAC,oBAAO,4BAA4B,GAClC,YAAY,OAAO;AAAA,UACrB,CAAC,oBAAO,2BAA2B,GACjC,YAAY,OAAO;AAAA,QACvB,CAAC;AAAA,QACD,OAAO;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QAEA,8BAAC,eAAI,SAAQ,QAAO,YAAW,UAAS,QAAO,QAC7C;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,oBAAO;AAAA,YAElB;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA,QACF,GACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;AAEtB,IAAO,kBAAQ","sourcesContent":["import {\n  forwardRef,\n  type HtmlHTMLAttributes,\n  type ComponentProps,\n} from \"react\";\nimport TabInternal from \"./TabInternal\";\nimport classnames from \"classnames\";\nimport styles from \"./Tabs.module.css\";\nimport Box from \"../Box/Box\";\n\ntype TabLinkProps = ComponentProps<typeof TabInternal> & {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The link that the Tab should route to.\n   *\n   */\n  href?: string;\n  /**\n   * The target attribute specifies where to open the linked document.\n   *\n   */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /**\n   * The rel attribute specifies the relationship between the document and the link.\n   *\n   */\n  rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n  /**\n   * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\nconst TabLink = forwardRef<HTMLAnchorElement, TabLinkProps>(\n  (\n    {\n      text,\n      href,\n      target,\n      rel,\n      \"data-testid\": dataTestId,\n      on = \"lightBackground\",\n      onClick,\n      selected,\n      endContent,\n      itemCount,\n    }: TabLinkProps,\n    ref,\n  ) => {\n    return (\n      <div\n        role=\"tab\"\n        className={classnames(styles.tab, {\n          [styles.unselectedTab]: !selected,\n          [styles.selectedTabOnLightBackground]:\n            selected && on === \"lightBackground\",\n          [styles.selectedTabOnDarkBackground]:\n            selected && on === \"darkBackground\",\n        })}\n        style={{\n          height: \"100%\",\n        }}\n      >\n        <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n          <a\n            href={href}\n            data-testid={dataTestId}\n            target={target}\n            ref={ref}\n            rel={rel}\n            onClick={onClick}\n            className={styles.link}\n          >\n            <TabInternal\n              text={text}\n              selected={selected}\n              endContent={endContent}\n              itemCount={itemCount}\n              on={on}\n            />\n          </a>\n        </Box>\n      </div>\n    );\n  },\n);\n\nTabLink.displayName = \"TabLink\";\n\nexport default TabLink;\n"]}

package/dist/__chunks/{MKMFTN6G.cjs → F3SUJGZL.cjs}

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

package/dist/__chunks/{ZGGBRE7T.js → FPROMKT3.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./YWFG6EUU.js";
+} from "./IB6JZQF3.js";
 
 // src/AvatarGroup/AvatarGroup.tsx
 import {
@@ -39,4 +39,4 @@ export {
   useAvatarGroup,
   AvatarGroup
 };
-//# sourceMappingURL=ZGGBRE7T.js.map
+//# sourceMappingURL=FPROMKT3.js.map

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

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

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 29 Jul 2024 18:16:57 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/{GZOJQ37Q.cjs → GEXK47GR.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 // src/AvatarGroup/AvatarGroup.tsx
 
@@ -20,7 +20,7 @@ function AvatarGroup({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarGroupContext.Provider, { value: { size, orientation }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _A5IA5BEWcjs.Box_default,
+    _QODNNCT2cjs.Box_default,
     {
       display: "flex",
       justifyContent: orientation === "standard" ? "start" : "end",
@@ -39,4 +39,4 @@ AvatarGroup.displayName = "AvatarGroup";
 
 
 exports.useAvatarGroup = useAvatarGroup; exports.AvatarGroup = AvatarGroup;
-//# sourceMappingURL=GZOJQ37Q.cjs.map
+//# sourceMappingURL=GEXK47GR.cjs.map

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

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

package/dist/__chunks/{YWFG6EUU.js → IB6JZQF3.js}

@@ -4,7 +4,7 @@ import {
 } from "./KBIW5XV4.js";
 import {
   colors_module_default
-} from "./6247H47L.js";
+} from "./XSYKMCV5.js";
 import {
   __objRest,
   __spreadProps,
@@ -233,4 +233,4 @@ var Box_default = Box;
 export {
   Box_default
 };
-//# sourceMappingURL=YWFG6EUU.js.map
+//# sourceMappingURL=IB6JZQF3.js.map

package/dist/__chunks/{6FDOUWLG.cjs → IHGDCH62.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 _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -76,7 +76,7 @@ var Chip = _react.forwardRef.call(void 0,
         onClick: onChange,
         children: [
           Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: iconStyles, size: 100 }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _A5IA5BEWcjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: 100, color, weight: "medium", children: text }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, color, weight: "medium", children: text }) })
         ]
       }
     );
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 
 
 exports.Chip_default = Chip_default;
-//# sourceMappingURL=6FDOUWLG.cjs.map
+//# sourceMappingURL=IHGDCH62.cjs.map

package/dist/__chunks/{6I4OHEQB.js → JCQUY624.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./QQMWJ5UA.js";
+} from "./M4CFLT64.js";
 
 // src/colors/foregroundColor.ts
 function foregroundColor(color, on) {
@@ -44,4 +44,4 @@ function foregroundColor(color, on) {
 export {
   foregroundColor
 };
-//# sourceMappingURL=6I4OHEQB.js.map
+//# sourceMappingURL=JCQUY624.js.map

package/dist/__chunks/{QQQ2H2H5.js → JJKHUZDD.js}

@@ -1,38 +1,38 @@
 "use client"
 import {
   Popover_default
-} from "./FE6DDP5I.js";
+} from "./TTCJEHHX.js";
 import {
   DialogContext
-} from "./T22F22GU.js";
+} from "./CXENLD6O.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./NB2IFWV4.js";
+} from "./FRQEPBPS.js";
 import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "./VJUBMJDF.js";
+} from "./KKV5SSD5.js";
 import {
   RichSelectSection_default
-} from "./55MEPCFY.js";
+} from "./AHICHJTL.js";
 import {
   RichSelectRadioButton_default
-} from "./LRM73Q7W.js";
+} from "./AWWUKCOZ.js";
 import {
   RichSelectChip_default
-} from "./ZVVUIPNS.js";
+} from "./56LMASNQ.js";
 import {
   TapArea_default
 } from "./77FFPQY6.js";
 import {
   Box_default
-} from "./YWFG6EUU.js";
+} from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./FQSEHETP.js";
+} from "./DAK5IGJK.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=QQQ2H2H5.js.map
+//# sourceMappingURL=JJKHUZDD.js.map

package/dist/__chunks/{CPNO4BNM.cjs → JOTFTEBX.cjs}

@@ -14,16 +14,16 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 var _65BTPZZTcjs = require('./65BTPZZT.cjs');
 
 
-var _3BPWW7LWcjs = require('./3BPWW7LW.cjs');
+var _RXQBNEFRcjs = require('./RXQBNEFR.cjs');
 
 
-var _4KS4YP6Ucjs = require('./4KS4YP6U.cjs');
+var _2D3DOVVZcjs = require('./2D3DOVVZ.cjs');
 
 
-var _MKMFTN6Gcjs = require('./MKMFTN6G.cjs');
+var _F3SUJGZLcjs = require('./F3SUJGZL.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
 
 // src/LinkButton/LinkButton.tsx
 
@@ -52,8 +52,8 @@ var LinkButton = _react.forwardRef.call(void 0,
     on = "lightBackground",
     onClick
   }, ref) => {
-    const foregroundColorClass = _3BPWW7LWcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _MKMFTN6Gcjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _RXQBNEFRcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _F3SUJGZLcjs.backgroundColor.call(void 0, color, on);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "a",
       {
@@ -67,7 +67,7 @@ var LinkButton = _react.forwardRef.call(void 0,
           _TH4TA3JNcjs.Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _4KS4YP6Ucjs.border.call(void 0, color, on),
+          _2D3DOVVZcjs.border.call(void 0, color, on),
           _TH4TA3JNcjs.Button_module_default[size],
           {
             [_TH4TA3JNcjs.Button_module_default.fullWidth]: fullWidth,
@@ -89,7 +89,7 @@ var LinkButton = _react.forwardRef.call(void 0,
               size: _65BTPZZTcjs.internalIconSize[size]
             }
           ),
-          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: foregroundColorClass,
@@ -138,4 +138,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=CPNO4BNM.cjs.map
+//# sourceMappingURL=JOTFTEBX.cjs.map

package/dist/__chunks/{6FKGSUV5.js → JVLEQ5LB.js}

@@ -8,13 +8,13 @@ import {
 } from "./64WM4STC.js";
 import {
   foregroundColor
-} from "./6I4OHEQB.js";
+} from "./JCQUY624.js";
 import {
   border
-} from "./U6X47HLX.js";
+} from "./AXXUPHFX.js";
 import {
   backgroundColor
-} from "./QUULVD2S.js";
+} from "./YGON3SJ5.js";
 
 // src/IconLinkButton/IconLinkButton.tsx
 import {
@@ -80,4 +80,4 @@ var IconLinkButton_default = IconLinkButton;
 export {
   IconLinkButton_default
 };
-//# sourceMappingURL=6FKGSUV5.js.map
+//# sourceMappingURL=JVLEQ5LB.js.map

package/dist/__chunks/{VJUBMJDF.js → KKV5SSD5.js}

@@ -4,26 +4,26 @@ import {
 } from "./BOX3VY3Q.js";
 import {
   Button_default
-} from "./36W5Z2QK.js";
+} from "./BIW5AZCF.js";
 import {
   Divider
-} from "./7AQXNKEJ.js";
+} from "./M4W3IFMV.js";
 import {
   RichSelectSection_default
-} from "./55MEPCFY.js";
+} from "./AHICHJTL.js";
 import {
   RichSelectRadioButton_default
-} from "./LRM73Q7W.js";
+} from "./AWWUKCOZ.js";
 import {
   RichSelectChip_default
-} from "./ZVVUIPNS.js";
+} from "./56LMASNQ.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
 } from "./ODMJANSX.js";
 import {
   Box_default
-} from "./YWFG6EUU.js";
+} from "./IB6JZQF3.js";
 
 // src/RichSelect/RichSelectBox.tsx
 import {
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=VJUBMJDF.js.map
+//# sourceMappingURL=KKV5SSD5.js.map