@cambly/syntax-core 10.6.1 → 10.7.0-beta.0

package/dist/__chunks/KXNM5IFQ.cjs

@@ -0,0 +1,135 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _LQ6T5UCIcjs = require('./LQ6T5UCI.cjs');
+
+
+var _7AYSDTC6cjs = require('./7AYSDTC6.cjs');
+
+
+var _AP4SKCODcjs = require('./AP4SKCOD.cjs');
+
+
+
+var _PSWX5DBCcjs = require('./PSWX5DBC.cjs');
+
+
+
+var _AZSWRSRLcjs = require('./AZSWRSRL.cjs');
+
+
+
+var _V73UH6T4cjs = require('./V73UH6T4.cjs');
+
+
+var _5NIFOD6Kcjs = require('./5NIFOD6K.cjs');
+
+
+var _P4BVQ554cjs = require('./P4BVQ554.cjs');
+
+
+var _IXWQIXINcjs = require('./IXWQIXIN.cjs');
+
+
+var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
+
+// src/Button/Button.tsx
+var _react = require('react');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+// css-module:./Button.module.css#css-module
+var Button_module_default = { "button": "_button_13a7m_1", "buttonGap": "_buttonGap_13a7m_9", "fullWidth": "_fullWidth_13a7m_50", "sm": "_sm_13a7m_54", "md": "_md_13a7m_61", "lg": "_lg_13a7m_68", "smCambio": "_smCambio_13a7m_75", "mdCambio": "_mdCambio_13a7m_82", "lgCambio": "_lgCambio_13a7m_89", "icon": "_icon_13a7m_96", "smIcon": "_smIcon_13a7m_100", "mdIcon": "_mdIcon_13a7m_107", "lgIcon": "_lgIcon_13a7m_114", "secondaryBorder": "_secondaryBorder_13a7m_121", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_13a7m_125", "cambioSecondaryBorder": "_cambioSecondaryBorder_13a7m_129", "cambioSecondaryDestructiveBorder": "_cambioSecondaryDestructiveBorder_13a7m_133", "cambioSecondarySuccessBorder": "_cambioSecondarySuccessBorder_13a7m_137", "loading": "_loading_13a7m_151", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_13a7m_1", "loadingCircle": "_loadingCircle_13a7m_155" };
+
+// src/Button/Button.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Button = _react.forwardRef.call(void 0, 
+  ({
+    "data-testid": dataTestId,
+    text,
+    loadingText,
+    color = "primary",
+    size = "md",
+    accessibilityLabel,
+    disabled = false,
+    loading = false,
+    fullWidth = false,
+    startIcon: StartIcon,
+    endIcon: EndIcon,
+    onClick,
+    tooltip,
+    type = "button"
+  }, ref) => {
+    const isHydrated = _FZRIE7EXcjs.useIsHydrated.call(void 0, );
+    const { themeName } = _5NIFOD6Kcjs.useTheme.call(void 0, );
+    const foregroundColorClass = themeName === "classic" ? _AZSWRSRLcjs.classicForegroundColor.call(void 0, _PSWX5DBCcjs.classicColor.call(void 0, color)) : _AZSWRSRLcjs.cambioForegroundColor.call(void 0, _PSWX5DBCcjs.cambioColor.call(void 0, color));
+    const backgroundColorClass = themeName === "classic" ? _V73UH6T4cjs.classicBackgroundColor.call(void 0, _PSWX5DBCcjs.classicColor.call(void 0, color)) : _V73UH6T4cjs.cambioBackgroundColor.call(void 0, _PSWX5DBCcjs.cambioColor.call(void 0, color));
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "button",
+      {
+        "data-testid": dataTestId,
+        ref,
+        "aria-label": accessibilityLabel,
+        type,
+        title: tooltip,
+        disabled: !isHydrated || disabled || loading,
+        onClick,
+        className: _classnames2.default.call(void 0, 
+          Button_module_default.button,
+          foregroundColorClass,
+          backgroundColorClass,
+          themeName === "classic" ? Button_module_default[size] : Button_module_default[`${size}Cambio`],
+          {
+            [Button_module_default.fullWidth]: fullWidth,
+            [Button_module_default.buttonGap]: themeName === "classic" && (size === "lg" || size === "md"),
+            [Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
+            [Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary"
+          }
+        ),
+        children: [
+          !loading && StartIcon && themeName === "classic" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StartIcon, { className: _classnames2.default.call(void 0, Button_module_default.icon, _AP4SKCODcjs.iconSize_default[size]) }),
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _P4BVQ554cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _IXWQIXINcjs.Typography_default,
+            {
+              size: themeName === "classic" ? _7AYSDTC6cjs.textVariant_default[size] : _7AYSDTC6cjs.textVariant_default[size],
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "span",
+                {
+                  className: foregroundColorClass,
+                  style: { fontWeight: 500 },
+                  children: loading ? loadingText : text
+                }
+              )
+            }
+          ) }),
+          !loading && EndIcon && themeName === "classic" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EndIcon, { className: _classnames2.default.call(void 0, Button_module_default.icon, _AP4SKCODcjs.iconSize_default[size]) }),
+          loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "svg",
+            {
+              className: _classnames2.default.call(void 0, Button_module_default.loading, foregroundColorClass),
+              viewBox: "22 22 44 44",
+              width: _LQ6T5UCIcjs.loadingIconSize_default[size],
+              height: _LQ6T5UCIcjs.loadingIconSize_default[size],
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "circle",
+                {
+                  className: Button_module_default.loadingCircle,
+                  cx: "44",
+                  cy: "44",
+                  r: "20.2",
+                  fill: "none",
+                  strokeWidth: "3.6"
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Button_default = Button;
+
+
+
+exports.Button_default = Button_default;
+//# sourceMappingURL=KXNM5IFQ.cjs.map

package/dist/__chunks/KXNM5IFQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/Button.tsx","css-module:./Button.module.css#css-module"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport iconSize from \"./constants/iconSize\";\nimport textVariant from \"./constants/textVariant\";\nimport loadingIconSize from \"./constants/loadingIconSize\";\nimport styles from \"./Button.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\nimport { classicColor, cambioColor } from \"./constants/color\";\nimport {\n  classicBackgroundColor,\n  cambioBackgroundColor,\n} from \"../colors/backgroundColor\";\nimport {\n  classicForegroundColor,\n  cambioForegroundColor,\n} from \"../colors/foregroundColor\";\n\ntype ButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * Classic only:\n   * * `inverse`\n   * * `success`\n   *\n   * Cambio only:\n   * * `success-primary`\n   * * `success-secondary`\n   * * `success-tertiary`\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\"\n    | \"inverse\";\n  /**\n   * The size of the button\n   *\n   * Classic:\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * Cambio:\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   * Note: startIcon is not supported in the Cambio theme\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   * Note: endIcon is not supported in the Cambio theme\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n  /**\n   * The type you want to set for the primitive <button/>\n   */\n  type?: \"button\" | \"submit\" | \"reset\";\n};\n\n/**\n * [Button](https://cambly-syntax.vercel.app/?path=/docs/components-button--docs) is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      \"data-testid\": dataTestId,\n      text,\n      loadingText,\n      color = \"primary\",\n      size = \"md\",\n      accessibilityLabel,\n      disabled = false,\n      loading = false,\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      onClick,\n      tooltip,\n      type = \"button\",\n    }: ButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const { themeName } = useTheme();\n\n    const foregroundColorClass =\n      themeName === \"classic\"\n        ? classicForegroundColor(classicColor(color))\n        : cambioForegroundColor(cambioColor(color));\n\n    const backgroundColorClass =\n      themeName === \"classic\"\n        ? classicBackgroundColor(classicColor(color))\n        : cambioBackgroundColor(cambioColor(color));\n\n    return (\n      <button\n        data-testid={dataTestId}\n        ref={ref}\n        aria-label={accessibilityLabel}\n        type={type}\n        title={tooltip}\n        disabled={!isHydrated || disabled || loading}\n        onClick={onClick}\n        className={classNames(\n          styles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n          {\n            [styles.fullWidth]: fullWidth,\n            [styles.buttonGap]:\n              themeName === \"classic\" && (size === \"lg\" || size === \"md\"),\n            [styles.secondaryBorder]:\n              themeName === \"classic\" && color === \"secondary\",\n            [styles.secondaryDestructiveBorder]:\n              themeName === \"classic\" && color === \"destructive-secondary\",\n          },\n        )}\n      >\n        {!loading && StartIcon && themeName === \"classic\" && (\n          <StartIcon className={classNames(styles.icon, iconSize[size])} />\n        )}\n        {((loading && loadingText) || (!loading && text)) && (\n          <Box paddingX={1}>\n            <Typography\n              size={\n                themeName === \"classic\" ? textVariant[size] : textVariant[size]\n              }\n            >\n              <span\n                // Temporary - until we have cambio colors on Typogrphay\n                className={foregroundColorClass}\n                style={{ fontWeight: 500 }}\n              >\n                {loading ? loadingText : text}\n              </span>\n            </Typography>\n          </Box>\n        )}\n        {!loading && EndIcon && themeName === \"classic\" && (\n          <EndIcon className={classNames(styles.icon, iconSize[size])} />\n        )}\n        {loading && (\n          <svg\n            className={classNames(styles.loading, foregroundColorClass)}\n            viewBox=\"22 22 44 44\"\n            width={loadingIconSize[size]}\n            height={loadingIconSize[size]}\n          >\n            <circle\n              className={styles.loadingCircle}\n              cx=\"44\"\n              cy=\"44\"\n              r=\"20.2\"\n              fill=\"none\"\n              strokeWidth=\"3.6\"\n            />\n          </svg>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport default Button;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_13a7m_1\",\"buttonGap\":\"_buttonGap_13a7m_9\",\"fullWidth\":\"_fullWidth_13a7m_50\",\"sm\":\"_sm_13a7m_54\",\"md\":\"_md_13a7m_61\",\"lg\":\"_lg_13a7m_68\",\"smCambio\":\"_smCambio_13a7m_75\",\"mdCambio\":\"_mdCambio_13a7m_82\",\"lgCambio\":\"_lgCambio_13a7m_89\",\"icon\":\"_icon_13a7m_96\",\"smIcon\":\"_smIcon_13a7m_100\",\"mdIcon\":\"_mdIcon_13a7m_107\",\"lgIcon\":\"_lgIcon_13a7m_114\",\"secondaryBorder\":\"_secondaryBorder_13a7m_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_13a7m_125\",\"cambioSecondaryBorder\":\"_cambioSecondaryBorder_13a7m_129\",\"cambioSecondaryDestructiveBorder\":\"_cambioSecondaryDestructiveBorder_13a7m_133\",\"cambioSecondarySuccessBorder\":\"_cambioSecondarySuccessBorder_13a7m_137\",\"loading\":\"_loading_13a7m_151\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_13a7m_1\",\"loadingCircle\":\"_loadingCircle_13a7m_155\"}"]}

package/dist/__chunks/KYJIUGX3.js

@@ -0,0 +1,143 @@
+import {
+  ModalDialog_default
+} from "./3RT6RY52.js";
+import {
+  Dialog_default
+} from "./TZR77726.js";
+import {
+  layout_module_default
+} from "./IOQXUCI4.js";
+import {
+  Box_module_default
+} from "./TDW36DTR.js";
+import {
+  syntaxToReactAriaPlacement
+} from "./ARBLKS7D.js";
+import {
+  Triggerable_default
+} from "./J42UNMZT.js";
+import {
+  OverlayVisibility
+} from "./XKDASN7N.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./LULBCTQR.js";
+
+// src/Popover/Popover.tsx
+import { forwardRef } from "react";
+import classNames from "classnames";
+import { mergeProps } from "react-aria";
+import {
+  Popover as ReactAriaPopover,
+  MenuTrigger as ReactAriaMenuTrigger,
+  composeRenderProps
+} from "react-aria-components";
+
+// css-module:../Box/margin.module.css#css-module
+var margin_module_default = { "marginBottom-12": "_marginBottom-12_1whn1_2", "marginBottom-11": "_marginBottom-11_1whn1_6", "marginBottom-10": "_marginBottom-10_1whn1_10", "marginBottom-9": "_marginBottom-9_1whn1_14", "marginBottom-8": "_marginBottom-8_1whn1_18", "marginBottom-7": "_marginBottom-7_1whn1_22", "marginBottom-6": "_marginBottom-6_1whn1_26", "marginBottom-5": "_marginBottom-5_1whn1_30", "marginBottom-4": "_marginBottom-4_1whn1_34", "marginBottom-3": "_marginBottom-3_1whn1_38", "marginBottom-2": "_marginBottom-2_1whn1_42", "marginBottom-1": "_marginBottom-1_1whn1_2", "marginBottom0": "_marginBottom0_1whn1_50", "marginBottom1": "_marginBottom1_1whn1_54", "marginBottom2": "_marginBottom2_1whn1_58", "marginBottom3": "_marginBottom3_1whn1_62", "marginBottom4": "_marginBottom4_1whn1_66", "marginBottom5": "_marginBottom5_1whn1_70", "marginBottom6": "_marginBottom6_1whn1_74", "marginBottom7": "_marginBottom7_1whn1_78", "marginBottom8": "_marginBottom8_1whn1_82", "marginBottom9": "_marginBottom9_1whn1_86", "marginBottom10": "_marginBottom10_1whn1_90", "marginBottom11": "_marginBottom11_1whn1_94", "marginBottom12": "_marginBottom12_1whn1_98", "marginBottomauto": "_marginBottomauto_1whn1_102", "marginEnd-12": "_marginEnd-12_1whn1_107", "marginEnd-11": "_marginEnd-11_1whn1_111", "marginEnd-10": "_marginEnd-10_1whn1_115", "marginEnd-9": "_marginEnd-9_1whn1_119", "marginEnd-8": "_marginEnd-8_1whn1_123", "marginEnd-7": "_marginEnd-7_1whn1_127", "marginEnd-6": "_marginEnd-6_1whn1_131", "marginEnd-5": "_marginEnd-5_1whn1_135", "marginEnd-4": "_marginEnd-4_1whn1_139", "marginEnd-3": "_marginEnd-3_1whn1_143", "marginEnd-2": "_marginEnd-2_1whn1_147", "marginEnd-1": "_marginEnd-1_1whn1_107", "marginEnd0": "_marginEnd0_1whn1_155", "marginEnd1": "_marginEnd1_1whn1_159", "marginEnd2": "_marginEnd2_1whn1_163", "marginEnd3": "_marginEnd3_1whn1_167", "marginEnd4": "_marginEnd4_1whn1_171", "marginEnd5": "_marginEnd5_1whn1_175", "marginEnd6": "_marginEnd6_1whn1_179", "marginEnd7": "_marginEnd7_1whn1_183", "marginEnd8": "_marginEnd8_1whn1_187", "marginEnd9": "_marginEnd9_1whn1_191", "marginEnd10": "_marginEnd10_1whn1_195", "marginEnd11": "_marginEnd11_1whn1_199", "marginEnd12": "_marginEnd12_1whn1_203", "marginEndauto": "_marginEndauto_1whn1_207", "marginStart-12": "_marginStart-12_1whn1_212", "marginStart-11": "_marginStart-11_1whn1_216", "marginStart-10": "_marginStart-10_1whn1_220", "marginStart-9": "_marginStart-9_1whn1_224", "marginStart-8": "_marginStart-8_1whn1_228", "marginStart-7": "_marginStart-7_1whn1_232", "marginStart-6": "_marginStart-6_1whn1_236", "marginStart-5": "_marginStart-5_1whn1_240", "marginStart-4": "_marginStart-4_1whn1_244", "marginStart-3": "_marginStart-3_1whn1_248", "marginStart-2": "_marginStart-2_1whn1_252", "marginStart-1": "_marginStart-1_1whn1_212", "marginStart0": "_marginStart0_1whn1_260", "marginStart1": "_marginStart1_1whn1_264", "marginStart2": "_marginStart2_1whn1_268", "marginStart3": "_marginStart3_1whn1_272", "marginStart4": "_marginStart4_1whn1_276", "marginStart5": "_marginStart5_1whn1_280", "marginStart6": "_marginStart6_1whn1_284", "marginStart7": "_marginStart7_1whn1_288", "marginStart8": "_marginStart8_1whn1_292", "marginStart9": "_marginStart9_1whn1_296", "marginStart10": "_marginStart10_1whn1_300", "marginStart11": "_marginStart11_1whn1_304", "marginStart12": "_marginStart12_1whn1_308", "marginStartauto": "_marginStartauto_1whn1_312", "marginTop-12": "_marginTop-12_1whn1_317", "marginTop-11": "_marginTop-11_1whn1_321", "marginTop-10": "_marginTop-10_1whn1_325", "marginTop-9": "_marginTop-9_1whn1_329", "marginTop-8": "_marginTop-8_1whn1_333", "marginTop-7": "_marginTop-7_1whn1_337", "marginTop-6": "_marginTop-6_1whn1_341", "marginTop-5": "_marginTop-5_1whn1_345", "marginTop-4": "_marginTop-4_1whn1_349", "marginTop-3": "_marginTop-3_1whn1_353", "marginTop-2": "_marginTop-2_1whn1_357", "marginTop-1": "_marginTop-1_1whn1_317", "marginTop0": "_marginTop0_1whn1_365", "marginTop1": "_marginTop1_1whn1_369", "marginTop2": "_marginTop2_1whn1_373", "marginTop3": "_marginTop3_1whn1_377", "marginTop4": "_marginTop4_1whn1_381", "marginTop5": "_marginTop5_1whn1_385", "marginTop6": "_marginTop6_1whn1_389", "marginTop7": "_marginTop7_1whn1_393", "marginTop8": "_marginTop8_1whn1_397", "marginTop9": "_marginTop9_1whn1_401", "marginTop10": "_marginTop10_1whn1_405", "marginTop11": "_marginTop11_1whn1_409", "marginTop12": "_marginTop12_1whn1_413", "marginTopauto": "_marginTopauto_1whn1_417", "marginBottom-12Small": "_marginBottom-12Small_1whn1_423", "marginBottom-11Small": "_marginBottom-11Small_1whn1_427", "marginBottom-10Small": "_marginBottom-10Small_1whn1_431", "marginBottom-9Small": "_marginBottom-9Small_1whn1_435", "marginBottom-8Small": "_marginBottom-8Small_1whn1_439", "marginBottom-7Small": "_marginBottom-7Small_1whn1_443", "marginBottom-6Small": "_marginBottom-6Small_1whn1_447", "marginBottom-5Small": "_marginBottom-5Small_1whn1_451", "marginBottom-4Small": "_marginBottom-4Small_1whn1_455", "marginBottom-3Small": "_marginBottom-3Small_1whn1_459", "marginBottom-2Small": "_marginBottom-2Small_1whn1_463", "marginBottom-1Small": "_marginBottom-1Small_1whn1_467", "marginBottom0Small": "_marginBottom0Small_1whn1_471", "marginBottom1Small": "_marginBottom1Small_1whn1_475", "marginBottom2Small": "_marginBottom2Small_1whn1_479", "marginBottom3Small": "_marginBottom3Small_1whn1_483", "marginBottom4Small": "_marginBottom4Small_1whn1_487", "marginBottom5Small": "_marginBottom5Small_1whn1_491", "marginBottom6Small": "_marginBottom6Small_1whn1_495", "marginBottom7Small": "_marginBottom7Small_1whn1_499", "marginBottom8Small": "_marginBottom8Small_1whn1_503", "marginBottom9Small": "_marginBottom9Small_1whn1_507", "marginBottom10Small": "_marginBottom10Small_1whn1_511", "marginBottom11Small": "_marginBottom11Small_1whn1_515", "marginBottom12Small": "_marginBottom12Small_1whn1_519", "marginBottomautoSmall": "_marginBottomautoSmall_1whn1_523", "marginEnd-12Small": "_marginEnd-12Small_1whn1_527", "marginEnd-11Small": "_marginEnd-11Small_1whn1_531", "marginEnd-10Small": "_marginEnd-10Small_1whn1_535", "marginEnd-9Small": "_marginEnd-9Small_1whn1_539", "marginEnd-8Small": "_marginEnd-8Small_1whn1_543", "marginEnd-7Small": "_marginEnd-7Small_1whn1_547", "marginEnd-6Small": "_marginEnd-6Small_1whn1_551", "marginEnd-5Small": "_marginEnd-5Small_1whn1_555", "marginEnd-4Small": "_marginEnd-4Small_1whn1_559", "marginEnd-3Small": "_marginEnd-3Small_1whn1_563", "marginEnd-2Small": "_marginEnd-2Small_1whn1_567", "marginEnd-1Small": "_marginEnd-1Small_1whn1_571", "marginEnd0Small": "_marginEnd0Small_1whn1_575", "marginEnd1Small": "_marginEnd1Small_1whn1_579", "marginEnd2Small": "_marginEnd2Small_1whn1_583", "marginEnd3Small": "_marginEnd3Small_1whn1_587", "marginEnd4Small": "_marginEnd4Small_1whn1_591", "marginEnd5Small": "_marginEnd5Small_1whn1_595", "marginEnd6Small": "_marginEnd6Small_1whn1_599", "marginEnd7Small": "_marginEnd7Small_1whn1_603", "marginEnd8Small": "_marginEnd8Small_1whn1_607", "marginEnd9Small": "_marginEnd9Small_1whn1_611", "marginEnd10Small": "_marginEnd10Small_1whn1_615", "marginEnd11Small": "_marginEnd11Small_1whn1_619", "marginEnd12Small": "_marginEnd12Small_1whn1_623", "marginEndautoSmall": "_marginEndautoSmall_1whn1_627", "marginStart-12Small": "_marginStart-12Small_1whn1_631", "marginStart-11Small": "_marginStart-11Small_1whn1_635", "marginStart-10Small": "_marginStart-10Small_1whn1_639", "marginStart-9Small": "_marginStart-9Small_1whn1_643", "marginStart-8Small": "_marginStart-8Small_1whn1_647", "marginStart-7Small": "_marginStart-7Small_1whn1_651", "marginStart-6Small": "_marginStart-6Small_1whn1_655", "marginStart-5Small": "_marginStart-5Small_1whn1_659", "marginStart-4Small": "_marginStart-4Small_1whn1_663", "marginStart-3Small": "_marginStart-3Small_1whn1_667", "marginStart-2Small": "_marginStart-2Small_1whn1_671", "marginStart-1Small": "_marginStart-1Small_1whn1_675", "marginStart0Small": "_marginStart0Small_1whn1_679", "marginStart1Small": "_marginStart1Small_1whn1_683", "marginStart2Small": "_marginStart2Small_1whn1_687", "marginStart3Small": "_marginStart3Small_1whn1_691", "marginStart4Small": "_marginStart4Small_1whn1_695", "marginStart5Small": "_marginStart5Small_1whn1_699", "marginStart6Small": "_marginStart6Small_1whn1_703", "marginStart7Small": "_marginStart7Small_1whn1_707", "marginStart8Small": "_marginStart8Small_1whn1_711", "marginStart9Small": "_marginStart9Small_1whn1_715", "marginStart10Small": "_marginStart10Small_1whn1_719", "marginStart11Small": "_marginStart11Small_1whn1_723", "marginStart12Small": "_marginStart12Small_1whn1_727", "marginStartautoSmall": "_marginStartautoSmall_1whn1_731", "marginTop-12Small": "_marginTop-12Small_1whn1_735", "marginTop-11Small": "_marginTop-11Small_1whn1_739", "marginTop-10Small": "_marginTop-10Small_1whn1_743", "marginTop-9Small": "_marginTop-9Small_1whn1_747", "marginTop-8Small": "_marginTop-8Small_1whn1_751", "marginTop-7Small": "_marginTop-7Small_1whn1_755", "marginTop-6Small": "_marginTop-6Small_1whn1_759", "marginTop-5Small": "_marginTop-5Small_1whn1_763", "marginTop-4Small": "_marginTop-4Small_1whn1_767", "marginTop-3Small": "_marginTop-3Small_1whn1_771", "marginTop-2Small": "_marginTop-2Small_1whn1_775", "marginTop-1Small": "_marginTop-1Small_1whn1_779", "marginTop0Small": "_marginTop0Small_1whn1_783", "marginTop1Small": "_marginTop1Small_1whn1_787", "marginTop2Small": "_marginTop2Small_1whn1_791", "marginTop3Small": "_marginTop3Small_1whn1_795", "marginTop4Small": "_marginTop4Small_1whn1_799", "marginTop5Small": "_marginTop5Small_1whn1_803", "marginTop6Small": "_marginTop6Small_1whn1_807", "marginTop7Small": "_marginTop7Small_1whn1_811", "marginTop8Small": "_marginTop8Small_1whn1_815", "marginTop9Small": "_marginTop9Small_1whn1_819", "marginTop10Small": "_marginTop10Small_1whn1_823", "marginTop11Small": "_marginTop11Small_1whn1_827", "marginTop12Small": "_marginTop12Small_1whn1_831", "marginTopautoSmall": "_marginTopautoSmall_1whn1_835", "marginBottom-12Large": "_marginBottom-12Large_1whn1_842", "marginBottom-11Large": "_marginBottom-11Large_1whn1_846", "marginBottom-10Large": "_marginBottom-10Large_1whn1_850", "marginBottom-9Large": "_marginBottom-9Large_1whn1_854", "marginBottom-8Large": "_marginBottom-8Large_1whn1_858", "marginBottom-7Large": "_marginBottom-7Large_1whn1_862", "marginBottom-6Large": "_marginBottom-6Large_1whn1_866", "marginBottom-5Large": "_marginBottom-5Large_1whn1_870", "marginBottom-4Large": "_marginBottom-4Large_1whn1_874", "marginBottom-3Large": "_marginBottom-3Large_1whn1_878", "marginBottom-2Large": "_marginBottom-2Large_1whn1_882", "marginBottom-1Large": "_marginBottom-1Large_1whn1_886", "marginBottom0Large": "_marginBottom0Large_1whn1_890", "marginBottom1Large": "_marginBottom1Large_1whn1_894", "marginBottom2Large": "_marginBottom2Large_1whn1_898", "marginBottom3Large": "_marginBottom3Large_1whn1_902", "marginBottom4Large": "_marginBottom4Large_1whn1_906", "marginBottom5Large": "_marginBottom5Large_1whn1_910", "marginBottom6Large": "_marginBottom6Large_1whn1_914", "marginBottom7Large": "_marginBottom7Large_1whn1_918", "marginBottom8Large": "_marginBottom8Large_1whn1_922", "marginBottom9Large": "_marginBottom9Large_1whn1_926", "marginBottom10Large": "_marginBottom10Large_1whn1_930", "marginBottom11Large": "_marginBottom11Large_1whn1_934", "marginBottom12Large": "_marginBottom12Large_1whn1_938", "marginBottomautoLarge": "_marginBottomautoLarge_1whn1_942", "marginEnd-12Large": "_marginEnd-12Large_1whn1_946", "marginEnd-11Large": "_marginEnd-11Large_1whn1_950", "marginEnd-10Large": "_marginEnd-10Large_1whn1_954", "marginEnd-9Large": "_marginEnd-9Large_1whn1_958", "marginEnd-8Large": "_marginEnd-8Large_1whn1_962", "marginEnd-7Large": "_marginEnd-7Large_1whn1_966", "marginEnd-6Large": "_marginEnd-6Large_1whn1_970", "marginEnd-5Large": "_marginEnd-5Large_1whn1_974", "marginEnd-4Large": "_marginEnd-4Large_1whn1_978", "marginEnd-3Large": "_marginEnd-3Large_1whn1_982", "marginEnd-2Large": "_marginEnd-2Large_1whn1_986", "marginEnd-1Large": "_marginEnd-1Large_1whn1_990", "marginEnd0Large": "_marginEnd0Large_1whn1_994", "marginEnd1Large": "_marginEnd1Large_1whn1_998", "marginEnd2Large": "_marginEnd2Large_1whn1_1002", "marginEnd3Large": "_marginEnd3Large_1whn1_1006", "marginEnd4Large": "_marginEnd4Large_1whn1_1010", "marginEnd5Large": "_marginEnd5Large_1whn1_1014", "marginEnd6Large": "_marginEnd6Large_1whn1_1018", "marginEnd7Large": "_marginEnd7Large_1whn1_1022", "marginEnd8Large": "_marginEnd8Large_1whn1_1026", "marginEnd9Large": "_marginEnd9Large_1whn1_1030", "marginEnd10Large": "_marginEnd10Large_1whn1_1034", "marginEnd11Large": "_marginEnd11Large_1whn1_1038", "marginEnd12Large": "_marginEnd12Large_1whn1_1042", "marginEndautoLarge": "_marginEndautoLarge_1whn1_1046", "marginStart-12Large": "_marginStart-12Large_1whn1_1050", "marginStart-11Large": "_marginStart-11Large_1whn1_1054", "marginStart-10Large": "_marginStart-10Large_1whn1_1058", "marginStart-9Large": "_marginStart-9Large_1whn1_1062", "marginStart-8Large": "_marginStart-8Large_1whn1_1066", "marginStart-7Large": "_marginStart-7Large_1whn1_1070", "marginStart-6Large": "_marginStart-6Large_1whn1_1074", "marginStart-5Large": "_marginStart-5Large_1whn1_1078", "marginStart-4Large": "_marginStart-4Large_1whn1_1082", "marginStart-3Large": "_marginStart-3Large_1whn1_1086", "marginStart-2Large": "_marginStart-2Large_1whn1_1090", "marginStart-1Large": "_marginStart-1Large_1whn1_1094", "marginStart0Large": "_marginStart0Large_1whn1_1098", "marginStart1Large": "_marginStart1Large_1whn1_1102", "marginStart2Large": "_marginStart2Large_1whn1_1106", "marginStart3Large": "_marginStart3Large_1whn1_1110", "marginStart4Large": "_marginStart4Large_1whn1_1114", "marginStart5Large": "_marginStart5Large_1whn1_1118", "marginStart6Large": "_marginStart6Large_1whn1_1122", "marginStart7Large": "_marginStart7Large_1whn1_1126", "marginStart8Large": "_marginStart8Large_1whn1_1130", "marginStart9Large": "_marginStart9Large_1whn1_1134", "marginStart10Large": "_marginStart10Large_1whn1_1138", "marginStart11Large": "_marginStart11Large_1whn1_1142", "marginStart12Large": "_marginStart12Large_1whn1_1146", "marginStartautoLarge": "_marginStartautoLarge_1whn1_1150", "marginTop-12Large": "_marginTop-12Large_1whn1_1154", "marginTop-11Large": "_marginTop-11Large_1whn1_1158", "marginTop-10Large": "_marginTop-10Large_1whn1_1162", "marginTop-9Large": "_marginTop-9Large_1whn1_1166", "marginTop-8Large": "_marginTop-8Large_1whn1_1170", "marginTop-7Large": "_marginTop-7Large_1whn1_1174", "marginTop-6Large": "_marginTop-6Large_1whn1_1178", "marginTop-5Large": "_marginTop-5Large_1whn1_1182", "marginTop-4Large": "_marginTop-4Large_1whn1_1186", "marginTop-3Large": "_marginTop-3Large_1whn1_1190", "marginTop-2Large": "_marginTop-2Large_1whn1_1194", "marginTop-1Large": "_marginTop-1Large_1whn1_1198", "marginTop0Large": "_marginTop0Large_1whn1_1202", "marginTop1Large": "_marginTop1Large_1whn1_1206", "marginTop2Large": "_marginTop2Large_1whn1_1210", "marginTop3Large": "_marginTop3Large_1whn1_1214", "marginTop4Large": "_marginTop4Large_1whn1_1218", "marginTop5Large": "_marginTop5Large_1whn1_1222", "marginTop6Large": "_marginTop6Large_1whn1_1226", "marginTop7Large": "_marginTop7Large_1whn1_1230", "marginTop8Large": "_marginTop8Large_1whn1_1234", "marginTop9Large": "_marginTop9Large_1whn1_1238", "marginTop10Large": "_marginTop10Large_1whn1_1242", "marginTop11Large": "_marginTop11Large_1whn1_1246", "marginTop12Large": "_marginTop12Large_1whn1_1250", "marginTopautoLarge": "_marginTopautoLarge_1whn1_1254" };
+
+// src/Popover/Popover.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var AriaPopover = forwardRef(
+  function AriaPopover2(_a, ref) {
+    var _b = _a, { children: childrenProp, onChangeContentVisibility } = _b, otherProps = __objRest(_b, ["children", "onChangeContentVisibility"]);
+    return /* @__PURE__ */ jsx(
+      ReactAriaPopover,
+      __spreadProps(__spreadValues({
+        ref
+      }, mergeProps(
+        {
+          offset: 8,
+          containerPadding: 16,
+          className: classNames([
+            Box_module_default.box,
+            Box_module_default.flex,
+            Box_module_default.column,
+            layout_module_default.fullMaxWidth,
+            layout_module_default.fullMaxHeight,
+            layout_module_default.visibilityVisible,
+            // workaround react-aria layout bug: containerPadding on right side of window not being applied
+            margin_module_default.marginEnd4
+          ])
+        },
+        otherProps
+      )), {
+        children: composeRenderProps(
+          childrenProp,
+          (children, { isEntering, isExiting }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              OverlayVisibility,
+              {
+                isEntering,
+                isExiting,
+                onChange: onChangeContentVisibility
+              }
+            ),
+            children
+          ] })
+        )
+      })
+    );
+  }
+);
+var Popover = forwardRef(function Popover2(props, ref) {
+  const {
+    "data-testid": dataTestId,
+    accessibilityLabel,
+    accessibilityCloseLabel,
+    children,
+    content,
+    disabled,
+    initialOpen,
+    modal: modalProp,
+    onOpenChange,
+    onChangeContentVisibility,
+    open,
+    placement = "bottom"
+  } = props;
+  const modal = !children || modalProp;
+  const modalNode = /* @__PURE__ */ jsx(
+    ModalDialog_default,
+    {
+      accessibilityLabel,
+      accessibilityCloseLabel,
+      "data-testid": dataTestId,
+      initialOpen,
+      onChangeContentVisibility,
+      onOpenChange,
+      open,
+      children: content
+    }
+  );
+  const popoverNode = /* @__PURE__ */ jsx(
+    AriaPopover,
+    {
+      placement: syntaxToReactAriaPlacement(placement),
+      onChangeContentVisibility,
+      children: /* @__PURE__ */ jsx(Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
+    }
+  );
+  if (!children)
+    return modalNode;
+  return /* @__PURE__ */ jsxs(
+    ReactAriaMenuTrigger,
+    {
+      defaultOpen: initialOpen,
+      isOpen: open,
+      onOpenChange,
+      children: [
+        /* @__PURE__ */ jsx(Triggerable_default, { disabled, ref, children }),
+        modal ? modalNode : popoverNode
+      ]
+    }
+  );
+});
+var Popover_default = Popover;
+
+export {
+  AriaPopover,
+  Popover_default
+};
+//# sourceMappingURL=KYJIUGX3.js.map

package/dist/__chunks/KYJIUGX3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Popover/Popover.tsx","css-module:../Box/margin.module.css#css-module"],"sourcesContent":["import React, { type ReactNode, forwardRef, type ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { mergeProps } from \"react-aria\";\nimport {\n  Popover as ReactAriaPopover,\n  type PopoverProps as ReactAriaPopoverProps,\n  MenuTrigger as ReactAriaMenuTrigger,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport Triggerable, {\n  type OverlayHandlerRef,\n} from \"../react-aria-utils/Triggerable\";\nimport OverlayVisibility from \"../react-aria-utils/OverlayVisibility\";\nimport Dialog from \"../Dialog/Dialog\";\nimport ModalDialog from \"../Dialog/ModalDialog\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport marginStyles from \"../Box/margin.module.css\";\nimport {\n  type Placement,\n  syntaxToReactAriaPlacement,\n} from \"../react-aria-utils/placement\";\n\ntype PopoverProps = {\n  /** Test id for the floating dialog */\n  \"data-testid\"?: string;\n  /** Optional aria-label for the popover (content element) */\n  accessibilityLabel?: string;\n  /** Optional aria-label for the close button (trigger element) when displayed as ModalDialog */\n  accessibilityCloseLabel?: string;\n  /** Optional trigger element */\n  children?: ReactElement;\n  /** Content to be shown inside the popover. */\n  content: ReactNode;\n  /** If set to true the popover trigger will be disabled */\n  disabled?: boolean;\n  /** If set to true the popover be open after mount / the first time it renders */\n  initialOpen?: boolean;\n  /** Optional boolean to control whether popover content is rendered as a modal */\n  modal?: boolean;\n  /** Optional handler for change of visibility for popover content, for control */\n  onOpenChange?: (open: boolean) => void;\n  /** Optional handler for change of visibility for popover content, for analytics timing */\n  onChangeContentVisibility?: (visible: boolean) => void;\n  /** Optional boolean to control open state of popover externally */\n  open?: boolean;\n  /**\n   * Location of the popover content relative to anchor element\n   * @defaultValue \"bottom\"\n   */\n  placement?: Placement;\n};\n\ntype AriaPopoverProps = {\n  \"data-testid\"?: string;\n  /** Optional handler for change of visibility for overlaid content, for analytics timing */\n  onChangeContentVisibility?: (visible: boolean) => void;\n} & ReactAriaPopoverProps;\n/**\n * AriaPopover: This component extends Popover from react-aria-components\n * It applies syntax styles and adds aadditional props:\n *  - data-testid\n *  - onContentChangeVisibility\n */\nexport const AriaPopover = forwardRef<HTMLElement, AriaPopoverProps>(\n  function AriaPopover(\n    { children: childrenProp, onChangeContentVisibility, ...otherProps },\n    ref,\n  ): ReactElement {\n    return (\n      <ReactAriaPopover\n        ref={ref}\n        {...mergeProps(\n          {\n            offset: 8,\n            containerPadding: 16,\n            className: classNames([\n              boxStyles.box,\n              boxStyles.flex,\n              boxStyles.column,\n              layoutStyles.fullMaxWidth,\n              layoutStyles.fullMaxHeight,\n              layoutStyles.visibilityVisible,\n              // workaround react-aria layout bug: containerPadding on right side of window not being applied\n              marginStyles.marginEnd4,\n            ]),\n          },\n          otherProps,\n        )}\n      >\n        {composeRenderProps(\n          childrenProp,\n          (children, { isEntering, isExiting }) => (\n            <>\n              <OverlayVisibility\n                isEntering={isEntering}\n                isExiting={isExiting}\n                onChange={onChangeContentVisibility}\n              />\n              {children}\n            </>\n          ),\n        )}\n      </ReactAriaPopover>\n    );\n  },\n);\n\n/**\n * [Popover](https://cambly-syntax.vercel.app/?path=/docs/components-popover--docs) displays contextual information on hover or focus.\n *\n * Popover content is hidden by default and shown on click or focus.\n * The content is hidden again when the user mouses out of the trigger element or blurs the trigger element or presses Escape\n *\n * Example Usage:\n ```\n  <Popover\n    placement=\"bottom-start\"\n    initialOpen\n    content={(\n      <Box padding={2} maxWidth={400}>\n        ... some content goes here\n      </Box>\n    )}\n  >\n      <Button text=\"Trigger me\" />\n  </Popover>\n ```\n */\nconst Popover = forwardRef<OverlayHandlerRef, PopoverProps>(function Popover(\n  props,\n  ref,\n): ReactElement {\n  const {\n    \"data-testid\": dataTestId,\n    accessibilityLabel,\n    accessibilityCloseLabel,\n    children,\n    content,\n    disabled,\n    initialOpen,\n    modal: modalProp,\n    onOpenChange,\n    onChangeContentVisibility,\n    open,\n    placement = \"bottom\",\n  } = props;\n\n  const modal = !children || modalProp;\n\n  const modalNode = (\n    <ModalDialog\n      accessibilityLabel={accessibilityLabel}\n      accessibilityCloseLabel={accessibilityCloseLabel}\n      data-testid={dataTestId}\n      initialOpen={initialOpen}\n      onChangeContentVisibility={onChangeContentVisibility}\n      onOpenChange={onOpenChange}\n      open={open}\n    >\n      {content}\n    </ModalDialog>\n  );\n\n  const popoverNode = (\n    <AriaPopover\n      placement={syntaxToReactAriaPlacement(placement)}\n      onChangeContentVisibility={onChangeContentVisibility}\n    >\n      <Dialog accessibilityLabel={accessibilityLabel} data-testid={dataTestId}>\n        {content}\n      </Dialog>\n    </AriaPopover>\n  );\n\n  if (!children) return modalNode;\n  return (\n    <ReactAriaMenuTrigger\n      defaultOpen={initialOpen}\n      isOpen={open}\n      onOpenChange={onOpenChange}\n    >\n      {\n        <Triggerable disabled={disabled} ref={ref}>\n          {children}\n        </Triggerable>\n      }\n      {modal ? modalNode : popoverNode}\n    </ReactAriaMenuTrigger>\n  );\n});\n\nexport default Popover;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Box/margin.module.css\"; export default {\"marginBottom-12\":\"_marginBottom-12_1whn1_2\",\"marginBottom-11\":\"_marginBottom-11_1whn1_6\",\"marginBottom-10\":\"_marginBottom-10_1whn1_10\",\"marginBottom-9\":\"_marginBottom-9_1whn1_14\",\"marginBottom-8\":\"_marginBottom-8_1whn1_18\",\"marginBottom-7\":\"_marginBottom-7_1whn1_22\",\"marginBottom-6\":\"_marginBottom-6_1whn1_26\",\"marginBottom-5\":\"_marginBottom-5_1whn1_30\",\"marginBottom-4\":\"_marginBottom-4_1whn1_34\",\"marginBottom-3\":\"_marginBottom-3_1whn1_38\",\"marginBottom-2\":\"_marginBottom-2_1whn1_42\",\"marginBottom-1\":\"_marginBottom-1_1whn1_2\",\"marginBottom0\":\"_marginBottom0_1whn1_50\",\"marginBottom1\":\"_marginBottom1_1whn1_54\",\"marginBottom2\":\"_marginBottom2_1whn1_58\",\"marginBottom3\":\"_marginBottom3_1whn1_62\",\"marginBottom4\":\"_marginBottom4_1whn1_66\",\"marginBottom5\":\"_marginBottom5_1whn1_70\",\"marginBottom6\":\"_marginBottom6_1whn1_74\",\"marginBottom7\":\"_marginBottom7_1whn1_78\",\"marginBottom8\":\"_marginBottom8_1whn1_82\",\"marginBottom9\":\"_marginBottom9_1whn1_86\",\"marginBottom10\":\"_marginBottom10_1whn1_90\",\"marginBottom11\":\"_marginBottom11_1whn1_94\",\"marginBottom12\":\"_marginBottom12_1whn1_98\",\"marginBottomauto\":\"_marginBottomauto_1whn1_102\",\"marginEnd-12\":\"_marginEnd-12_1whn1_107\",\"marginEnd-11\":\"_marginEnd-11_1whn1_111\",\"marginEnd-10\":\"_marginEnd-10_1whn1_115\",\"marginEnd-9\":\"_marginEnd-9_1whn1_119\",\"marginEnd-8\":\"_marginEnd-8_1whn1_123\",\"marginEnd-7\":\"_marginEnd-7_1whn1_127\",\"marginEnd-6\":\"_marginEnd-6_1whn1_131\",\"marginEnd-5\":\"_marginEnd-5_1whn1_135\",\"marginEnd-4\":\"_marginEnd-4_1whn1_139\",\"marginEnd-3\":\"_marginEnd-3_1whn1_143\",\"marginEnd-2\":\"_marginEnd-2_1whn1_147\",\"marginEnd-1\":\"_marginEnd-1_1whn1_107\",\"marginEnd0\":\"_marginEnd0_1whn1_155\",\"marginEnd1\":\"_marginEnd1_1whn1_159\",\"marginEnd2\":\"_marginEnd2_1whn1_163\",\"marginEnd3\":\"_marginEnd3_1whn1_167\",\"marginEnd4\":\"_marginEnd4_1whn1_171\",\"marginEnd5\":\"_marginEnd5_1whn1_175\",\"marginEnd6\":\"_marginEnd6_1whn1_179\",\"marginEnd7\":\"_marginEnd7_1whn1_183\",\"marginEnd8\":\"_marginEnd8_1whn1_187\",\"marginEnd9\":\"_marginEnd9_1whn1_191\",\"marginEnd10\":\"_marginEnd10_1whn1_195\",\"marginEnd11\":\"_marginEnd11_1whn1_199\",\"marginEnd12\":\"_marginEnd12_1whn1_203\",\"marginEndauto\":\"_marginEndauto_1whn1_207\",\"marginStart-12\":\"_marginStart-12_1whn1_212\",\"marginStart-11\":\"_marginStart-11_1whn1_216\",\"marginStart-10\":\"_marginStart-10_1whn1_220\",\"marginStart-9\":\"_marginStart-9_1whn1_224\",\"marginStart-8\":\"_marginStart-8_1whn1_228\",\"marginStart-7\":\"_marginStart-7_1whn1_232\",\"marginStart-6\":\"_marginStart-6_1whn1_236\",\"marginStart-5\":\"_marginStart-5_1whn1_240\",\"marginStart-4\":\"_marginStart-4_1whn1_244\",\"marginStart-3\":\"_marginStart-3_1whn1_248\",\"marginStart-2\":\"_marginStart-2_1whn1_252\",\"marginStart-1\":\"_marginStart-1_1whn1_212\",\"marginStart0\":\"_marginStart0_1whn1_260\",\"marginStart1\":\"_marginStart1_1whn1_264\",\"marginStart2\":\"_marginStart2_1whn1_268\",\"marginStart3\":\"_marginStart3_1whn1_272\",\"marginStart4\":\"_marginStart4_1whn1_276\",\"marginStart5\":\"_marginStart5_1whn1_280\",\"marginStart6\":\"_marginStart6_1whn1_284\",\"marginStart7\":\"_marginStart7_1whn1_288\",\"marginStart8\":\"_marginStart8_1whn1_292\",\"marginStart9\":\"_marginStart9_1whn1_296\",\"marginStart10\":\"_marginStart10_1whn1_300\",\"marginStart11\":\"_marginStart11_1whn1_304\",\"marginStart12\":\"_marginStart12_1whn1_308\",\"marginStartauto\":\"_marginStartauto_1whn1_312\",\"marginTop-12\":\"_marginTop-12_1whn1_317\",\"marginTop-11\":\"_marginTop-11_1whn1_321\",\"marginTop-10\":\"_marginTop-10_1whn1_325\",\"marginTop-9\":\"_marginTop-9_1whn1_329\",\"marginTop-8\":\"_marginTop-8_1whn1_333\",\"marginTop-7\":\"_marginTop-7_1whn1_337\",\"marginTop-6\":\"_marginTop-6_1whn1_341\",\"marginTop-5\":\"_marginTop-5_1whn1_345\",\"marginTop-4\":\"_marginTop-4_1whn1_349\",\"marginTop-3\":\"_marginTop-3_1whn1_353\",\"marginTop-2\":\"_marginTop-2_1whn1_357\",\"marginTop-1\":\"_marginTop-1_1whn1_317\",\"marginTop0\":\"_marginTop0_1whn1_365\",\"marginTop1\":\"_marginTop1_1whn1_369\",\"marginTop2\":\"_marginTop2_1whn1_373\",\"marginTop3\":\"_marginTop3_1whn1_377\",\"marginTop4\":\"_marginTop4_1whn1_381\",\"marginTop5\":\"_marginTop5_1whn1_385\",\"marginTop6\":\"_marginTop6_1whn1_389\",\"marginTop7\":\"_marginTop7_1whn1_393\",\"marginTop8\":\"_marginTop8_1whn1_397\",\"marginTop9\":\"_marginTop9_1whn1_401\",\"marginTop10\":\"_marginTop10_1whn1_405\",\"marginTop11\":\"_marginTop11_1whn1_409\",\"marginTop12\":\"_marginTop12_1whn1_413\",\"marginTopauto\":\"_marginTopauto_1whn1_417\",\"marginBottom-12Small\":\"_marginBottom-12Small_1whn1_423\",\"marginBottom-11Small\":\"_marginBottom-11Small_1whn1_427\",\"marginBottom-10Small\":\"_marginBottom-10Small_1whn1_431\",\"marginBottom-9Small\":\"_marginBottom-9Small_1whn1_435\",\"marginBottom-8Small\":\"_marginBottom-8Small_1whn1_439\",\"marginBottom-7Small\":\"_marginBottom-7Small_1whn1_443\",\"marginBottom-6Small\":\"_marginBottom-6Small_1whn1_447\",\"marginBottom-5Small\":\"_marginBottom-5Small_1whn1_451\",\"marginBottom-4Small\":\"_marginBottom-4Small_1whn1_455\",\"marginBottom-3Small\":\"_marginBottom-3Small_1whn1_459\",\"marginBottom-2Small\":\"_marginBottom-2Small_1whn1_463\",\"marginBottom-1Small\":\"_marginBottom-1Small_1whn1_467\",\"marginBottom0Small\":\"_marginBottom0Small_1whn1_471\",\"marginBottom1Small\":\"_marginBottom1Small_1whn1_475\",\"marginBottom2Small\":\"_marginBottom2Small_1whn1_479\",\"marginBottom3Small\":\"_marginBottom3Small_1whn1_483\",\"marginBottom4Small\":\"_marginBottom4Small_1whn1_487\",\"marginBottom5Small\":\"_marginBottom5Small_1whn1_491\",\"marginBottom6Small\":\"_marginBottom6Small_1whn1_495\",\"marginBottom7Small\":\"_marginBottom7Small_1whn1_499\",\"marginBottom8Small\":\"_marginBottom8Small_1whn1_503\",\"marginBottom9Small\":\"_marginBottom9Small_1whn1_507\",\"marginBottom10Small\":\"_marginBottom10Small_1whn1_511\",\"marginBottom11Small\":\"_marginBottom11Small_1whn1_515\",\"marginBottom12Small\":\"_marginBottom12Small_1whn1_519\",\"marginBottomautoSmall\":\"_marginBottomautoSmall_1whn1_523\",\"marginEnd-12Small\":\"_marginEnd-12Small_1whn1_527\",\"marginEnd-11Small\":\"_marginEnd-11Small_1whn1_531\",\"marginEnd-10Small\":\"_marginEnd-10Small_1whn1_535\",\"marginEnd-9Small\":\"_marginEnd-9Small_1whn1_539\",\"marginEnd-8Small\":\"_marginEnd-8Small_1whn1_543\",\"marginEnd-7Small\":\"_marginEnd-7Small_1whn1_547\",\"marginEnd-6Small\":\"_marginEnd-6Small_1whn1_551\",\"marginEnd-5Small\":\"_marginEnd-5Small_1whn1_555\",\"marginEnd-4Small\":\"_marginEnd-4Small_1whn1_559\",\"marginEnd-3Small\":\"_marginEnd-3Small_1whn1_563\",\"marginEnd-2Small\":\"_marginEnd-2Small_1whn1_567\",\"marginEnd-1Small\":\"_marginEnd-1Small_1whn1_571\",\"marginEnd0Small\":\"_marginEnd0Small_1whn1_575\",\"marginEnd1Small\":\"_marginEnd1Small_1whn1_579\",\"marginEnd2Small\":\"_marginEnd2Small_1whn1_583\",\"marginEnd3Small\":\"_marginEnd3Small_1whn1_587\",\"marginEnd4Small\":\"_marginEnd4Small_1whn1_591\",\"marginEnd5Small\":\"_marginEnd5Small_1whn1_595\",\"marginEnd6Small\":\"_marginEnd6Small_1whn1_599\",\"marginEnd7Small\":\"_marginEnd7Small_1whn1_603\",\"marginEnd8Small\":\"_marginEnd8Small_1whn1_607\",\"marginEnd9Small\":\"_marginEnd9Small_1whn1_611\",\"marginEnd10Small\":\"_marginEnd10Small_1whn1_615\",\"marginEnd11Small\":\"_marginEnd11Small_1whn1_619\",\"marginEnd12Small\":\"_marginEnd12Small_1whn1_623\",\"marginEndautoSmall\":\"_marginEndautoSmall_1whn1_627\",\"marginStart-12Small\":\"_marginStart-12Small_1whn1_631\",\"marginStart-11Small\":\"_marginStart-11Small_1whn1_635\",\"marginStart-10Small\":\"_marginStart-10Small_1whn1_639\",\"marginStart-9Small\":\"_marginStart-9Small_1whn1_643\",\"marginStart-8Small\":\"_marginStart-8Small_1whn1_647\",\"marginStart-7Small\":\"_marginStart-7Small_1whn1_651\",\"marginStart-6Small\":\"_marginStart-6Small_1whn1_655\",\"marginStart-5Small\":\"_marginStart-5Small_1whn1_659\",\"marginStart-4Small\":\"_marginStart-4Small_1whn1_663\",\"marginStart-3Small\":\"_marginStart-3Small_1whn1_667\",\"marginStart-2Small\":\"_marginStart-2Small_1whn1_671\",\"marginStart-1Small\":\"_marginStart-1Small_1whn1_675\",\"marginStart0Small\":\"_marginStart0Small_1whn1_679\",\"marginStart1Small\":\"_marginStart1Small_1whn1_683\",\"marginStart2Small\":\"_marginStart2Small_1whn1_687\",\"marginStart3Small\":\"_marginStart3Small_1whn1_691\",\"marginStart4Small\":\"_marginStart4Small_1whn1_695\",\"marginStart5Small\":\"_marginStart5Small_1whn1_699\",\"marginStart6Small\":\"_marginStart6Small_1whn1_703\",\"marginStart7Small\":\"_marginStart7Small_1whn1_707\",\"marginStart8Small\":\"_marginStart8Small_1whn1_711\",\"marginStart9Small\":\"_marginStart9Small_1whn1_715\",\"marginStart10Small\":\"_marginStart10Small_1whn1_719\",\"marginStart11Small\":\"_marginStart11Small_1whn1_723\",\"marginStart12Small\":\"_marginStart12Small_1whn1_727\",\"marginStartautoSmall\":\"_marginStartautoSmall_1whn1_731\",\"marginTop-12Small\":\"_marginTop-12Small_1whn1_735\",\"marginTop-11Small\":\"_marginTop-11Small_1whn1_739\",\"marginTop-10Small\":\"_marginTop-10Small_1whn1_743\",\"marginTop-9Small\":\"_marginTop-9Small_1whn1_747\",\"marginTop-8Small\":\"_marginTop-8Small_1whn1_751\",\"marginTop-7Small\":\"_marginTop-7Small_1whn1_755\",\"marginTop-6Small\":\"_marginTop-6Small_1whn1_759\",\"marginTop-5Small\":\"_marginTop-5Small_1whn1_763\",\"marginTop-4Small\":\"_marginTop-4Small_1whn1_767\",\"marginTop-3Small\":\"_marginTop-3Small_1whn1_771\",\"marginTop-2Small\":\"_marginTop-2Small_1whn1_775\",\"marginTop-1Small\":\"_marginTop-1Small_1whn1_779\",\"marginTop0Small\":\"_marginTop0Small_1whn1_783\",\"marginTop1Small\":\"_marginTop1Small_1whn1_787\",\"marginTop2Small\":\"_marginTop2Small_1whn1_791\",\"marginTop3Small\":\"_marginTop3Small_1whn1_795\",\"marginTop4Small\":\"_marginTop4Small_1whn1_799\",\"marginTop5Small\":\"_marginTop5Small_1whn1_803\",\"marginTop6Small\":\"_marginTop6Small_1whn1_807\",\"marginTop7Small\":\"_marginTop7Small_1whn1_811\",\"marginTop8Small\":\"_marginTop8Small_1whn1_815\",\"marginTop9Small\":\"_marginTop9Small_1whn1_819\",\"marginTop10Small\":\"_marginTop10Small_1whn1_823\",\"marginTop11Small\":\"_marginTop11Small_1whn1_827\",\"marginTop12Small\":\"_marginTop12Small_1whn1_831\",\"marginTopautoSmall\":\"_marginTopautoSmall_1whn1_835\",\"marginBottom-12Large\":\"_marginBottom-12Large_1whn1_842\",\"marginBottom-11Large\":\"_marginBottom-11Large_1whn1_846\",\"marginBottom-10Large\":\"_marginBottom-10Large_1whn1_850\",\"marginBottom-9Large\":\"_marginBottom-9Large_1whn1_854\",\"marginBottom-8Large\":\"_marginBottom-8Large_1whn1_858\",\"marginBottom-7Large\":\"_marginBottom-7Large_1whn1_862\",\"marginBottom-6Large\":\"_marginBottom-6Large_1whn1_866\",\"marginBottom-5Large\":\"_marginBottom-5Large_1whn1_870\",\"marginBottom-4Large\":\"_marginBottom-4Large_1whn1_874\",\"marginBottom-3Large\":\"_marginBottom-3Large_1whn1_878\",\"marginBottom-2Large\":\"_marginBottom-2Large_1whn1_882\",\"marginBottom-1Large\":\"_marginBottom-1Large_1whn1_886\",\"marginBottom0Large\":\"_marginBottom0Large_1whn1_890\",\"marginBottom1Large\":\"_marginBottom1Large_1whn1_894\",\"marginBottom2Large\":\"_marginBottom2Large_1whn1_898\",\"marginBottom3Large\":\"_marginBottom3Large_1whn1_902\",\"marginBottom4Large\":\"_marginBottom4Large_1whn1_906\",\"marginBottom5Large\":\"_marginBottom5Large_1whn1_910\",\"marginBottom6Large\":\"_marginBottom6Large_1whn1_914\",\"marginBottom7Large\":\"_marginBottom7Large_1whn1_918\",\"marginBottom8Large\":\"_marginBottom8Large_1whn1_922\",\"marginBottom9Large\":\"_marginBottom9Large_1whn1_926\",\"marginBottom10Large\":\"_marginBottom10Large_1whn1_930\",\"marginBottom11Large\":\"_marginBottom11Large_1whn1_934\",\"marginBottom12Large\":\"_marginBottom12Large_1whn1_938\",\"marginBottomautoLarge\":\"_marginBottomautoLarge_1whn1_942\",\"marginEnd-12Large\":\"_marginEnd-12Large_1whn1_946\",\"marginEnd-11Large\":\"_marginEnd-11Large_1whn1_950\",\"marginEnd-10Large\":\"_marginEnd-10Large_1whn1_954\",\"marginEnd-9Large\":\"_marginEnd-9Large_1whn1_958\",\"marginEnd-8Large\":\"_marginEnd-8Large_1whn1_962\",\"marginEnd-7Large\":\"_marginEnd-7Large_1whn1_966\",\"marginEnd-6Large\":\"_marginEnd-6Large_1whn1_970\",\"marginEnd-5Large\":\"_marginEnd-5Large_1whn1_974\",\"marginEnd-4Large\":\"_marginEnd-4Large_1whn1_978\",\"marginEnd-3Large\":\"_marginEnd-3Large_1whn1_982\",\"marginEnd-2Large\":\"_marginEnd-2Large_1whn1_986\",\"marginEnd-1Large\":\"_marginEnd-1Large_1whn1_990\",\"marginEnd0Large\":\"_marginEnd0Large_1whn1_994\",\"marginEnd1Large\":\"_marginEnd1Large_1whn1_998\",\"marginEnd2Large\":\"_marginEnd2Large_1whn1_1002\",\"marginEnd3Large\":\"_marginEnd3Large_1whn1_1006\",\"marginEnd4Large\":\"_marginEnd4Large_1whn1_1010\",\"marginEnd5Large\":\"_marginEnd5Large_1whn1_1014\",\"marginEnd6Large\":\"_marginEnd6Large_1whn1_1018\",\"marginEnd7Large\":\"_marginEnd7Large_1whn1_1022\",\"marginEnd8Large\":\"_marginEnd8Large_1whn1_1026\",\"marginEnd9Large\":\"_marginEnd9Large_1whn1_1030\",\"marginEnd10Large\":\"_marginEnd10Large_1whn1_1034\",\"marginEnd11Large\":\"_marginEnd11Large_1whn1_1038\",\"marginEnd12Large\":\"_marginEnd12Large_1whn1_1042\",\"marginEndautoLarge\":\"_marginEndautoLarge_1whn1_1046\",\"marginStart-12Large\":\"_marginStart-12Large_1whn1_1050\",\"marginStart-11Large\":\"_marginStart-11Large_1whn1_1054\",\"marginStart-10Large\":\"_marginStart-10Large_1whn1_1058\",\"marginStart-9Large\":\"_marginStart-9Large_1whn1_1062\",\"marginStart-8Large\":\"_marginStart-8Large_1whn1_1066\",\"marginStart-7Large\":\"_marginStart-7Large_1whn1_1070\",\"marginStart-6Large\":\"_marginStart-6Large_1whn1_1074\",\"marginStart-5Large\":\"_marginStart-5Large_1whn1_1078\",\"marginStart-4Large\":\"_marginStart-4Large_1whn1_1082\",\"marginStart-3Large\":\"_marginStart-3Large_1whn1_1086\",\"marginStart-2Large\":\"_marginStart-2Large_1whn1_1090\",\"marginStart-1Large\":\"_marginStart-1Large_1whn1_1094\",\"marginStart0Large\":\"_marginStart0Large_1whn1_1098\",\"marginStart1Large\":\"_marginStart1Large_1whn1_1102\",\"marginStart2Large\":\"_marginStart2Large_1whn1_1106\",\"marginStart3Large\":\"_marginStart3Large_1whn1_1110\",\"marginStart4Large\":\"_marginStart4Large_1whn1_1114\",\"marginStart5Large\":\"_marginStart5Large_1whn1_1118\",\"marginStart6Large\":\"_marginStart6Large_1whn1_1122\",\"marginStart7Large\":\"_marginStart7Large_1whn1_1126\",\"marginStart8Large\":\"_marginStart8Large_1whn1_1130\",\"marginStart9Large\":\"_marginStart9Large_1whn1_1134\",\"marginStart10Large\":\"_marginStart10Large_1whn1_1138\",\"marginStart11Large\":\"_marginStart11Large_1whn1_1142\",\"marginStart12Large\":\"_marginStart12Large_1whn1_1146\",\"marginStartautoLarge\":\"_marginStartautoLarge_1whn1_1150\",\"marginTop-12Large\":\"_marginTop-12Large_1whn1_1154\",\"marginTop-11Large\":\"_marginTop-11Large_1whn1_1158\",\"marginTop-10Large\":\"_marginTop-10Large_1whn1_1162\",\"marginTop-9Large\":\"_marginTop-9Large_1whn1_1166\",\"marginTop-8Large\":\"_marginTop-8Large_1whn1_1170\",\"marginTop-7Large\":\"_marginTop-7Large_1whn1_1174\",\"marginTop-6Large\":\"_marginTop-6Large_1whn1_1178\",\"marginTop-5Large\":\"_marginTop-5Large_1whn1_1182\",\"marginTop-4Large\":\"_marginTop-4Large_1whn1_1186\",\"marginTop-3Large\":\"_marginTop-3Large_1whn1_1190\",\"marginTop-2Large\":\"_marginTop-2Large_1whn1_1194\",\"marginTop-1Large\":\"_marginTop-1Large_1whn1_1198\",\"marginTop0Large\":\"_marginTop0Large_1whn1_1202\",\"marginTop1Large\":\"_marginTop1Large_1whn1_1206\",\"marginTop2Large\":\"_marginTop2Large_1whn1_1210\",\"marginTop3Large\":\"_marginTop3Large_1whn1_1214\",\"marginTop4Large\":\"_marginTop4Large_1whn1_1218\",\"marginTop5Large\":\"_marginTop5Large_1whn1_1222\",\"marginTop6Large\":\"_marginTop6Large_1whn1_1226\",\"marginTop7Large\":\"_marginTop7Large_1whn1_1230\",\"marginTop8Large\":\"_marginTop8Large_1whn1_1234\",\"marginTop9Large\":\"_marginTop9Large_1whn1_1238\",\"marginTop10Large\":\"_marginTop10Large_1whn1_1242\",\"marginTop11Large\":\"_marginTop11Large_1whn1_1246\",\"marginTop12Large\":\"_marginTop12Large_1whn1_1250\",\"marginTopautoLarge\":\"_marginTopautoLarge_1whn1_1254\"}"],"mappings":"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","names":["AriaPopover","Popover"]}

package/dist/__chunks/L33TG65D.js

@@ -0,0 +1,159 @@
+import {
+  IconButton_default
+} from "./OVTOUO6R.js";
+import {
+  Dialog_default
+} from "./S3JLGSUU.js";
+import {
+  padding_module_default
+} from "./YFRC4YZW.js";
+import {
+  Box_module_default
+} from "./TDW36DTR.js";
+import {
+  Box_default
+} from "./OETPIE6V.js";
+import {
+  OverlayVisibility
+} from "./XKDASN7N.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./LULBCTQR.js";
+
+// src/Dialog/ModalDialog.tsx
+import {
+  forwardRef
+} from "react";
+import {
+  Modal as ReactAriaModal,
+  ModalOverlay as ReactAriaModalOverlay,
+  composeRenderProps
+} from "react-aria-components";
+import classNames from "classnames";
+import { mergeProps } from "react-aria";
+
+// css-module:./ModalDialog.module.css#css-module
+var ModalDialog_module_default = { "modalOverlay": "_modalOverlay_1fy5w_1", "modal": "_modal_1fy5w_1" };
+
+// src/Dialog/ModalDialog.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function XIcon({ color = "#000" }) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", fill: color, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "inherit",
+      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"
+    }
+  ) });
+}
+var AriaModalOverlay = forwardRef(function AriaModalOverlay2(_a, ref) {
+  var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
+  const className = classNames([
+    Box_module_default.box,
+    Box_module_default.fixed,
+    Box_module_default.box,
+    Box_module_default.flex,
+    Box_module_default.column,
+    Box_module_default.alignItemscenter,
+    Box_module_default.justifyContentcenter,
+    padding_module_default.paddingX4,
+    padding_module_default.paddingY4,
+    ModalDialog_module_default.modalOverlay
+  ]);
+  return /* @__PURE__ */ jsx(ReactAriaModalOverlay, __spreadProps(__spreadValues({ ref }, mergeProps({ className }, otherProps)), { children }));
+});
+var AriaModal = forwardRef(
+  function AriaModal2(_a, ref) {
+    var _b = _a, { children: childrenProp, onChangeContentVisibility } = _b, otherProps = __objRest(_b, ["children", "onChangeContentVisibility"]);
+    const className = classNames([Box_module_default.box, ModalDialog_module_default.modal]);
+    return /* @__PURE__ */ jsx(ReactAriaModal, __spreadProps(__spreadValues({ ref }, mergeProps({ className }, otherProps)), { children: composeRenderProps(
+      childrenProp,
+      (children, { isEntering, isExiting }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          OverlayVisibility,
+          {
+            isEntering,
+            isExiting,
+            onChange: onChangeContentVisibility
+          }
+        ),
+        children
+      ] })
+    ) }));
+  }
+);
+var ModalDialog = forwardRef(
+  function ModalDialog2(props, ref) {
+    const {
+      "data-testid": dataTestId,
+      accessibilityLabel,
+      children,
+      dismissable = true,
+      accessibilityCloseLabel = "Dismiss",
+      initialOpen,
+      onChangeContentVisibility,
+      onOpenChange,
+      open
+    } = props;
+    return /* @__PURE__ */ jsx(
+      AriaModalOverlay,
+      {
+        isDismissable: dismissable,
+        isKeyboardDismissDisabled: !dismissable,
+        defaultOpen: initialOpen,
+        isOpen: open,
+        onOpenChange,
+        children: ({ state }) => /* @__PURE__ */ jsx(
+          AriaModal,
+          {
+            ref,
+            "aria-label": accessibilityLabel,
+            onChangeContentVisibility,
+            children: /* @__PURE__ */ jsxs(
+              Dialog_default,
+              {
+                accessibilityLabel,
+                "data-testid": dataTestId,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Box_default,
+                    {
+                      position: "absolute",
+                      padding: 2,
+                      dangerouslySetInlineStyle: {
+                        __style: {
+                          top: "0",
+                          right: "0"
+                        }
+                      },
+                      children: /* @__PURE__ */ jsx(
+                        IconButton_default,
+                        {
+                          onClick: () => state.close(),
+                          color: "tertiary",
+                          accessibilityLabel: accessibilityCloseLabel,
+                          icon: XIcon
+                        }
+                      )
+                    }
+                  ),
+                  children
+                ]
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+var ModalDialog_default = ModalDialog;
+
+export {
+  AriaModalOverlay,
+  AriaModal,
+  ModalDialog_default
+};
+//# sourceMappingURL=L33TG65D.js.map

package/dist/__chunks/L33TG65D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dialog/ModalDialog.tsx","css-module:./ModalDialog.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  forwardRef,\n  type ComponentProps,\n} from \"react\";\nimport {\n  Modal as ReactAriaModal,\n  ModalOverlay as ReactAriaModalOverlay,\n  composeRenderProps,\n  type ModalOverlayProps as ReactAriaModalOverlayProps,\n} from \"react-aria-components\";\nimport classNames from \"classnames\";\nimport { mergeProps } from \"react-aria\";\nimport Dialog, { type DialogProps } from \"./Dialog\";\nimport OverlayVisibility from \"../react-aria-utils/OverlayVisibility\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport styles from \"./ModalDialog.module.css\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Box from \"../Box/Box\";\n\nfunction XIcon({ color = \"#000\" }: { color?: string; className?: 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\ntype AriaModalOverlayProps = {\n  \"data-testid\"?: string;\n} & ReactAriaModalOverlayProps;\n/**\n * AriaModalOverlay: This component extends ModalOverlay from react-aria-components\n * It applies syntax styles and adds aadditional props:\n *  - data-testid\n */\nexport const AriaModalOverlay = forwardRef<\n  HTMLDivElement,\n  AriaModalOverlayProps\n>(function AriaModalOverlay({ children, ...otherProps }, ref): ReactElement {\n  const className = classNames([\n    boxStyles.box,\n    boxStyles.fixed,\n    boxStyles.box,\n    boxStyles.flex,\n    boxStyles.column,\n    boxStyles.alignItemscenter,\n    boxStyles.justifyContentcenter,\n    paddingStyles.paddingX4,\n    paddingStyles.paddingY4,\n    styles.modalOverlay,\n  ]);\n  return (\n    <ReactAriaModalOverlay ref={ref} {...mergeProps({ className }, otherProps)}>\n      {children}\n    </ReactAriaModalOverlay>\n  );\n});\n\ntype AriaModalProps = {\n  \"data-testid\"?: string;\n  /** Optional handler for change of visibility for overlaid content, for analytics timing */\n  onChangeContentVisibility?: (visible: boolean) => void;\n} & ComponentProps<typeof ReactAriaModal>;\n/**\n * AriaModal: This component extends Modal from react-aria-components\n * It applies syntax styles and adds aadditional props:\n *  - data-testid\n *  - onContentChangeVisibility\n */\nexport const AriaModal = forwardRef<HTMLDivElement, AriaModalProps>(\n  function AriaModal(\n    { children: childrenProp, onChangeContentVisibility, ...otherProps },\n    ref,\n  ): ReactElement {\n    const className = classNames([boxStyles.box, styles.modal]);\n    return (\n      <ReactAriaModal ref={ref} {...mergeProps({ className }, otherProps)}>\n        {composeRenderProps(\n          childrenProp,\n          (children, { isEntering, isExiting }) => (\n            <>\n              <OverlayVisibility\n                isEntering={isEntering}\n                isExiting={isExiting}\n                onChange={onChangeContentVisibility}\n              />\n              {children}\n            </>\n          ),\n        )}\n      </ReactAriaModal>\n    );\n  },\n);\n\ntype ModalDialogProps = DialogProps & {\n  /** Whether dialog can be dismissed with click outside / Escape key  */\n  dismissable?: boolean;\n  /** render visible initially. */\n  initialOpen?: boolean;\n  /** Optional handler for change of visibility for popover content, for analytics timing */\n  onChangeContentVisibility?: (visible: boolean) => void;\n  /** Optional handler for change of visibility for popover content, for control */\n  onOpenChange?: (open: boolean) => void;\n  /** Optional boolean to control open state of modal dialog externally */\n  open?: boolean;\n  /** Optional override for default dismiss button accessibility label */\n  accessibilityCloseLabel?: string;\n};\n\n/**\n * ModalDialog is a controlled component -- visibility is managed with the `open` prop.\n *\n * Example Usage:\n ```\n  <ModalDialog\n    open={open}\n    initialOpen\n    content={<Box>I am some content</Box>}\n    onChangeContentVisibility={(visible) => ...}\n  >\n    <Box padding={2} maxWidth={400}>\n      ... some content goes here\n    </Box>\n  </ModalDialog>\n ```\n */\nconst ModalDialog = forwardRef<HTMLDivElement, ModalDialogProps>(\n  function ModalDialog(props, ref): ReactElement {\n    const {\n      \"data-testid\": dataTestId,\n      accessibilityLabel,\n      children,\n      dismissable = true,\n      accessibilityCloseLabel = \"Dismiss\",\n      initialOpen,\n      onChangeContentVisibility,\n      onOpenChange,\n      open,\n    } = props;\n\n    return (\n      <AriaModalOverlay\n        isDismissable={dismissable}\n        isKeyboardDismissDisabled={!dismissable}\n        defaultOpen={initialOpen}\n        isOpen={open}\n        onOpenChange={onOpenChange}\n      >\n        {({ state }) => (\n          <AriaModal\n            ref={ref}\n            aria-label={accessibilityLabel}\n            onChangeContentVisibility={onChangeContentVisibility}\n          >\n            <Dialog\n              accessibilityLabel={accessibilityLabel}\n              data-testid={dataTestId}\n            >\n              <Box\n                position=\"absolute\"\n                padding={2}\n                dangerouslySetInlineStyle={{\n                  __style: {\n                    top: \"0\",\n                    right: \"0\",\n                  },\n                }}\n              >\n                <IconButton\n                  onClick={() => state.close()}\n                  color=\"tertiary\"\n                  accessibilityLabel={accessibilityCloseLabel}\n                  icon={XIcon}\n                />\n              </Box>\n              {children}\n            </Dialog>\n          </AriaModal>\n        )}\n      </AriaModalOverlay>\n    );\n  },\n);\n\nexport default ModalDialog;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Dialog/ModalDialog.module.css\"; export default {\"modalOverlay\":\"_modalOverlay_1fy5w_1\",\"modal\":\"_modal_1fy5w_1\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,EAEE;AAAA,OAEK;AACP;AAAA,EACE,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB;AAAA,OAEK;AACP,OAAO,gBAAgB;AACvB,SAAS,kBAAkB;;;ACZqE,IAAO,6BAAQ,EAAC,gBAAe,yBAAwB,SAAQ,iBAAgB;;;ADwBzK,SA6DM,UA7DN,KA6DM,YA7DN;AAHN,SAAS,MAAM,EAAE,QAAQ,OAAO,GAA2C;AACzE,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;AAUO,IAAM,mBAAmB,WAG9B,SAASA,kBAAiB,IAA6B,KAAmB;AAAhD,eAAE,WA3C9B,IA2C4B,IAAe,uBAAf,IAAe,CAAb;AAC5B,QAAM,YAAY,WAAW;AAAA,IAC3B,mBAAU;AAAA,IACV,mBAAU;AAAA,IACV,mBAAU;AAAA,IACV,mBAAU;AAAA,IACV,mBAAU;AAAA,IACV,mBAAU;AAAA,IACV,mBAAU;AAAA,IACV,uBAAc;AAAA,IACd,uBAAc;AAAA,IACd,2BAAO;AAAA,EACT,CAAC;AACD,SACE,oBAAC,sDAAsB,OAAc,WAAW,EAAE,UAAU,GAAG,UAAU,IAAxE,EACE,WACH;AAEJ,CAAC;AAaM,IAAM,YAAY;AAAA,EACvB,SAASC,WACP,IACA,KACc;AAFd,iBAAE,YAAU,cAAc,0BA5E9B,IA4EI,IAAwD,uBAAxD,IAAwD,CAAtD,YAAwB;AAG1B,UAAM,YAAY,WAAW,CAAC,mBAAU,KAAK,2BAAO,KAAK,CAAC;AAC1D,WACE,oBAAC,+CAAe,OAAc,WAAW,EAAE,UAAU,GAAG,UAAU,IAAjE,EACE;AAAA,MACC;AAAA,MACA,CAAC,UAAU,EAAE,YAAY,UAAU,MACjC,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,UAAU;AAAA;AAAA,QACZ;AAAA,QACC;AAAA,SACH;AAAA,IAEJ,IACF;AAAA,EAEJ;AACF;AAkCA,IAAM,cAAc;AAAA,EAClB,SAASC,aAAY,OAAO,KAAmB;AAC7C,UAAM;AAAA,MACJ,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,0BAA0B;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf,2BAA2B,CAAC;AAAA,QAC5B,aAAa;AAAA,QACb,QAAQ;AAAA,QACR;AAAA,QAEC,WAAC,EAAE,MAAM,MACR;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,cAAY;AAAA,YACZ;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,eAAa;AAAA,gBAEb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,UAAS;AAAA,sBACT,SAAS;AAAA,sBACT,2BAA2B;AAAA,wBACzB,SAAS;AAAA,0BACP,KAAK;AAAA,0BACL,OAAO;AAAA,wBACT;AAAA,sBACF;AAAA,sBAEA;AAAA,wBAAC;AAAA;AAAA,0BACC,SAAS,MAAM,MAAM,MAAM;AAAA,0BAC3B,OAAM;AAAA,0BACN,oBAAoB;AAAA,0BACpB,MAAM;AAAA;AAAA,sBACR;AAAA;AAAA,kBACF;AAAA,kBACC;AAAA;AAAA;AAAA,YACH;AAAA;AAAA,QACF;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;","names":["AriaModalOverlay","AriaModal","ModalDialog"]}