@cambly/syntax-core 11.2.0 → 12.1.0

package/dist/__chunks/AN6SGUNO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RadioButton/RadioButton.tsx","css-module:./RadioButton.module.css#css-module"],"sourcesContent":["import React, { type ReactElement, useState } from \"react\";\nimport classnames from \"classnames\";\n\nimport styles from \"./RadioButton.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport Typography from \"../Typography/Typography\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport Box from \"../Box/Box\";\n\n/**\n * [RadioButton](https://cambly-syntax.vercel.app/?path=/docs/components-radiobutton--docs) is a radio button with accompanying text\n */\nconst RadioButton = ({\n  checked = false,\n  \"data-testid\": dataTestId,\n  dangerouslyForceFocusStyles = false,\n  disabled: disabledProp = false,\n  error = false,\n  id,\n  label,\n  name,\n  onChange,\n  size = \"md\",\n  value,\n}: {\n  /**\n   * Whether or not the radio button is checked\n   *\n   * @defaultValue false\n   */\n  checked?: boolean;\n  /**\n   * Test id for the radio button\n   */\n  \"data-testid\"?: string;\n  /**\n   * Whether or not the radio button is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Whether to show error color schema\n   *\n   * @defaultValue false\n   */\n  error?: boolean;\n  /**\n   * Id for the the radio button\n   */\n  id?: string;\n  /**\n   * Value to show end user\n   */\n  label: string;\n  /**\n   * The name of the grouping the radio buttons are in\n   */\n  name: string;\n  /**\n   * The callback to be called when the radio button is clicked\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Size of the components\n   *\n   * * `sm`: 16px\n   * * `md`: 24px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\";\n  /**\n   * Value of the selected radio option\n   */\n  value: string | number;\n  /** forces focus ring styling */\n  dangerouslyForceFocusStyles?: boolean;\n}): ReactElement => {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const [isFocused, setIsFocused] = useState(false);\n  const { isFocusVisible } = useFocusVisible();\n\n  return (\n    <label\n      className={classnames(\n        styles.radioBaseContainer,\n        styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        {\n          [styles.disabled]: disabled,\n          [styles.smBase]: size === \"sm\",\n          [styles.mdBase]: size === \"md\",\n        },\n      )}\n    >\n      <div\n        className={classnames(\n          styles.background,\n          error\n            ? colorStyles.cambioDestructive370BackgroundColor\n            : colorStyles.cambioGray370BackgroundColor,\n          styles[size],\n          {\n            [focusStyles.accessibilityOutlineFocus]:\n              (isFocused && isFocusVisible) || dangerouslyForceFocusStyles,\n          },\n        )}\n      />\n      {checked && (\n        <Box\n          backgroundColor={error ? \"destructive900\" : \"gray900\"}\n          width={size === \"md\" ? 12 : 8}\n          height={size === \"md\" ? 12 : 8}\n          position=\"absolute\"\n          rounding=\"full\"\n          dangerouslySetInlineStyle={{\n            __style: {\n              left: size === \"md\" ? 6 : 4,\n            },\n          }}\n        />\n      )}\n      <input\n        data-testid={dataTestId}\n        type=\"radio\"\n        id={id}\n        name={name}\n        className={classnames(\n          styles.radioStyleOverride,\n          styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n          {\n            [styles.smOverride]: size === \"sm\",\n            [styles.mdOverride]: size === \"md\",\n          },\n        )}\n        checked={checked}\n        onChange={onChange}\n        disabled={disabled}\n        value={value}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onBlur={() => {\n          setIsFocused(false);\n        }}\n      />\n      {label && (\n        <Typography\n          size={size === \"md\" ? 200 : 100}\n          color={error ? \"destructive-primary\" : \"gray900\"}\n        >\n          {label}\n        </Typography>\n      )}\n    </label>\n  );\n};\n\nexport default RadioButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css\"; export default {\"radioBaseContainer\":\"_radioBaseContainer_6h2zg_1\",\"disabled\":\"_disabled_6h2zg_9\",\"cursorDisabled\":\"_cursorDisabled_6h2zg_13\",\"cursorEnabled\":\"_cursorEnabled_6h2zg_17\",\"smBase\":\"_smBase_6h2zg_21\",\"mdBase\":\"_mdBase_6h2zg_25\",\"radioStyleOverride\":\"_radioStyleOverride_6h2zg_29\",\"smOverride\":\"_smOverride_6h2zg_34\",\"mdOverride\":\"_mdOverride_6h2zg_39\",\"background\":\"_background_6h2zg_44\",\"sm\":\"_sm_6h2zg_21\",\"md\":\"_md_6h2zg_25\",\"neutralBorder\":\"_neutralBorder_6h2zg_61\",\"smCheckedBorder\":\"_smCheckedBorder_6h2zg_65\",\"mdCheckedBorder\":\"_mdCheckedBorder_6h2zg_69\",\"errorBorderColor\":\"_errorBorderColor_6h2zg_73\",\"borderColor\":\"_borderColor_6h2zg_77\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,SAAmC,gBAAgB;AACnD,OAAO,gBAAgB;;;ACD+E,IAAO,6BAAQ,EAAC,sBAAqB,+BAA8B,YAAW,qBAAoB,kBAAiB,4BAA2B,iBAAgB,2BAA0B,UAAS,oBAAmB,UAAS,oBAAmB,sBAAqB,gCAA+B,cAAa,wBAAuB,cAAa,wBAAuB,cAAa,wBAAuB,MAAK,gBAAe,MAAK,gBAAe,iBAAgB,2BAA0B,mBAAkB,6BAA4B,mBAAkB,6BAA4B,oBAAmB,8BAA6B,eAAc,wBAAuB;;;ADuFrvB,SAWE,KAXF;AAzEJ,IAAM,cAAc,CAAC;AAAA,EACnB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,8BAA8B;AAAA,EAC9B,UAAU,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAsDoB;AAClB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,2BAAO;AAAA,QACP,2BAAO,SAAS,WAAW,aAAa,WAAW;AAAA,QACnD;AAAA,UACE,CAAC,2BAAO,QAAQ,GAAG;AAAA,UACnB,CAAC,2BAAO,MAAM,GAAG,SAAS;AAAA,UAC1B,CAAC,2BAAO,MAAM,GAAG,SAAS;AAAA,QAC5B;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT,2BAAO;AAAA,cACP,QACI,sBAAY,sCACZ,sBAAY;AAAA,cAChB,2BAAO,IAAI;AAAA,cACX;AAAA,gBACE,CAAC,qBAAY,yBAAyB,GACnC,aAAa,kBAAmB;AAAA,cACrC;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACC,WACC;AAAA,UAAC;AAAA;AAAA,YACC,iBAAiB,QAAQ,mBAAmB;AAAA,YAC5C,OAAO,SAAS,OAAO,KAAK;AAAA,YAC5B,QAAQ,SAAS,OAAO,KAAK;AAAA,YAC7B,UAAS;AAAA,YACT,UAAS;AAAA,YACT,2BAA2B;AAAA,cACzB,SAAS;AAAA,gBACP,MAAM,SAAS,OAAO,IAAI;AAAA,cAC5B;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,WAAW;AAAA,cACT,2BAAO;AAAA,cACP,2BAAO,SAAS,WAAW,aAAa,WAAW;AAAA,cACnD;AAAA,gBACE,CAAC,2BAAO,UAAU,GAAG,SAAS;AAAA,gBAC9B,CAAC,2BAAO,UAAU,GAAG,SAAS;AAAA,cAChC;AAAA,YACF;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM;AACb,2BAAa,IAAI;AAAA,YACnB;AAAA,YACA,QAAQ,MAAM;AACZ,2BAAa,KAAK;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,QACC,SACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,SAAS,OAAO,MAAM;AAAA,YAC5B,OAAO,QAAQ,wBAAwB;AAAA,YAEtC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/__chunks/{IUV6O736.cjs → ANY6BV2W.cjs}

@@ -10,19 +10,19 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 var _BHN2OODFcjs = require('./BHN2OODF.cjs');
 
 
-var _3JF5M3NRcjs = require('./3JF5M3NR.cjs');
+var _MKZONAGTcjs = require('./MKZONAGT.cjs');
 
 
-var _XSMGQC4Hcjs = require('./XSMGQC4H.cjs');
+var _C3KZXHTVcjs = require('./C3KZXHTV.cjs');
 
 
-var _NDBEPCTGcjs = require('./NDBEPCTG.cjs');
+var _RAL6R27Scjs = require('./RAL6R27S.cjs');
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _UUIXG3PQcjs = require('./UUIXG3PQ.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -55,8 +55,8 @@ var Button = _react.forwardRef.call(void 0,
     type = "button"
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const foregroundColorClass = _3JF5M3NRcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _NDBEPCTGcjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _MKZONAGTcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _RAL6R27Scjs.backgroundColor.call(void 0, color, on);
     const disabledPrimary = color === "primary" && disabled;
     const isDisabled = !isHydrated || disabled || loading;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -73,7 +73,7 @@ var Button = _react.forwardRef.call(void 0,
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _XSMGQC4Hcjs.border.call(void 0, color, on),
+          _C3KZXHTVcjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
@@ -92,7 +92,7 @@ var Button = _react.forwardRef.call(void 0,
               )
             }
           ),
-          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFVPE7AXcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UUIXG3PQcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: _classnames2.default.call(void 0, 
@@ -143,4 +143,4 @@ var Button_default = Button;
 
 
 exports.Button_default = Button_default;
-//# sourceMappingURL=IUV6O736.cjs.map
+//# sourceMappingURL=ANY6BV2W.cjs.map

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

@@ -1,10 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./RXXGDO2J.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -89,4 +89,4 @@ var TextArea_default = TextArea;
 export {
   TextArea_default
 };
-//# sourceMappingURL=PMEHNNPZ.js.map
+//# sourceMappingURL=AWBESVTU.js.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/{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/{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/{SBKATR3W.js → FHLZXSCX.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./RXXGDO2J.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=SBKATR3W.js.map
+//# sourceMappingURL=FHLZXSCX.js.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/{4W4GUHRI.js → HWDLLEM4.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./RXXGDO2J.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=HWDLLEM4.js.map

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

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _5N5Z7IAFcjs = require('./5N5Z7IAF.cjs');
+var _NDV4446Acjs = require('./NDV4446A.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, _NDV4446Acjs.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=ICTDYMZM.cjs.map

package/dist/__chunks/{HIY6QHAJ.js → ITALBBTF.js}

@@ -10,16 +10,16 @@ import {
 } from "./C7PW7CPK.js";
 import {
   foregroundColor
-} from "./SS5NSEUH.js";
+} from "./UVQS6LU3.js";
 import {
   border
-} from "./KKVX5XVU.js";
+} from "./ECA33JJ5.js";
 import {
   backgroundColor
-} from "./GTT2BZKS.js";
+} from "./T6PXFSRX.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./RXXGDO2J.js";
 
 // src/LinkButton/LinkButton.tsx
 import { forwardRef } from "react";
@@ -133,4 +133,4 @@ var LinkButton_default = LinkButton;
 export {
   LinkButton_default
 };
-//# sourceMappingURL=HIY6QHAJ.js.map
+//# sourceMappingURL=ITALBBTF.js.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

package/dist/__chunks/{NTMZ73HV.cjs → JXI2A4FD.cjs}

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

package/dist/__chunks/{HG4DJVLK.cjs → K64O2RGU.cjs}

@@ -10,10 +10,10 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _UUIXG3PQcjs = require('./UUIXG3PQ.cjs');
 
 
-var _RVVNTLJ7cjs = require('./RVVNTLJ7.cjs');
+var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
 
 
 var _LLFHCGRAcjs = require('./LLFHCGRA.cjs');
@@ -79,8 +79,8 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
   var _b = _a, { children: childrenProp, onChangeContentVisibility } = _b, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _b, ["children", "onChangeContentVisibility"]);
   const className = _classnames2.default.call(void 0, [
     _IL22HCBFcjs.Box_module_default.box,
-    _RVVNTLJ7cjs.colors_module_default.gray900Color,
-    _RVVNTLJ7cjs.colors_module_default.blackBackgroundColor,
+    _QT6IRCGWcjs.colors_module_default.gray900Color,
+    _QT6IRCGWcjs.colors_module_default.cambioBlackBackgroundColor,
     _PLUVW6AMcjs.padding_module_default.paddingX2,
     _PLUVW6AMcjs.padding_module_default.paddingY2,
     _CHDS4D44cjs.rounding_module_default.roundingsm,
@@ -102,7 +102,7 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
         childrenProp,
         (children, { isEntering, isExiting }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipArrow, {}),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFVPE7AXcjs.Typography_default, { size: 100, color: "white", children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UUIXG3PQcjs.Typography_default, { size: 100, color: "white", children }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _E5P6WRJDcjs.OverlayVisibility,
             {
@@ -162,4 +162,4 @@ var Tooltip_default = Tooltip;
 
 
 exports.AriaTooltip = AriaTooltip; exports.Tooltip_default = Tooltip_default;
-//# sourceMappingURL=HG4DJVLK.cjs.map
+//# sourceMappingURL=K64O2RGU.cjs.map