@cambly/syntax-core 10.15.0 → 10.16.0

package/dist/TextField/TextField.cjs

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _4SUKTRWGcjs = require('../__chunks/4SUKTRWG.cjs');
+var _4HRJ2HGGcjs = require('../__chunks/4HRJ2HGG.cjs');
 require('../__chunks/WFVGNGEP.cjs');
-require('../__chunks/27K33DEM.cjs');
+require('../__chunks/SNYEHXDA.cjs');
 
 require('../__chunks/S5QHTHST.cjs');
 
-require('../__chunks/WGRHH5TF.cjs');
+require('../__chunks/JEHUXNNK.cjs');
 require('../__chunks/X2LNODY7.cjs');
 
-require('../__chunks/6W5WRS53.cjs');
+require('../__chunks/TBQR2FPS.cjs');
 require('../__chunks/K4AUV2VK.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _4SUKTRWGcjs.TextField;
+exports.default = _4HRJ2HGGcjs.TextField;
 //# sourceMappingURL=TextField.cjs.map

package/dist/TextField/TextField.js

@@ -1,16 +1,16 @@
 "use client"
 import {
   TextField
-} from "../__chunks/KY6FT2UM.js";
+} from "../__chunks/WTVLR5TH.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/YGKZCJF5.js";
+import "../__chunks/KU5UT5RY.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/SHHN3SRR.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/2A52YKFW.js";
+import "../__chunks/M3US55ZU.js";
 import "../__chunks/JHJZ5COD.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/FY4WHNNR.js";
+import "../__chunks/ZSHAHV4F.js";
 import "../__chunks/JB65NEXK.js";
 import "../__chunks/UWGNJENA.js";
 export {

package/dist/ThemeProvider/ThemeProvider.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _6W5WRS53cjs = require('../__chunks/6W5WRS53.cjs');
+var _TBQR2FPScjs = require('../__chunks/TBQR2FPS.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
 
-exports.default = _6W5WRS53cjs.ThemeProvider; exports.useTheme = _6W5WRS53cjs.useTheme;
+exports.default = _TBQR2FPScjs.ThemeProvider; exports.useTheme = _TBQR2FPScjs.useTheme;
 //# sourceMappingURL=ThemeProvider.cjs.map

package/dist/ThemeProvider/ThemeProvider.js

@@ -2,7 +2,7 @@
 import {
   ThemeProvider,
   useTheme
-} from "../__chunks/FY4WHNNR.js";
+} from "../__chunks/ZSHAHV4F.js";
 import "../__chunks/UWGNJENA.js";
 export {
   ThemeProvider as default,

package/dist/Tooltip/Tooltip.cjs

@@ -2,16 +2,16 @@
 
 
 
-var _7TGECM7Wcjs = require('../__chunks/7TGECM7W.cjs');
+var _WRMF47QNcjs = require('../__chunks/WRMF47QN.cjs');
 require('../__chunks/PLUVW6AM.cjs');
 require('../__chunks/IL22HCBF.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 require('../__chunks/S5QHTHST.cjs');
 
-require('../__chunks/WGRHH5TF.cjs');
+require('../__chunks/JEHUXNNK.cjs');
 require('../__chunks/X2LNODY7.cjs');
 
-require('../__chunks/6W5WRS53.cjs');
+require('../__chunks/TBQR2FPS.cjs');
 require('../__chunks/LLFHCGRA.cjs');
 require('../__chunks/UAN6WTHU.cjs');
 require('../__chunks/FZLDJPVT.cjs');
@@ -20,5 +20,5 @@ require('../__chunks/X2SDR4SD.cjs');
 
 
 
-exports.AriaTooltip = _7TGECM7Wcjs.AriaTooltip; exports.default = _7TGECM7Wcjs.Tooltip_default;
+exports.AriaTooltip = _WRMF47QNcjs.AriaTooltip; exports.default = _WRMF47QNcjs.Tooltip_default;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/Tooltip/Tooltip.js

@@ -2,16 +2,16 @@
 import {
   AriaTooltip,
   Tooltip_default
-} from "../__chunks/REUQRJFK.js";
+} from "../__chunks/KHQQ6NTQ.js";
 import "../__chunks/ZOWOFYUE.js";
 import "../__chunks/AVREYFSM.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/SHHN3SRR.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/2A52YKFW.js";
+import "../__chunks/M3US55ZU.js";
 import "../__chunks/JHJZ5COD.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/FY4WHNNR.js";
+import "../__chunks/ZSHAHV4F.js";
 import "../__chunks/SVZOETLJ.js";
 import "../__chunks/M26PGOYA.js";
 import "../__chunks/7N4ZDVVD.js";

package/dist/Typography/Typography.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _WGRHH5TFcjs = require('../__chunks/WGRHH5TF.cjs');
+var _JEHUXNNKcjs = require('../__chunks/JEHUXNNK.cjs');
 require('../__chunks/X2LNODY7.cjs');
 require('../__chunks/WFVGNGEP.cjs');
-require('../__chunks/6W5WRS53.cjs');
+require('../__chunks/TBQR2FPS.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _WGRHH5TFcjs.Typography_default;
+exports.default = _JEHUXNNKcjs.Typography_default;
 //# sourceMappingURL=Typography.cjs.map

package/dist/Typography/Typography.js

@@ -1,10 +1,10 @@
 "use client"
 import {
   Typography_default
-} from "../__chunks/2A52YKFW.js";
+} from "../__chunks/M3US55ZU.js";
 import "../__chunks/JHJZ5COD.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/FY4WHNNR.js";
+import "../__chunks/ZSHAHV4F.js";
 import "../__chunks/UWGNJENA.js";
 export {
   Typography_default as default

package/dist/__chunks/{W7GPAEHP.cjs → 2RKCTJBI.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _27K33DEMcjs = require('./27K33DEM.cjs');
+var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
 
 
-var _6W5WRS53cjs = require('./6W5WRS53.cjs');
+var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
 
 // src/Card/Card.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -14,10 +14,10 @@ function Card({
   size,
   "data-testid": dataTestId
 }) {
-  const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
+  const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
   const cambioPadding = size === "compact" ? 2 : 4;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _27K33DEMcjs.Box_default,
+    _SNYEHXDAcjs.Box_default,
     {
       rounding: themeName === "classic" ? "lg" : "md",
       padding: themeName === "classic" ? 5 : cambioPadding,
@@ -33,4 +33,4 @@ function Card({
 
 
 exports.Card = Card;
-//# sourceMappingURL=W7GPAEHP.cjs.map
+//# sourceMappingURL=2RKCTJBI.cjs.map

package/dist/__chunks/{4SUKTRWG.cjs → 4HRJ2HGG.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 _27K33DEMcjs = require('./27K33DEM.cjs');
+var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
 
 
-var _WGRHH5TFcjs = require('./WGRHH5TF.cjs');
+var _JEHUXNNKcjs = require('./JEHUXNNK.cjs');
 
 
-var _6W5WRS53cjs = require('./6W5WRS53.cjs');
+var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -40,10 +40,10 @@ function TextField({
   const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
   const disabled = !isHydrated || disabledProp;
   const reactId = _react.useId.call(void 0, );
-  const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
+  const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
   const inputId = id != null ? id : reactId;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _27K33DEMcjs.Box_default,
+    _SNYEHXDAcjs.Box_default,
     {
       display: "flex",
       direction: "column",
@@ -64,7 +64,7 @@ function TextField({
               themeName === "cambio" && TextField_module_default.labelCambioTextfield
             ),
             htmlFor: inputId,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 3, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WGRHH5TFcjs.Typography_default, { size: 100, color: "gray700", children: label }) })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 3, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _JEHUXNNKcjs.Typography_default, { size: 100, color: "gray700", children: label }) })
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -90,8 +90,8 @@ function TextField({
             value
           }
         ),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _WGRHH5TFcjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _JEHUXNNKcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -106,4 +106,4 @@ function TextField({
 
 
 exports.TextField = TextField;
-//# sourceMappingURL=4SUKTRWG.cjs.map
+//# sourceMappingURL=4HRJ2HGG.cjs.map

package/dist/__chunks/{ARCUBQR4.js → 52D6HVA3.js}

@@ -1,13 +1,13 @@
 "use client"
 import {
   Box_default
-} from "./YGKZCJF5.js";
+} from "./KU5UT5RY.js";
 import {
   Typography_default
-} from "./2A52YKFW.js";
+} from "./M3US55ZU.js";
 import {
   useTheme
-} from "./FY4WHNNR.js";
+} from "./ZSHAHV4F.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -119,4 +119,4 @@ var TextArea_default = TextArea;
 export {
   TextArea_default
 };
-//# sourceMappingURL=ARCUBQR4.js.map
+//# sourceMappingURL=52D6HVA3.js.map

package/dist/__chunks/{YLJDLIHH.cjs → 5L6ZVKXY.cjs}

@@ -1,28 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _XYAY2TL4cjs = require('./XYAY2TL4.cjs');
+var _WYNZQWGGcjs = require('./WYNZQWGG.cjs');
 
 
 var _HUIHS6RNcjs = require('./HUIHS6RN.cjs');
 
 
-var _UYZYKU2Wcjs = require('./UYZYKU2W.cjs');
+var _5V4GT2NJcjs = require('./5V4GT2NJ.cjs');
 
 
 var _BA4JPX36cjs = require('./BA4JPX36.cjs');
 
 
-var _27K33DEMcjs = require('./27K33DEM.cjs');
+var _OG4RH3QZcjs = require('./OG4RH3QZ.cjs');
 
 
-var _6W5WRS53cjs = require('./6W5WRS53.cjs');
+var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
+
+
+var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
 
 // src/Modal/Modal.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 
 // css-module:./Modal.module.css#css-module
-var Modal_module_default = { "backdrop": "_backdrop_tqzb0_1", "backdropClassic": "_backdropClassic_tqzb0_11", "backdropCambio": "_backdropCambio_tqzb0_15", "closeButton": "_closeButton_tqzb0_19", "closeButtonClassic": "_closeButtonClassic_tqzb0_34", "closeButtonCambio": "_closeButtonCambio_tqzb0_41", "closeButtonWithImage": "_closeButtonWithImage_tqzb0_53" };
+var Modal_module_default = { "backdrop": "_backdrop_1w5vm_1", "backdropClassic": "_backdropClassic_1w5vm_11", "backdropCambio": "_backdropCambio_1w5vm_15", "closeButton": "_closeButton_1w5vm_19", "closeButtonClassic": "_closeButtonClassic_1w5vm_34", "closeButtonWithImage": "_closeButtonWithImage_1w5vm_46", "closeButtonWithImageCambio": "_closeButtonWithImageCambio_1w5vm_50" };
 
 // src/Modal/Modal.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -35,6 +38,19 @@ function XIcon({ color = "#000" }) {
     }
   ) });
 }
+function XIconCambio({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      className,
+      fill: "currentColor",
+      focusable: "false",
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+    }
+  );
+}
 var sizeWidth = {
   sm: 400,
   lg: 600
@@ -50,8 +66,8 @@ function Modal({
   zIndex = 1,
   "data-testid": dataTestId
 }) {
-  const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UYZYKU2Wcjs.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, 
+  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, 
     "div",
     {
       className: _classnames2.default.call(void 0, 
@@ -62,11 +78,11 @@ function Modal({
       onClick: (e) => e.target === e.currentTarget && onDismiss(),
       onKeyDown: (e) => e.key === "Escape" && onDismiss(),
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _27K33DEMcjs.Box_default,
+        _SNYEHXDAcjs.Box_default,
         {
           "data-testid": dataTestId,
           backgroundColor: "white",
-          rounding: "xl",
+          rounding: themeName === "classic" ? "xl" : "md",
           display: "flex",
           direction: "column",
           minWidth: 240,
@@ -74,38 +90,51 @@ function Modal({
           width: "100%",
           dangerouslySetInlineStyle: { __style: { overflow: "hidden" } },
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { position: "relative", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { position: "relative", children: themeName === "classic" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 "aria-label": accessibilityCloseLabel,
                 type: "button",
                 className: _classnames2.default.call(void 0, 
                   Modal_module_default.closeButton,
-                  themeName === "classic" ? Modal_module_default.closeButtonClassic : Modal_module_default.closeButtonCambio,
+                  Modal_module_default.closeButtonClassic,
                   {
-                    [Modal_module_default.closeButtonWithImage]: !!image && themeName === "classic"
+                    [Modal_module_default.closeButtonWithImage]: !!image
                   }
                 ),
                 onClick: onDismiss,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, XIcon, { color: image ? "#fff" : "#000" })
+              }
+            ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _SNYEHXDAcjs.Box_default,
+              {
+                position: "absolute",
+                dangerouslySetInlineStyle: {
+                  __style: { top: 4, right: 4 }
+                },
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  XIcon,
+                  _OG4RH3QZcjs.IconButton_default,
                   {
-                    color: image && themeName === "classic" ? "#fff" : "#000"
+                    accessibilityLabel: accessibilityCloseLabel,
+                    color: image ? "primary" : "tertiary",
+                    on: image ? "darkBackground" : "lightBackground",
+                    size: "sm",
+                    icon: XIconCambio
                   }
                 )
               }
             ) }),
-            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { maxHeight: 200, children: image }),
+            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { maxHeight: 200, children: image }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _27K33DEMcjs.Box_default,
+              _SNYEHXDAcjs.Box_default,
               {
                 display: "flex",
                 gap: 3,
                 direction: "column",
-                padding: themeName === "classic" ? 9 : 3,
+                padding: themeName === "classic" ? 9 : 6,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _XYAY2TL4cjs.Heading_default,
+                    _WYNZQWGGcjs.Heading_default,
                     {
                       as: "h1",
                       size: themeName === "classic" ? 500 : 400,
@@ -113,9 +142,9 @@ function Modal({
                       children: header
                     }
                   ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { marginBottom: themeName === "classic" ? 4 : 0, children }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { marginBottom: themeName === "classic" ? 4 : 0, children }),
                   footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _27K33DEMcjs.Box_default,
+                    _SNYEHXDAcjs.Box_default,
                     {
                       display: "flex",
                       direction: "column",
@@ -141,4 +170,4 @@ Modal.displayName = "Modal";
 
 
 exports.Modal = Modal;
-//# sourceMappingURL=YLJDLIHH.cjs.map
+//# sourceMappingURL=5L6ZVKXY.cjs.map

package/dist/__chunks/5L6ZVKXY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Modal/Modal.tsx","css-module:./Modal.module.css#css-module"],"names":[],"mappings":"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","sourcesContent":["import { type ReactElement } from \"react\";\nimport classnames from \"classnames\";\n\nimport Heading from \"../Heading/Heading\";\nimport Box from \"../Box/Box\";\n\nimport FocusTrap from \"./FocusTrap\";\nimport StopScroll from \"./StopScroll\";\nimport Layer from \"./Layer\";\nimport styles from \"./Modal.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\nimport IconButton from \"../IconButton/IconButton\";\n\nfunction XIcon({ color = \"#000\" }: { color?: string }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill={color}>\n      <path\n        fill=\"inherit\"\n        d=\"M11.25.758a.83.83 0 0 0-1.175 0L6 4.825 1.925.75A.83.83 0 1 0 .75 1.925L4.825 6 .75 10.075a.83.83 0 1 0 1.175 1.175L6 7.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L7.175 6l4.075-4.075a.835.835 0 0 0 0-1.167Z\"\n      />\n    </svg>\n  );\n}\n\nfunction XIconCambio({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"currentColor\"\n      focusable=\"false\"\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path>\n    </svg>\n  );\n}\n\n// Note: Only sm + lg size currently. design thinks there should only be two sizes.\n// If there IS a md size at some point, we should use the \"size\" const.\nconst sizeWidth = {\n  sm: 400,\n  lg: 600,\n} as const;\n\n/**\n * [Modal](https://cambly-syntax.vercel.app/?path=/docs/components-modal--docs) is a dialog that appears on top of the main content and locks user interaction within the modal.\n *\n ```\n  const [showModal, setShowModal] = useState(false)\n\n  return (\n    <>\n      {showModal && <Modal\n        header=\"header text\"\n        onDismiss={() => setShowModal(false)}\n        footer={\n          <>\n            <Button\n              text=\"Cancel\"\n              color=\"secondary\"\n              onClick={() => {}}\n            />\n            <Button\n              text=\"Confirm\"\n              onClick={() => {}}\n            />\n          </>\n        }\n      >\n        <Typography>\n          Body text goes here!\n        </Typography>\n      </Modal> }\n    </>\n  )\n  ```\n */\nexport default function Modal({\n  header,\n  children,\n  image,\n  onDismiss,\n  footer,\n  accessibilityCloseLabel = \"close modal\",\n  size = \"sm\",\n  zIndex = 1,\n  \"data-testid\": dataTestId,\n}: {\n  /**\n   * The modal's main content. Should typically take in `Typography`'d text.\n   */\n  children: JSX.Element;\n  /**\n   * The header inside a modal as a string.\n   */\n  header: string;\n  /**\n   * What the X button (or clicking out of the modal area) does.\n   * Typically used for closing the Modal\n   */\n  onDismiss: () => void;\n  /**\n   * The optional image rendered above the Modal.\n   * Image size should be 400w x 200h.\n   * If images aren't that sized, should ask design to give another image.\n   */\n  image?: JSX.Element;\n  /**\n   * The footer for the bottom area of the Modal. Typically used for rendering buttons.\n   * * Use Syntax `Button` and pass it into footer.\n   * * If one button, just pass it in. If two, wrap in a React fragment (`<> </>`)\n   * * If two(2) buttons, put primary button _second_.\n   *\n      <>\n        <Button\n          text=\"Cancel\"\n          color=\"secondary\"\n          onClick={() => {}}\n        />\n        <Button\n          text=\"Confirm\"\n          onClick={() => {}}\n        />\n      </>\n   */\n  footer?: JSX.Element;\n  /**\n   * The accessibilty text on the close button.\n   * (Sets the aria-label of the button)\n   *\n   *\n   * @defaultValue close modal\n   */\n  accessibilityCloseLabel?: string;\n  /**\n   * The size of the card\n   *\n   * * `sm`: 400px\n   * * `lg`: 600px\n   *\n   *\n   * @defaultValue sm\n   */\n  size?: keyof typeof sizeWidth;\n  /**\n   * The z-index for the modal.\n   * Typically used if there are other things on the page with higher z-index and you need this overlayed on top.\n   *\n   * @defaultValue 0\n   */\n  zIndex?: number;\n  /**\n   * Test id for the modal\n   */\n  \"data-testid\"?: string;\n}): ReactElement {\n  const { themeName } = useTheme();\n  return (\n    <Layer zIndex={zIndex}>\n      <StopScroll>\n        <FocusTrap>\n          <div\n            className={classnames(\n              styles.backdrop,\n              themeName === \"classic\"\n                ? styles.backdropClassic\n                : styles.backdropCambio,\n            )}\n            role=\"presentation\"\n            onClick={(e) => e.target === e.currentTarget && onDismiss()}\n            onKeyDown={(e) => e.key === \"Escape\" && onDismiss()}\n          >\n            <Box\n              data-testid={dataTestId}\n              backgroundColor=\"white\"\n              rounding={themeName === \"classic\" ? \"xl\" : \"md\"}\n              display=\"flex\"\n              direction=\"column\"\n              minWidth={240}\n              maxWidth={sizeWidth[size]}\n              width=\"100%\"\n              dangerouslySetInlineStyle={{ __style: { overflow: \"hidden\" } }}\n            >\n              <Box position=\"relative\">\n                {themeName === \"classic\" ? (\n                  <button\n                    aria-label={accessibilityCloseLabel}\n                    type=\"button\"\n                    className={classnames(\n                      styles.closeButton,\n                      styles.closeButtonClassic,\n                      {\n                        [styles.closeButtonWithImage]: !!image,\n                      },\n                    )}\n                    onClick={onDismiss}\n                  >\n                    <XIcon color={image ? \"#fff\" : \"#000\"} />\n                  </button>\n                ) : (\n                  <Box\n                    position=\"absolute\"\n                    dangerouslySetInlineStyle={{\n                      __style: { top: 4, right: 4 },\n                    }}\n                  >\n                    <IconButton\n                      accessibilityLabel={accessibilityCloseLabel}\n                      color={image ? \"primary\" : \"tertiary\"}\n                      on={image ? \"darkBackground\" : \"lightBackground\"}\n                      size=\"sm\"\n                      icon={XIconCambio}\n                    />\n                  </Box>\n                )}\n              </Box>\n              {image && <Box maxHeight={200}>{image}</Box>}\n              <Box\n                display=\"flex\"\n                gap={3}\n                direction=\"column\"\n                padding={themeName === \"classic\" ? 9 : 6}\n              >\n                <Heading\n                  as=\"h1\"\n                  size={themeName === \"classic\" ? 500 : 400}\n                  fontStyle={themeName === \"classic\" ? \"sans-serif\" : \"serif\"}\n                >\n                  {header}\n                </Heading>\n                <Box marginBottom={themeName === \"classic\" ? 4 : 0}>\n                  {children}\n                </Box>\n                {footer && (\n                  <Box\n                    display=\"flex\"\n                    direction=\"column\"\n                    gap={3}\n                    smDirection=\"row\"\n                    smJustifyContent=\"end\"\n                    lgDirection=\"row\"\n                    lgJustifyContent=\"end\"\n                  >\n                    {footer}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </div>\n        </FocusTrap>\n      </StopScroll>\n    </Layer>\n  );\n}\n\nModal.displayName = \"Modal\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Modal/Modal.module.css\"; export default {\"backdrop\":\"_backdrop_1w5vm_1\",\"backdropClassic\":\"_backdropClassic_1w5vm_11\",\"backdropCambio\":\"_backdropCambio_1w5vm_15\",\"closeButton\":\"_closeButton_1w5vm_19\",\"closeButtonClassic\":\"_closeButtonClassic_1w5vm_34\",\"closeButtonWithImage\":\"_closeButtonWithImage_1w5vm_46\",\"closeButtonWithImageCambio\":\"_closeButtonWithImageCambio_1w5vm_50\"}"]}

package/dist/__chunks/{UYZYKU2W.cjs → 5V4GT2NJ.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _27K33DEMcjs = require('./27K33DEM.cjs');
+var _SNYEHXDAcjs = require('./SNYEHXDA.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, 
-      _27K33DEMcjs.Box_default,
+      _SNYEHXDAcjs.Box_default,
       {
         "data-testid": "syntax-layer",
         position: "fixed",
@@ -29,4 +29,4 @@ function Layer({
 
 
 exports.Layer = Layer;
-//# sourceMappingURL=UYZYKU2W.cjs.map
+//# sourceMappingURL=5V4GT2NJ.cjs.map

package/dist/__chunks/{VOLO4QB4.cjs → 6S3NMK6F.cjs}

@@ -3,13 +3,13 @@
 
 
 
-var _4TWU6PQAcjs = require('./4TWU6PQA.cjs');
+var _DN43TX54cjs = require('./DN43TX54.cjs');
 
 
-var _ZDDA4AKBcjs = require('./ZDDA4AKB.cjs');
+var _ATC5Z75Tcjs = require('./ATC5Z75T.cjs');
 
 
-var _EVDDEHP3cjs = require('./EVDDEHP3.cjs');
+var _7K5BKF5Xcjs = require('./7K5BKF5X.cjs');
 
 
 var _VL5ONCQDcjs = require('./VL5ONCQD.cjs');
@@ -19,22 +19,22 @@ var _UKLQ64N7cjs = require('./UKLQ64N7.cjs');
 
 
 
-var _C2JXAQM4cjs = require('./C2JXAQM4.cjs');
+var _Q3GQP4AUcjs = require('./Q3GQP4AU.cjs');
 
 
-var _NFDOY7GEcjs = require('./NFDOY7GE.cjs');
+var _GOMOMWQOcjs = require('./GOMOMWQO.cjs');
 
 
-var _I5HC6BIKcjs = require('./I5HC6BIK.cjs');
+var _FSIIRTOIcjs = require('./FSIIRTOI.cjs');
 
 
-var _27K33DEMcjs = require('./27K33DEM.cjs');
+var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
 
 
-var _WGRHH5TFcjs = require('./WGRHH5TF.cjs');
+var _JEHUXNNKcjs = require('./JEHUXNNK.cjs');
 
 
-var _6W5WRS53cjs = require('./6W5WRS53.cjs');
+var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -108,14 +108,14 @@ function RichSelectList(props) {
   const inputId = id != null ? id : reactId;
   const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
   const disabled = !isHydrated || disabledProp;
-  const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
+  const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
   const overlayHandlerRef = _react.useRef.call(void 0, {});
   const selectedKeysProp = _react.useMemo.call(void 0, 
-    () => _4TWU6PQAcjs.convertSelection.call(void 0, selectedValuesProp),
+    () => _DN43TX54cjs.convertSelection.call(void 0, selectedValuesProp),
     [selectedValuesProp]
   );
   const defaultSelectedKeys = _react.useMemo.call(void 0, 
-    () => _4TWU6PQAcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
+    () => _DN43TX54cjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
     [defaultSelectedValuesProp]
   );
   const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0, 
@@ -153,7 +153,7 @@ function RichSelectList(props) {
     _reactariacomponents.Provider,
     {
       values: [
-        [_4TWU6PQAcjs.RichSelectBoxContext, { autoFocus: true }],
+        [_DN43TX54cjs.RichSelectBoxContext, { autoFocus: true }],
         [_VL5ONCQDcjs.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
       ],
@@ -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, _27K33DEMcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 3, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WGRHH5TFcjs.Typography_default, { size: 100, color: "gray700", children: label }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 3, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _JEHUXNNKcjs.Typography_default, { size: 100, color: "gray700", children: label }) })
               })
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _EVDDEHP3cjs.Popover_default,
+              _7K5BKF5Xcjs.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, 
-                    _27K33DEMcjs.Box_default,
+                    _SNYEHXDAcjs.Box_default,
                     {
                       padding: autosave ? void 0 : 5,
                       dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _4TWU6PQAcjs.RichSelectBox_default,
+                        _DN43TX54cjs.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 ? _C2JXAQM4cjs.ColorBaseDestructive700 : _C2JXAQM4cjs.ColorBaseGray800,
+                              fill: errorText ? _Q3GQP4AUcjs.ColorBaseDestructive700 : _Q3GQP4AUcjs.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, _27K33DEMcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _WGRHH5TFcjs.Typography_default,
+            (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _JEHUXNNKcjs.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: _NFDOY7GEcjs.RichSelectSection_default,
-  Chip: _ZDDA4AKBcjs.RichSelectChip_default,
-  RadioButton: _I5HC6BIKcjs.RichSelectRadioButton_default
+  Section: _GOMOMWQOcjs.RichSelectSection_default,
+  Chip: _ATC5Z75Tcjs.RichSelectChip_default,
+  RadioButton: _FSIIRTOIcjs.RichSelectRadioButton_default
 });
 
 
 
 exports.RichSelectList_default = RichSelectList_default;
-//# sourceMappingURL=VOLO4QB4.cjs.map
+//# sourceMappingURL=6S3NMK6F.cjs.map

package/dist/__chunks/{EVDDEHP3.cjs → 7K5BKF5X.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 _3P4HISCUcjs = require('./3P4HISCU.cjs');
+var _ADHTE22Dcjs = require('./ADHTE22D.cjs');
 
 
 var _VL5ONCQDcjs = require('./VL5ONCQD.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, 
-    _3P4HISCUcjs.ModalDialog_default,
+    _ADHTE22Dcjs.ModalDialog_default,
     {
       accessibilityLabel,
       accessibilityCloseLabel,
@@ -141,4 +141,4 @@ var Popover_default = Popover;
 
 
 exports.AriaPopover = AriaPopover; exports.Popover_default = Popover_default;
-//# sourceMappingURL=EVDDEHP3.cjs.map
+//# sourceMappingURL=7K5BKF5X.cjs.map