@cambly/syntax-core 10.2.2 → 10.4.0

package/dist/__chunks/J7CMFWIU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Box/padding.module.css#css-module","css-module:../Box/Box.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css\"; export default {\"paddingX0\":\"_paddingX0_1aqye_2\",\"paddingX1\":\"_paddingX1_1aqye_7\",\"paddingX2\":\"_paddingX2_1aqye_12\",\"paddingX3\":\"_paddingX3_1aqye_17\",\"paddingX4\":\"_paddingX4_1aqye_22\",\"paddingX5\":\"_paddingX5_1aqye_27\",\"paddingX6\":\"_paddingX6_1aqye_32\",\"paddingX7\":\"_paddingX7_1aqye_37\",\"paddingX8\":\"_paddingX8_1aqye_42\",\"paddingX9\":\"_paddingX9_1aqye_47\",\"paddingX10\":\"_paddingX10_1aqye_52\",\"paddingX11\":\"_paddingX11_1aqye_57\",\"paddingX12\":\"_paddingX12_1aqye_62\",\"paddingY0\":\"_paddingY0_1aqye_67\",\"paddingY1\":\"_paddingY1_1aqye_72\",\"paddingY2\":\"_paddingY2_1aqye_77\",\"paddingY3\":\"_paddingY3_1aqye_82\",\"paddingY4\":\"_paddingY4_1aqye_87\",\"paddingY5\":\"_paddingY5_1aqye_92\",\"paddingY6\":\"_paddingY6_1aqye_97\",\"paddingY7\":\"_paddingY7_1aqye_102\",\"paddingY8\":\"_paddingY8_1aqye_107\",\"paddingY9\":\"_paddingY9_1aqye_112\",\"paddingY10\":\"_paddingY10_1aqye_117\",\"paddingY11\":\"_paddingY11_1aqye_122\",\"paddingY12\":\"_paddingY12_1aqye_127\",\"paddingX0Small\":\"_paddingX0Small_1aqye_134\",\"paddingX1Small\":\"_paddingX1Small_1aqye_139\",\"paddingX2Small\":\"_paddingX2Small_1aqye_144\",\"paddingX3Small\":\"_paddingX3Small_1aqye_149\",\"paddingX4Small\":\"_paddingX4Small_1aqye_154\",\"paddingX5Small\":\"_paddingX5Small_1aqye_159\",\"paddingX6Small\":\"_paddingX6Small_1aqye_164\",\"paddingX7Small\":\"_paddingX7Small_1aqye_169\",\"paddingX8Small\":\"_paddingX8Small_1aqye_174\",\"paddingX9Small\":\"_paddingX9Small_1aqye_179\",\"paddingX10Small\":\"_paddingX10Small_1aqye_184\",\"paddingX11Small\":\"_paddingX11Small_1aqye_189\",\"paddingX12Small\":\"_paddingX12Small_1aqye_194\",\"paddingY0Small\":\"_paddingY0Small_1aqye_199\",\"paddingY1Small\":\"_paddingY1Small_1aqye_204\",\"paddingY2Small\":\"_paddingY2Small_1aqye_209\",\"paddingY3Small\":\"_paddingY3Small_1aqye_214\",\"paddingY4Small\":\"_paddingY4Small_1aqye_219\",\"paddingY5Small\":\"_paddingY5Small_1aqye_224\",\"paddingY6Small\":\"_paddingY6Small_1aqye_229\",\"paddingY7Small\":\"_paddingY7Small_1aqye_234\",\"paddingY8Small\":\"_paddingY8Small_1aqye_239\",\"paddingY9Small\":\"_paddingY9Small_1aqye_244\",\"paddingY10Small\":\"_paddingY10Small_1aqye_249\",\"paddingY11Small\":\"_paddingY11Small_1aqye_254\",\"paddingY12Small\":\"_paddingY12Small_1aqye_259\",\"paddingX0Large\":\"_paddingX0Large_1aqye_267\",\"paddingX1Large\":\"_paddingX1Large_1aqye_272\",\"paddingX2Large\":\"_paddingX2Large_1aqye_277\",\"paddingX3Large\":\"_paddingX3Large_1aqye_282\",\"paddingX4Large\":\"_paddingX4Large_1aqye_287\",\"paddingX5Large\":\"_paddingX5Large_1aqye_292\",\"paddingX6Large\":\"_paddingX6Large_1aqye_297\",\"paddingX7Large\":\"_paddingX7Large_1aqye_302\",\"paddingX8Large\":\"_paddingX8Large_1aqye_307\",\"paddingX9Large\":\"_paddingX9Large_1aqye_312\",\"paddingX10Large\":\"_paddingX10Large_1aqye_317\",\"paddingX11Large\":\"_paddingX11Large_1aqye_322\",\"paddingX12Large\":\"_paddingX12Large_1aqye_327\",\"paddingY0Large\":\"_paddingY0Large_1aqye_332\",\"paddingY1Large\":\"_paddingY1Large_1aqye_337\",\"paddingY2Large\":\"_paddingY2Large_1aqye_342\",\"paddingY3Large\":\"_paddingY3Large_1aqye_347\",\"paddingY4Large\":\"_paddingY4Large_1aqye_352\",\"paddingY5Large\":\"_paddingY5Large_1aqye_357\",\"paddingY6Large\":\"_paddingY6Large_1aqye_362\",\"paddingY7Large\":\"_paddingY7Large_1aqye_367\",\"paddingY8Large\":\"_paddingY8Large_1aqye_372\",\"paddingY9Large\":\"_paddingY9Large_1aqye_377\",\"paddingY10Large\":\"_paddingY10Large_1aqye_382\",\"paddingY11Large\":\"_paddingY11Large_1aqye_387\",\"paddingY12Large\":\"_paddingY12Large_1aqye_392\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css\"; export default {\"box\":\"_box_bg9pe_1\",\"flexnone\":\"_flexnone_bg9pe_5\",\"flexgrow\":\"_flexgrow_bg9pe_9\",\"flexWrap\":\"_flexWrap_bg9pe_13\",\"alignItemscenter\":\"_alignItemscenter_bg9pe_18\",\"alignItemsstart\":\"_alignItemsstart_bg9pe_22\",\"alignItemsend\":\"_alignItemsend_bg9pe_26\",\"alignItemsstretch\":\"_alignItemsstretch_bg9pe_30\",\"alignItemsbaseline\":\"_alignItemsbaseline_bg9pe_34\",\"alignItemscenterSmall\":\"_alignItemscenterSmall_bg9pe_40\",\"alignItemsstartSmall\":\"_alignItemsstartSmall_bg9pe_44\",\"alignItemsendSmall\":\"_alignItemsendSmall_bg9pe_48\",\"alignItemsstretchSmall\":\"_alignItemsstretchSmall_bg9pe_52\",\"alignItemsbaselineSmall\":\"_alignItemsbaselineSmall_bg9pe_56\",\"alignItemscenterLarge\":\"_alignItemscenterLarge_bg9pe_63\",\"alignItemsstartLarge\":\"_alignItemsstartLarge_bg9pe_67\",\"alignItemsendLarge\":\"_alignItemsendLarge_bg9pe_71\",\"alignItemsstretchLarge\":\"_alignItemsstretchLarge_bg9pe_75\",\"alignItemsbaselineLarge\":\"_alignItemsbaselineLarge_bg9pe_79\",\"alignSelfcenter\":\"_alignSelfcenter_bg9pe_85\",\"alignSelfstart\":\"_alignSelfstart_bg9pe_89\",\"alignSelfend\":\"_alignSelfend_bg9pe_93\",\"alignSelfstretch\":\"_alignSelfstretch_bg9pe_97\",\"alignSelfbaseline\":\"_alignSelfbaseline_bg9pe_101\",\"alignSelfauto\":\"_alignSelfauto_bg9pe_105\",\"block\":\"_block_bg9pe_110\",\"flex\":\"_flex_bg9pe_5\",\"inlineBlock\":\"_inlineBlock_bg9pe_118\",\"none\":\"_none_bg9pe_122\",\"visuallyHidden\":\"_visuallyHidden_bg9pe_126\",\"blockSmall\":\"_blockSmall_bg9pe_140\",\"flexSmall\":\"_flexSmall_bg9pe_144\",\"inlineBlockSmall\":\"_inlineBlockSmall_bg9pe_148\",\"noneSmall\":\"_noneSmall_bg9pe_152\",\"visuallyHiddenSmall\":\"_visuallyHiddenSmall_bg9pe_156\",\"blockLarge\":\"_blockLarge_bg9pe_171\",\"flexLarge\":\"_flexLarge_bg9pe_175\",\"inlineBlockLarge\":\"_inlineBlockLarge_bg9pe_179\",\"noneLarge\":\"_noneLarge_bg9pe_183\",\"visuallyHiddenLarge\":\"_visuallyHiddenLarge_bg9pe_187\",\"column\":\"_column_bg9pe_201\",\"row\":\"_row_bg9pe_205\",\"columnSmall\":\"_columnSmall_bg9pe_211\",\"rowSmall\":\"_rowSmall_bg9pe_215\",\"columnLarge\":\"_columnLarge_bg9pe_222\",\"rowLarge\":\"_rowLarge_bg9pe_226\",\"gap0\":\"_gap0_bg9pe_232\",\"gap1\":\"_gap1_bg9pe_236\",\"gap2\":\"_gap2_bg9pe_240\",\"gap3\":\"_gap3_bg9pe_244\",\"gap4\":\"_gap4_bg9pe_248\",\"gap5\":\"_gap5_bg9pe_252\",\"gap6\":\"_gap6_bg9pe_256\",\"gap7\":\"_gap7_bg9pe_260\",\"gap8\":\"_gap8_bg9pe_264\",\"gap9\":\"_gap9_bg9pe_268\",\"gap10\":\"_gap10_bg9pe_272\",\"gap11\":\"_gap11_bg9pe_276\",\"gap12\":\"_gap12_bg9pe_280\",\"justifyContentcenter\":\"_justifyContentcenter_bg9pe_285\",\"justifyContentstart\":\"_justifyContentstart_bg9pe_289\",\"justifyContentend\":\"_justifyContentend_bg9pe_293\",\"justifyContentbetween\":\"_justifyContentbetween_bg9pe_297\",\"justifyContentaround\":\"_justifyContentaround_bg9pe_301\",\"justifyContentevenly\":\"_justifyContentevenly_bg9pe_305\",\"justifyContentcenterSmall\":\"_justifyContentcenterSmall_bg9pe_311\",\"justifyContentstartSmall\":\"_justifyContentstartSmall_bg9pe_315\",\"justifyContentendSmall\":\"_justifyContentendSmall_bg9pe_319\",\"justifyContentbetweenSmall\":\"_justifyContentbetweenSmall_bg9pe_323\",\"justifyContentaroundSmall\":\"_justifyContentaroundSmall_bg9pe_327\",\"justifyContentevenlySmall\":\"_justifyContentevenlySmall_bg9pe_331\",\"justifyContentcenterLarge\":\"_justifyContentcenterLarge_bg9pe_338\",\"justifyContentstartLarge\":\"_justifyContentstartLarge_bg9pe_342\",\"justifyContentendLarge\":\"_justifyContentendLarge_bg9pe_346\",\"justifyContentbetweenLarge\":\"_justifyContentbetweenLarge_bg9pe_350\",\"justifyContentaroundLarge\":\"_justifyContentaroundLarge_bg9pe_354\",\"justifyContentevenlyLarge\":\"_justifyContentevenlyLarge_bg9pe_358\",\"overflowvisible\":\"_overflowvisible_bg9pe_364\",\"overflowhidden\":\"_overflowhidden_bg9pe_368\",\"overflowscroll\":\"_overflowscroll_bg9pe_372\",\"overflowauto\":\"_overflowauto_bg9pe_376\",\"overflowinherit\":\"_overflowinherit_bg9pe_380\",\"overflowinitial\":\"_overflowinitial_bg9pe_384\",\"overflowXvisible\":\"_overflowXvisible_bg9pe_388\",\"overflowXhidden\":\"_overflowXhidden_bg9pe_392\",\"overflowXscroll\":\"_overflowXscroll_bg9pe_396\",\"overflowXauto\":\"_overflowXauto_bg9pe_400\",\"overflowXinherit\":\"_overflowXinherit_bg9pe_404\",\"overflowXinitial\":\"_overflowXinitial_bg9pe_408\",\"overflowYvisible\":\"_overflowYvisible_bg9pe_412\",\"overflowYhidden\":\"_overflowYhidden_bg9pe_416\",\"overflowYscroll\":\"_overflowYscroll_bg9pe_420\",\"overflowYauto\":\"_overflowYauto_bg9pe_424\",\"overflowYinherit\":\"_overflowYinherit_bg9pe_428\",\"overflowYinitial\":\"_overflowYinitial_bg9pe_432\",\"absolute\":\"_absolute_bg9pe_437\",\"fixed\":\"_fixed_bg9pe_441\",\"relative\":\"_relative_bg9pe_445\",\"sticky\":\"_sticky_bg9pe_449\"}"],"mappings":";AAA0F,IAAO,yBAAQ,EAAC,aAAY,sBAAqB,aAAY,sBAAqB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,cAAa,wBAAuB,cAAa,wBAAuB,cAAa,wBAAuB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,wBAAuB,aAAY,wBAAuB,aAAY,wBAAuB,cAAa,yBAAwB,cAAa,yBAAwB,cAAa,yBAAwB,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,6BAA4B;;;ACAntG,IAAO,qBAAQ,EAAC,OAAM,gBAAe,YAAW,qBAAoB,YAAW,qBAAoB,YAAW,sBAAqB,oBAAmB,8BAA6B,mBAAkB,6BAA4B,iBAAgB,2BAA0B,qBAAoB,+BAA8B,sBAAqB,gCAA+B,yBAAwB,mCAAkC,wBAAuB,kCAAiC,sBAAqB,gCAA+B,0BAAyB,oCAAmC,2BAA0B,qCAAoC,yBAAwB,mCAAkC,wBAAuB,kCAAiC,sBAAqB,gCAA+B,0BAAyB,oCAAmC,2BAA0B,qCAAoC,mBAAkB,6BAA4B,kBAAiB,4BAA2B,gBAAe,0BAAyB,oBAAmB,8BAA6B,qBAAoB,gCAA+B,iBAAgB,4BAA2B,SAAQ,oBAAmB,QAAO,iBAAgB,eAAc,0BAAyB,QAAO,mBAAkB,kBAAiB,6BAA4B,cAAa,yBAAwB,aAAY,wBAAuB,oBAAmB,+BAA8B,aAAY,wBAAuB,uBAAsB,kCAAiC,cAAa,yBAAwB,aAAY,wBAAuB,oBAAmB,+BAA8B,aAAY,wBAAuB,uBAAsB,kCAAiC,UAAS,qBAAoB,OAAM,kBAAiB,eAAc,0BAAyB,YAAW,uBAAsB,eAAc,0BAAyB,YAAW,uBAAsB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,SAAQ,oBAAmB,SAAQ,oBAAmB,SAAQ,oBAAmB,wBAAuB,mCAAkC,uBAAsB,kCAAiC,qBAAoB,gCAA+B,yBAAwB,oCAAmC,wBAAuB,mCAAkC,wBAAuB,mCAAkC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,0BAAyB,qCAAoC,8BAA6B,yCAAwC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,0BAAyB,qCAAoC,8BAA6B,yCAAwC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,mBAAkB,8BAA6B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,gBAAe,2BAA0B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,iBAAgB,4BAA2B,oBAAmB,+BAA8B,oBAAmB,+BAA8B,oBAAmB,+BAA8B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,iBAAgB,4BAA2B,oBAAmB,+BAA8B,oBAAmB,+BAA8B,YAAW,uBAAsB,SAAQ,oBAAmB,YAAW,uBAAsB,UAAS,oBAAmB;","names":[]}

package/dist/__chunks/{UNIBFDXV.js → JX74GCUV.js}

@@ -1,9 +1,9 @@
 import {
   Box_default
-} from "./PYNS67IV.js";
+} from "./TJHCYMPV.js";
 import {
   Typography_default
-} from "./F3ZST4RL.js";
+} from "./4G4SS7O3.js";
 import {
   useIsHydrated
 } from "./YJ7YDIGB.js";
@@ -70,4 +70,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=UNIBFDXV.js.map
+//# sourceMappingURL=JX74GCUV.js.map

package/dist/__chunks/{IFJ2YOEG.cjs → K77KFPIV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CY6YL5T4cjs = require('./CY6YL5T4.cjs');
+var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
 
 // src/Card/Card.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -14,7 +14,7 @@ function Card({
     lg: 744
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _CY6YL5T4cjs.Box_default,
+    _5SMR5MWYcjs.Box_default,
     {
       rounding: "lg",
       padding: 5,
@@ -32,4 +32,4 @@ function Card({
 
 
 exports.Card = Card;
-//# sourceMappingURL=IFJ2YOEG.cjs.map
+//# sourceMappingURL=K77KFPIV.cjs.map

package/dist/__chunks/{N3EZP6VG.cjs → LDFTT3OI.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
-
-
 var _PQIPUPQ2cjs = require('./PQIPUPQ2.cjs');
 
 
 var _4ICD552Dcjs = require('./4ICD552D.cjs');
 
+
+var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
+
 // src/IconButton/IconButton.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 var _react = require('react');
@@ -65,4 +65,4 @@ var IconButton_default = IconButton;
 
 
 exports.IconButton_default = IconButton_default;
-//# sourceMappingURL=N3EZP6VG.cjs.map
+//# sourceMappingURL=LDFTT3OI.cjs.map

package/dist/__chunks/{TKYRBLSM.js → LSR5LFQO.js}

@@ -1,18 +1,18 @@
-import {
-  Layer
-} from "./2JWMSFS7.js";
 import {
   FocusTrap
 } from "./42YPEAFS.js";
 import {
   Heading_default
-} from "./BSFWQWVJ.js";
-import {
-  Box_default
-} from "./PYNS67IV.js";
+} from "./N5GVRMI5.js";
 import {
   StopScroll
 } from "./AFINOME7.js";
+import {
+  Layer
+} from "./E4BJX2H5.js";
+import {
+  Box_default
+} from "./TJHCYMPV.js";
 
 // src/Modal/Modal.tsx
 import classnames from "classnames";
@@ -107,4 +107,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=TKYRBLSM.js.map
+//# sourceMappingURL=LSR5LFQO.js.map

package/dist/__chunks/{BSFWQWVJ.js → N5GVRMI5.js}

@@ -1,6 +1,6 @@
 import {
   Typography_default
-} from "./F3ZST4RL.js";
+} from "./4G4SS7O3.js";
 
 // src/Heading/Heading.tsx
 import { jsx } from "react/jsx-runtime";
@@ -33,4 +33,4 @@ var Heading_default = Heading;
 export {
   Heading_default
 };
-//# sourceMappingURL=BSFWQWVJ.js.map
+//# sourceMappingURL=N5GVRMI5.js.map

package/dist/__chunks/NGO7IQET.cjs

@@ -0,0 +1,72 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _VLUKODJDcjs = require('./VLUKODJD.cjs');
+
+
+var _7GJ2SD7Ocjs = require('./7GJ2SD7O.cjs');
+
+
+var _NGUJFGACcjs = require('./NGUJFGAC.cjs');
+
+// src/Dialog/Dialog.tsx
+var _react = require('react');
+
+// css-module:../elevation/elevation.module.css#css-module
+var elevation_module_default = { "elevation400BoxShadow": "_elevation400BoxShadow_vw6sp_1" };
+
+// css-module:./Dialog.module.css#css-module
+var Dialog_module_default = { "dialog": "_dialog_vyzu3_1" };
+
+// src/Dialog/Dialog.tsx
+var _reactariacomponents = require('react-aria-components');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+var sizeToRounding = {
+  sm: "lg",
+  md: "lg",
+  lg: "xl"
+};
+var sizeToPadding = {
+  sm: 4,
+  md: 5,
+  lg: 6
+};
+var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
+  const {
+    "data-testid": dataTestId,
+    accessibilityLabel,
+    children,
+    size = "md"
+  } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactariacomponents.Dialog,
+    {
+      ref,
+      "data-testid": dataTestId,
+      "aria-label": accessibilityLabel,
+      className: _classnames2.default.call(void 0, [
+        _VLUKODJDcjs.Box_module_default.box,
+        _VLUKODJDcjs.Box_module_default.flex,
+        _VLUKODJDcjs.Box_module_default.column,
+        _VLUKODJDcjs.Box_module_default.gap4,
+        _VLUKODJDcjs.Box_module_default.relative,
+        _VLUKODJDcjs.Box_module_default.overflowauto,
+        _NGUJFGACcjs.colors_module_default.whiteBackgroundColor,
+        _VLUKODJDcjs.padding_module_default[`paddingX${sizeToPadding[size]}`],
+        _VLUKODJDcjs.padding_module_default[`paddingY${sizeToPadding[size]}`],
+        _7GJ2SD7Ocjs.rounding_module_default[`rounding${sizeToRounding[size]}`],
+        elevation_module_default.elevation400BoxShadow,
+        Dialog_module_default.dialog
+      ]),
+      style: { maxWidth: "100%", maxHeight: "100%" },
+      children
+    }
+  );
+});
+var Dialog_default = Dialog;
+
+
+
+exports.Dialog_default = Dialog_default;
+//# sourceMappingURL=NGO7IQET.cjs.map

package/dist/__chunks/NGO7IQET.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dialog/Dialog.tsx","css-module:../elevation/elevation.module.css#css-module","css-module:./Dialog.module.css#css-module"],"names":["Dialog"],"mappings":";;;;;;;;;;;;AAAA,SAAgC,kBAAqC;;;ACA6B,IAAO,2BAAQ,EAAC,yBAAwB,iCAAgC;;;ACA9E,IAAO,wBAAQ,EAAC,UAAS,kBAAiB;;;AFOtI,SAAS,UAAU,uBAAuB;AAC1C,OAAO,gBAAgB;AAmDnB;AApCJ,IAAM,iBAAqD;AAAA,EACzD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,gBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAcA,IAAM,SAAS,WAAwC,SAASA,QAC9D,OACA,KACc;AACd,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MAGb,cAAY;AAAA,MACZ,WAAW,WAAW;AAAA,QACpB,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,sBAAY;AAAA,QACZ,uBAAc,WAAW,cAAc,IAAI,GAAG;AAAA,QAC9C,uBAAc,WAAW,cAAc,IAAI,GAAG;AAAA,QAC9C,wBAAe,WAAW,eAAe,IAAI,GAAG;AAAA,QAChD,yBAAgB;AAAA,QAChB,sBAAO;AAAA,MACT,CAAC;AAAA,MACD,OAAO,EAAE,UAAU,QAAQ,WAAW,OAAO;AAAA,MAE5C;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iBAAQ","sourcesContent":["import React, { type ReactNode, forwardRef, type ReactElement } from \"react\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport elevationStyles from \"../elevation/elevation.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport styles from \"./Dialog.module.css\";\nimport { Dialog as ReactAriaDialog } from \"react-aria-components\";\nimport classNames from \"classnames\";\n\ntype DialogSize = \"sm\" | \"md\" | \"lg\";\ntype DialogRounding = \"lg\" | \"xl\";\nexport type DialogProps = {\n  /** Test id for the floating dialog */\n  \"data-testid\"?: string;\n  /** aria-label for the dialog */\n  accessibilityLabel?: string;\n  /** Content to be shown inside the dialog. */\n  children?: ReactNode;\n  /** Optional size of the dialog box */\n  size?: DialogSize;\n};\n\nconst sizeToRounding: Record<DialogSize, DialogRounding> = {\n  sm: \"lg\",\n  md: \"lg\",\n  lg: \"xl\",\n};\n\nconst sizeToPadding: Record<DialogSize, 4 | 5 | 6> = {\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\n/**\n * Dialog is a display component for showing content in Popovers, Modals, etc...\n *\n * Example Usage:\n ```\n  <Dialog accessibilityLabel=\"Select some options\">\n    <Box padding={2} maxWidth={400}>\n      ... some content goes here\n    </Box>\n  </Dialog>\n ```\n */\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  props,\n  ref,\n): ReactElement {\n  const {\n    \"data-testid\": dataTestId,\n    accessibilityLabel,\n    children,\n    size = \"md\",\n  } = props;\n\n  return (\n    <ReactAriaDialog\n      ref={ref}\n      data-testid={dataTestId}\n      // first thing screen reader reads\n      // e.g. \"<this was the label prop>, dialog, 4 items...\"\n      aria-label={accessibilityLabel}\n      className={classNames([\n        boxStyles.box,\n        boxStyles.flex,\n        boxStyles.column,\n        boxStyles.gap4,\n        boxStyles.relative,\n        boxStyles.overflowauto,\n        colorStyles.whiteBackgroundColor,\n        paddingStyles[`paddingX${sizeToPadding[size]}`],\n        paddingStyles[`paddingY${sizeToPadding[size]}`],\n        roundingStyles[`rounding${sizeToRounding[size]}`],\n        elevationStyles.elevation400BoxShadow,\n        styles.dialog,\n      ])}\n      style={{ maxWidth: \"100%\", maxHeight: \"100%\" }}\n    >\n      {children}\n    </ReactAriaDialog>\n  );\n});\n\nexport default Dialog;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/elevation/elevation.module.css\"; export default {\"elevation400BoxShadow\":\"_elevation400BoxShadow_vw6sp_1\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Dialog/Dialog.module.css\"; export default {\"dialog\":\"_dialog_vyzu3_1\"}"]}

package/dist/__chunks/{BDPEQBKR.cjs → NGVAEAML.cjs}

@@ -6,7 +6,7 @@ var _GKECCWR3cjs = require('./GKECCWR3.cjs');
 var _LTM57QMYcjs = require('./LTM57QMY.cjs');
 
 
-var _ARYAYAXHcjs = require('./ARYAYAXH.cjs');
+var _UNZBENAEcjs = require('./UNZBENAE.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -62,7 +62,7 @@ function SelectList({
         [SelectList_module_default.opacityOverlay]: disabled
       }),
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ARYAYAXHcjs.Typography_default, { size: 100, color: "gray700", children: label }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UNZBENAEcjs.Typography_default, { size: 100, color: "gray700", children: label }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "select",
@@ -108,7 +108,7 @@ function SelectList({
           ) })
         ] }),
         (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _ARYAYAXHcjs.Typography_default,
+          _UNZBENAEcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -124,4 +124,4 @@ SelectList.Option = _GKECCWR3cjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=BDPEQBKR.cjs.map
+//# sourceMappingURL=NGVAEAML.cjs.map

package/dist/__chunks/{BDPEQBKR.cjs.map → NGVAEAML.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SelectList/SelectList.tsx","../../../syntax-design-tokens/dist/js/index.js","css-module:./SelectList.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACGhB,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;;;ACpBoE,IAAO,4BAAQ,EAAC,mBAAkB,4BAA2B,kBAAiB,2BAA0B,sBAAqB,gCAA+B,iBAAgB,2BAA0B,aAAY,uBAAsB,2BAA0B,qCAAoC,cAAa,wBAAuB,YAAW,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,eAAc,wBAAuB;;;AFgHvkB,cAMF,YANE;AA9FV,IAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAKe,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,OAAO;AACT,GAwDiB;AACf,QAAM,UAAU,MAAM;AACtB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,WAAW,kBAAM;AACvB,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,0BAAO,iBAAiB;AAAA,QAC5C,CAAC,0BAAO,cAAc,GAAG;AAAA,MAC3B,CAAC;AAAA,MAEA;AAAA,iBACC,oBAAC,WAAM,SAAS,UAAU,WAAW,0BAAO,oBAC1C,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF;AAAA,QAEF,qBAAC,SAAI,WAAW,0BAAO,eACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,eAAa;AAAA,cACb;AAAA,cACA,WAAW,WAAW,0BAAO,WAAW,0BAAO,IAAI,GAAG;AAAA,gBACpD,CAAC,0BAAO,UAAU,GAAG,CAAC,iBAAiB,CAAC;AAAA,gBACxC,CAAC,0BAAO,QAAQ,GAAG,iBAAiB,CAAC;AAAA,gBACrC,CAAC,0BAAO,WAAW,GAAG;AAAA,gBACtB,CAAC,qBAAY,yBAAyB,GACpC,aAAa;AAAA;AAAA,gBACf,CAAC,0BAAO,uBAAuB,GAAG,aAAa,CAAC;AAAA;AAAA,cAClD,CAAC;AAAA,cACD;AAAA,cACA;AAAA,cACA,OACE,mBAAmB,CAAC,gBAAgB,kBAAkB;AAAA,cAExD,SAAS,MAAM,aAAa,IAAI;AAAA,cAChC,QAAQ,MAAM,aAAa,KAAK;AAAA,cAE/B;AAAA,mCACC,oBAAC,YAAO,UAAQ,MAAC,OAAO,iBACrB,2BACH;AAAA,gBAED;AAAA;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,SAAI,WAAW,0BAAO,WACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAAQ;AAAA,cACR,OAAO,SAAS,IAAI;AAAA,cAEpB;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,YAAY,0BAA0B;AAAA,kBAC5C,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF,GACF;AAAA,WACF;AAAA,SACE,cAAc,cACd,oBAAC,SAAI,WAAW,0BAAO,oBACrB;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,sBAAY,YAAY;AAAA;AAAA,QAC3B,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,SAAS","sourcesContent":["import React, {\n  type ReactElement,\n  type ReactNode,\n  useId,\n  useState,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport styles from \"./SelectList.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport SelectOption from \"./SelectOption\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst iconSize = {\n  sm: 20,\n  md: 24,\n  lg: 24,\n} as const;\n\n/**\n * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.\n */\nexport default function SelectList({\n  children,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  errorText,\n  helperText,\n  id,\n  label,\n  onChange,\n  onClick,\n  placeholderText,\n  selectedValue = \"\",\n  size = \"md\",\n}: {\n  /**\n   * One or more SelectList.Option components.\n   */\n  children: ReactNode;\n  /**\n   * Test id for the select element\n   */\n  \"data-testid\"?: string;\n  /**\n   * true if the select dropdown is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Callback to be called when select is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLSelectElement>;\n  /**\n   * Text shown below select box if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Text shown below select box\n   */\n  helperText?: string;\n  /**\n   * Id of the select element\n   */\n  id?: string;\n  /**\n   * Text shown above select box\n   */\n  label: string;\n  /**\n   * The callback to be called when an option is selected\n   */\n  onChange: React.ChangeEventHandler<HTMLSelectElement>;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * We should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /**\n   * Value of the currently selected option\n   */\n  selectedValue?: string;\n  /**\n   * Size of the select box\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n}): ReactElement {\n  const reactId = useId();\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const selectId = id ?? reactId;\n  const { isFocusVisible } = useFocusVisible();\n  const [isFocused, setIsFocused] = useState(false);\n\n  return (\n    <div\n      className={classNames(styles.selectContainer, {\n        [styles.opacityOverlay]: disabled,\n      })}\n    >\n      {label && (\n        <label htmlFor={selectId} className={styles.outerTextContainer}>\n          <Typography size={100} color=\"gray700\">\n            {label}\n          </Typography>\n        </label>\n      )}\n      <div className={styles.selectWrapper}>\n        <select\n          id={selectId}\n          data-testid={dataTestId}\n          disabled={disabled}\n          className={classNames(styles.selectBox, styles[size], {\n            [styles.unselected]: !selectedValue && !errorText,\n            [styles.selected]: selectedValue && !errorText,\n            [styles.selectError]: errorText,\n            [focusStyles.accessibilityOutlineFocus]:\n              isFocused && isFocusVisible, // for focus keyboard\n            [styles.selectMouseFocusStyling]: isFocused && !isFocusVisible, // for focus mouse\n          })}\n          onChange={onChange}\n          onClick={onClick}\n          value={\n            placeholderText && !selectedValue ? placeholderText : selectedValue\n          }\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n        >\n          {placeholderText && (\n            <option disabled value={placeholderText}>\n              {placeholderText}\n            </option>\n          )}\n          {children}\n        </select>\n        <div className={styles.arrowIcon}>\n          <svg\n            focusable=\"false\"\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            width={iconSize[size]}\n          >\n            <path\n              fill={errorText ? ColorBaseDestructive700 : ColorBaseGray800}\n              d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n            />\n          </svg>\n        </div>\n      </div>\n      {(helperText || errorText) && (\n        <div className={styles.outerTextContainer}>\n          <Typography\n            size={100}\n            color={errorText ? \"destructive-primary\" : \"gray700\"}\n          >\n            {errorText ? errorText : helperText}\n          </Typography>\n        </div>\n      )}\n    </div>\n  );\n}\n\nSelectList.Option = SelectOption;\n","/**\n * Do not edit directly\n * Generated on Tue, 16 Jan 2024 23:06:03 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_3ifov_1\",\"opacityOverlay\":\"_opacityOverlay_3ifov_7\",\"outerTextContainer\":\"_outerTextContainer_3ifov_11\",\"selectWrapper\":\"_selectWrapper_3ifov_16\",\"selectBox\":\"_selectBox_3ifov_21\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_3ifov_37\",\"unselected\":\"_unselected_3ifov_42\",\"selected\":\"_selected_3ifov_46\",\"arrowIcon\":\"_arrowIcon_3ifov_50\",\"sm\":\"_sm_3ifov_64\",\"md\":\"_md_3ifov_70\",\"lg\":\"_lg_3ifov_76\",\"selectError\":\"_selectError_3ifov_82\"}"]}
+{"version":3,"sources":["../../src/SelectList/SelectList.tsx","../../../syntax-design-tokens/dist/js/index.js","css-module:./SelectList.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACGhB,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;;;ACpBoE,IAAO,4BAAQ,EAAC,mBAAkB,4BAA2B,kBAAiB,2BAA0B,sBAAqB,gCAA+B,iBAAgB,2BAA0B,aAAY,uBAAsB,2BAA0B,qCAAoC,cAAa,wBAAuB,YAAW,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,eAAc,wBAAuB;;;AFgHvkB,cAMF,YANE;AA9FV,IAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAKe,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,OAAO;AACT,GAwDiB;AACf,QAAM,UAAU,MAAM;AACtB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,WAAW,kBAAM;AACvB,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,0BAAO,iBAAiB;AAAA,QAC5C,CAAC,0BAAO,cAAc,GAAG;AAAA,MAC3B,CAAC;AAAA,MAEA;AAAA,iBACC,oBAAC,WAAM,SAAS,UAAU,WAAW,0BAAO,oBAC1C,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF;AAAA,QAEF,qBAAC,SAAI,WAAW,0BAAO,eACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,eAAa;AAAA,cACb;AAAA,cACA,WAAW,WAAW,0BAAO,WAAW,0BAAO,IAAI,GAAG;AAAA,gBACpD,CAAC,0BAAO,UAAU,GAAG,CAAC,iBAAiB,CAAC;AAAA,gBACxC,CAAC,0BAAO,QAAQ,GAAG,iBAAiB,CAAC;AAAA,gBACrC,CAAC,0BAAO,WAAW,GAAG;AAAA,gBACtB,CAAC,qBAAY,yBAAyB,GACpC,aAAa;AAAA;AAAA,gBACf,CAAC,0BAAO,uBAAuB,GAAG,aAAa,CAAC;AAAA;AAAA,cAClD,CAAC;AAAA,cACD;AAAA,cACA;AAAA,cACA,OACE,mBAAmB,CAAC,gBAAgB,kBAAkB;AAAA,cAExD,SAAS,MAAM,aAAa,IAAI;AAAA,cAChC,QAAQ,MAAM,aAAa,KAAK;AAAA,cAE/B;AAAA,mCACC,oBAAC,YAAO,UAAQ,MAAC,OAAO,iBACrB,2BACH;AAAA,gBAED;AAAA;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,SAAI,WAAW,0BAAO,WACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAAQ;AAAA,cACR,OAAO,SAAS,IAAI;AAAA,cAEpB;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,YAAY,0BAA0B;AAAA,kBAC5C,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF,GACF;AAAA,WACF;AAAA,SACE,cAAc,cACd,oBAAC,SAAI,WAAW,0BAAO,oBACrB;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,sBAAY,YAAY;AAAA;AAAA,QAC3B,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,SAAS","sourcesContent":["import React, {\n  type ReactElement,\n  type ReactNode,\n  useId,\n  useState,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport styles from \"./SelectList.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport SelectOption from \"./SelectOption\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst iconSize = {\n  sm: 20,\n  md: 24,\n  lg: 24,\n} as const;\n\n/**\n * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.\n */\nexport default function SelectList({\n  children,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  errorText,\n  helperText,\n  id,\n  label,\n  onChange,\n  onClick,\n  placeholderText,\n  selectedValue = \"\",\n  size = \"md\",\n}: {\n  /**\n   * One or more SelectList.Option components.\n   */\n  children: ReactNode;\n  /**\n   * Test id for the select element\n   */\n  \"data-testid\"?: string;\n  /**\n   * true if the select dropdown is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Callback to be called when select is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLSelectElement>;\n  /**\n   * Text shown below select box if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Text shown below select box\n   */\n  helperText?: string;\n  /**\n   * Id of the select element\n   */\n  id?: string;\n  /**\n   * Text shown above select box\n   */\n  label: string;\n  /**\n   * The callback to be called when an option is selected\n   */\n  onChange: React.ChangeEventHandler<HTMLSelectElement>;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * We should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /**\n   * Value of the currently selected option\n   */\n  selectedValue?: string;\n  /**\n   * Size of the select box\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n}): ReactElement {\n  const reactId = useId();\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const selectId = id ?? reactId;\n  const { isFocusVisible } = useFocusVisible();\n  const [isFocused, setIsFocused] = useState(false);\n\n  return (\n    <div\n      className={classNames(styles.selectContainer, {\n        [styles.opacityOverlay]: disabled,\n      })}\n    >\n      {label && (\n        <label htmlFor={selectId} className={styles.outerTextContainer}>\n          <Typography size={100} color=\"gray700\">\n            {label}\n          </Typography>\n        </label>\n      )}\n      <div className={styles.selectWrapper}>\n        <select\n          id={selectId}\n          data-testid={dataTestId}\n          disabled={disabled}\n          className={classNames(styles.selectBox, styles[size], {\n            [styles.unselected]: !selectedValue && !errorText,\n            [styles.selected]: selectedValue && !errorText,\n            [styles.selectError]: errorText,\n            [focusStyles.accessibilityOutlineFocus]:\n              isFocused && isFocusVisible, // for focus keyboard\n            [styles.selectMouseFocusStyling]: isFocused && !isFocusVisible, // for focus mouse\n          })}\n          onChange={onChange}\n          onClick={onClick}\n          value={\n            placeholderText && !selectedValue ? placeholderText : selectedValue\n          }\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n        >\n          {placeholderText && (\n            <option disabled value={placeholderText}>\n              {placeholderText}\n            </option>\n          )}\n          {children}\n        </select>\n        <div className={styles.arrowIcon}>\n          <svg\n            focusable=\"false\"\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            width={iconSize[size]}\n          >\n            <path\n              fill={errorText ? ColorBaseDestructive700 : ColorBaseGray800}\n              d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n            />\n          </svg>\n        </div>\n      </div>\n      {(helperText || errorText) && (\n        <div className={styles.outerTextContainer}>\n          <Typography\n            size={100}\n            color={errorText ? \"destructive-primary\" : \"gray700\"}\n          >\n            {errorText ? errorText : helperText}\n          </Typography>\n        </div>\n      )}\n    </div>\n  );\n}\n\nSelectList.Option = SelectOption;\n","/**\n * Do not edit directly\n * Generated on Tue, 23 Jan 2024 22:24:36 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_3ifov_1\",\"opacityOverlay\":\"_opacityOverlay_3ifov_7\",\"outerTextContainer\":\"_outerTextContainer_3ifov_11\",\"selectWrapper\":\"_selectWrapper_3ifov_16\",\"selectBox\":\"_selectBox_3ifov_21\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_3ifov_37\",\"unselected\":\"_unselected_3ifov_42\",\"selected\":\"_selected_3ifov_46\",\"arrowIcon\":\"_arrowIcon_3ifov_50\",\"sm\":\"_sm_3ifov_64\",\"md\":\"_md_3ifov_70\",\"lg\":\"_lg_3ifov_76\",\"selectError\":\"_selectError_3ifov_82\"}"]}

package/dist/__chunks/{CWNH5WDG.cjs → NWUWC7UT.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _CY6YL5T4cjs = require('./CY6YL5T4.cjs');
+var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
 
 
-var _ARYAYAXHcjs = require('./ARYAYAXH.cjs');
+var _UNZBENAEcjs = require('./UNZBENAE.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -51,8 +51,8 @@ var Chip = _react.forwardRef.call(void 0,
         onClick: onChange,
         children: [
           Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: iconStyles }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CY6YL5T4cjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _ARYAYAXHcjs.Typography_default,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _UNZBENAEcjs.Typography_default,
             {
               size: typographySize[size],
               color: selected ? "white" : "gray900",
@@ -70,4 +70,4 @@ var Chip_default = Chip;
 
 
 exports.Chip_default = Chip_default;
-//# sourceMappingURL=CWNH5WDG.cjs.map
+//# sourceMappingURL=NWUWC7UT.cjs.map

package/dist/__chunks/OQKBLXDS.js

@@ -0,0 +1,137 @@
+import {
+  ModalDialog_default
+} from "./V54CIPAG.js";
+import {
+  Dialog_default
+} from "./CPAXWLGZ.js";
+import {
+  Box_module_default
+} from "./J7CMFWIU.js";
+import {
+  syntaxToReactAriaPlacement
+} from "./ARBLKS7D.js";
+import {
+  Triggerable_default
+} from "./IRL2C3B2.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,
+  DialogTrigger as ReactAriaDialogTrigger,
+  composeRenderProps
+} from "react-aria-components";
+
+// css-module:./Popover.module.css#css-module
+var Popover_module_default = { "popover": "_popover_158cf_1" };
+
+// 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,
+            Popover_module_default.popover
+          ])
+        },
+        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,
+    initialOpen,
+    modal: modalProp,
+    onOpenChange,
+    onChangeContentVisibility,
+    open,
+    placement = "bottom"
+  } = props;
+  const modal = !children || modalProp;
+  const modalNode = /* @__PURE__ */ jsx(
+    ModalDialog_default,
+    {
+      ref,
+      accessibilityLabel,
+      accessibilityCloseLabel,
+      "data-testid": dataTestId,
+      initialOpen,
+      onChangeContentVisibility,
+      onOpenChange,
+      open,
+      children: content
+    }
+  );
+  const popoverNode = /* @__PURE__ */ jsx(
+    AriaPopover,
+    {
+      ref,
+      placement: syntaxToReactAriaPlacement(placement),
+      onChangeContentVisibility,
+      children: /* @__PURE__ */ jsx(Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
+    }
+  );
+  if (!children)
+    return modalNode;
+  return /* @__PURE__ */ jsxs(
+    ReactAriaDialogTrigger,
+    {
+      defaultOpen: initialOpen,
+      isOpen: open,
+      onOpenChange,
+      children: [
+        /* @__PURE__ */ jsx(Triggerable_default, { children }),
+        modal ? modalNode : popoverNode
+      ]
+    }
+  );
+});
+var Popover_default = Popover;
+
+export {
+  AriaPopover,
+  Popover_default
+};
+//# sourceMappingURL=OQKBLXDS.js.map

package/dist/__chunks/OQKBLXDS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Popover/Popover.tsx","css-module:./Popover.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  DialogTrigger as ReactAriaDialogTrigger,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport Triggerable 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 styles from \"./Popover.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 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              styles.popover,\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<HTMLDivElement, PopoverProps>(function Popover(\n  props,\n  ref,\n): ReactElement {\n  const {\n    \"data-testid\": dataTestId,\n    accessibilityLabel,\n    accessibilityCloseLabel,\n    children,\n    content,\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      ref={ref}\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      ref={ref}\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    <ReactAriaDialogTrigger\n      defaultOpen={initialOpen}\n      isOpen={open}\n      onOpenChange={onOpenChange}\n    >\n      {<Triggerable>{children}</Triggerable>}\n      {modal ? modalNode : popoverNode}\n    </ReactAriaDialogTrigger>\n  );\n});\n\nexport default Popover;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Popover/Popover.module.css\"; export default {\"popover\":\"_popover_158cf_1\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgC,kBAAqC;AACrE,OAAO,gBAAgB;AACvB,SAAS,kBAAkB;AAC3B;AAAA,EACE,WAAW;AAAA,EAEX,iBAAiB;AAAA,EACjB;AAAA,OACK;;;ACRuF,IAAO,yBAAQ,EAAC,WAAU,mBAAkB;;;ADoF9H,mBACE,KADF;AAzBL,IAAM,cAAc;AAAA,EACzB,SAASA,aACP,IACA,KACc;AAFd,iBAAE,YAAU,cAAc,0BA7D9B,IA6DI,IAAwD,uBAAxD,IAAwD,CAAtD,YAAwB;AAG1B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,SACI;AAAA,QACF;AAAA,UACE,QAAQ;AAAA,UACR,kBAAkB;AAAA,UAClB,WAAW,WAAW;AAAA,YACpB,mBAAU;AAAA,YACV,mBAAU;AAAA,YACV,mBAAU;AAAA,YACV,uBAAO;AAAA,UACT,CAAC;AAAA,QACH;AAAA,QACA;AAAA,MACF,IAdD;AAAA,QAgBE;AAAA,UACC;AAAA,UACA,CAAC,UAAU,EAAE,YAAY,UAAU,MACjC,iCACE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,UAAU;AAAA;AAAA,YACZ;AAAA,YACC;AAAA,aACH;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAuBA,IAAM,UAAU,WAAyC,SAASC,SAChE,OACA,KACc;AACd,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI;AAEJ,QAAM,QAAQ,CAAC,YAAY;AAE3B,QAAM,YACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAGF,QAAM,cACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,2BAA2B,SAAS;AAAA,MAC/C;AAAA,MAEA,8BAAC,kBAAO,oBAAwC,eAAa,YAC1D,mBACH;AAAA;AAAA,EACF;AAGF,MAAI,CAAC;AAAU,WAAO;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,QAAQ;AAAA,MACR;AAAA,MAEC;AAAA,4BAAC,uBAAa,UAAS;AAAA,QACvB,QAAQ,YAAY;AAAA;AAAA;AAAA,EACvB;AAEJ,CAAC;AAED,IAAO,kBAAQ;","names":["AriaPopover","Popover"]}

package/dist/__chunks/{GPS2XNQI.js → PF4QF5DX.js}

@@ -7,15 +7,6 @@ import {
 import {
   iconSize_default
 } from "./4PWSK5GI.js";
-import {
-  Box_default
-} from "./PYNS67IV.js";
-import {
-  Typography_default
-} from "./F3ZST4RL.js";
-import {
-  useIsHydrated
-} from "./YJ7YDIGB.js";
 import {
   foregroundTypographyColor
 } from "./HQVZUEWO.js";
@@ -25,6 +16,15 @@ import {
 import {
   backgroundColor
 } from "./G4DDTGDI.js";
+import {
+  Box_default
+} from "./TJHCYMPV.js";
+import {
+  Typography_default
+} from "./4G4SS7O3.js";
+import {
+  useIsHydrated
+} from "./YJ7YDIGB.js";
 
 // src/Button/Button.tsx
 import { forwardRef } from "react";
@@ -117,4 +117,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=GPS2XNQI.js.map
+//# sourceMappingURL=PF4QF5DX.js.map

package/dist/__chunks/{CEWOAFV2.cjs → PYX4374T.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ARYAYAXHcjs = require('./ARYAYAXH.cjs');
+var _UNZBENAEcjs = require('./UNZBENAE.cjs');
 
 // src/Heading/Heading.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -15,7 +15,7 @@ var Heading = ({
 }) => {
   const weight = [700, 800].includes(size) ? "heavy" : "bold";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _ARYAYAXHcjs.Typography_default,
+    _UNZBENAEcjs.Typography_default,
     {
       align,
       as,
@@ -33,4 +33,4 @@ var Heading_default = Heading;
 
 
 exports.Heading_default = Heading_default;
-//# sourceMappingURL=CEWOAFV2.cjs.map
+//# sourceMappingURL=PYX4374T.cjs.map

package/dist/__chunks/{GPWBSPBL.js → QFKRTOQN.js}

@@ -1,9 +1,9 @@
 import {
   Box_default
-} from "./PYNS67IV.js";
+} from "./TJHCYMPV.js";
 import {
   Typography_default
-} from "./F3ZST4RL.js";
+} from "./4G4SS7O3.js";
 import {
   useIsHydrated
 } from "./YJ7YDIGB.js";
@@ -94,4 +94,4 @@ var TextArea_default = TextArea;
 export {
   TextArea_default
 };
-//# sourceMappingURL=GPWBSPBL.js.map
+//# sourceMappingURL=QFKRTOQN.js.map

package/dist/__chunks/RFHPSEBF.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/react-aria-utils/OverlayVisibility.tsx
+var _react = require('react');
+function OverlayVisibility({
+  onChange,
+  isEntering,
+  isExiting
+}) {
+  const onChangeRef = _react.useRef.call(void 0, onChange);
+  _react.useEffect.call(void 0, () => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  _react.useEffect.call(void 0, () => {
+    if (isEntering)
+      return () => {
+        var _a;
+        return (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, true);
+      };
+    if (isExiting)
+      return () => {
+        var _a;
+        return (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, false);
+      };
+  }, [isEntering, isExiting]);
+  return null;
+}
+
+
+
+exports.OverlayVisibility = OverlayVisibility;
+//# sourceMappingURL=RFHPSEBF.cjs.map

package/dist/__chunks/RFHPSEBF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react-aria-utils/OverlayVisibility.tsx"],"names":[],"mappings":";AAAA,SAAS,WAAW,cAAc;AAanB,SAAR,kBAAmC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AACF,GAOS;AACP,QAAM,cAAc,OAAO,QAAQ;AACnC,YAAU,MAAM;AACd,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,QAAQ,CAAC;AAGb,YAAU,MAAM;AACd,QAAI;AAAY,aAAO,MAAG;AAhC9B;AAgCiC,iCAAY,YAAZ,qCAAsB;AAAA;AACnD,QAAI;AAAW,aAAO,MAAG;AAjC7B;AAiCgC,iCAAY,YAAZ,qCAAsB;AAAA;AAAA,EACpD,GAAG,CAAC,YAAY,SAAS,CAAC;AAE1B,SAAO;AACT","sourcesContent":["import { useEffect, useRef } from \"react\";\n\n/**\n * The react-aria-components Tooltip, Popover, Modal and ModalOverlay\n * components render with `isEntering` and `isExiting` bools from\n * listening to css animations events on the element.\n *\n * These bits are only available through children-as-function render props.\n *\n * Since these bits are not available through any context,\n * this component is a helper to fire a handler when content visibility\n * has changed _after_ animations have finished.\n */\nexport default function OverlayVisibility({\n  onChange,\n  isEntering,\n  isExiting,\n}: {\n  /** Optional handler for change of visibility for popover content */\n  onChange?: (visible: boolean) => void;\n  /** Whether the content is entering (animating) */\n  isEntering?: boolean;\n  /** Whether the content is exiting (animating) */\n  isExiting?: boolean;\n}): null {\n  const onChangeRef = useRef(onChange);\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  // fire visibility change handler when animation steps finish\n  useEffect(() => {\n    if (isEntering) return () => onChangeRef.current?.(true);\n    if (isExiting) return () => onChangeRef.current?.(false);\n  }, [isEntering, isExiting]);\n\n  return null;\n}\n"]}

package/dist/__chunks/RKIOGDSG.js

@@ -0,0 +1 @@
+//# sourceMappingURL=RKIOGDSG.js.map

package/dist/__chunks/RKIOGDSG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/__chunks/{CQ2HIJ62.js → STT27BTU.js}

@@ -1,6 +1,6 @@
 import {
   Box_default
-} from "./PYNS67IV.js";
+} from "./TJHCYMPV.js";
 
 // src/Card/Card.tsx
 import { jsx } from "react/jsx-runtime";
@@ -32,4 +32,4 @@ function Card({
 export {
   Card
 };
-//# sourceMappingURL=CQ2HIJ62.js.map
+//# sourceMappingURL=STT27BTU.js.map