@cambly/syntax-core 10.20.0 → 10.21.0

package/dist/__chunks/{TZ3U2EZP.js → 2ME3BD6K.js}

@@ -4,10 +4,10 @@ import {
 } from "./Z5ZUAP2B.js";
 import {
   iconSize_default
-} from "./37PNBG3P.js";
+} from "./JAC64LLA.js";
 import {
   Button_module_default
-} from "./46XGANFF.js";
+} from "./OMFFRI3K.js";
 import {
   cambioColor,
   classicColor
@@ -15,14 +15,14 @@ import {
 import {
   cambioForegroundColor,
   classicForegroundColor
-} from "./JGYZV3JA.js";
+} from "./FPHP3T7U.js";
 import {
   cambioBackgroundColor,
   classicBackgroundColor
-} from "./OFW6A65B.js";
+} from "./IB3FQANU.js";
 import {
   Typography_default
-} from "./DZRB2DSH.js";
+} from "./HINMIM2W.js";
 import {
   useTheme
 } from "./ZSHAHV4F.js";
@@ -123,4 +123,4 @@ var LinkButton_default = LinkButton;
 export {
   LinkButton_default
 };
-//# sourceMappingURL=TZ3U2EZP.js.map
+//# sourceMappingURL=2ME3BD6K.js.map

package/dist/__chunks/{SLPY6EZY.js → 2MINLLCQ.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./KU5UT5RY.js";
+} from "./22OMICOW.js";
 
 // src/Modal/Layer.tsx
 import { createPortal } from "react-dom";
@@ -29,4 +29,4 @@ function Layer({
 export {
   Layer
 };
-//# sourceMappingURL=SLPY6EZY.js.map
+//# sourceMappingURL=2MINLLCQ.js.map

package/dist/__chunks/2UPJMKTX.cjs

@@ -0,0 +1,114 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+
+var _4BFY734Ccjs = require('./4BFY734C.cjs');
+
+
+var _TJN7NBWUcjs = require('./TJN7NBWU.cjs');
+
+
+var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
+
+// css-module:./Badge.module.css#css-module
+var Badge_module_default = { "icon": "_icon_1g9xb_1" };
+
+// src/Badge/Badge.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var badgeColorClassicToCambio = {
+  gray200: "gray370",
+  gray900: "gray870",
+  destructive700: "destructive300",
+  orange700: "orange",
+  yellow700: "tan",
+  success700: "success300",
+  primary700: "sky",
+  purple700: "lilac",
+  sky: "sky",
+  success300: "success300",
+  destructive300: "destructive300",
+  orange: "orange",
+  tan: "tan",
+  gray370: "gray370",
+  gray870: "gray870",
+  lilac: "lilac",
+  thistle: "thistle",
+  pink: "pink"
+};
+var badgeColorCambioToClassic = {
+  gray200: "gray200",
+  gray900: "gray900",
+  destructive700: "destructive700",
+  orange700: "orange700",
+  yellow700: "yellow700",
+  success700: "success700",
+  primary700: "primary700",
+  purple700: "purple700",
+  sky: "primary700",
+  success300: "success700",
+  destructive300: "destructive700",
+  orange: "orange700",
+  tan: "yellow700",
+  gray370: "gray200",
+  gray870: "gray900",
+  lilac: "purple700",
+  thistle: "purple700",
+  pink: "purple700"
+};
+var textColorForBackgroundColor = (color) => {
+  switch (color) {
+    case "gray200":
+    case "yellow700":
+      return "gray900";
+    case "gray370":
+    case "destructive300":
+    case "orange":
+    case "tan":
+    case "success300":
+    case "sky":
+    case "thistle":
+    case "pink":
+    case "lilac":
+      return "gray900";
+    default:
+      return "white";
+  }
+};
+var Badge = ({
+  icon: Icon,
+  text,
+  color = "primary700"
+}) => {
+  const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
+  const mappedColor = themeName === "cambio" ? badgeColorClassicToCambio[color] : badgeColorCambioToClassic[color];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _4BFY734Ccjs.Box_default,
+    {
+      display: themeName === "classic" ? "inlineBlock" : "inlineFlex",
+      paddingX: themeName === "classic" ? 2 : 3,
+      paddingY: 1,
+      rounding: themeName === "classic" ? "full" : "sm",
+      backgroundColor: mappedColor,
+      alignItems: "center",
+      justifyContent: "center",
+      height: themeName === "cambio" ? 32 : void 0,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TJN7NBWUcjs.Typography_default, { color: textColorForBackgroundColor(mappedColor), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _4BFY734Ccjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
+        Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: Badge_module_default.icon }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _TJN7NBWUcjs.Typography_default,
+          {
+            color: textColorForBackgroundColor(mappedColor),
+            size: 100,
+            weight: themeName === "classic" ? "bold" : "medium",
+            children: text
+          }
+        )
+      ] }) })
+    }
+  );
+};
+var Badge_default = Badge;
+
+
+
+exports.Badge_default = Badge_default;
+//# sourceMappingURL=2UPJMKTX.cjs.map

package/dist/__chunks/2UPJMKTX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./Badge.module.css#css-module","../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAA0F,IAAO,uBAAQ,EAAC,QAAO,gBAAe;;;AC+JxH,SACW,KADX;AAlIR,IAAM,4BAA4B;AAAA,EAChC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEA,IAAM,4BAA4B;AAAA,EAChC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEA,IAAM,8BAA8B,CAClC,UACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,QAAQ,CAAC;AAAA,EACb,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AACV,MAuCmB;AACjB,QAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,QAAM,cACJ,cAAc,WACV,0BAA0B,KAAK,IAC/B,0BAA0B,KAAK;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,cAAc,YAAY,gBAAgB;AAAA,MACnD,UAAU,cAAc,YAAY,IAAI;AAAA,MACxC,UAAU;AAAA,MACV,UAAU,cAAc,YAAY,SAAS;AAAA,MAC7C,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAQ,cAAc,WAAW,KAAK;AAAA,MAEtC,8BAAC,sBAAW,OAAO,4BAA4B,WAAW,GACxD,+BAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,YAAW,UAAS,gBAAe,SAC5D;AAAA,gBAAQ,oBAAC,QAAK,WAAW,qBAAO,MAAM;AAAA,QACvC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,4BAA4B,WAAW;AAAA,YAC9C,MAAM;AAAA,YACN,QAAQ,cAAc,YAAY,SAAS;AAAA,YAE1C;AAAA;AAAA,QACH;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css\"; export default {\"icon\":\"_icon_1g9xb_1\"}","import Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Badge.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nconst badgeColorClassic = [\n  \"gray200\",\n  \"gray900\",\n  \"destructive700\",\n  \"orange700\",\n  \"yellow700\",\n  \"success700\",\n  \"primary700\",\n  \"purple700\",\n] as const;\n\nconst badgeColorCambio = [\n  \"sky\",\n  \"success300\",\n  \"destructive300\",\n  \"orange\",\n  \"tan\",\n  \"gray370\",\n  \"gray870\",\n  \"lilac\",\n  \"thistle\",\n  \"pink\",\n] as const;\n\nconst badgeColorClassicToCambio = {\n  gray200: \"gray370\",\n  gray900: \"gray870\",\n  destructive700: \"destructive300\",\n  orange700: \"orange\",\n  yellow700: \"tan\",\n  success700: \"success300\",\n  primary700: \"sky\",\n  purple700: \"lilac\",\n  sky: \"sky\",\n  success300: \"success300\",\n  destructive300: \"destructive300\",\n  orange: \"orange\",\n  tan: \"tan\",\n  gray370: \"gray370\",\n  gray870: \"gray870\",\n  lilac: \"lilac\",\n  thistle: \"thistle\",\n  pink: \"pink\",\n} as const;\n\nconst badgeColorCambioToClassic = {\n  gray200: \"gray200\",\n  gray900: \"gray900\",\n  destructive700: \"destructive700\",\n  orange700: \"orange700\",\n  yellow700: \"yellow700\",\n  success700: \"success700\",\n  primary700: \"primary700\",\n  purple700: \"purple700\",\n  sky: \"primary700\",\n  success300: \"success700\",\n  destructive300: \"destructive700\",\n  orange: \"orange700\",\n  tan: \"yellow700\",\n  gray370: \"gray200\",\n  gray870: \"gray900\",\n  lilac: \"purple700\",\n  thistle: \"purple700\",\n  pink: \"purple700\",\n} as const;\n\nconst textColorForBackgroundColor = (\n  color: (typeof badgeColorClassic)[number] | (typeof badgeColorCambio)[number],\n): \"gray900\" | \"white\" => {\n  switch (color) {\n    case \"gray200\":\n    case \"yellow700\":\n      return \"gray900\";\n    case \"gray370\":\n    case \"destructive300\":\n    case \"orange\":\n    case \"tan\":\n    case \"success300\":\n    case \"sky\":\n    case \"thistle\":\n    case \"pink\":\n    case \"lilac\":\n      return \"gray900\";\n    default:\n      return \"white\";\n  }\n};\n\n/**\n * [Badge](https://cambly-syntax.vercel.app/?path=/docs/components-badge--docs) is a component to display short text and give additional context to features and other components.\n */\nconst Badge = ({\n  icon: Icon,\n  text,\n  color = \"primary700\",\n}: {\n  /**\n   * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The text to display inside the badge\n   */\n  text: string;\n  /**\n   * The color of the badge\n   *\n   * Classic colors:\n   * * `gray200` => maps to neutralLight in Cambio\n   * * `gray900` => maps to neutralDark in Cambio\n   * * `destructive700` => maps to destructive in Cambio\n   * * `orange700` => maps to orange in Cambio\n   * * `yellow700` => maps to tan in Cambio\n   * * `success700` => maps to success in Cambio\n   * * `primary700` => maps to sky in Cambio\n   * * `purple700` => maps to lilac in Cambio\n   *\n   * Cambio colors:\n   * * `sky`\n   * * `success300`\n   * * `destructive300`\n   * * `orange`\n   * * `tan`\n   * * `gray370`\n   * * `gray870`\n   * * `lilac`\n   * * `thistle`\n   * * `pink`\n   *\n   * @defaultValue \"primary700\"\n   */\n  color?:\n    | (typeof badgeColorClassic)[number]\n    | (typeof badgeColorCambio)[number];\n}): JSX.Element => {\n  const { themeName } = useTheme();\n\n  const mappedColor =\n    themeName === \"cambio\"\n      ? badgeColorClassicToCambio[color]\n      : badgeColorCambioToClassic[color];\n\n  return (\n    <Box\n      display={themeName === \"classic\" ? \"inlineBlock\" : \"inlineFlex\"}\n      paddingX={themeName === \"classic\" ? 2 : 3}\n      paddingY={1}\n      rounding={themeName === \"classic\" ? \"full\" : \"sm\"}\n      backgroundColor={mappedColor}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      height={themeName === \"cambio\" ? 32 : undefined}\n    >\n      <Typography color={textColorForBackgroundColor(mappedColor)}>\n        <Box display=\"flex\" gap={1} alignItems=\"center\" justifyContent=\"start\">\n          {Icon && <Icon className={styles.icon} />}\n          <Typography\n            color={textColorForBackgroundColor(mappedColor)}\n            size={100}\n            weight={themeName === \"classic\" ? \"bold\" : \"medium\"}\n          >\n            {text}\n          </Typography>\n        </Box>\n      </Typography>\n    </Box>\n  );\n};\n\nexport default Badge;\n"]}

package/dist/__chunks/{CYMLBKRU.cjs → 3J6UY4O7.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 _762IDERQcjs = require('./762IDERQ.cjs');
+var _D76LWB72cjs = require('./D76LWB72.cjs');
 
 
-var _577X7X3Jcjs = require('./577X7X3J.cjs');
+var _RINTHGJZcjs = require('./RINTHGJZ.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, 
-    _762IDERQcjs.ModalDialog_default,
+    _D76LWB72cjs.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, _577X7X3Jcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RINTHGJZcjs.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=CYMLBKRU.cjs.map
+//# sourceMappingURL=3J6UY4O7.cjs.map

package/dist/__chunks/{ULH3WUVW.cjs → 444UPG5T.cjs}

@@ -3,35 +3,35 @@
 
 
 
-var _VICE5H6Scjs = require('./VICE5H6S.cjs');
+var _JWWKDZYVcjs = require('./JWWKDZYV.cjs');
 
 
-var _3QV4LYGNcjs = require('./3QV4LYGN.cjs');
+var _WJ4USTG5cjs = require('./WJ4USTG5.cjs');
 
 
-var _CYMLBKRUcjs = require('./CYMLBKRU.cjs');
+var _3J6UY4O7cjs = require('./3J6UY4O7.cjs');
 
 
-var _577X7X3Jcjs = require('./577X7X3J.cjs');
+var _RINTHGJZcjs = require('./RINTHGJZ.cjs');
 
 
 var _UKLQ64N7cjs = require('./UKLQ64N7.cjs');
 
 
 
-var _W4JR43JJcjs = require('./W4JR43JJ.cjs');
+var _WICC3YQAcjs = require('./WICC3YQA.cjs');
 
 
-var _DTEKITMFcjs = require('./DTEKITMF.cjs');
+var _J3ES6ZT6cjs = require('./J3ES6ZT6.cjs');
 
 
-var _EILCQTJ3cjs = require('./EILCQTJ3.cjs');
+var _QJYYEWMScjs = require('./QJYYEWMS.cjs');
 
 
-var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
+var _4BFY734Ccjs = require('./4BFY734C.cjs');
 
 
-var _46QLII42cjs = require('./46QLII42.cjs');
+var _TJN7NBWUcjs = require('./TJN7NBWU.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -111,11 +111,11 @@ function RichSelectList(props) {
   const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
   const overlayHandlerRef = _react.useRef.call(void 0, {});
   const selectedKeysProp = _react.useMemo.call(void 0, 
-    () => _VICE5H6Scjs.convertSelection.call(void 0, selectedValuesProp),
+    () => _JWWKDZYVcjs.convertSelection.call(void 0, selectedValuesProp),
     [selectedValuesProp]
   );
   const defaultSelectedKeys = _react.useMemo.call(void 0, 
-    () => _VICE5H6Scjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
+    () => _JWWKDZYVcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
     [defaultSelectedValuesProp]
   );
   const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0, 
@@ -153,8 +153,8 @@ function RichSelectList(props) {
     _reactariacomponents.Provider,
     {
       values: [
-        [_VICE5H6Scjs.RichSelectBoxContext, { autoFocus: true }],
-        [_577X7X3Jcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
+        [_JWWKDZYVcjs.RichSelectBoxContext, { autoFocus: true }],
+        [_RINTHGJZcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
         // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided
       ],
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -180,23 +180,23 @@ function RichSelectList(props) {
                   (_a2 = fieldRef.current) == null ? void 0 : _a2.focus();
                   _interactions.setInteractionModality.call(void 0, "keyboard");
                 },
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 3, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _46QLII42cjs.Typography_default, { size: 100, color: "gray700", children: label }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { paddingX: themeName === "classic" ? 1 : 3, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TJN7NBWUcjs.Typography_default, { size: 100, color: "gray700", children: label }) })
               })
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _CYMLBKRUcjs.Popover_default,
+              _3J6UY4O7cjs.Popover_default,
               {
                 ref: overlayHandlerRef,
                 disabled,
                 content: (
                   // this Box wrapper is to reapply the padding that was stripped from popover's dialog to show the sticky save/close buttons. Ideally this could be avoided
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _SNYEHXDAcjs.Box_default,
+                    _4BFY734Ccjs.Box_default,
                     {
                       padding: autosave ? void 0 : 5,
                       dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _VICE5H6Scjs.RichSelectBox_default,
+                        _JWWKDZYVcjs.RichSelectBox_default,
                         _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                           autosave,
                           selectedValues: selectedKeys,
@@ -246,7 +246,7 @@ function RichSelectList(props) {
                           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                             "path",
                             {
-                              fill: errorText ? _W4JR43JJcjs.ColorBaseDestructive700 : _W4JR43JJcjs.ColorBaseGray800,
+                              fill: errorText ? _WICC3YQAcjs.ColorBaseDestructive700 : _WICC3YQAcjs.ColorBaseGray800,
                               d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
                             }
                           )
@@ -257,8 +257,8 @@ function RichSelectList(props) {
                 )
               }
             ),
-            (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _46QLII42cjs.Typography_default,
+            (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _TJN7NBWUcjs.Typography_default,
               _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                 size: 100,
                 color: errorText ? "destructive-primary" : "gray700"
@@ -273,12 +273,12 @@ function RichSelectList(props) {
   );
 }
 var RichSelectList_default = Object.assign(RichSelectList, {
-  Section: _DTEKITMFcjs.RichSelectSection_default,
-  Chip: _3QV4LYGNcjs.RichSelectChip_default,
-  RadioButton: _EILCQTJ3cjs.RichSelectRadioButton_default
+  Section: _J3ES6ZT6cjs.RichSelectSection_default,
+  Chip: _WJ4USTG5cjs.RichSelectChip_default,
+  RadioButton: _QJYYEWMScjs.RichSelectRadioButton_default
 });
 
 
 
 exports.RichSelectList_default = RichSelectList_default;
-//# sourceMappingURL=ULH3WUVW.cjs.map
+//# sourceMappingURL=444UPG5T.cjs.map

package/dist/__chunks/{SNYEHXDA.cjs → 4BFY734C.cjs}

@@ -4,7 +4,7 @@
 var _S5QHTHSTcjs = require('./S5QHTHST.cjs');
 
 
-var _X2LNODY7cjs = require('./X2LNODY7.cjs');
+var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -162,7 +162,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 && _X2LNODY7cjs.colors_module_default[`${backgroundColor}BackgroundColor`],
+      backgroundColor && _QAS3KERZcjs.colors_module_default[`${backgroundColor}BackgroundColor`],
       direction && Box_module_default[direction],
       smDirection && Box_module_default[`${smDirection}Small`],
       lgDirection && Box_module_default[`${lgDirection}Large`],
@@ -240,4 +240,4 @@ var Box_default = Box;
 
 
 exports.Box_default = Box_default;
-//# sourceMappingURL=SNYEHXDA.cjs.map
+//# sourceMappingURL=4BFY734C.cjs.map

package/dist/__chunks/{HS7E5SFN.js → 4CRAIBTO.js}

@@ -4,26 +4,26 @@ import {
 } from "./COW4SDSF.js";
 import {
   Button_default
-} from "./VFNNZZPM.js";
+} from "./WX4R325A.js";
 import {
   Divider
-} from "./JGKRNONJ.js";
+} from "./JUPRT4OU.js";
 import {
   RichSelectChip_default
-} from "./44DDUZLN.js";
+} from "./NI6XOJ3G.js";
 import {
   RichSelectSection_default
-} from "./3RPDJFR4.js";
+} from "./4NSYLHIG.js";
 import {
   RichSelectRadioButton_default
-} from "./MLJKPE76.js";
+} from "./HUEEJIK6.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
 } from "./ODMJANSX.js";
 import {
   Box_default
-} from "./KU5UT5RY.js";
+} from "./22OMICOW.js";
 
 // src/RichSelect/RichSelectBox.tsx
 import {
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=HS7E5SFN.js.map
+//# sourceMappingURL=4CRAIBTO.js.map

package/dist/__chunks/{3RPDJFR4.js → 4NSYLHIG.js}

@@ -7,7 +7,7 @@ import {
 } from "./AVREYFSM.js";
 import {
   Typography_default
-} from "./DZRB2DSH.js";
+} from "./HINMIM2W.js";
 
 // src/RichSelect/RichSelectSection.tsx
 import { forwardRef } from "react";
@@ -50,4 +50,4 @@ var RichSelectSection_default = forwardRef(
 export {
   RichSelectSection_default
 };
-//# sourceMappingURL=3RPDJFR4.js.map
+//# sourceMappingURL=4NSYLHIG.js.map

package/dist/__chunks/{2RKCTJBI.cjs → 4OYTNKMT.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
+var _4BFY734Ccjs = require('./4BFY734C.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -17,7 +17,7 @@ function Card({
   const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
   const cambioPadding = size === "compact" ? 2 : 4;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _SNYEHXDAcjs.Box_default,
+    _4BFY734Ccjs.Box_default,
     {
       rounding: themeName === "classic" ? "lg" : "md",
       padding: themeName === "classic" ? 5 : cambioPadding,
@@ -33,4 +33,4 @@ function Card({
 
 
 exports.Card = Card;
-//# sourceMappingURL=2RKCTJBI.cjs.map
+//# sourceMappingURL=4OYTNKMT.cjs.map

package/dist/__chunks/{AI3HSJ4Z.cjs → 7BKNCKG6.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _LAT2IHTZcjs = require('./LAT2IHTZ.cjs');
+var _WFWI5GYGcjs = require('./WFWI5GYG.cjs');
 
 
 var _HUIHS6RNcjs = require('./HUIHS6RN.cjs');
 
 
-var _5V4GT2NJcjs = require('./5V4GT2NJ.cjs');
+var _H6TSTAYYcjs = require('./H6TSTAYY.cjs');
 
 
 var _BA4JPX36cjs = require('./BA4JPX36.cjs');
 
 
-var _OG4RH3QZcjs = require('./OG4RH3QZ.cjs');
+var _KWT6ABYPcjs = require('./KWT6ABYP.cjs');
 
 
-var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
+var _4BFY734Ccjs = require('./4BFY734C.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -67,7 +67,7 @@ function Modal({
   "data-testid": dataTestId
 }) {
   const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5V4GT2NJcjs.Layer, { zIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HUIHS6RNcjs.StopScroll, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _BA4JPX36cjs.FocusTrap, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _H6TSTAYYcjs.Layer, { zIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HUIHS6RNcjs.StopScroll, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _BA4JPX36cjs.FocusTrap, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: _classnames2.default.call(void 0, 
@@ -78,7 +78,7 @@ function Modal({
       onClick: (e) => e.target === e.currentTarget && onDismiss(),
       onKeyDown: (e) => e.key === "Escape" && onDismiss(),
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _SNYEHXDAcjs.Box_default,
+        _4BFY734Ccjs.Box_default,
         {
           "data-testid": dataTestId,
           backgroundColor: "white",
@@ -92,7 +92,7 @@ function Modal({
           width: "100%",
           dangerouslySetInlineStyle: { __style: { overflow: "hidden" } },
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { position: "relative", children: themeName === "classic" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { position: "relative", children: themeName === "classic" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 "aria-label": accessibilityCloseLabel,
@@ -108,14 +108,14 @@ function Modal({
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, XIcon, { color: image ? "#fff" : "#000" })
               }
             ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _SNYEHXDAcjs.Box_default,
+              _4BFY734Ccjs.Box_default,
               {
                 position: "absolute",
                 dangerouslySetInlineStyle: {
                   __style: { top: 4, right: 4 }
                 },
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _OG4RH3QZcjs.IconButton_default,
+                  _KWT6ABYPcjs.IconButton_default,
                   {
                     accessibilityLabel: accessibilityCloseLabel,
                     color: image ? "primary" : "tertiary",
@@ -126,9 +126,9 @@ function Modal({
                 )
               }
             ) }),
-            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { maxHeight: 200, children: image }),
+            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { maxHeight: 200, children: image }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _SNYEHXDAcjs.Box_default,
+              _4BFY734Ccjs.Box_default,
               {
                 display: "flex",
                 gap: themeName === "classic" ? 3 : 4,
@@ -136,7 +136,7 @@ function Modal({
                 padding: themeName === "classic" ? 9 : 6,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _LAT2IHTZcjs.Heading_default,
+                    _WFWI5GYGcjs.Heading_default,
                     {
                       as: "h1",
                       size: themeName === "classic" ? 500 : 600,
@@ -144,9 +144,9 @@ function Modal({
                       children: header
                     }
                   ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { marginBottom: themeName === "classic" ? 4 : 0, children }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { marginBottom: themeName === "classic" ? 4 : 0, children }),
                   footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _SNYEHXDAcjs.Box_default,
+                    _4BFY734Ccjs.Box_default,
                     {
                       display: "flex",
                       direction: "column",
@@ -173,4 +173,4 @@ Modal.displayName = "Modal";
 
 
 exports.Modal = Modal;
-//# sourceMappingURL=AI3HSJ4Z.cjs.map
+//# sourceMappingURL=7BKNCKG6.cjs.map

package/dist/__chunks/{XUVWR3MT.js → AQ4N3L6H.js}

@@ -1,22 +1,22 @@
 "use client"
 import {
   Heading_default
-} from "./5YXVVFJ3.js";
+} from "./ZFMV7BOZ.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
 import {
   Layer
-} from "./SLPY6EZY.js";
+} from "./2MINLLCQ.js";
 import {
   FocusTrap
 } from "./KODEDJGB.js";
 import {
   IconButton_default
-} from "./SCQYKMKB.js";
+} from "./ZEMGWSJQ.js";
 import {
   Box_default
-} from "./KU5UT5RY.js";
+} from "./22OMICOW.js";
 import {
   useTheme
 } from "./ZSHAHV4F.js";
@@ -173,4 +173,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=XUVWR3MT.js.map
+//# sourceMappingURL=AQ4N3L6H.js.map

package/dist/__chunks/{TY53S7AI.cjs → B6FBYOX3.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 _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
+var _4BFY734Ccjs = require('./4BFY734C.cjs');
 
 
-var _46QLII42cjs = require('./46QLII42.cjs');
+var _TJN7NBWUcjs = require('./TJN7NBWU.cjs');
 
 
 var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
@@ -92,8 +92,8 @@ var Chip = _react.forwardRef.call(void 0,
         onClick: onChange,
         children: [
           Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: iconStyles }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _46QLII42cjs.Typography_default,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4BFY734Ccjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _TJN7NBWUcjs.Typography_default,
             {
               size: themeName === "classic" ? typographySize[transformedSize] : 100,
               color,
@@ -112,4 +112,4 @@ var Chip_default = Chip;
 
 
 exports.Chip_default = Chip_default;
-//# sourceMappingURL=TY53S7AI.cjs.map
+//# sourceMappingURL=B6FBYOX3.cjs.map