@cambly/syntax-core 11.2.0 → 12.0.0

package/dist/__chunks/{VG3APUPX.cjs → BOU7KSFV.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _5N5Z7IAFcjs = require('./5N5Z7IAF.cjs');
+var _CGBH73TMcjs = require('./CGBH73TM.cjs');
 
 
 var _HUIHS6RNcjs = require('./HUIHS6RN.cjs');
 
 
-var _SODZUCVScjs = require('./SODZUCVS.cjs');
+var _EZUXET6Vcjs = require('./EZUXET6V.cjs');
 
 
 var _THM3NAFOcjs = require('./THM3NAFO.cjs');
 
 
-var _L2FDVHR4cjs = require('./L2FDVHR4.cjs');
+var _PROA22UKcjs = require('./PROA22UK.cjs');
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 // css-module:./Modal.module.css#css-module
 var Modal_module_default = { "backdrop": "_backdrop_17lbk_1", "closeButton": "_closeButton_17lbk_10" };
@@ -46,7 +46,7 @@ function Modal({
   zIndex = 1,
   "data-testid": dataTestId
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SODZUCVScjs.Layer, { zIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HUIHS6RNcjs.StopScroll, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _THM3NAFOcjs.FocusTrap, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _EZUXET6Vcjs.Layer, { zIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HUIHS6RNcjs.StopScroll, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _THM3NAFOcjs.FocusTrap, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: Modal_module_default.backdrop,
@@ -54,7 +54,7 @@ function Modal({
       onClick: (e) => e.target === e.currentTarget && onDismiss(),
       onKeyDown: (e) => e.key === "Escape" && onDismiss(),
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _5BBERXNJcjs.Box_default,
+        _FESAFV44cjs.Box_default,
         {
           "data-testid": dataTestId,
           backgroundColor: "white",
@@ -72,14 +72,14 @@ function Modal({
           width: "100%",
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _5BBERXNJcjs.Box_default,
+              _FESAFV44cjs.Box_default,
               {
                 position: "absolute",
                 dangerouslySetInlineStyle: {
                   __style: { top: 4, right: 4 }
                 },
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _L2FDVHR4cjs.IconButton_default,
+                  _PROA22UKcjs.IconButton_default,
                   {
                     accessibilityLabel: accessibilityCloseLabel,
                     color: image ? "primary" : "tertiary",
@@ -91,11 +91,11 @@ function Modal({
                 )
               }
             ),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _5BBERXNJcjs.Box_default, { display: "flex", direction: "column", width: "100%", children: [
-              image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { children: image }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { padding: 6, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5N5Z7IAFcjs.Heading_default, { as: "h1", size: 600, fontStyle: "serif", children: header }) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _FESAFV44cjs.Box_default, { display: "flex", direction: "column", width: "100%", children: [
+              image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { children: image }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { padding: 6, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CGBH73TMcjs.Heading_default, { as: "h1", size: 600, fontStyle: "serif", children: header }) }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _5BBERXNJcjs.Box_default,
+                _FESAFV44cjs.Box_default,
                 {
                   height: "100%",
                   overflowY: "auto",
@@ -105,7 +105,7 @@ function Modal({
                 }
               ),
               footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _5BBERXNJcjs.Box_default,
+                _FESAFV44cjs.Box_default,
                 {
                   display: "flex",
                   direction: "column",
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 
 
 exports.Modal = Modal;
-//# sourceMappingURL=VG3APUPX.cjs.map
+//# sourceMappingURL=BOU7KSFV.cjs.map

package/dist/__chunks/C3KZXHTV.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
+
+
+var _KZT53ITQcjs = require('./KZT53ITQ.cjs');
+
+// src/colors/border.ts
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+function border(color, on) {
+  if (on === "lightBackground") {
+    switch (color) {
+      case "secondary":
+        return _classnames2.default.call(void 0, _KZT53ITQcjs.colors_module_default.noBorder, _KZT53ITQcjs.colors_module_default.blackBorderColor);
+      case "success-secondary":
+        return _classnames2.default.call(void 0, _KZT53ITQcjs.colors_module_default.noBorder, _KZT53ITQcjs.colors_module_default.success770BorderColor);
+      case "destructive-secondary":
+        return _classnames2.default.call(void 0, _KZT53ITQcjs.colors_module_default.noBorder, _KZT53ITQcjs.colors_module_default.destructive770BorderColor);
+      default:
+        return _KZT53ITQcjs.colors_module_default.noBorder;
+    }
+  } else {
+    switch (color) {
+      case "secondary":
+        return _classnames2.default.call(void 0, _KZT53ITQcjs.colors_module_default.noBorder, _KZT53ITQcjs.colors_module_default.gray370BorderColor);
+      case "success-secondary":
+        return _classnames2.default.call(void 0, _KZT53ITQcjs.colors_module_default.noBorder, _KZT53ITQcjs.colors_module_default.success370BorderColor);
+      case "destructive-secondary":
+        return _classnames2.default.call(void 0, _KZT53ITQcjs.colors_module_default.noBorder, _KZT53ITQcjs.colors_module_default.destructive370BorderColor);
+      default:
+        return _KZT53ITQcjs.colors_module_default.noBorder;
+    }
+  }
+}
+
+
+
+exports.border = border;
+//# sourceMappingURL=C3KZXHTV.cjs.map

package/dist/__chunks/{5N5Z7IAF.cjs → CGBH73TM.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.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, 
-    _VFVPE7AXcjs.Typography_default,
+    _XCGRNBQHcjs.Typography_default,
     {
       align,
       as,
@@ -47,4 +47,4 @@ var Heading_default = Heading;
 
 
 exports.Heading_default = Heading_default;
-//# sourceMappingURL=5N5Z7IAF.cjs.map
+//# sourceMappingURL=CGBH73TM.cjs.map

package/dist/__chunks/{YZTRBJSP.cjs → CHOHIFJN.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.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, 
-    _5BBERXNJcjs.Box_default,
+    _FESAFV44cjs.Box_default,
     {
       display: "flex",
       justifyContent: orientation === "standard" ? "start" : "end",
@@ -39,4 +39,4 @@ AvatarGroup.displayName = "AvatarGroup";
 
 
 exports.useAvatarGroup = useAvatarGroup; exports.AvatarGroup = AvatarGroup;
-//# sourceMappingURL=YZTRBJSP.cjs.map
+//# sourceMappingURL=CHOHIFJN.cjs.map

package/dist/__chunks/{CAVL76GN.cjs → COLPERJT.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 _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -38,7 +38,7 @@ function TextField({
   const reactId = _react.useId.call(void 0, );
   const inputId = id != null ? id : reactId;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _5BBERXNJcjs.Box_default,
+    _FESAFV44cjs.Box_default,
     {
       display: "flex",
       direction: "column",
@@ -50,7 +50,7 @@ function TextField({
         }
       },
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFVPE7AXcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCGRNBQHcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
@@ -67,8 +67,8 @@ function TextField({
             value
           }
         ),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _VFVPE7AXcjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _XCGRNBQHcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -83,4 +83,4 @@ function TextField({
 
 
 exports.TextField = TextField;
-//# sourceMappingURL=CAVL76GN.cjs.map
+//# sourceMappingURL=COLPERJT.cjs.map

package/dist/__chunks/{SBKATR3W.js → CTNDDLBZ.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./2IXPTAJD.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=SBKATR3W.js.map
+//# sourceMappingURL=CTNDDLBZ.js.map

package/dist/__chunks/{3TWXO5QV.cjs → D5AQ3PGB.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.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, 
-    _5BBERXNJcjs.Box_default,
+    _FESAFV44cjs.Box_default,
     {
       rounding: "md",
       padding: size === "compact" ? 2 : 4,
@@ -27,4 +27,4 @@ function Card({
 
 
 exports.Card = Card;
-//# sourceMappingURL=3TWXO5QV.cjs.map
+//# sourceMappingURL=D5AQ3PGB.cjs.map

package/dist/__chunks/{UELV7ZA3.cjs → D62L3CWM.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 _CTARWDYTcjs = require('./CTARWDYT.cjs');
+var _76LTWV2Qcjs = require('./76LTWV2Q.cjs');
 
 
-var _L2FDVHR4cjs = require('./L2FDVHR4.cjs');
+var _PROA22UKcjs = require('./PROA22UK.cjs');
 
 
 var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
@@ -13,7 +13,7 @@ var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 
 var _E5P6WRJDcjs = require('./E5P6WRJD.cjs');
@@ -113,13 +113,13 @@ var ModalDialog = _react.forwardRef.call(void 0,
             "aria-label": accessibilityLabel,
             onChangeContentVisibility,
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _CTARWDYTcjs.Dialog_default,
+              _76LTWV2Qcjs.Dialog_default,
               {
                 accessibilityLabel,
                 "data-testid": dataTestId,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _5BBERXNJcjs.Box_default,
+                    _FESAFV44cjs.Box_default,
                     {
                       position: "absolute",
                       padding: 2,
@@ -130,7 +130,7 @@ var ModalDialog = _react.forwardRef.call(void 0,
                         }
                       },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _L2FDVHR4cjs.IconButton_default,
+                        _PROA22UKcjs.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=UELV7ZA3.cjs.map
+//# sourceMappingURL=D62L3CWM.cjs.map

package/dist/__chunks/{2QLFTRLL.cjs → DMA6PPUZ.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 _RVVNTLJ7cjs = require('./RVVNTLJ7.cjs');
+var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
 
 // css-module:./Divider.module.css#css-module
 var Divider_module_default = { "divider": "_divider_1uaon_1", "dividerClassic": "_dividerClassic_1uaon_9" };
@@ -13,7 +13,10 @@ function Divider() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "hr",
     {
-      className: _classnames2.default.call(void 0, Divider_module_default.divider, _RVVNTLJ7cjs.colors_module_default.gray370BackgroundColor)
+      className: _classnames2.default.call(void 0, 
+        Divider_module_default.divider,
+        _QT6IRCGWcjs.colors_module_default.cambioGray370BackgroundColor
+      )
     }
   );
 }
@@ -22,4 +25,4 @@ Divider.displayName = "Divider";
 
 
 exports.Divider = Divider;
-//# sourceMappingURL=2QLFTRLL.cjs.map
+//# sourceMappingURL=DMA6PPUZ.cjs.map

package/dist/__chunks/DMA6PPUZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./Divider.module.css#css-module","../../src/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;AAA8F,IAAO,yBAAQ,EAAC,WAAU,oBAAmB,kBAAiB,0BAAyB;;;ACCrL,OAAO,gBAAgB;AAQnB;AAFW,SAAR,UAA+C;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,uBAAO;AAAA,QACP,sBAAY;AAAA,MACd;AAAA;AAAA,EACF;AAEJ;AAEA,QAAQ,cAAc","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1uaon_1\",\"dividerClassic\":\"_dividerClassic_1uaon_9\"}","import styles from \"./Divider.module.css\";\nimport classNames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\n\n/**\n * [Divider](https://cambly-syntax.vercel.app/?path=/docs/components-divider--docs) is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider(): React.ReactElement {\n  return (\n    <hr\n      className={classNames(\n        styles.divider,\n        colorStyles.cambioGray370BackgroundColor,\n      )}\n    />\n  );\n}\n\nDivider.displayName = \"Divider\";\n"]}

package/dist/__chunks/{KKVX5XVU.js → ECA33JJ5.js}

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

package/dist/__chunks/{SODZUCVS.cjs → EZUXET6V.cjs}

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

package/dist/__chunks/{5BBERXNJ.cjs → FESAFV44.cjs}

@@ -4,7 +4,7 @@
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _RVVNTLJ7cjs = require('./RVVNTLJ7.cjs');
+var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
 
 
 
@@ -155,7 +155,7 @@ var Box = _react.forwardRef.call(void 0, function Box2(props, ref) {
       smAlignItems && Box_module_default[`alignItems${smAlignItems}Small`],
       lgAlignItems && Box_module_default[`alignItems${lgAlignItems}Large`],
       alignSelf && Box_module_default[`alignSelf${alignSelf}`],
-      backgroundColor && _RVVNTLJ7cjs.colors_module_default[`${backgroundColor}BackgroundColor`],
+      backgroundColor && _QT6IRCGWcjs.colors_module_default[`${backgroundColor}BackgroundColor`],
       direction && Box_module_default[direction],
       smDirection && Box_module_default[`${smDirection}Small`],
       lgDirection && Box_module_default[`${lgDirection}Large`],
@@ -233,4 +233,4 @@ var Box_default = Box;
 
 
 exports.Box_default = Box_default;
-//# sourceMappingURL=5BBERXNJ.cjs.map
+//# sourceMappingURL=FESAFV44.cjs.map

package/dist/__chunks/{K6AATIFS.js → FVGIQTM2.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Dialog_default
-} from "./YBLOOAP2.js";
+} from "./TZGJS522.js";
 import {
   IconButton_default
-} from "./3WQ4E7WU.js";
+} from "./MEOMWLNG.js";
 import {
   padding_module_default
 } from "./ZOWOFYUE.js";
@@ -13,7 +13,7 @@ import {
 } from "./AVREYFSM.js";
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 import {
   OverlayVisibility
 } from "./E5KMIBEU.js";
@@ -157,4 +157,4 @@ export {
   AriaModal,
   ModalDialog_default
 };
-//# sourceMappingURL=K6AATIFS.js.map
+//# sourceMappingURL=FVGIQTM2.js.map

package/dist/__chunks/{KBS7FN6K.js → GJMFOAIB.js}

@@ -10,10 +10,10 @@ import {
 } from "./KBIW5XV4.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./2IXPTAJD.js";
 import {
   colors_module_default
-} from "./2XHKMMIM.js";
+} from "./S6TNP7G5.js";
 import {
   syntaxToReactAriaPlacement
 } from "./SVZOETLJ.js";
@@ -80,7 +80,7 @@ var AriaTooltip = forwardRef(function AriaTooltip2(_a, ref) {
   const className = classNames([
     Box_module_default.box,
     colors_module_default.gray900Color,
-    colors_module_default.blackBackgroundColor,
+    colors_module_default.cambioBlackBackgroundColor,
     padding_module_default.paddingX2,
     padding_module_default.paddingY2,
     rounding_module_default.roundingsm,
@@ -162,4 +162,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=KBS7FN6K.js.map
+//# sourceMappingURL=GJMFOAIB.js.map

package/dist/__chunks/GJMFOAIB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tooltip/Tooltip.tsx","css-module:./Tooltip.module.css#css-module"],"sourcesContent":["import React, { forwardRef, type ReactNode, type ReactElement } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport {\n  composeRenderProps,\n  OverlayArrow as ReactAriaOverlayArrow,\n  type OverlayArrowProps as ReactAriaOverlayArrowProps,\n  Tooltip as ReactAriaTooltip,\n  TooltipTrigger as ReactAriaTooltipTrigger,\n  type TooltipProps as ReactAriaTooltipProps,\n} from \"react-aria-components\";\n\nimport Triggerable from \"../react-aria-utils/Triggerable\";\nimport Typography from \"../Typography/Typography\";\nimport OverlayVisibility from \"../react-aria-utils/OverlayVisibility\";\nimport classNames from \"classnames\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Tooltip.module.css\";\nimport {\n  type Placement,\n  syntaxToReactAriaPlacement,\n} from \"../react-aria-utils/placement\";\n\nfunction TooltipArrow(props: ReactAriaOverlayArrowProps): ReactElement {\n  return (\n    <ReactAriaOverlayArrow {...props}>\n      {({ placement }) => {\n        if (placement === \"center\") return null;\n        if (placement === \"left\") return null;\n        if (placement === \"right\") return null;\n        return (\n          <div\n            className={classNames([\n              boxStyles.block,\n              styles[`arrowPlacement${placement}`],\n            ])}\n          >\n            <svg\n              className={classNames([boxStyles.block])}\n              width={40}\n              height={5}\n              viewBox=\"0 0 40 5\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M17 0L22 5H12L17 0Z\" fill=\"currentColor\" />\n            </svg>\n          </div>\n        );\n      }}\n    </ReactAriaOverlayArrow>\n  );\n}\n\n/**\n * AriaTooltip: This component extends Tooltip from react-aria-components\n * It applies syntax styles and adds aadditional props:\n *  - onContentChangeVisibility\n */\nexport const AriaTooltip = forwardRef<\n  HTMLDivElement,\n  ReactAriaTooltipProps & {\n    /** Optional handler for change of visibility for overlaid content, for analytics timing */\n    onChangeContentVisibility?: (visible: boolean) => void;\n  }\n>(function AriaTooltip(\n  { children: childrenProp, onChangeContentVisibility, ...otherProps },\n  ref,\n): ReactElement {\n  const className = classNames([\n    boxStyles.box,\n    colorStyles.gray900Color,\n    colorStyles.cambioBlackBackgroundColor,\n    paddingStyles.paddingX2,\n    paddingStyles.paddingY2,\n    roundingStyles.roundingsm,\n    styles.tooltip,\n  ]);\n  return (\n    <ReactAriaTooltip\n      ref={ref}\n      {...mergeProps(\n        {\n          className,\n          offset: 8,\n          crossOffset: 0,\n        },\n        otherProps,\n      )}\n    >\n      {composeRenderProps(\n        childrenProp,\n        (children, { isEntering, isExiting }) => (\n          <>\n            <TooltipArrow />\n            <Typography size={100} color=\"white\">\n              {children}\n            </Typography>\n            <OverlayVisibility\n              isEntering={isEntering}\n              isExiting={isExiting}\n              onChange={onChangeContentVisibility}\n            />\n          </>\n        ),\n      )}\n    </ReactAriaTooltip>\n  );\n});\n\ntype TooltipProps = {\n  /**\n   * Test id for the floating tooltip\n   */\n  \"data-testid\"?: string;\n  /**\n   * How long a user hovers before tooltip shows (in ms)\n   * @defaultValue 0\n   */\n  delay?: number;\n  /** Optional boolean to disable tooltip trigger behavior */\n  disabled?: boolean;\n  /** Optional aria-label for the tooltip (content element) */\n  accessibilityLabel?: string;\n  /** Required trigger element */\n  children: ReactElement;\n  /** Content to be shown inside the tooltip. */\n  content: ReactNode;\n  /** If set to true the tooltip will render initially open */\n  initialOpen?: boolean;\n  /** Optional handler for change of visibility for popover content, for analytics timing */\n  onChangeContentVisibility?: (visible: boolean) => void;\n  /** Optional handler for change of visibility for popover content, for control */\n  onOpenChange?: (open: boolean) => void;\n  /** Optional boolean to control open state of tooltip externally */\n  open?: boolean;\n  /**\n   * Location of the tooltip content relative to anchor element\n   * @defaultValue \"top-end\"\n   */\n  placement?: Placement;\n};\n/**\n * [Tooltip](https://cambly-syntax.vercel.app/?path=/docs/components-tooltip--docs) displays contextual information on hover or focus.\n *\n * Tooltip content is hidden by default and shown on hover or focus.\n * The content is hidden again when the user mouses out of the trigger element or blurs the trigger element or presses Escape\n *\n * Example Usage:\n ```\n  <Tooltip\n    delay={200}\n    placement=\"bottom-start\"\n    initialOpen\n    content={(\n      <Box padding={2}>\n        ... some content goes here\n      </Box>\n    )}\n  >\n      <Button text=\"Trigger me\" />\n  </Tooltip>\n ```\n */\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip(\n  props,\n  ref,\n): ReactElement {\n  const {\n    accessibilityLabel,\n    \"data-testid\": dataTestId,\n    delay = 0,\n    disabled = false,\n    children,\n    content,\n    initialOpen,\n    onChangeContentVisibility,\n    onOpenChange,\n    open,\n    placement = \"top\",\n  } = props;\n\n  return (\n    <ReactAriaTooltipTrigger\n      defaultOpen={initialOpen}\n      delay={delay}\n      closeDelay={500}\n      isDisabled={disabled}\n      isOpen={open}\n      onOpenChange={onOpenChange}\n    >\n      {/* transfer focus handlers to child element if it is focusable */}\n      <Triggerable>{children}</Triggerable>\n      <AriaTooltip\n        ref={ref}\n        placement={syntaxToReactAriaPlacement(placement)}\n        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        onChangeContentVisibility={onChangeContentVisibility}\n      >\n        {content}\n      </AriaTooltip>\n    </ReactAriaTooltipTrigger>\n  );\n});\n\nexport default Tooltip;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Tooltip/Tooltip.module.css\"; export default {\"tooltip\":\"_tooltip_11pyp_1\",\"arrowPlacementtop\":\"_arrowPlacementtop_11pyp_5\",\"arrowPlacementbottom\":\"_arrowPlacementbottom_11pyp_10\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAqD;AACrE,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA,gBAAgB;AAAA,EAEhB,WAAW;AAAA,EACX,kBAAkB;AAAA,OAEb;AAKP,OAAO,gBAAgB;;;ACduE,IAAO,yBAAQ,EAAC,WAAU,oBAAmB,qBAAoB,8BAA6B,wBAAuB,iCAAgC;;;AD8CrO,SAgDJ,UAhDI,KAgDJ,YAhDI;AArBd,SAAS,aAAa,OAAiD;AACrE,SACE,oBAAC,wDAA0B,QAA1B,EACE,WAAC,EAAE,UAAU,MAAM;AAClB,QAAI,cAAc;AAAU,aAAO;AACnC,QAAI,cAAc;AAAQ,aAAO;AACjC,QAAI,cAAc;AAAS,aAAO;AAClC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW;AAAA,UACpB,mBAAU;AAAA,UACV,uBAAO,iBAAiB,WAAW;AAAA,QACrC,CAAC;AAAA,QAED;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,WAAW,CAAC,mBAAU,KAAK,CAAC;AAAA,YACvC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAQ;AAAA,YACR,OAAM;AAAA,YAEN,8BAAC,UAAK,GAAE,uBAAsB,MAAK,gBAAe;AAAA;AAAA,QACpD;AAAA;AAAA,IACF;AAAA,EAEJ,IACF;AAEJ;AAOO,IAAM,cAAc,WAMzB,SAASA,aACT,IACA,KACc;AAFd,eAAE,YAAU,cAAc,0BAnE5B,IAmEE,IAAwD,uBAAxD,IAAwD,CAAtD,YAAwB;AAG1B,QAAM,YAAY,WAAW;AAAA,IAC3B,mBAAU;AAAA,IACV,sBAAY;AAAA,IACZ,sBAAY;AAAA,IACZ,uBAAc;AAAA,IACd,uBAAc;AAAA,IACd,wBAAe;AAAA,IACf,uBAAO;AAAA,EACT,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,OACI;AAAA,MACF;AAAA,QACE;AAAA,QACA,QAAQ;AAAA,QACR,aAAa;AAAA,MACf;AAAA,MACA;AAAA,IACF,IATD;AAAA,MAWE;AAAA,QACC;AAAA,QACA,CAAC,UAAU,EAAE,YAAY,UAAU,MACjC,iCACE;AAAA,8BAAC,gBAAa;AAAA,UACd,oBAAC,sBAAW,MAAM,KAAK,OAAM,SAC1B,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,UAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ,CAAC;AAwDD,IAAM,UAAU,WAAyC,SAASC,SAChE,OACA,KACc;AACd,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MAGA;AAAA,4BAAC,uBAAa,UAAS;AAAA,QACvB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,2BAA2B,SAAS;AAAA,YAC/C,cAAY;AAAA,YACZ,eAAa;AAAA,YACb;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,kBAAQ;","names":["AriaTooltip","Tooltip"]}

package/dist/__chunks/{PMEHNNPZ.js → H3IUTBTY.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./2IXPTAJD.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -89,4 +89,4 @@ var TextArea_default = TextArea;
 export {
   TextArea_default
 };
-//# sourceMappingURL=PMEHNNPZ.js.map
+//# sourceMappingURL=H3IUTBTY.js.map

package/dist/__chunks/{4W4GUHRI.js → HLC7NU6Z.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./2IXPTAJD.js";
 
 // src/Heading/Heading.tsx
 import { jsx } from "react/jsx-runtime";
@@ -47,4 +47,4 @@ var Heading_default = Heading;
 export {
   Heading_default
 };
-//# sourceMappingURL=4W4GUHRI.js.map
+//# sourceMappingURL=HLC7NU6Z.js.map

package/dist/__chunks/{ZDMOD6DO.js → HXTCI7A3.js}

@@ -7,7 +7,7 @@ import {
 } from "./AVREYFSM.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./2IXPTAJD.js";
 
 // src/RichSelect/RichSelectSection.tsx
 import { forwardRef } from "react";
@@ -50,4 +50,4 @@ var RichSelectSection_default = forwardRef(
 export {
   RichSelectSection_default
 };
-//# sourceMappingURL=ZDMOD6DO.js.map
+//# sourceMappingURL=HXTCI7A3.js.map

package/dist/__chunks/{2HXSPCIW.cjs → JHUEQO5Q.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.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, _VFVPE7AXcjs.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, _XCGRNBQHcjs.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=2HXSPCIW.cjs.map
+//# sourceMappingURL=JHUEQO5Q.cjs.map

package/dist/__chunks/{AFRNE3KT.cjs → JRTUP3VP.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 _YZTRBJSPcjs = require('./YZTRBJSP.cjs');
+var _CHOHIFJNcjs = require('./CHOHIFJN.cjs');
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 
 var _X2SDR4SDcjs = require('./X2SDR4SD.cjs');
@@ -49,8 +49,8 @@ function AvatarInternal({
         )
       }
     ),
-    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _5BBERXNJcjs.Box_default,
+    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _FESAFV44cjs.Box_default,
       {
         display: "flex",
         alignItems: "center",
@@ -74,10 +74,10 @@ var Avatar = ({
   size = "md",
   src
 }) => {
-  const avatarGroupContext = _YZTRBJSPcjs.useAvatarGroup.call(void 0, );
+  const avatarGroupContext = _CHOHIFJNcjs.useAvatarGroup.call(void 0, );
   if (avatarGroupContext !== null) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _5BBERXNJcjs.Box_default,
+      _FESAFV44cjs.Box_default,
       {
         position: "relative",
         dangerouslySetInlineStyle: {
@@ -86,7 +86,7 @@ var Avatar = ({
           }
         },
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _5BBERXNJcjs.Box_default,
+          _FESAFV44cjs.Box_default,
           {
             display: "flex",
             alignItems: "center",
@@ -123,4 +123,4 @@ var Avatar_default = Avatar;
 
 
 exports.Avatar_default = Avatar_default;
-//# sourceMappingURL=AFRNE3KT.cjs.map
+//# sourceMappingURL=JRTUP3VP.cjs.map

package/dist/__chunks/{UZB2USOT.js → JUQWWD2D.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   useAvatarGroup
-} from "./XFIG2G4J.js";
+} from "./T32LVZ6S.js";
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 import {
   __spreadValues
 } from "./UWGNJENA.js";
@@ -123,4 +123,4 @@ var Avatar_default = Avatar;
 export {
   Avatar_default
 };
-//# sourceMappingURL=UZB2USOT.js.map
+//# sourceMappingURL=JUQWWD2D.js.map