@cambly/syntax-core 10.9.0 → 10.10.0

package/dist/RichSelect/RichSelectSection.cjs

@@ -1,15 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _7W5RYLTScjs = require('../__chunks/7W5RYLTS.cjs');
-require('../__chunks/ZDMSFZS3.cjs');
-require('../__chunks/VMARHE5B.cjs');
-require('../__chunks/VUANIQYP.cjs');
-require('../__chunks/TIW4V757.cjs');
-require('../__chunks/TF76F532.cjs');
 
-require('../__chunks/WKDXUPAM.cjs');
-require('../__chunks/I64JGYX7.cjs');
+var _IYA2TMMRcjs = require('../__chunks/IYA2TMMR.cjs');
+require('../__chunks/MF7LLV7V.cjs');
+require('../__chunks/SBCGYV6N.cjs');
+require('../__chunks/WFVGNGEP.cjs');
+require('../__chunks/X6HZ6DM2.cjs');
+require('../__chunks/X2LNODY7.cjs');
 
+require('../__chunks/COV3XKSJ.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.default = _7W5RYLTScjs.RichSelectSection_default;
+
+exports.default = _IYA2TMMRcjs.RichSelectSection_default;
 //# sourceMappingURL=RichSelectSection.cjs.map

package/dist/RichSelect/RichSelectSection.js

@@ -1,14 +1,15 @@
+"use client"
 import {
   RichSelectSection_default
-} from "../__chunks/BIOBVFK4.js";
-import "../__chunks/PTWXXDFF.js";
-import "../__chunks/KMIZI5PW.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/32FNU7ZY.js";
-import "../__chunks/5OB72SMM.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/RXNTJFP4.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/A4QZYP2J.js";
+import "../__chunks/DDUJFFG7.js";
+import "../__chunks/O3CEUWCC.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/L7PPCZM5.js";
+import "../__chunks/JHJZ5COD.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/RN3PLPAG.js";
+import "../__chunks/UWGNJENA.js";
 export {
   RichSelectSection_default as default
 };

package/dist/SelectList/SelectList.cjs

@@ -1,17 +1,18 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _OI44OAX7cjs = require('../__chunks/OI44OAX7.cjs');
-require('../__chunks/GKECCWR3.cjs');
-require('../__chunks/POAYQEOA.cjs');
-require('../__chunks/LTM57QMY.cjs');
-require('../__chunks/TIW4V757.cjs');
-require('../__chunks/TF76F532.cjs');
-require('../__chunks/VUANIQYP.cjs');
-require('../__chunks/WKDXUPAM.cjs');
-require('../__chunks/FZRIE7EX.cjs');
-require('../__chunks/GVEA7SLQ.cjs');
-require('../__chunks/I64JGYX7.cjs');
 
+var _6QHOCICXcjs = require('../__chunks/6QHOCICX.cjs');
+require('../__chunks/4UJE5GMH.cjs');
+require('../__chunks/AGHYI7QR.cjs');
+require('../__chunks/XLUVINJW.cjs');
+require('../__chunks/X6HZ6DM2.cjs');
+require('../__chunks/X2LNODY7.cjs');
+require('../__chunks/WFVGNGEP.cjs');
+require('../__chunks/COV3XKSJ.cjs');
+require('../__chunks/K4AUV2VK.cjs');
+require('../__chunks/NOELZTQX.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.default = _OI44OAX7cjs.SelectList;
+
+exports.default = _6QHOCICXcjs.SelectList;
 //# sourceMappingURL=SelectList.cjs.map

package/dist/SelectList/SelectList.js

@@ -1,16 +1,17 @@
+"use client"
 import {
   SelectList
-} from "../__chunks/IOYNCG2J.js";
-import "../__chunks/HOUO3WV6.js";
-import "../__chunks/IOQT7L7F.js";
-import "../__chunks/2O6FDRTF.js";
-import "../__chunks/32FNU7ZY.js";
-import "../__chunks/5OB72SMM.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/RXNTJFP4.js";
-import "../__chunks/YJ7YDIGB.js";
-import "../__chunks/OGJDUOWP.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/KCVBUNSJ.js";
+import "../__chunks/Y47XTR6M.js";
+import "../__chunks/T5ET7RIA.js";
+import "../__chunks/KKADUD65.js";
+import "../__chunks/L7PPCZM5.js";
+import "../__chunks/JHJZ5COD.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/RN3PLPAG.js";
+import "../__chunks/JB65NEXK.js";
+import "../__chunks/BWPNF6RD.js";
+import "../__chunks/UWGNJENA.js";
 export {
   SelectList as default
 };

package/dist/SelectList/SelectOption.cjs

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _GKECCWR3cjs = require('../__chunks/GKECCWR3.cjs');
-require('../__chunks/I64JGYX7.cjs');
 
+var _4UJE5GMHcjs = require('../__chunks/4UJE5GMH.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.default = _GKECCWR3cjs.SelectOption_default;
+
+exports.default = _4UJE5GMHcjs.SelectOption_default;
 //# sourceMappingURL=SelectOption.cjs.map

package/dist/SelectList/SelectOption.js

@@ -1,7 +1,8 @@
+"use client"
 import {
   SelectOption_default
-} from "../__chunks/HOUO3WV6.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/Y47XTR6M.js";
+import "../__chunks/UWGNJENA.js";
 export {
   SelectOption_default as default
 };

package/dist/TapArea/TapArea.cjs

@@ -1,10 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _M3L2KJQYcjs = require('../__chunks/M3L2KJQY.cjs');
-require('../__chunks/7GJ2SD7O.cjs');
-require('../__chunks/FZRIE7EX.cjs');
-require('../__chunks/I64JGYX7.cjs');
 
+var _DKBI6MRYcjs = require('../__chunks/DKBI6MRY.cjs');
+require('../__chunks/VF7PQHZP.cjs');
+require('../__chunks/K4AUV2VK.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.default = _M3L2KJQYcjs.TapArea_default;
+
+exports.default = _DKBI6MRYcjs.TapArea_default;
 //# sourceMappingURL=TapArea.cjs.map

package/dist/TapArea/TapArea.js

@@ -1,9 +1,10 @@
+"use client"
 import {
   TapArea_default
-} from "../__chunks/OXKLJY2L.js";
-import "../__chunks/TPMQI44L.js";
-import "../__chunks/YJ7YDIGB.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/QBGKDCTG.js";
+import "../__chunks/X5UGK633.js";
+import "../__chunks/JB65NEXK.js";
+import "../__chunks/UWGNJENA.js";
 export {
   TapArea_default as default
 };

package/dist/TextArea/TextArea.cjs

@@ -1,18 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _DWTZH7KMcjs = require('../__chunks/DWTZH7KM.cjs');
-require('../__chunks/VUANIQYP.cjs');
-require('../__chunks/SZCVEBN2.cjs');
 
-require('../__chunks/7GJ2SD7O.cjs');
+var _EQIP4BADcjs = require('../__chunks/EQIP4BAD.cjs');
+require('../__chunks/WFVGNGEP.cjs');
+require('../__chunks/WJRIAS4W.cjs');
 
-require('../__chunks/TIW4V757.cjs');
-require('../__chunks/TF76F532.cjs');
+require('../__chunks/VF7PQHZP.cjs');
 
-require('../__chunks/WKDXUPAM.cjs');
-require('../__chunks/FZRIE7EX.cjs');
-require('../__chunks/I64JGYX7.cjs');
+require('../__chunks/X6HZ6DM2.cjs');
+require('../__chunks/X2LNODY7.cjs');
 
+require('../__chunks/COV3XKSJ.cjs');
+require('../__chunks/K4AUV2VK.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.default = _DWTZH7KMcjs.TextArea_default;
+
+exports.default = _EQIP4BADcjs.TextArea_default;
 //# sourceMappingURL=TextArea.cjs.map

package/dist/TextArea/TextArea.js

@@ -1,17 +1,18 @@
+"use client"
 import {
   TextArea_default
-} from "../__chunks/2L772DMJ.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/I5W7ECUO.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/TPMQI44L.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/32FNU7ZY.js";
-import "../__chunks/5OB72SMM.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/RXNTJFP4.js";
-import "../__chunks/YJ7YDIGB.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/V6DB6ZQU.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/MAPDSZR4.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/X5UGK633.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/L7PPCZM5.js";
+import "../__chunks/JHJZ5COD.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/RN3PLPAG.js";
+import "../__chunks/JB65NEXK.js";
+import "../__chunks/UWGNJENA.js";
 export {
   TextArea_default as default
 };

package/dist/TextField/TextField.cjs

@@ -1,18 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _CVY5S6ZXcjs = require('../__chunks/CVY5S6ZX.cjs');
-require('../__chunks/VUANIQYP.cjs');
-require('../__chunks/SZCVEBN2.cjs');
 
-require('../__chunks/7GJ2SD7O.cjs');
+var _6IS4356Ocjs = require('../__chunks/6IS4356O.cjs');
+require('../__chunks/WFVGNGEP.cjs');
+require('../__chunks/WJRIAS4W.cjs');
 
-require('../__chunks/TIW4V757.cjs');
-require('../__chunks/TF76F532.cjs');
+require('../__chunks/VF7PQHZP.cjs');
 
-require('../__chunks/WKDXUPAM.cjs');
-require('../__chunks/FZRIE7EX.cjs');
-require('../__chunks/I64JGYX7.cjs');
+require('../__chunks/X6HZ6DM2.cjs');
+require('../__chunks/X2LNODY7.cjs');
 
+require('../__chunks/COV3XKSJ.cjs');
+require('../__chunks/K4AUV2VK.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.default = _CVY5S6ZXcjs.TextField;
+
+exports.default = _6IS4356Ocjs.TextField;
 //# sourceMappingURL=TextField.cjs.map

package/dist/TextField/TextField.js

@@ -1,17 +1,18 @@
+"use client"
 import {
   TextField
-} from "../__chunks/BQ6CW43H.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/I5W7ECUO.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/TPMQI44L.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/32FNU7ZY.js";
-import "../__chunks/5OB72SMM.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/RXNTJFP4.js";
-import "../__chunks/YJ7YDIGB.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/IDI4ITMK.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/MAPDSZR4.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/X5UGK633.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/L7PPCZM5.js";
+import "../__chunks/JHJZ5COD.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/RN3PLPAG.js";
+import "../__chunks/JB65NEXK.js";
+import "../__chunks/UWGNJENA.js";
 export {
   TextField as default
 };

package/dist/ThemeProvider/ThemeProvider.cjs

@@ -1,10 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _WKDXUPAMcjs = require('../__chunks/WKDXUPAM.cjs');
-require('../__chunks/I64JGYX7.cjs');
 
+var _COV3XKSJcjs = require('../__chunks/COV3XKSJ.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _WKDXUPAMcjs.ThemeProvider; exports.useTheme = _WKDXUPAMcjs.useTheme;
+
+exports.default = _COV3XKSJcjs.ThemeProvider; exports.useTheme = _COV3XKSJcjs.useTheme;
 //# sourceMappingURL=ThemeProvider.cjs.map

package/dist/ThemeProvider/ThemeProvider.js

@@ -1,8 +1,9 @@
+"use client"
 import {
   ThemeProvider,
   useTheme
-} from "../__chunks/RXNTJFP4.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/RN3PLPAG.js";
+import "../__chunks/UWGNJENA.js";
 export {
   ThemeProvider as default,
   useTheme

package/dist/Tooltip/Tooltip.cjs

@@ -1,23 +1,24 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _WPRJVUVLcjs = require('../__chunks/WPRJVUVL.cjs');
-require('../__chunks/5WNFAQGY.cjs');
-require('../__chunks/VMARHE5B.cjs');
-require('../__chunks/VUANIQYP.cjs');
-require('../__chunks/7GJ2SD7O.cjs');
 
-require('../__chunks/TIW4V757.cjs');
-require('../__chunks/TF76F532.cjs');
+var _FO34OHGHcjs = require('../__chunks/FO34OHGH.cjs');
+require('../__chunks/PLUVW6AM.cjs');
+require('../__chunks/SBCGYV6N.cjs');
+require('../__chunks/WFVGNGEP.cjs');
+require('../__chunks/VF7PQHZP.cjs');
 
-require('../__chunks/WKDXUPAM.cjs');
-require('../__chunks/4EXO6IHD.cjs');
-require('../__chunks/QJI4G5FP.cjs');
-require('../__chunks/4PLE46VU.cjs');
-require('../__chunks/RFHPSEBF.cjs');
-require('../__chunks/I64JGYX7.cjs');
+require('../__chunks/X6HZ6DM2.cjs');
+require('../__chunks/X2LNODY7.cjs');
 
+require('../__chunks/COV3XKSJ.cjs');
+require('../__chunks/LLFHCGRA.cjs');
+require('../__chunks/UAN6WTHU.cjs');
+require('../__chunks/FZLDJPVT.cjs');
+require('../__chunks/E5P6WRJD.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.AriaTooltip = _WPRJVUVLcjs.AriaTooltip; exports.default = _WPRJVUVLcjs.Tooltip_default;
+
+exports.AriaTooltip = _FO34OHGHcjs.AriaTooltip; exports.default = _FO34OHGHcjs.Tooltip_default;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/Tooltip/Tooltip.js

@@ -1,21 +1,22 @@
+"use client"
 import {
   AriaTooltip,
   Tooltip_default
-} from "../__chunks/6NXOQHE2.js";
-import "../__chunks/652STTPK.js";
-import "../__chunks/KMIZI5PW.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/TPMQI44L.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/32FNU7ZY.js";
-import "../__chunks/5OB72SMM.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/RXNTJFP4.js";
-import "../__chunks/ARBLKS7D.js";
-import "../__chunks/JQ6POHCA.js";
-import "../__chunks/5ZDZZL2P.js";
-import "../__chunks/XKDASN7N.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/UZODIMNK.js";
+import "../__chunks/ZOWOFYUE.js";
+import "../__chunks/O3CEUWCC.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/X5UGK633.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/L7PPCZM5.js";
+import "../__chunks/JHJZ5COD.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/RN3PLPAG.js";
+import "../__chunks/SVZOETLJ.js";
+import "../__chunks/M26PGOYA.js";
+import "../__chunks/7N4ZDVVD.js";
+import "../__chunks/E5KMIBEU.js";
+import "../__chunks/UWGNJENA.js";
 export {
   AriaTooltip,
   Tooltip_default as default

package/dist/Typography/Typography.cjs

@@ -1,11 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
-var _TIW4V757cjs = require('../__chunks/TIW4V757.cjs');
-require('../__chunks/TF76F532.cjs');
-require('../__chunks/VUANIQYP.cjs');
-require('../__chunks/WKDXUPAM.cjs');
-require('../__chunks/I64JGYX7.cjs');
 
+var _X6HZ6DM2cjs = require('../__chunks/X6HZ6DM2.cjs');
+require('../__chunks/X2LNODY7.cjs');
+require('../__chunks/WFVGNGEP.cjs');
+require('../__chunks/COV3XKSJ.cjs');
+require('../__chunks/X2SDR4SD.cjs');
 
-exports.default = _TIW4V757cjs.Typography_default;
+
+exports.default = _X6HZ6DM2cjs.Typography_default;
 //# sourceMappingURL=Typography.cjs.map

package/dist/Typography/Typography.js

@@ -1,10 +1,11 @@
+"use client"
 import {
   Typography_default
-} from "../__chunks/32FNU7ZY.js";
-import "../__chunks/5OB72SMM.js";
-import "../__chunks/5AR53MHD.js";
-import "../__chunks/RXNTJFP4.js";
-import "../__chunks/LULBCTQR.js";
+} from "../__chunks/L7PPCZM5.js";
+import "../__chunks/JHJZ5COD.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/RN3PLPAG.js";
+import "../__chunks/UWGNJENA.js";
 export {
   Typography_default as default
 };

package/dist/__chunks/{Q5RYWCW7.js → 23RTNWVN.js}

@@ -1,18 +1,19 @@
+"use client"
 import {
   Heading_default
-} from "./JBEJC7X2.js";
+} from "./Z7EXVTCJ.js";
 import {
   StopScroll
-} from "./AFINOME7.js";
+} from "./QQT35OLE.js";
 import {
   Layer
-} from "./UWLK56NJ.js";
+} from "./4DDBT2NH.js";
 import {
   FocusTrap
-} from "./42YPEAFS.js";
+} from "./KODEDJGB.js";
 import {
   Box_default
-} from "./I5W7ECUO.js";
+} from "./MAPDSZR4.js";
 
 // src/Modal/Modal.tsx
 import classnames from "classnames";
@@ -107,4 +108,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=Q5RYWCW7.js.map
+//# sourceMappingURL=23RTNWVN.js.map

package/dist/__chunks/{Q5RYWCW7.js.map → 23RTNWVN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Modal/Modal.tsx","css-module:./Modal.module.css#css-module"],"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\";\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\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  return (\n    <Layer zIndex={zIndex}>\n      <StopScroll>\n        <FocusTrap>\n          <div\n            className={styles.backdrop}\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=\"xl\"\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                <button\n                  aria-label={accessibilityCloseLabel}\n                  type=\"button\"\n                  className={classnames(styles.closeButton, {\n                    [styles.closeButtonWithImage]: !!image,\n                  })}\n                  onClick={onDismiss}\n                >\n                  <XIcon color={image ? \"#fff\" : \"#000\"} />\n                </button>\n              </Box>\n              {image && <Box maxHeight={200}>{image}</Box>}\n              <Box display=\"flex\" gap={3} direction=\"column\" padding={9}>\n                <Heading as=\"h1\" size={500}>\n                  {header}\n                </Heading>\n                <Box marginBottom={4}>{children}</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_30t3h_1\",\"closeButton\":\"_closeButton_30t3h_12\",\"closeButtonWithImage\":\"_closeButtonWithImage_30t3h_32\"}"],"mappings":";;;;;;;;;;;;;;;;;AACA,OAAO,gBAAgB;;;ACDmE,IAAO,uBAAQ,EAAC,YAAW,qBAAoB,eAAc,yBAAwB,wBAAuB,iCAAgC;;;ADchO,cAiKQ,YAjKR;AAHN,SAAS,MAAM,EAAE,QAAQ,OAAO,GAAuB;AACrD,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAM,OACnE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACF;AAEJ;AAIA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAmCe,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,0BAA0B;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AACjB,GAoEiB;AACf,SACE,oBAAC,SAAM,QACL,8BAAC,cACC,8BAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qBAAO;AAAA,MAClB,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,UAAU;AAAA,MAC1D,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY,UAAU;AAAA,MAElD;AAAA,QAAC;AAAA;AAAA,UACC,eAAa;AAAA,UACb,iBAAgB;AAAA,UAChB,UAAS;AAAA,UACT,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU,UAAU,IAAI;AAAA,UACxB,OAAM;AAAA,UACN,2BAA2B,EAAE,SAAS,EAAE,UAAU,SAAS,EAAE;AAAA,UAE7D;AAAA,gCAAC,eAAI,UAAS,YACZ;AAAA,cAAC;AAAA;AAAA,gBACC,cAAY;AAAA,gBACZ,MAAK;AAAA,gBACL,WAAW,WAAW,qBAAO,aAAa;AAAA,kBACxC,CAAC,qBAAO,oBAAoB,GAAG,CAAC,CAAC;AAAA,gBACnC,CAAC;AAAA,gBACD,SAAS;AAAA,gBAET,8BAAC,SAAM,OAAO,QAAQ,SAAS,QAAQ;AAAA;AAAA,YACzC,GACF;AAAA,YACC,SAAS,oBAAC,eAAI,WAAW,KAAM,iBAAM;AAAA,YACtC,qBAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,WAAU,UAAS,SAAS,GACtD;AAAA,kCAAC,mBAAQ,IAAG,MAAK,MAAM,KACpB,kBACH;AAAA,cACA,oBAAC,eAAI,cAAc,GAAI,UAAS;AAAA,cAC/B,UACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,KAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBACjB,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBAEhB;AAAA;AAAA,cACH;AAAA,eAEJ;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,cAAc;","names":[]}
+{"version":3,"sources":["../../src/Modal/Modal.tsx","css-module:./Modal.module.css#css-module"],"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\";\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\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  return (\n    <Layer zIndex={zIndex}>\n      <StopScroll>\n        <FocusTrap>\n          <div\n            className={styles.backdrop}\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=\"xl\"\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                <button\n                  aria-label={accessibilityCloseLabel}\n                  type=\"button\"\n                  className={classnames(styles.closeButton, {\n                    [styles.closeButtonWithImage]: !!image,\n                  })}\n                  onClick={onDismiss}\n                >\n                  <XIcon color={image ? \"#fff\" : \"#000\"} />\n                </button>\n              </Box>\n              {image && <Box maxHeight={200}>{image}</Box>}\n              <Box display=\"flex\" gap={3} direction=\"column\" padding={9}>\n                <Heading as=\"h1\" size={500}>\n                  {header}\n                </Heading>\n                <Box marginBottom={4}>{children}</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_30t3h_1\",\"closeButton\":\"_closeButton_30t3h_12\",\"closeButtonWithImage\":\"_closeButtonWithImage_30t3h_32\"}"],"mappings":";;;;;;;;;;;;;;;;;;AACA,OAAO,gBAAgB;;;ACDmE,IAAO,uBAAQ,EAAC,YAAW,qBAAoB,eAAc,yBAAwB,wBAAuB,iCAAgC;;;ADchO,cAiKQ,YAjKR;AAHN,SAAS,MAAM,EAAE,QAAQ,OAAO,GAAuB;AACrD,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAM,OACnE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACF;AAEJ;AAIA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAmCe,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,0BAA0B;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AACjB,GAoEiB;AACf,SACE,oBAAC,SAAM,QACL,8BAAC,cACC,8BAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qBAAO;AAAA,MAClB,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,UAAU;AAAA,MAC1D,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY,UAAU;AAAA,MAElD;AAAA,QAAC;AAAA;AAAA,UACC,eAAa;AAAA,UACb,iBAAgB;AAAA,UAChB,UAAS;AAAA,UACT,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU,UAAU,IAAI;AAAA,UACxB,OAAM;AAAA,UACN,2BAA2B,EAAE,SAAS,EAAE,UAAU,SAAS,EAAE;AAAA,UAE7D;AAAA,gCAAC,eAAI,UAAS,YACZ;AAAA,cAAC;AAAA;AAAA,gBACC,cAAY;AAAA,gBACZ,MAAK;AAAA,gBACL,WAAW,WAAW,qBAAO,aAAa;AAAA,kBACxC,CAAC,qBAAO,oBAAoB,GAAG,CAAC,CAAC;AAAA,gBACnC,CAAC;AAAA,gBACD,SAAS;AAAA,gBAET,8BAAC,SAAM,OAAO,QAAQ,SAAS,QAAQ;AAAA;AAAA,YACzC,GACF;AAAA,YACC,SAAS,oBAAC,eAAI,WAAW,KAAM,iBAAM;AAAA,YACtC,qBAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,WAAU,UAAS,SAAS,GACtD;AAAA,kCAAC,mBAAQ,IAAG,MAAK,MAAM,KACpB,kBACH;AAAA,cACA,oBAAC,eAAI,cAAc,GAAI,UAAS;AAAA,cAC/B,UACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,KAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBACjB,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBAEhB;AAAA;AAAA,cACH;AAAA,eAEJ;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,cAAc;","names":[]}

package/dist/__chunks/{T2WKEFB5.js → 2HKT4ZZ3.js}

@@ -1,29 +1,30 @@
+"use client"
 import {
   ModalDialog_default
-} from "./MQUMPR4A.js";
+} from "./J6IV47MV.js";
 import {
   Dialog_default
-} from "./ZEA5JDEB.js";
+} from "./OULAADL7.js";
 import {
   layout_module_default
-} from "./PTWXXDFF.js";
+} from "./DDUJFFG7.js";
 import {
   Box_module_default
-} from "./KMIZI5PW.js";
+} from "./O3CEUWCC.js";
 import {
   syntaxToReactAriaPlacement
-} from "./ARBLKS7D.js";
+} from "./SVZOETLJ.js";
 import {
   Triggerable_default
-} from "./JQ6POHCA.js";
+} from "./M26PGOYA.js";
 import {
   OverlayVisibility
-} from "./XKDASN7N.js";
+} from "./E5KMIBEU.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./LULBCTQR.js";
+} from "./UWGNJENA.js";
 
 // src/Popover/Popover.tsx
 import { forwardRef } from "react";
@@ -140,4 +141,4 @@ export {
   AriaPopover,
   Popover_default
 };
-//# sourceMappingURL=T2WKEFB5.js.map
+//# sourceMappingURL=2HKT4ZZ3.js.map