@cambly/syntax-core 10.4.0 → 10.5.0

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

@@ -3,10 +3,14 @@
 var _GKECCWR3cjs = require('./GKECCWR3.cjs');
 
 
+
+var _SXTAJU6Ncjs = require('./SXTAJU6N.cjs');
+
+
 var _LTM57QMYcjs = require('./LTM57QMY.cjs');
 
 
-var _UNZBENAEcjs = require('./UNZBENAE.cjs');
+var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -21,10 +25,6 @@ var _GVEA7SLQcjs = require('./GVEA7SLQ.cjs');
 var _react = require('react');
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 
-// ../syntax-design-tokens/dist/js/index.js
-var ColorBaseDestructive700 = "#d32a4b";
-var ColorBaseGray800 = "#353535";
-
 // css-module:./SelectList.module.css#css-module
 var SelectList_module_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" };
 
@@ -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, _UNZBENAEcjs.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, _ZX5KONS2cjs.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",
@@ -100,7 +100,7 @@ function SelectList({
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "path",
                 {
-                  fill: errorText ? ColorBaseDestructive700 : ColorBaseGray800,
+                  fill: errorText ? _SXTAJU6Ncjs.ColorBaseDestructive700 : _SXTAJU6Ncjs.ColorBaseGray800,
                   d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
                 }
               )
@@ -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, 
-          _UNZBENAEcjs.Typography_default,
+          _ZX5KONS2cjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -124,4 +124,4 @@ SelectList.Option = _GKECCWR3cjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=NGVAEAML.cjs.map
+//# sourceMappingURL=DMCLLEN5.cjs.map

package/dist/__chunks/DMCLLEN5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/SelectList/SelectList.tsx","css-module:./SelectList.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACN6E,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;;;ADgHvkB,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","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/DNTOWEIQ.js

@@ -0,0 +1,39 @@
+import {
+  RadioButton_default
+} from "./NRTSRS2D.js";
+import {
+  RichSelectItem_default
+} from "./Y6L6EOCB.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./LULBCTQR.js";
+
+// src/RichSelect/RichSelectRadioButton.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var NOOP = () => void 0;
+var RichSelectRadioButton_default = forwardRef(
+  function RichSelectRadioButton(props, ref) {
+    const _a = props, { size, name } = _a, otherProps = __objRest(_a, ["size", "name"]);
+    return /* @__PURE__ */ jsx(RichSelectItem_default, __spreadProps(__spreadValues({}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ jsx(
+      RadioButton_default,
+      {
+        checked: isSelected,
+        disabled: isDisabled,
+        name,
+        label: otherProps.label,
+        value: otherProps.value,
+        dangerouslyForceFocusStyles: isFocusVisible,
+        size,
+        onChange: NOOP
+      }
+    ) }));
+  }
+);
+
+export {
+  RichSelectRadioButton_default
+};
+//# sourceMappingURL=DNTOWEIQ.js.map

package/dist/__chunks/DNTOWEIQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RichSelect/RichSelectRadioButton.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement } from \"react\";\nimport RichSelectItem, { type RichSelectItemProps } from \"./RichSelectItem\";\nimport RadioButton from \"../RadioButton/RadioButton\";\n\nconst NOOP = () => undefined;\n\ntype RichSelectRadioButtonProps = RichSelectItemProps & {\n  name: string;\n  size?: \"sm\" | \"md\";\n};\n\nexport default forwardRef<HTMLDivElement, RichSelectRadioButtonProps>(\n  function RichSelectRadioButton(props, ref): ReactElement {\n    const { size, name, ...otherProps } = props;\n    return (\n      <RichSelectItem {...otherProps} ref={ref}>\n        {({ isSelected, isFocusVisible, isDisabled }) => (\n          <RadioButton\n            checked={isSelected}\n            disabled={isDisabled}\n            name={name}\n            label={otherProps.label}\n            value={otherProps.value}\n            dangerouslyForceFocusStyles={isFocusVisible}\n            size={size}\n            onChange={NOOP}\n          />\n        )}\n      </RichSelectItem>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,kBAAqC;AAiB3C;AAbV,IAAM,OAAO,MAAM;AAOnB,IAAO,gCAAQ;AAAA,EACb,SAAS,sBAAsB,OAAO,KAAmB;AACvD,UAAsC,YAA9B,QAAM,KAblB,IAa0C,IAAf,uBAAe,IAAf,CAAf,QAAM;AACd,WACE,oBAAC,yDAAmB,aAAnB,EAA+B,KAC7B,WAAC,EAAE,YAAY,gBAAgB,WAAW,MACzC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV;AAAA,QACA,OAAO,WAAW;AAAA,QAClB,OAAO,WAAW;AAAA,QAClB,6BAA6B;AAAA,QAC7B;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,IAEJ;AAAA,EAEJ;AACF;","names":[]}

package/dist/__chunks/{EBNDJEOG.cjs → FMHIHCQS.cjs}

@@ -15,7 +15,7 @@ var _PQIPUPQ2cjs = require('./PQIPUPQ2.cjs');
 var _4ICD552Dcjs = require('./4ICD552D.cjs');
 
 
-var _UNZBENAEcjs = require('./UNZBENAE.cjs');
+var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
 
 // src/LinkButton/LinkButton.tsx
 var _react = require('react');
@@ -74,7 +74,7 @@ var LinkButton = _react.forwardRef.call(void 0,
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _UNZBENAEcjs.Typography_default,
+            _ZX5KONS2cjs.Typography_default,
             {
               color: _TEJLBWXVcjs.foregroundTypographyColor.call(void 0, color),
               size: _36B62A3Zcjs.textVariant_default[size],
@@ -93,4 +93,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=EBNDJEOG.cjs.map
+//# sourceMappingURL=FMHIHCQS.cjs.map

package/dist/__chunks/{WI7S7GOJ.cjs → FMSBGH2I.cjs}

@@ -3,7 +3,7 @@
 var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
 
 
-var _UNZBENAEcjs = require('./UNZBENAE.cjs');
+var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -52,8 +52,8 @@ var TextArea = _react.forwardRef.call(void 0,
           }
         },
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UNZBENAEcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UNZBENAEcjs.Typography_default, { size: 200, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZX5KONS2cjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZX5KONS2cjs.Typography_default, { size: 200, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "textarea",
             {
               "data-testid": dataTestId,
@@ -77,7 +77,7 @@ var TextArea = _react.forwardRef.call(void 0,
             }
           ) }),
           (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _UNZBENAEcjs.Typography_default,
+            _ZX5KONS2cjs.Typography_default,
             {
               size: 100,
               color: errorText ? "destructive-primary" : "gray700",
@@ -94,4 +94,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=WI7S7GOJ.cjs.map
+//# sourceMappingURL=FMSBGH2I.cjs.map

package/dist/__chunks/FMSI35YS.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _ZDMSFZS3cjs = require('./ZDMSFZS3.cjs');
+
+
+var _VMARHE5Bcjs = require('./VMARHE5B.cjs');
+
+
+var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
+
+// src/RichSelect/RichSelectSection.tsx
+var _react = require('react');
+
+
+
+
+var _reactariacomponents = require('react-aria-components');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+var RichSelectSection_default = _react.forwardRef.call(void 0, 
+  function RichSelectSection(props, ref) {
+    const {
+      "data-testid": dataTestId,
+      label,
+      children,
+      orientation = "horizontal"
+    } = props;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _reactariacomponents.Section,
+      {
+        ref,
+        "data-testid": dataTestId,
+        className: _classnames2.default.call(void 0, 
+          [_VMARHE5Bcjs.Box_module_default.box, _VMARHE5Bcjs.Box_module_default.flex, _VMARHE5Bcjs.Box_module_default.flexWrap, _VMARHE5Bcjs.Box_module_default.gap3],
+          {
+            [_VMARHE5Bcjs.Box_module_default.row]: orientation === "horizontal",
+            [_VMARHE5Bcjs.Box_module_default.column]: orientation === "vertical"
+          }
+        ),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _ZDMSFZS3cjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZX5KONS2cjs.Typography_default, { children: label }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Collection, { children })
+        ]
+      }
+    );
+  }
+);
+
+
+
+exports.RichSelectSection_default = RichSelectSection_default;
+//# sourceMappingURL=FMSI35YS.cjs.map

package/dist/__chunks/FMSI35YS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RichSelect/RichSelectSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAAgB,kBAAqC;AACrD;AAAA,EACE,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,OACT;AACP,OAAO,gBAAgB;AAsBjB,SAYI,KAZJ;AAVN,IAAO,4BAAQ;AAAA,EACb,SAAS,kBAAkB,OAAO,KAAmB;AACnD,UAAM;AAAA,MACJ,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAChB,IAAI;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,WAAW;AAAA,UACT,CAAC,mBAAU,KAAK,mBAAU,MAAM,mBAAU,UAAU,mBAAU,IAAI;AAAA,UAClE;AAAA,YACE,CAAC,mBAAU,GAAG,GAAG,gBAAgB;AAAA,YACjC,CAAC,mBAAU,MAAM,GAAG,gBAAgB;AAAA,UACtC;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,mBAAgB,WAAW,WAAW,sBAAa,SAAS,GAC3D,8BAAC,sBAAY,iBAAM,GACrB;AAAA,UACA,oBAAC,uBAAqB,UAAS;AAAA;AAAA;AAAA,IACjC;AAAA,EAEJ;AACF","sourcesContent":["import React, { forwardRef, type ReactElement } from \"react\";\nimport {\n  Section as ReactAriaSection,\n  Header as ReactAriaHeader,\n  Collection as ReactAriaCollection,\n} from \"react-aria-components\";\nimport classNames from \"classnames\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport Typography from \"../Typography/Typography\";\n\ntype RichSelectSectionProps = {\n  \"data-testid\"?: string;\n  label: string;\n  children: ReactElement | ReactElement[];\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\nexport default forwardRef<HTMLDivElement, RichSelectSectionProps>(\n  function RichSelectSection(props, ref): ReactElement {\n    const {\n      \"data-testid\": dataTestId,\n      label,\n      children,\n      orientation = \"horizontal\",\n    } = props;\n\n    return (\n      <ReactAriaSection\n        ref={ref}\n        data-testid={dataTestId}\n        className={classNames(\n          [boxStyles.box, boxStyles.flex, boxStyles.flexWrap, boxStyles.gap3],\n          {\n            [boxStyles.row]: orientation === \"horizontal\",\n            [boxStyles.column]: orientation === \"vertical\",\n          },\n        )}\n      >\n        <ReactAriaHeader className={classNames(layoutStyles.fullWidth)}>\n          <Typography>{label}</Typography>\n        </ReactAriaHeader>\n        <ReactAriaCollection>{children}</ReactAriaCollection>\n      </ReactAriaSection>\n    );\n  },\n);\n"]}

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

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _UNZBENAEcjs = require('./UNZBENAE.cjs');
+var _ZX5KONS2cjs = require('./ZX5KONS2.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, 
-    _UNZBENAEcjs.Typography_default,
+    _ZX5KONS2cjs.Typography_default,
     {
       align,
       as,
@@ -33,4 +33,4 @@ var Heading_default = Heading;
 
 
 exports.Heading_default = Heading_default;
-//# sourceMappingURL=PYX4374T.cjs.map
+//# sourceMappingURL=FZ5HWA3S.cjs.map

package/dist/__chunks/{XWGC5OYD.cjs → GOSWBV5D.cjs}

@@ -3,7 +3,7 @@
 var _LTM57QMYcjs = require('./LTM57QMY.cjs');
 
 
-var _UNZBENAEcjs = require('./UNZBENAE.cjs');
+var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -92,7 +92,7 @@ var Checkbox = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _UNZBENAEcjs.Typography_default,
+          _ZX5KONS2cjs.Typography_default,
           {
             size: typographySize[size],
             color: error ? "destructive-primary" : "gray800",
@@ -108,4 +108,4 @@ var Checkbox_default = Checkbox;
 
 
 exports.Checkbox_default = Checkbox_default;
-//# sourceMappingURL=XWGC5OYD.cjs.map
+//# sourceMappingURL=GOSWBV5D.cjs.map

package/dist/__chunks/GYI2PBXY.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
+
+// src/RichSelect/RichSelectItem.tsx
+
+
+
+
+
+var _react = require('react');
+
+
+var _reactariacomponents = require('react-aria-components');
+
+// css-module:./RichSelect.module.css#css-module
+var RichSelect_module_default = { "richSelectItem": "_richSelectItem_8ycz0_1", "richSelectBox": "_richSelectBox_8ycz0_2" };
+
+// src/RichSelect/RichSelectItem.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var RichSelectItemContext = _react.createContext.call(void 0, {});
+var RichSelectItem_default = _react.forwardRef.call(void 0, function RichSelectItem(props, ref) {
+  const {
+    "data-testid": dataTestId,
+    value,
+    label,
+    disabled: disabledProp = false,
+    children
+  } = props;
+  const isHydrated = _FZRIE7EXcjs.useIsHydrated.call(void 0, );
+  const disabled = !isHydrated || disabledProp;
+  const { disableKey } = _react.useContext.call(void 0, RichSelectItemContext);
+  _react.useEffect.call(void 0, () => disableKey == null ? void 0 : disableKey(value, disabled), [disableKey, disabled, value]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactariacomponents.ListBoxItem,
+    {
+      id: value,
+      textValue: label,
+      className: RichSelect_module_default.richSelectItem,
+      "data-testid": dataTestId,
+      ref,
+      children
+    }
+  );
+});
+
+
+
+
+
+exports.RichSelect_module_default = RichSelect_module_default; exports.RichSelectItemContext = RichSelectItemContext; exports.RichSelectItem_default = RichSelectItem_default;
+//# sourceMappingURL=GYI2PBXY.cjs.map

package/dist/__chunks/GYI2PBXY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RichSelect/RichSelectItem.tsx","css-module:./RichSelect.module.css#css-module"],"names":[],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE,eAAe;AAAA,OAEV;;;ACV6F,IAAO,4BAAQ,EAAC,kBAAiB,2BAA0B,iBAAgB,yBAAwB;;;ADkDnM;AA3BG,IAAM,wBAAwB,cAElC,CAAC,CAAC;AAEL,IAAO,yBAAQ,WASb,SAAS,eAAe,OAAO,KAAmB;AAClD,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,UAAU,eAAe;AAAA,IACzB;AAAA,EACF,IAAI;AACJ,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAEhC,QAAM,EAAE,WAAW,IAAI,WAAW,qBAAqB;AACvD,YAAU,MAAM,yCAAa,OAAO,WAAW,CAAC,YAAY,UAAU,KAAK,CAAC;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,WAAW,0BAAO;AAAA,MAClB,eAAa;AAAA,MACb;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC","sourcesContent":["import React, {\n  forwardRef,\n  type ReactElement,\n  createContext,\n  useEffect,\n  useContext,\n} from \"react\";\nimport {\n  ListBoxItem as ReactAriaListBoxItem,\n  type ListBoxItemRenderProps,\n} from \"react-aria-components\";\nimport styles from \"./RichSelect.module.css\";\nimport { type Key } from \"react-aria\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nexport type RichSelectItemProps = {\n  \"data-testid\"?: string;\n  value: string;\n  label: string;\n  name?: string;\n  disabled?: boolean;\n};\n\nexport const RichSelectItemContext = createContext<{\n  disableKey?: (key: Key, value: boolean) => void;\n}>({});\n\nexport default forwardRef<\n  HTMLDivElement,\n  RichSelectItemProps & {\n    /** The children of the component. A function may be provided to alter the children based on component state. */\n    children?:\n      | string\n      | ReactElement\n      | ((values: ListBoxItemRenderProps) => ReactElement);\n  }\n>(function RichSelectItem(props, ref): ReactElement {\n  const {\n    \"data-testid\": dataTestId,\n    value,\n    label,\n    disabled: disabledProp = false,\n    children,\n  } = props;\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n\n  const { disableKey } = useContext(RichSelectItemContext);\n  useEffect(() => disableKey?.(value, disabled), [disableKey, disabled, value]);\n  return (\n    <ReactAriaListBoxItem\n      id={value}\n      textValue={label}\n      className={styles.richSelectItem}\n      data-testid={dataTestId}\n      ref={ref}\n    >\n      {children}\n    </ReactAriaListBoxItem>\n  );\n});\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/RichSelect/RichSelect.module.css\"; export default {\"richSelectItem\":\"_richSelectItem_8ycz0_1\",\"richSelectBox\":\"_richSelectBox_8ycz0_2\"}"]}

package/dist/__chunks/{4DPEJJ42.cjs → HR5QOB3U.cjs}

@@ -1,9 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _SJFWRAOPcjs = require('./SJFWRAOP.cjs');
-
-
-var _PYX4374Tcjs = require('./PYX4374T.cjs');
+var _FZ5HWA3Scjs = require('./FZ5HWA3S.cjs');
 
 
 var _PBWG2BB5cjs = require('./PBWG2BB5.cjs');
@@ -12,6 +9,9 @@ var _PBWG2BB5cjs = require('./PBWG2BB5.cjs');
 var _YBP5BNDHcjs = require('./YBP5BNDH.cjs');
 
 
+var _SJFWRAOPcjs = require('./SJFWRAOP.cjs');
+
+
 var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
 
 // src/Modal/Modal.tsx
@@ -80,7 +80,7 @@ function Modal({
             ) }),
             image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { maxHeight: 200, children: image }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _5SMR5MWYcjs.Box_default, { display: "flex", gap: 3, direction: "column", padding: 9, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PYX4374Tcjs.Heading_default, { as: "h1", size: 500, children: header }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FZ5HWA3Scjs.Heading_default, { as: "h1", size: 500, children: header }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { marginBottom: 4, children }),
               footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _5SMR5MWYcjs.Box_default,
@@ -107,4 +107,4 @@ Modal.displayName = "Modal";
 
 
 exports.Modal = Modal;
-//# sourceMappingURL=4DPEJJ42.cjs.map
+//# sourceMappingURL=HR5QOB3U.cjs.map

package/dist/__chunks/{NGO7IQET.cjs → IJVFSOXU.cjs}

@@ -1,7 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _ZDMSFZS3cjs = require('./ZDMSFZS3.cjs');
 
-var _VLUKODJDcjs = require('./VLUKODJD.cjs');
+
+var _5WNFAQGYcjs = require('./5WNFAQGY.cjs');
+
+
+var _VMARHE5Bcjs = require('./VMARHE5B.cjs');
 
 
 var _7GJ2SD7Ocjs = require('./7GJ2SD7O.cjs');
@@ -10,13 +15,16 @@ var _7GJ2SD7Ocjs = require('./7GJ2SD7O.cjs');
 var _NGUJFGACcjs = require('./NGUJFGAC.cjs');
 
 // src/Dialog/Dialog.tsx
-var _react = require('react');
+
+
+
+var _react = require('react'); var _react2 = _interopRequireDefault(_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" };
+var Dialog_module_default = { "dialog": "_dialog_1bme6_1" };
 
 // src/Dialog/Dialog.tsx
 var _reactariacomponents = require('react-aria-components');
@@ -32,6 +40,7 @@ var sizeToPadding = {
   md: 5,
   lg: 6
 };
+var DialogContext = _react2.default.createContext({});
 var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
   const {
     "data-testid": dataTestId,
@@ -39,6 +48,7 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
     children,
     size = "md"
   } = props;
+  const { padding } = _react.useContext.call(void 0, DialogContext);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reactariacomponents.Dialog,
     {
@@ -46,20 +56,21 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, 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,
+        _VMARHE5Bcjs.Box_module_default.box,
+        _VMARHE5Bcjs.Box_module_default.flex,
+        _VMARHE5Bcjs.Box_module_default.column,
+        _VMARHE5Bcjs.Box_module_default.gap4,
+        _VMARHE5Bcjs.Box_module_default.relative,
+        _VMARHE5Bcjs.Box_module_default.overflowauto,
         _NGUJFGACcjs.colors_module_default.whiteBackgroundColor,
-        _VLUKODJDcjs.padding_module_default[`paddingX${sizeToPadding[size]}`],
-        _VLUKODJDcjs.padding_module_default[`paddingY${sizeToPadding[size]}`],
+        _5WNFAQGYcjs.padding_module_default[`paddingX${padding != null ? padding : sizeToPadding[size]}`],
+        _5WNFAQGYcjs.padding_module_default[`paddingY${padding != null ? padding : sizeToPadding[size]}`],
         _7GJ2SD7Ocjs.rounding_module_default[`rounding${sizeToRounding[size]}`],
         elevation_module_default.elevation400BoxShadow,
+        _ZDMSFZS3cjs.layout_module_default.fullMaxHeight,
+        _ZDMSFZS3cjs.layout_module_default.visibilityVisible,
         Dialog_module_default.dialog
       ]),
-      style: { maxWidth: "100%", maxHeight: "100%" },
       children
     }
   );
@@ -68,5 +79,6 @@ var Dialog_default = Dialog;
 
 
 
-exports.Dialog_default = Dialog_default;
-//# sourceMappingURL=NGO7IQET.cjs.map
+
+exports.DialogContext = DialogContext; exports.Dialog_default = Dialog_default;
+//# sourceMappingURL=IJVFSOXU.cjs.map

package/dist/__chunks/IJVFSOXU.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,OAAO;AAAA,EAEL;AAAA,EAEA;AAAA,OAEK;;;ACN2F,IAAO,2BAAQ,EAAC,yBAAwB,iCAAgC;;;ACA9E,IAAO,wBAAQ,EAAC,UAAS,kBAAiB;;;AFctI,SAAS,UAAU,uBAAuB;AAC1C,OAAO,gBAAgB;AA4DnB;AA5CJ,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;AAMO,IAAM,gBAAgB,MAAM,cAAiC,CAAC,CAAC;AActE,IAAM,SAAS,WAAwC,SAASA,QAC9D,OACA,KACc;AACd,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAE5C,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,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,wBAAe,WAAW,eAAe,IAAI,GAAG;AAAA,QAChD,yBAAgB;AAAA,QAChB,sBAAa;AAAA,QACb,sBAAa;AAAA,QACb,sBAAO;AAAA,MACT,CAAC;AAAA,MAEA;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iBAAQ","sourcesContent":["import React, {\n  type ReactNode,\n  forwardRef,\n  type ReactElement,\n  useContext,\n  type ComponentProps,\n} from \"react\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport elevationStyles from \"../elevation/elevation.module.css\";\nimport layoutStyles from \"../layout.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\";\nimport type Box from \"../Box/Box\";\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\ntype DialogContextType = {\n  /** padding of dialog content. overrides \\\"size\\\" prop's padding\" */\n  padding?: ComponentProps<typeof Box>[\"padding\"];\n};\nexport const DialogContext = React.createContext<DialogContextType>({});\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  const { padding } = useContext(DialogContext);\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${padding ?? sizeToPadding[size]}`],\n        paddingStyles[`paddingY${padding ?? sizeToPadding[size]}`],\n        roundingStyles[`rounding${sizeToRounding[size]}`],\n        elevationStyles.elevation400BoxShadow,\n        layoutStyles.fullMaxHeight,\n        layoutStyles.visibilityVisible,\n        styles.dialog,\n      ])}\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_1bme6_1\"}"]}