@cambly/syntax-core 18.8.0 → 18.10.0

package/dist/__chunks/{QIM47JXI.cjs → 6VFQ76T5.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _V6OYVK6Fcjs = require('./V6OYVK6F.cjs');
+var _F3BQN7NQcjs = require('./F3BQN7NQ.cjs');
 
 
-var _TGOOGXC7cjs = require('./TGOOGXC7.cjs');
+var _PSFCD7QMcjs = require('./PSFCD7QM.cjs');
 
 
-var _JVGBP6LOcjs = require('./JVGBP6LO.cjs');
+var _XFWFHRRKcjs = require('./XFWFHRRK.cjs');
 
 
-var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 // src/Tabs/Tabs.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
@@ -26,11 +26,11 @@ function Tabs({
       role: "tablist",
       "aria-label": accessibilityLabel,
       className: _classnames2.default.call(void 0, {
-        [_JVGBP6LOcjs.Tabs_module_default.tabContainerlightBackground]: on === "lightBackground",
-        [_JVGBP6LOcjs.Tabs_module_default.tabContainerDarkBackground]: on === "darkBackground"
+        [_XFWFHRRKcjs.Tabs_module_default.tabContainerlightBackground]: on === "lightBackground",
+        [_XFWFHRRKcjs.Tabs_module_default.tabContainerDarkBackground]: on === "darkBackground"
       }),
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _A5IA5BEWcjs.Box_default,
+        _QODNNCT2cjs.Box_default,
         {
           display: "flex",
           alignItems: "center",
@@ -44,10 +44,10 @@ function Tabs({
     }
   );
 }
-Tabs.Button = _TGOOGXC7cjs.TabButton;
-Tabs.Link = _V6OYVK6Fcjs.TabLink_default;
+Tabs.Button = _PSFCD7QMcjs.TabButton;
+Tabs.Link = _F3BQN7NQcjs.TabLink_default;
 
 
 
 exports.Tabs = Tabs;
-//# sourceMappingURL=QIM47JXI.cjs.map
+//# sourceMappingURL=6VFQ76T5.cjs.map

package/dist/__chunks/{ZSBYCAC5.cjs → 743ZAVMI.cjs}

@@ -4,7 +4,7 @@
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
 
 
-var _YSTFPAUScjs = require('./YSTFPAUS.cjs');
+var _24C55LXAcjs = require('./24C55LXA.cjs');
 
 
 
@@ -19,7 +19,7 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
   function RichSelectRadioButton(props, ref) {
     const _a = props, { size, name } = _a, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _a, ["size", "name"]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _YSTFPAUScjs.RadioButton_default,
+      _24C55LXAcjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=ZSBYCAC5.cjs.map
+//# sourceMappingURL=743ZAVMI.cjs.map

package/dist/__chunks/{DZA3TMCT.cjs → 7KH536I2.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/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, 
-      _A5IA5BEWcjs.Box_default,
+      _QODNNCT2cjs.Box_default,
       {
         "data-testid": "syntax-layer",
         position: "fixed",
@@ -29,4 +29,4 @@ function Layer({
 
 
 exports.Layer = Layer;
-//# sourceMappingURL=DZA3TMCT.cjs.map
+//# sourceMappingURL=7KH536I2.cjs.map

package/dist/__chunks/{IJ6QNNRJ.js → 7ZD4OEVD.js}

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

package/dist/__chunks/{XK32RAAX.cjs → A3B4YKGN.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 _6N242VX5cjs = require('./6N242VX5.cjs');
+var _2XIVACBMcjs = require('./2XIVACBM.cjs');
 
 // css-module:./Divider.module.css#css-module
 var Divider_module_default = { "divider": "_divider_1uaon_1", "dividerClassic": "_dividerClassic_1uaon_9" };
@@ -15,7 +15,7 @@ function Divider() {
     {
       className: _classnames2.default.call(void 0, 
         Divider_module_default.divider,
-        _6N242VX5cjs.colors_module_default.cambioGray370BackgroundColor
+        _2XIVACBMcjs.colors_module_default.cambioGray370BackgroundColor
       )
     }
   );
@@ -25,4 +25,4 @@ Divider.displayName = "Divider";
 
 
 exports.Divider = Divider;
-//# sourceMappingURL=XK32RAAX.cjs.map
+//# sourceMappingURL=A3B4YKGN.cjs.map

package/dist/__chunks/{55MEPCFY.js → AHICHJTL.js}

@@ -7,7 +7,7 @@ import {
 } from "./AVREYFSM.js";
 import {
   Typography_default
-} from "./FQSEHETP.js";
+} from "./DAK5IGJK.js";
 
 // src/RichSelect/RichSelectSection.tsx
 import { forwardRef } from "react";
@@ -50,4 +50,4 @@ var RichSelectSection_default = forwardRef(
 export {
   RichSelectSection_default
 };
-//# sourceMappingURL=55MEPCFY.js.map
+//# sourceMappingURL=AHICHJTL.js.map

package/dist/__chunks/{H6QHP7UX.cjs → AUO7CEJI.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');
@@ -41,7 +41,7 @@ var TextArea = _react.forwardRef.call(void 0,
     const reactId = _react.useId.call(void 0, );
     const inputId = id != null ? id : reactId;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _A5IA5BEWcjs.Box_default,
+      _QODNNCT2cjs.Box_default,
       {
         display: "flex",
         direction: "column",
@@ -54,8 +54,8 @@ var TextArea = _react.forwardRef.call(void 0,
         },
         position: "relative",
         children: [
-          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, 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: "gray700", children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZKGDXO4cjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, 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: "gray700", children: label }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "textarea",
             {
               "data-testid": dataTestId,
@@ -77,8 +77,8 @@ var TextArea = _react.forwardRef.call(void 0,
               disabled
             }
           ) }),
-          (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,
             {
               size: 100,
               color: errorText ? "destructive-darkBackground" : "gray700",
@@ -95,4 +95,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=H6QHP7UX.cjs.map
+//# sourceMappingURL=AUO7CEJI.cjs.map

package/dist/__chunks/{WR7PF2OP.cjs → AVJQ2E2G.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');
 
 
 var _X2SDR4SDcjs = require('./X2SDR4SD.cjs');
@@ -17,7 +17,7 @@ var Card = _react.forwardRef.call(void 0, function Card2(props, ref) {
     "data-testid": dataTestId
   } = cardProps;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _A5IA5BEWcjs.Box_default,
+    _QODNNCT2cjs.Box_default,
     {
       rounding: "md",
       padding: size === "compact" ? 2 : 4,
@@ -34,4 +34,4 @@ var Card_default = Card;
 
 
 exports.Card_default = Card_default;
-//# sourceMappingURL=WR7PF2OP.cjs.map
+//# sourceMappingURL=AVJQ2E2G.cjs.map

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

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

package/dist/__chunks/{U6X47HLX.js → AXXUPHFX.js}

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

package/dist/__chunks/{IRV2I2PN.cjs → B3RYP36U.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 _464OXX7Pcjs = require('./464OXX7P.cjs');
+var _3RX4RMGCcjs = require('./3RX4RMGC.cjs');
 
 
-var _Q2XNQJNMcjs = require('./Q2XNQJNM.cjs');
+var _PZEDDYBZcjs = require('./PZEDDYBZ.cjs');
 
 
-var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
 var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
@@ -113,13 +113,13 @@ var ModalDialog = _react.forwardRef.call(void 0,
             "aria-label": accessibilityLabel,
             onChangeContentVisibility,
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _464OXX7Pcjs.Dialog_default,
+              _3RX4RMGCcjs.Dialog_default,
               {
                 accessibilityLabel,
                 "data-testid": dataTestId,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _A5IA5BEWcjs.Box_default,
+                    _QODNNCT2cjs.Box_default,
                     {
                       position: "absolute",
                       padding: 2,
@@ -130,7 +130,7 @@ var ModalDialog = _react.forwardRef.call(void 0,
                         }
                       },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _Q2XNQJNMcjs.IconButton_default,
+                        _PZEDDYBZcjs.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=IRV2I2PN.cjs.map
+//# sourceMappingURL=B3RYP36U.cjs.map

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

package/dist/__chunks/BDCZ5GX7.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+
+var _2XIVACBMcjs = require('./2XIVACBM.cjs');
+
+// src/colors/textColors.ts
+function textColor(color) {
+  switch (color) {
+    case "gray700":
+      return _2XIVACBMcjs.colors_module_default.cambioGray800Color;
+    case "white":
+      return _2XIVACBMcjs.colors_module_default.cambioWhiteColor;
+    case "white-secondary":
+      return _2XIVACBMcjs.colors_module_default.cambioWhite70Color;
+    case "inherit":
+      return _2XIVACBMcjs.colors_module_default.inheritColor;
+    case "destructive-primary":
+      return _2XIVACBMcjs.colors_module_default.cambioDestructive900Color;
+    case "destructive-darkBackground":
+      return _2XIVACBMcjs.colors_module_default.cambioDestructive700Color;
+    case "success":
+      return _2XIVACBMcjs.colors_module_default.cambioSuccess700Color;
+    case "success-darkBackground":
+      return _2XIVACBMcjs.colors_module_default.cambioSuccess100Color;
+    default:
+      return _2XIVACBMcjs.colors_module_default.cambioBlackColor;
+  }
+}
+
+
+
+exports.textColor = textColor;
+//# sourceMappingURL=BDCZ5GX7.cjs.map

package/dist/__chunks/{WUQOLJEH.cjs.map → BDCZ5GX7.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/colors/textColors.ts"],"names":[],"mappings":";;;;;;AAEe,SAAR,UACL,OAWQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF","sourcesContent":["import colorStyles from \"../colors/colors.module.css\";\n\nexport default function textColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"white-secondary\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"white-secondary\":\n      return colorStyles.cambioWhite70Color;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive700Color;\n    case \"success\":\n      return colorStyles.cambioSuccess900Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n"]}
+{"version":3,"sources":["../../src/colors/textColors.ts"],"names":[],"mappings":";;;;;;AAEe,SAAR,UACL,OAWQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF","sourcesContent":["import colorStyles from \"../colors/colors.module.css\";\n\nexport default function textColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"white-secondary\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"white-secondary\":\n      return colorStyles.cambioWhite70Color;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive700Color;\n    case \"success\":\n      return colorStyles.cambioSuccess700Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n"]}

package/dist/__chunks/{36W5Z2QK.js → BIW5AZCF.js}

@@ -11,19 +11,19 @@ import {
 } from "./64WM4STC.js";
 import {
   Box_default
-} from "./YWFG6EUU.js";
+} from "./IB6JZQF3.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 {
   Typography_default
-} from "./FQSEHETP.js";
+} from "./DAK5IGJK.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -146,4 +146,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=36W5Z2QK.js.map
+//# sourceMappingURL=BIW5AZCF.js.map

package/dist/__chunks/{HTTZSCPQ.js → C2HJHJQW.js}

@@ -1,22 +1,22 @@
 "use client"
 import {
   Heading_default
-} from "./L5HGMK6O.js";
+} from "./E27BHPP7.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
 import {
   Layer
-} from "./U3T7HSSI.js";
+} from "./UVFGSHMH.js";
 import {
   FocusTrap
 } from "./HVA7R2EL.js";
 import {
   IconButton_default
-} from "./PPXSYRSW.js";
+} from "./HVGNETJV.js";
 import {
   Box_default
-} from "./YWFG6EUU.js";
+} from "./IB6JZQF3.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=HTTZSCPQ.js.map
+//# sourceMappingURL=C2HJHJQW.js.map

package/dist/__chunks/{5EC4MAGN.cjs → CCKTB7L5.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
 
 // src/Heading/Heading.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -28,7 +28,7 @@ var Heading = ({
   size = 400
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _FZKGDXO4cjs.Typography_default,
+    _5NQO6SP3cjs.Typography_default,
     {
       align,
       as,
@@ -47,4 +47,4 @@ var Heading_default = Heading;
 
 
 exports.Heading_default = Heading_default;
-//# sourceMappingURL=5EC4MAGN.cjs.map
+//# sourceMappingURL=CCKTB7L5.cjs.map

package/dist/__chunks/{T22F22GU.js → CXENLD6O.js}

@@ -13,7 +13,7 @@ import {
 } from "./KBIW5XV4.js";
 import {
   colors_module_default
-} from "./6247H47L.js";
+} from "./XSYKMCV5.js";
 
 // src/Dialog/Dialog.tsx
 import React, {
@@ -77,4 +77,4 @@ export {
   DialogContext,
   Dialog_default
 };
-//# sourceMappingURL=T22F22GU.js.map
+//# sourceMappingURL=CXENLD6O.js.map

package/dist/__chunks/{FQSEHETP.js → DAK5IGJK.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   textColor
-} from "./MYNWWZA6.js";
+} from "./VU4LGL2W.js";
 
 // src/Typography/Typography.tsx
 import classNames from "classnames";
@@ -61,4 +61,4 @@ var Typography_default = Typography;
 export {
   Typography_default
 };
-//# sourceMappingURL=FQSEHETP.js.map
+//# sourceMappingURL=DAK5IGJK.js.map

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

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

package/dist/__chunks/{WREHUE3B.js → E2EADLLG.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
-  textColor
-} from "./MYNWWZA6.js";
+  colors_module_default
+} from "./XSYKMCV5.js";
 
 // src/Icon/Icon.tsx
 import { forwardRef } from "react";
@@ -13,12 +13,12 @@ var Icon_module_default = { "icon": "_icon_1vyva_1", "icon100": "_icon100_1vyva_
 // src/Icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";
 var Icon = forwardRef(
-  ({ color = "inherit", path, size = 200 }, ref) => /* @__PURE__ */ jsx(
+  ({ color = "gray900", path, size = 200 }, ref) => /* @__PURE__ */ jsx(
     "svg",
     {
       className: classnames(
         Icon_module_default.icon,
-        textColor(color),
+        colors_module_default[`${color}Color`],
         Icon_module_default[`icon${size}`]
       ),
       ref,
@@ -34,4 +34,4 @@ var Icon_default = Icon;
 export {
   Icon_default
 };
-//# sourceMappingURL=WREHUE3B.js.map
+//# sourceMappingURL=E2EADLLG.js.map

package/dist/__chunks/E2EADLLG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Icon/Icon.tsx","css-module:./Icon.module.css#css-module"],"sourcesContent":["import { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Icon.module.css\";\nimport type allColors from \"../colors/allColors\";\n\ntype IconProps = {\n  /**\n   * The color of the Icon.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof allColors)[number];\n  /**\n   * The size of the Icon.\n   * * 100: 16px x 16px\n   * * 200: 20px x 20px\n   * * 300: 24px x 24px\n   * * 400: 28px x 28px\n   * * 500: 48px x 48px\n   * * 600: 72px x 72px\n   * * 700: 100px x 100px\n   * * 800: 140px x 140px\n   * * 900: 200px x 200px\n   * * 1000: 280px x 280px\n   *\n   * @defaultValue 200\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n  /**\n   * The svg path of the icon. You should not use this prop directly, instead use the specific icon components.\n   */\n  path?: string;\n};\n\n/**\n * [Icon](http://localhost:6006/?path=/docs/icons-icons--docs) is the base component that renders an icon.\n * You shouldn't use this component directly, instead use the specific icon components.\n * @example\n * `import Book from \"@cambly/syntax-icons/Book\";`\n *\n * You can click on the icon to copy the import statement!\n */\nconst Icon = forwardRef<SVGSVGElement, IconProps>(\n  ({ color = \"gray900\", path, size = 200 }: IconProps, ref) => (\n    <svg\n      className={classnames(\n        styles.icon,\n        colorStyles[`${color}Color`],\n        styles[`icon${size}`],\n      )}\n      ref={ref}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d={path} />\n    </svg>\n  ),\n);\n\nIcon.displayName = \"Icon\";\n\nexport default Icon;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css\"; export default {\"icon\":\"_icon_1vyva_1\",\"icon100\":\"_icon100_1vyva_8\",\"icon200\":\"_icon200_1vyva_13\",\"icon300\":\"_icon300_1vyva_18\",\"icon400\":\"_icon400_1vyva_23\",\"icon500\":\"_icon500_1vyva_28\",\"icon600\":\"_icon600_1vyva_33\",\"icon700\":\"_icon700_1vyva_38\",\"icon800\":\"_icon800_1vyva_43\",\"icon900\":\"_icon900_1vyva_48\",\"icon1000\":\"_icon1000_1vyva_53\"}"],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAC3B,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,WAAU,oBAAmB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,YAAW,qBAAoB;;;ADuDra;AAZN,IAAM,OAAO;AAAA,EACX,CAAC,EAAE,QAAQ,WAAW,MAAM,OAAO,IAAI,GAAc,QACnD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,oBAAO;AAAA,QACP,sBAAY,GAAG,YAAY;AAAA,QAC3B,oBAAO,OAAO,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN,8BAAC,UAAK,GAAG,MAAM;AAAA;AAAA,EACjB;AAEJ;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ;","names":[]}

package/dist/__chunks/{I6Y47J7A.cjs → E3A6VFMB.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _A5IA5BEWcjs = require('./A5IA5BEW.cjs');
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _FZKGDXO4cjs = require('./FZKGDXO4.cjs');
+var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -34,7 +34,7 @@ var Badge = ({
   color = "sky"
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _A5IA5BEWcjs.Box_default,
+    _QODNNCT2cjs.Box_default,
     {
       display: "inlineFlex",
       paddingX: 2,
@@ -45,15 +45,15 @@ var Badge = ({
       justifyContent: "center",
       minHeight: 24,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _FZKGDXO4cjs.Typography_default,
+        _5NQO6SP3cjs.Typography_default,
         {
           size: 100,
           weight: "medium",
           color: textColorForBackgroundColor(color),
-          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _A5IA5BEWcjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _QODNNCT2cjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
             Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: Badge_module_default.icon, size: 100 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _FZKGDXO4cjs.Typography_default,
+              _5NQO6SP3cjs.Typography_default,
               {
                 color: textColorForBackgroundColor(color),
                 size: 100,
@@ -72,4 +72,4 @@ var Badge_default = Badge;
 
 
 exports.Badge_default = Badge_default;
-//# sourceMappingURL=I6Y47J7A.cjs.map
+//# sourceMappingURL=E3A6VFMB.cjs.map