@kaizen/components 1.37.1 → 1.38.0

package/dist/cjs/MultiSelect/MultiSelect.module.scss.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "toggleContainer": "MultiSelect-module_toggleContainer__AxNnf",
+  "popover": "MultiSelect-module_popover__jI13O"
+};
+module.exports = styles;
+//# sourceMappingURL=MultiSelect.module.scss.cjs.map

package/dist/cjs/MultiSelect/MultiSelect.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/MultiSelect/subcomponents/Checkbox/Checkbox.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+require('../../../Icon/subcomponents/SVG/SVG.cjs');
+var CheckIcon = require('../../../Icon/CheckIcon.cjs');
+var MinusIcon = require('../../../Icon/MinusIcon.cjs');
+var Checkbox_module = require('./Checkbox.module.scss.cjs');
+var renderIcon = function (status) {
+  switch (status) {
+    case "indeterminate":
+      return React.createElement(MinusIcon.MinusIcon, {
+        role: "presentation",
+        classNameOverride: Checkbox_module.icon
+      });
+    case "checked":
+      return React.createElement(CheckIcon.CheckIcon, {
+        role: "presentation",
+        classNameOverride: Checkbox_module.icon
+      });
+    default:
+      return null;
+  }
+};
+const Checkbox = /*#__PURE__*/function () {
+  const Checkbox = function (_a) {
+    var checkedStatus = _a.checkedStatus,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["checkedStatus", "classNameOverride"]);
+    var checkboxRef = React.useRef(null);
+    React.useEffect(function () {
+      if (checkboxRef.current) {
+        if (checkedStatus === "checked") {
+          checkboxRef.current.checked = true;
+          checkboxRef.current.indeterminate = false;
+        } else if (checkedStatus === "unchecked") {
+          checkboxRef.current.checked = false;
+          checkboxRef.current.indeterminate = false;
+        } else if (checkedStatus === "indeterminate") {
+          checkboxRef.current.checked = false;
+          checkboxRef.current.indeterminate = true;
+        }
+      }
+    }, [checkedStatus]);
+    return React.createElement("span", {
+      className: classnames(Checkbox_module.checkbox, checkedStatus !== "unchecked" && Checkbox_module.selected, classNameOverride)
+    }, React.createElement("input", tslib.__assign({
+      ref: checkboxRef,
+      type: "checkbox",
+      className: Checkbox_module.nativeCheckbox
+    }, restProps)), React.createElement("span", {
+      className: Checkbox_module.iconContainer
+    }, renderIcon(checkedStatus)));
+  };
+  Checkbox.displayName = "Checkbox";
+  return Checkbox;
+}();
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/cjs/MultiSelect/subcomponents/Checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../../src/MultiSelect/subcomponents/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useEffect, useRef, InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CheckIcon, MinusIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Checkbox.module.scss\"\n\nexport type CheckedStatus = \"checked\" | \"unchecked\" | \"indeterminate\"\n\ntype ReadOnly = {\n  readOnly: true\n  onChange?: never\n}\n\ntype Controlled = {\n  readOnly?: false\n  onChange: Required<InputHTMLAttributes<HTMLInputElement>[\"onChange\"]>\n}\n\nexport type CheckboxProps = {\n  checkedStatus: CheckedStatus\n} & (ReadOnly | Controlled) &\n  OverrideClassName<\n    // `checked` is omitted as it conflicts with controlled checkboxes\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"checked\">\n  >\n\nconst renderIcon = (status: CheckedStatus): JSX.Element | null => {\n  switch (status) {\n    case \"indeterminate\":\n      return <MinusIcon role=\"presentation\" classNameOverride={styles.icon} />\n    case \"checked\":\n      return <CheckIcon role=\"presentation\" classNameOverride={styles.icon} />\n    default:\n      return null\n  }\n}\n\nexport const Checkbox = ({\n  checkedStatus,\n  classNameOverride,\n  ...restProps\n}: CheckboxProps): JSX.Element => {\n  const checkboxRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (checkboxRef.current) {\n      if (checkedStatus === \"checked\") {\n        checkboxRef.current.checked = true\n        checkboxRef.current.indeterminate = false\n      } else if (checkedStatus === \"unchecked\") {\n        checkboxRef.current.checked = false\n        checkboxRef.current.indeterminate = false\n      } else if (checkedStatus === \"indeterminate\") {\n        checkboxRef.current.checked = false\n        checkboxRef.current.indeterminate = true\n      }\n    }\n  }, [checkedStatus])\n\n  return (\n    <span\n      className={classnames(\n        styles.checkbox,\n        checkedStatus !== \"unchecked\" && styles.selected,\n        classNameOverride\n      )}\n    >\n      <input\n        ref={checkboxRef}\n        type=\"checkbox\"\n        className={styles.nativeCheckbox}\n        {...restProps}\n      />\n      <span className={styles.iconContainer}>{renderIcon(checkedStatus)}</span>\n    </span>\n  )\n}\n\nCheckbox.displayName = \"Checkbox\"\n"],"names":["renderIcon","status","React","createElement","MinusIcon","role","classNameOverride","styles","icon","CheckIcon","Checkbox","_a","checkedStatus","restProps","__rest","checkboxRef","useRef","useEffect","current","checked","indeterminate","className","classnames","checkbox","selected","__assign","ref","type","nativeCheckbox","iconContainer","displayName"],"mappings":";;;;;;;;;AA0BA,IAAMA,UAAU,GAAG,SAAAA,CAACC,MAAqB,EAAA;EACvC,QAAQA,MAAM;IACZ,KAAK,eAAe;MAClB,OAAOC,KAAC,CAAAC,aAAA,CAAAC,SAAAA,CAAAA,SAAS,EAAC;QAAAC,IAAI,EAAC,cAAc;QAACC,iBAAiB,EAAEC,eAAM,CAACC;MAAI,EAAI;IAC1E,KAAK,SAAS;MACZ,OAAON,KAAC,CAAAC,aAAA,CAAAM,SAAAA,CAAAA,SAAS,EAAC;QAAAJ,IAAI,EAAC,cAAc;QAACC,iBAAiB,EAAEC,eAAM,CAACC;MAAI,EAAI;IAC1E;MACE,OAAO,IAAI;EACd;AACH,CAAC;AAAA,MAEYE,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHd,IAAAC,aAAa,mBAAA;MACbN,iBAAiB,uBAAA;MACdO,SAAS,GAHWC,KAAA,CAAAA,MAAA,CAAAH,EAAA,EAAA,CAAA,eAAA,EAAA,mBAAA,CAIxB,CADa;IAEZ,IAAMI,WAAW,GAAGC,YAAM,CAAmB,IAAI,CAAC;IAElDC,KAAAA,CAAAA,SAAS,CAAC,YAAA;MACR,IAAIF,WAAW,CAACG,OAAO,EAAE;QACvB,IAAIN,aAAa,KAAK,SAAS,EAAE;UAC/BG,WAAW,CAACG,OAAO,CAACC,OAAO,GAAG,IAAI;UAClCJ,WAAW,CAACG,OAAO,CAACE,aAAa,GAAG,KAAK;QAC1C,CAAA,MAAM,IAAIR,aAAa,KAAK,WAAW,EAAE;UACxCG,WAAW,CAACG,OAAO,CAACC,OAAO,GAAG,KAAK;UACnCJ,WAAW,CAACG,OAAO,CAACE,aAAa,GAAG,KAAK;QAC1C,CAAA,MAAM,IAAIR,aAAa,KAAK,eAAe,EAAE;UAC5CG,WAAW,CAACG,OAAO,CAACC,OAAO,GAAG,KAAK;UACnCJ,WAAW,CAACG,OAAO,CAACE,aAAa,GAAG,IAAI;QACzC;MACF;IACH,CAAC,EAAE,CAACR,aAAa,CAAC,CAAC;IAEnB,OACEV,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAkB,SAAS,EAAEC,UAAU,CACnBf,eAAM,CAACgB,QAAQ,EACfX,aAAa,KAAK,WAAW,IAAIL,eAAM,CAACiB,QAAQ,EAChDlB,iBAAiB;IAClB,CAAA,EAEDJ,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAsB,KAAAA,CAAAA,QAAA,CAAA;MACEC,GAAG,EAAEX,WAAW;MAChBY,IAAI,EAAC,UAAU;MACfN,SAAS,EAAEd,eAAM,CAACqB;IAAc,CAAA,EAC5Bf,SAAS,CACb,CAAA,EACFX,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMkB,SAAS,EAAEd,eAAM,CAACsB;IAAa,CAAA,EAAG7B,UAAU,CAACY,aAAa,CAAC,CAAQ,CACpE;EAEX,CAAC;EAEDF,QAAQ,CAACoB,WAAW,GAAG,UAAU;EAAA,OAzCpBpB,QAAQ;AAAA;"}

package/dist/cjs/MultiSelect/subcomponents/Checkbox/Checkbox.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var styles = {
+  "checkbox": "Checkbox-module_checkbox__0LHj5",
+  "selected": "Checkbox-module_selected__-Nd6E",
+  "nativeCheckbox": "Checkbox-module_nativeCheckbox__BauKG",
+  "iconContainer": "Checkbox-module_iconContainer__Nsip6",
+  "icon": "Checkbox-module_icon__2b48e"
+};
+module.exports = styles;
+//# sourceMappingURL=Checkbox.module.scss.cjs.map

package/dist/cjs/MultiSelect/subcomponents/Checkbox/Checkbox.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Checkbox = require('../Checkbox/Checkbox.cjs');
+var MultiSelectOptionField_module = require('./MultiSelectOptionField.module.scss.cjs');
+const MultiSelectOptionField = /*#__PURE__*/function () {
+  const MultiSelectOptionField = function (_a) {
+    var id = _a.id,
+      option = _a.option,
+      checkedStatus = _a.checkedStatus,
+      onChange = _a.onChange,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["id", "option", "checkedStatus", "onChange", "classNameOverride"]);
+    return React.createElement("div", tslib.__assign({
+      className: classnames(MultiSelectOptionField_module.multiSelectOptionField, classNameOverride)
+    }, restProps), React.createElement(Checkbox.Checkbox, {
+      id: id,
+      checkedStatus: checkedStatus,
+      onChange: onChange,
+      value: option.value,
+      classNameOverride: classnames(MultiSelectOptionField_module.checkbox, [checkedStatus !== "unchecked" && MultiSelectOptionField_module.checked])
+    }), React.createElement("label", {
+      htmlFor: id,
+      className: MultiSelectOptionField_module.label
+    }, option.label));
+  };
+  MultiSelectOptionField.displayName = "MultiSelect.OptionField";
+  return MultiSelectOptionField;
+}();
+exports.MultiSelectOptionField = MultiSelectOptionField;
+//# sourceMappingURL=MultiSelectOptionField.cjs.map

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectOptionField.cjs","sources":["../../../../../src/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { MultiSelectOption } from \"../../types\"\nimport { Checkbox, CheckboxProps } from \"../Checkbox\"\nimport styles from \"./MultiSelectOptionField.module.scss\"\n\nexport type MultiSelectOptionFieldProps = {\n  id: string\n  option: MultiSelectOption\n  checkedStatus: CheckboxProps[\"checkedStatus\"]\n  onChange: CheckboxProps[\"onChange\"]\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"id\" | \"onChange\">>\n\nexport const MultiSelectOptionField = ({\n  id,\n  option,\n  checkedStatus,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: MultiSelectOptionFieldProps): JSX.Element => (\n  <div\n    className={classnames(styles.multiSelectOptionField, classNameOverride)}\n    {...restProps}\n  >\n    <Checkbox\n      id={id}\n      checkedStatus={checkedStatus}\n      onChange={onChange}\n      value={option.value}\n      classNameOverride={classnames(styles.checkbox, [\n        checkedStatus !== \"unchecked\" && styles.checked,\n      ])}\n    />\n    <label htmlFor={id} className={styles.label}>\n      {option.label}\n    </label>\n  </div>\n)\n\nMultiSelectOptionField.displayName = \"MultiSelect.OptionField\"\n"],"names":["MultiSelectOptionField","_a","id","option","checkedStatus","onChange","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","multiSelectOptionField","Checkbox","value","checkbox","checked","htmlFor","label","displayName"],"mappings":";;;;;;;MAcaA,sBAAsB;EAAA,MAAtBA,sBAAsB,GAAG,SAAAA,CAACC,EAOT,EAAA;IAN5B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,MAAM,GAAAF,EAAA,CAAAE,MAAA;MACNC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MACbC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAP,EAAA,EANyB,kEAOtC,CADa;IACkC,OAC9CQ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CAACC,6BAAM,CAACC,sBAAsB,EAAET,iBAAiB;IAAC,GACnEC,SAAS,CAAA,EAEbE,KAAC,CAAAC,aAAA,CAAAM,iBAAQ,EACP;MAAAd,EAAE,EAAEA,EAAE;MACNE,aAAa,EAAEA,aAAa;MAC5BC,QAAQ,EAAEA,QAAQ;MAClBY,KAAK,EAAEd,MAAM,CAACc,KAAK;MACnBX,iBAAiB,EAAEO,UAAU,CAACC,6BAAM,CAACI,QAAQ,EAAE,CAC7Cd,aAAa,KAAK,WAAW,IAAIU,6BAAM,CAACK,OAAO,CAChD;KACD,CAAA,EACFV,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;MAAOU,OAAO,EAAElB,EAAE;MAAEU,SAAS,EAAEE,6BAAM,CAACO;IAAK,CAAA,EACxClB,MAAM,CAACkB,KAAK,CACP,CACJ;GACP;EAEDrB,sBAAsB,CAACsB,WAAW,GAAG,yBAAyB;EAAA,OA3BjDtB,sBAAsB;AAAA;"}

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "multiSelectOptionField": "MultiSelectOptionField-module_multiSelectOptionField__-PNh-",
+  "checkbox": "MultiSelectOptionField-module_checkbox__rDOxI",
+  "checked": "MultiSelectOptionField-module_checked__wo-TX",
+  "label": "MultiSelectOptionField-module_label__79KfB"
+};
+module.exports = styles;
+//# sourceMappingURL=MultiSelectOptionField.module.scss.cjs.map

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectOptionField.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Text = require('../../../Text/Text.cjs');
+var VisuallyHidden = require('../../../VisuallyHidden/VisuallyHidden.cjs');
+var MultiSelectOptionField = require('../MultiSelectOptionField/MultiSelectOptionField.cjs');
+var MultiSelectOptions_module = require('./MultiSelectOptions.module.scss.cjs');
+const MultiSelectOptions = /*#__PURE__*/function () {
+  const MultiSelectOptions = function (_a) {
+    var id = _a.id,
+      options = _a.options,
+      selectedValues = _a.selectedValues,
+      onChange = _a.onChange,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["id", "options", "selectedValues", "onChange", "classNameOverride"]);
+    var optionsCountId = "".concat(id, "--options-count");
+    var handleOptionChange = function (optionValue) {
+      var newValues = new Set(selectedValues.values());
+      if (newValues.has(optionValue)) {
+        newValues.delete(optionValue);
+      } else {
+        newValues.add(optionValue);
+      }
+      onChange(newValues);
+    };
+    return React.createElement("fieldset", tslib.__assign({
+      id: id,
+      "aria-describedby": optionsCountId,
+      className: classnames(MultiSelectOptions_module.multiSelectOptions, classNameOverride)
+    }, restProps), React.createElement(VisuallyHidden.VisuallyHidden, {
+      id: optionsCountId,
+      "aria-live": "polite"
+    }, "Options available: ", options.length), options.length === 0 ? React.createElement(Text.Text, {
+      tag: "span",
+      variant: "body"
+    }, "No options available") : options.map(function (option) {
+      return React.createElement(MultiSelectOptionField.MultiSelectOptionField, {
+        key: option.value,
+        id: "".concat(id, "--").concat(option.value),
+        onChange: function () {
+          return handleOptionChange(option.value);
+        },
+        checkedStatus: selectedValues.has(option.value) ? "checked" : "unchecked",
+        option: option
+      });
+    }));
+  };
+  MultiSelectOptions.displayName = "MultiSelectOptions";
+  return MultiSelectOptions;
+}();
+exports.MultiSelectOptions = MultiSelectOptions;
+//# sourceMappingURL=MultiSelectOptions.cjs.map

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectOptions.cjs","sources":["../../../../../src/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Text } from \"~components/Text\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { MultiSelectOption } from \"../../types\"\nimport { MultiSelectOptionField } from \"../MultiSelectOptionField\"\nimport styles from \"./MultiSelectOptions.module.scss\"\n\nexport type MultiSelectOptionsProps = {\n  id: string\n  options: MultiSelectOption[]\n  selectedValues: Set<MultiSelectOption[\"value\"]>\n  onChange: (selectedValues: Set<MultiSelectOption[\"value\"]>) => void\n} & OverrideClassName<Omit<HTMLAttributes<HTMLFieldSetElement>, \"onChange\">>\n\nexport const MultiSelectOptions = ({\n  id,\n  options,\n  selectedValues,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: MultiSelectOptionsProps): JSX.Element => {\n  const optionsCountId = `${id}--options-count`\n\n  const handleOptionChange = (\n    optionValue: MultiSelectOption[\"value\"]\n  ): void => {\n    const newValues = new Set(selectedValues.values())\n    if (newValues.has(optionValue)) {\n      newValues.delete(optionValue)\n    } else {\n      newValues.add(optionValue)\n    }\n    onChange(newValues)\n  }\n\n  return (\n    <fieldset\n      id={id}\n      aria-describedby={optionsCountId}\n      className={classnames(styles.multiSelectOptions, classNameOverride)}\n      {...restProps}\n    >\n      <VisuallyHidden id={optionsCountId} aria-live=\"polite\">\n        Options available: {options.length}\n      </VisuallyHidden>\n      {options.length === 0 ? (\n        <Text tag=\"span\" variant=\"body\">\n          No options available\n        </Text>\n      ) : (\n        options.map(option => (\n          <MultiSelectOptionField\n            key={option.value}\n            id={`${id}--${option.value}`}\n            onChange={() => handleOptionChange(option.value)}\n            checkedStatus={\n              selectedValues.has(option.value) ? \"checked\" : \"unchecked\"\n            }\n            option={option}\n          />\n        ))\n      )}\n    </fieldset>\n  )\n}\n\nMultiSelectOptions.displayName = \"MultiSelectOptions\"\n"],"names":["MultiSelectOptions","_a","id","options","selectedValues","onChange","classNameOverride","restProps","__rest","optionsCountId","concat","handleOptionChange","optionValue","newValues","Set","values","has","delete","add","React","createElement","__assign","className","classnames","styles","multiSelectOptions","VisuallyHidden","length","Text","tag","variant","map","option","MultiSelectOptionField","key","value","checkedStatus","displayName"],"mappings":";;;;;;;;;MAgBaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAACC,EAOT,EAAA;IANxB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,OAAO,GAAAF,EAAA,CAAAE,OAAA;MACPC,cAAc,GAAAH,EAAA,CAAAG,cAAA;MACdC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAP,EAAA,EANqB,oEAOlC,CADa;IAEZ,IAAMQ,cAAc,GAAG,EAAG,CAAAC,MAAA,CAAAR,EAAE,oBAAiB;IAE7C,IAAMS,kBAAkB,GAAG,SAAAA,CACzBC,WAAuC,EAAA;MAEvC,IAAMC,SAAS,GAAG,IAAIC,GAAG,CAACV,cAAc,CAACW,MAAM,CAAE,CAAA,CAAC;MAClD,IAAIF,SAAS,CAACG,GAAG,CAACJ,WAAW,CAAC,EAAE;QAC9BC,SAAS,CAACI,MAAM,CAACL,WAAW,CAAC;MAC9B,CAAA,MAAM;QACLC,SAAS,CAACK,GAAG,CAACN,WAAW,CAAC;MAC3B;MACDP,QAAQ,CAACQ,SAAS,CAAC;IACrB,CAAC;IAED,OACEM,KACE,CAAAC,aAAA,CAAA,UAAA,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MAAAnB,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYO,cAAc;MAChCa,SAAS,EAAEC,UAAU,CAACC,yBAAM,CAACC,kBAAkB,EAAEnB,iBAAiB;OAC9DC,SAAS,CAAA,EAEbY,KAAA,CAAAC,aAAA,CAACM,6BAAc,EAAC;MAAAxB,EAAE,EAAEO,cAAc;mBAAY;IAAQ,CAAA,yBAChCN,OAAO,CAACwB,MAAM,CACnB,EAChBxB,OAAO,CAACwB,MAAM,KAAK,CAAC,GACnBR,KAAC,CAAAC,aAAA,CAAAQ,IAAAA,CAAAA,IAAI;MAACC,GAAG,EAAC,MAAM;MAACC,OAAO,EAAC;IAAM,CAAA,EAAA,sBAAA,CAExB,GAEP3B,OAAO,CAAC4B,GAAG,CAAC,UAAAC,MAAM,EAAA;MAAI,OACpBb,KAAA,CAAAC,aAAA,CAACa,6CAAsB,EACrB;QAAAC,GAAG,EAAEF,MAAM,CAACG,KAAK;QACjBjC,EAAE,EAAE,EAAA,CAAAQ,MAAA,CAAGR,EAAE,EAAA,IAAA,CAAA,CAAAQ,MAAA,CAAKsB,MAAM,CAACG,KAAK,CAAE;QAC5B9B,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAM,kBAAkB,CAACqB,MAAM,CAACG,KAAK,CAAC;QAAA,CAAA;QAChDC,aAAa,EACXhC,cAAc,CAACY,GAAG,CAACgB,MAAM,CAACG,KAAK,CAAC,GAAG,SAAS,GAAG,WAAW;QAE5DH,MAAM,EAAEA;QACR;IACH,CAAA,CACF,CACQ;EAEf,CAAC;EAEDhC,kBAAkB,CAACqC,WAAW,GAAG,oBAAoB;EAAA,OArDxCrC,kBAAkB;AAAA;"}

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "multiSelectOptions": "MultiSelectOptions-module_multiSelectOptions__b8hYg"
+};
+module.exports = styles;
+//# sourceMappingURL=MultiSelectOptions.module.scss.cjs.map

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectOptions.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.cjs

@@ -0,0 +1,88 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var ClearButton = require('../../../ClearButton/ClearButton.cjs');
+require('../../../Icon/subcomponents/SVG/SVG.cjs');
+var ChevronDownIcon = require('../../../Icon/ChevronDownIcon.cjs');
+var ChevronUpIcon = require('../../../Icon/ChevronUpIcon.cjs');
+var RemovableTag = require('../../../__future__/Tag/RemovableTag/RemovableTag.cjs');
+require('../../../__future__/Tag/Tag/Tag.cjs');
+var MultiSelectToggle_module = require('./MultiSelectToggle.module.scss.cjs');
+const MultiSelectToggle = /*#__PURE__*/function () {
+  const MultiSelectToggle = React.forwardRef(function (_a, ref) {
+    var onClick = _a.onClick,
+      ariaLabelledBy = _a["aria-labelledby"],
+      ariaDescribedBy = _a["aria-describedby"],
+      ariaControls = _a["aria-controls"],
+      _b = _a.isOpen,
+      isOpen = _b === void 0 ? false : _b,
+      classNameOverride = _a.classNameOverride,
+      selectedOptions = _a.selectedOptions,
+      onRemoveOption = _a.onRemoveOption,
+      onRemoveAllOptions = _a.onRemoveAllOptions,
+      status = _a.status,
+      restProps = tslib.__rest(_a, ["onClick", "aria-labelledby", "aria-describedby", "aria-controls", "isOpen", "classNameOverride", "selectedOptions", "onRemoveOption", "onRemoveAllOptions", "status"]);
+    var clearAllId = React.useId();
+    return React.createElement(React.Fragment, null, React.createElement("div", tslib.__assign({
+      className: classnames(MultiSelectToggle_module.multiSelectToggle, classNameOverride, status && MultiSelectToggle_module[status]),
+      onClick: onClick
+    }, restProps), React.createElement("button", {
+      ref: ref,
+      className: MultiSelectToggle_module.toggleButton,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-controls": ariaControls,
+      "aria-expanded": isOpen,
+      "aria-haspopup": "dialog",
+      type: "button",
+      onClick: function (e) {
+        e.stopPropagation();
+        onClick(e);
+      }
+    }, isOpen ? React.createElement(ChevronUpIcon.ChevronUpIcon, {
+      role: "presentation"
+    }) : React.createElement(ChevronDownIcon.ChevronDownIcon, {
+      role: "presentation"
+    })), React.createElement("div", {
+      className: classnames(MultiSelectToggle_module.selectedItemsContainer, selectedOptions.length && MultiSelectToggle_module.hasSelectedItems)
+    }, selectedOptions.length > 0 && React.createElement(React.Fragment, null, React.createElement("ul", {
+      role: "list",
+      className: MultiSelectToggle_module.selectedItems
+    }, selectedOptions.map(function (_a) {
+      var label = _a.label,
+        value = _a.value;
+      return (
+        // This stops the underlying toggle collapsing the popover when interactive with Tags
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events
+        React.createElement("li", {
+          key: value,
+          onClick: function (e) {
+            return e.stopPropagation();
+          }
+        }, React.createElement(RemovableTag.RemovableTag, {
+          removeButtonProps: {
+            ariaLabel: "Remove option: ".concat(label),
+            onClick: function () {
+              return onRemoveOption(value);
+            }
+          }
+        }, label))
+      );
+    })), React.createElement(ClearButton.ClearButton, {
+      id: clearAllId,
+      "aria-label": "Remove all options from ",
+      "aria-labelledby": "".concat(clearAllId, " ").concat(ariaLabelledBy),
+      classNameOverride: MultiSelectToggle_module.clearAllButton,
+      onClick: function (e) {
+        e.stopPropagation();
+        onRemoveAllOptions();
+      }
+    })))));
+  });
+  MultiSelectToggle.displayName = "MultiSelectToggle";
+  return MultiSelectToggle;
+}();
+exports.MultiSelectToggle = MultiSelectToggle;
+//# sourceMappingURL=MultiSelectToggle.cjs.map

package/dist/cjs/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectToggle.cjs","sources":["../../../../../src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearButton } from \"~components/ClearButton\"\nimport { FieldMessageProps } from \"~components/FieldMessage\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { RemovableTag } from \"~components/__future__/Tag\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { MultiSelectOption } from \"../../types\"\nimport styles from \"./MultiSelectToggle.module.scss\"\n\nexport type MultiSelectToggleProps = {\n  onClick: React.MouseEventHandler\n  [\"aria-labelledby\"]: string\n  [\"aria-controls\"]: string\n  selectedOptions: MultiSelectOption[]\n  isOpen?: boolean\n  status?: FieldMessageProps[\"status\"]\n  onRemoveOption: (optionValue: MultiSelectOption[\"value\"]) => void\n  onRemoveAllOptions: () => void\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const MultiSelectToggle = forwardRef<\n  HTMLButtonElement,\n  MultiSelectToggleProps\n>(\n  (\n    {\n      onClick,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-controls\": ariaControls,\n      isOpen = false,\n      classNameOverride,\n      selectedOptions,\n      onRemoveOption,\n      onRemoveAllOptions,\n      status,\n      ...restProps\n    },\n    ref\n  ): JSX.Element => {\n    const clearAllId = useId()\n    return (\n      <>\n        {/*\n         * The inner <button> is the actual semantic element, and the onClick here\n         * is just a quality-of-life implementation for mouse users.\n         */}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n        <div\n          className={classnames(\n            styles.multiSelectToggle,\n            classNameOverride,\n            status && styles[status]\n          )}\n          onClick={onClick}\n          {...restProps}\n        >\n          <button\n            ref={ref}\n            className={styles.toggleButton}\n            aria-labelledby={ariaLabelledBy}\n            aria-describedby={ariaDescribedBy}\n            aria-controls={ariaControls}\n            aria-expanded={isOpen}\n            aria-haspopup=\"dialog\"\n            type=\"button\"\n            onClick={e => {\n              e.stopPropagation()\n              onClick(e)\n            }}\n          >\n            {isOpen ? (\n              <ChevronUpIcon role=\"presentation\" />\n            ) : (\n              <ChevronDownIcon role=\"presentation\" />\n            )}\n          </button>\n\n          <div\n            className={classnames(\n              styles.selectedItemsContainer,\n              selectedOptions.length && styles.hasSelectedItems\n            )}\n          >\n            {selectedOptions.length > 0 && (\n              <>\n                {/* list-style: none removes role=\"list\" in Safari */}\n                {/* eslint-disable-next-line jsx-a11y/no-redundant-roles */}\n                <ul role=\"list\" className={styles.selectedItems}>\n                  {selectedOptions.map(({ label, value }) => (\n                    // This stops the underlying toggle collapsing the popover when interactive with Tags\n                    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events\n                    <li key={value} onClick={e => e.stopPropagation()}>\n                      <RemovableTag\n                        removeButtonProps={{\n                          ariaLabel: `Remove option: ${label}`,\n                          onClick: () => onRemoveOption(value),\n                        }}\n                      >\n                        {label}\n                      </RemovableTag>\n                    </li>\n                  ))}\n                </ul>\n\n                <ClearButton\n                  id={clearAllId}\n                  aria-label=\"Remove all options from \"\n                  aria-labelledby={`${clearAllId} ${ariaLabelledBy}`}\n                  classNameOverride={styles.clearAllButton}\n                  onClick={e => {\n                    e.stopPropagation()\n                    onRemoveAllOptions()\n                  }}\n                />\n              </>\n            )}\n          </div>\n        </div>\n      </>\n    )\n  }\n)\n\nMultiSelectToggle.displayName = \"MultiSelectToggle\"\n"],"names":["MultiSelectToggle","forwardRef","_a","ref","onClick","ariaLabelledBy","ariaDescribedBy","ariaControls","_b","isOpen","classNameOverride","selectedOptions","onRemoveOption","onRemoveAllOptions","status","restProps","__rest","clearAllId","useId","React","createElement","Fragment","__assign","className","classnames","styles","multiSelectToggle","toggleButton","type","e","stopPropagation","ChevronUpIcon","role","ChevronDownIcon","selectedItemsContainer","length","hasSelectedItems","selectedItems","map","label","value","key","RemovableTag","removeButtonProps","ariaLabel","concat","ClearButton","id","clearAllButton","displayName"],"mappings":"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"}

package/dist/cjs/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.module.scss.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var styles = {
+  "multiSelectToggle": "MultiSelectToggle-module_multiSelectToggle__CeR4G",
+  "error": "MultiSelectToggle-module_error__LJZKT",
+  "caution": "MultiSelectToggle-module_caution__hFOzy",
+  "toggleButton": "MultiSelectToggle-module_toggleButton__38-Qi",
+  "selectedItemsContainer": "MultiSelectToggle-module_selectedItemsContainer__OawF7",
+  "hasSelectedItems": "MultiSelectToggle-module_hasSelectedItems__S7KXg",
+  "selectedItems": "MultiSelectToggle-module_selectedItems__R-byj",
+  "clearAllButton": "MultiSelectToggle-module_clearAllButton__yWNQi"
+};
+module.exports = styles;
+//# sourceMappingURL=MultiSelectToggle.module.scss.cjs.map

package/dist/cjs/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectToggle.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/MultiSelect/subcomponents/Popover/Popover.cjs

@@ -37,13 +37,15 @@ const Popover = /*#__PURE__*/function () {
       whileElementsMounted: reactDom.autoUpdate
     }, floatingOptions)).floatingStyles;
     return ReactDOM.createPortal(React.createElement(reactFocusOn.FocusOn, tslib.__assign({
+      enabled: false,
       scrollLock: false
     }, focusOnProps), React.createElement("div", tslib.__assign({
       ref: refs.setFloating,
       style: floatingStyles,
       className: classnames(Popover_module.popover, classNameOverride),
       role: "dialog",
-      "aria-modal": "true"
+      "aria-modal": "true",
+      tabIndex: -1
     }, restProps), children)), portalContainer !== null && portalContainer !== void 0 ? portalContainer : document.body);
   };
   Popover.displayName = "Popover";

package/dist/cjs/MultiSelect/subcomponents/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(6),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,QAAAA,CAAAA,WAAW,CAAAC,KAAA,CAAAA,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,QAAAA,CAAAA,MAAM,CAAC,CAAC,CAAC,EACTC,aAAI,CAAE,CAAA,EACNC,aAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC,QAAU,CAAAA;IAAA,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,OAAOgC,QAAY,CAAAA,YAAA,CACjBC,KAAC,CAAAC,aAAA,CAAAC,YAAO,CAAAA,OAAA;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,EAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,KAAA,CAAAA,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}
+{"version":3,"file":"Popover.cjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(6),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn enabled={false} scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        tabIndex={-1}\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","enabled","scrollLock","ref","setFloating","className","classnames","styles","popover","role","tabIndex","document","body","displayName"],"mappings":";;;;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,QAAAA,CAAAA,WAAW,CAAAC,KAAA,CAAAA,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,QAAAA,CAAAA,MAAM,CAAC,CAAC,CAAC,EACTC,aAAI,CAAE,CAAA,EACNC,aAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC,QAAU,CAAAA;IAAA,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,OAAOgC,qBAAY,CACjBC,KAAC,CAAAC,aAAA,CAAAC,YAAO,CAAAA,OAAA,EAAC3B,KAAA,CAAAA,QAAA,CAAA;MAAA4B,OAAO,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAK,GAAMpC,YAAY,CAAA,EAC1DgC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA1B,KAAA,CAAAA,QAAA,CAAA;MAAA8B,GAAG,EAAEvC,IAAI,CAACwC,WAAW;MACrBhB,KAAK,EAAEjB,cAAc;MACrBkC,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAExC,iBAAiB,CAAC;MACxDyC,IAAI,EAAC,QAAQ;oBACF,MAAM;MACjBC,QAAQ,EAAE,CAAC;IAAC,CACR,EAAAzC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAf,KAAA,CAAA,GAAAA,eAAe,GAAI4C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDnD,OAAO,CAACoD,WAAW,GAAG,SAAS;EAAA,OAlDlBpD,OAAO;AAAA;"}

package/dist/cjs/Popover/Popover.cjs

@@ -101,6 +101,7 @@ const Popover = /*#__PURE__*/function () {
     }, React.createElement(CloseIcon.CloseIcon, {
       role: "presentation"
     }))), React.createElement(Text.Text, {
+      tag: "div",
       variant: "small",
       classNameOverride: classnames(Popover_module.container, classMappers.mapLineVariant(singleLine))
     }, children)), React.createElement("div", {

package/dist/cjs/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { Heading } from \"~components/Heading\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Placement, PopoverSize, PopoverVariant } from \"./types\"\nimport {\n  mapArrowVariantToClass,\n  mapLineVariant,\n  mapSizeToClass,\n  mapVariantToBoxClass,\n  mapVariantToIcon,\n  mapVariantToIconClass,\n} from \"./utils/classMappers\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps = {\n  children: React.ReactNode\n  variant?: PopoverVariant\n  placement?: Placement\n  size?: PopoverSize\n  heading?: string\n  dismissible?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  singleLine?: boolean\n  /**\n   * For almost all intents and purposes, you should be using a pre-defined variant.\n   * Please avoid using a custom icon unless you have a very good reason to do so.\n   */\n  customIcon?: JSX.Element\n  referenceElement: HTMLElement | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n// Sync with styles.scss\nconst arrowWidth = 14\nconst arrowHeight = 7\n\n/**\n * {@link https://cultureamp.design/components/popover/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}\n */\nexport const Popover = ({\n  children,\n  variant = \"default\",\n  placement = \"top\",\n  size = \"small\",\n  heading,\n  dismissible = false,\n  onClose,\n  singleLine = false,\n  customIcon,\n  referenceElement,\n  classNameOverride,\n  ...restProps\n}: PopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the popover isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      className={classnames(\n        styles.root,\n        mapSizeToClass(size),\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <div className={mapVariantToBoxClass(variant)}>\n        {heading && (\n          <div className={styles.header}>\n            {variant !== \"default\" && (\n              <span\n                className={classnames(\n                  styles.icon,\n                  mapVariantToIconClass(variant)\n                )}\n              >\n                {customIcon ?? mapVariantToIcon(variant)}\n              </span>\n            )}\n            <Heading variant=\"heading-6\" classNameOverride={styles.singleLine}>\n              {heading}\n            </Heading>\n            {dismissible && (\n              <button\n                className={styles.close}\n                onClick={onClose}\n                type=\"button\"\n                aria-label=\"close\"\n              >\n                <CloseIcon role=\"presentation\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Text\n          variant=\"small\"\n          classNameOverride={classnames(\n            styles.container,\n            mapLineVariant(singleLine)\n          )}\n        >\n          {children}\n        </Text>\n      </div>\n      <div\n        ref={setArrowElement}\n        style={popperStyles.arrow}\n        className={styles.arrowWrapper}\n      >\n        <div\n          className={classnames(styles.arrow, mapArrowVariantToClass(variant))}\n        />\n      </div>\n    </div>\n  )\n}\n\nPopover.displayName = \"Popover\"\n\ntype PopoverPropsWithoutRef = Omit<PopoverProps, \"referenceElement\">\n\n/**\n * How to use:\n *\n * const [referenceElementRef, Popover] = usePopover()\n *\n * return (<>\n *   <button ref={referenceElementRef}>\n *     Hello world\n *   </button>\n *   <Popover>Hello world</Popover>\n * </>)\n *\n * The purpose of this hook is to abstract away some of the awkwardness with the\n * requirement of passing in refs with popper. We need to use `useState` instead\n * of `useRef`, which may not be immediately intuitive.\n *\n * The popper documentation to help provide more context:\n *   https://popper.js.org/react-popper/v2/hook/\n */\nexport const usePopover = (): [\n  (element: HTMLElement | null) => void,\n  (props: PopoverPropsWithoutRef) => JSX.Element | null,\n] => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  )\n\n  // I guess the problem with this pattern, is that every time referenceElement\n  // changes, a brand new component is generated, which would be bad for memoization.\n  // In this situation however, the value is rarely going to change, and\n  // popovers aren't going to include content with expensive render times.\n  const PopoverWithRef = useMemo(\n    // eslint-disable-next-line react/display-name\n    () => (props: PopoverPropsWithoutRef) =>\n      referenceElement ? (\n        <Popover {...props} referenceElement={referenceElement} />\n      ) : null,\n    [referenceElement]\n  )\n\n  return [setReferenceElement, PopoverWithRef]\n}\n"],"names":["arrowWidth","arrowHeight","Popover","_a","children","_b","variant","_c","placement","_d","size","heading","_e","dismissible","onClose","_f","singleLine","customIcon","referenceElement","classNameOverride","restProps","__rest","_g","useState","popperElement","setPopperElement","_h","arrowElement","setArrowElement","_j","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","popperStyles","styles","attributes","React","createElement","__assign","ref","style","popper","className","classnames","root","mapSizeToClass","mapVariantToBoxClass","header","icon","mapVariantToIconClass","mapVariantToIcon","Heading","close","onClick","type","CloseIcon","role","Text","container","mapLineVariant","arrow","arrowWrapper","mapArrowVariantToClass","displayName","usePopover","setReferenceElement","PopoverWithRef","useMemo","props"],"mappings":"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"}
+{"version":3,"file":"Popover.cjs","sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { Heading } from \"~components/Heading\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Placement, PopoverSize, PopoverVariant } from \"./types\"\nimport {\n  mapArrowVariantToClass,\n  mapLineVariant,\n  mapSizeToClass,\n  mapVariantToBoxClass,\n  mapVariantToIcon,\n  mapVariantToIconClass,\n} from \"./utils/classMappers\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps = {\n  children: React.ReactNode\n  variant?: PopoverVariant\n  placement?: Placement\n  size?: PopoverSize\n  heading?: string\n  dismissible?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  singleLine?: boolean\n  /**\n   * For almost all intents and purposes, you should be using a pre-defined variant.\n   * Please avoid using a custom icon unless you have a very good reason to do so.\n   */\n  customIcon?: JSX.Element\n  referenceElement: HTMLElement | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n// Sync with styles.scss\nconst arrowWidth = 14\nconst arrowHeight = 7\n\n/**\n * {@link https://cultureamp.design/components/popover/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}\n */\nexport const Popover = ({\n  children,\n  variant = \"default\",\n  placement = \"top\",\n  size = \"small\",\n  heading,\n  dismissible = false,\n  onClose,\n  singleLine = false,\n  customIcon,\n  referenceElement,\n  classNameOverride,\n  ...restProps\n}: PopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the popover isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      className={classnames(\n        styles.root,\n        mapSizeToClass(size),\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <div className={mapVariantToBoxClass(variant)}>\n        {heading && (\n          <div className={styles.header}>\n            {variant !== \"default\" && (\n              <span\n                className={classnames(\n                  styles.icon,\n                  mapVariantToIconClass(variant)\n                )}\n              >\n                {customIcon ?? mapVariantToIcon(variant)}\n              </span>\n            )}\n            <Heading variant=\"heading-6\" classNameOverride={styles.singleLine}>\n              {heading}\n            </Heading>\n            {dismissible && (\n              <button\n                className={styles.close}\n                onClick={onClose}\n                type=\"button\"\n                aria-label=\"close\"\n              >\n                <CloseIcon role=\"presentation\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Text\n          tag=\"div\"\n          variant=\"small\"\n          classNameOverride={classnames(\n            styles.container,\n            mapLineVariant(singleLine)\n          )}\n        >\n          {children}\n        </Text>\n      </div>\n      <div\n        ref={setArrowElement}\n        style={popperStyles.arrow}\n        className={styles.arrowWrapper}\n      >\n        <div\n          className={classnames(styles.arrow, mapArrowVariantToClass(variant))}\n        />\n      </div>\n    </div>\n  )\n}\n\nPopover.displayName = \"Popover\"\n\ntype PopoverPropsWithoutRef = Omit<PopoverProps, \"referenceElement\">\n\n/**\n * How to use:\n *\n * const [referenceElementRef, Popover] = usePopover()\n *\n * return (<>\n *   <button ref={referenceElementRef}>\n *     Hello world\n *   </button>\n *   <Popover>Hello world</Popover>\n * </>)\n *\n * The purpose of this hook is to abstract away some of the awkwardness with the\n * requirement of passing in refs with popper. We need to use `useState` instead\n * of `useRef`, which may not be immediately intuitive.\n *\n * The popper documentation to help provide more context:\n *   https://popper.js.org/react-popper/v2/hook/\n */\nexport const usePopover = (): [\n  (element: HTMLElement | null) => void,\n  (props: PopoverPropsWithoutRef) => JSX.Element | null,\n] => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  )\n\n  // I guess the problem with this pattern, is that every time referenceElement\n  // changes, a brand new component is generated, which would be bad for memoization.\n  // In this situation however, the value is rarely going to change, and\n  // popovers aren't going to include content with expensive render times.\n  const PopoverWithRef = useMemo(\n    // eslint-disable-next-line react/display-name\n    () => (props: PopoverPropsWithoutRef) =>\n      referenceElement ? (\n        <Popover {...props} referenceElement={referenceElement} />\n      ) : null,\n    [referenceElement]\n  )\n\n  return [setReferenceElement, PopoverWithRef]\n}\n"],"names":["arrowWidth","arrowHeight","Popover","_a","children","_b","variant","_c","placement","_d","size","heading","_e","dismissible","onClose","_f","singleLine","customIcon","referenceElement","classNameOverride","restProps","__rest","_g","useState","popperElement","setPopperElement","_h","arrowElement","setArrowElement","_j","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","popperStyles","styles","attributes","React","createElement","__assign","ref","style","popper","className","classnames","root","mapSizeToClass","mapVariantToBoxClass","header","icon","mapVariantToIconClass","mapVariantToIcon","Heading","close","onClick","type","CloseIcon","role","Text","tag","container","mapLineVariant","arrow","arrowWrapper","mapArrowVariantToClass","displayName","usePopover","setReferenceElement","PopoverWithRef","useMemo","props"],"mappings":"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"}

package/dist/cjs/RichTextEditor/RichTextEditor/RichTextEditor.cjs

@@ -81,6 +81,9 @@ const RichTextEditor = /*#__PURE__*/function () {
     var schema$1 = React.useState(schema.createSchemaFromControls(controls))[0];
     var labelId = React.useState(labelledBy || reactId)[0];
     var editorId = React.useState(reactId)[0];
+    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
+    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
+    var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
     var useRichTextEditorResult = function () {
       try {
         return useRichTextEditor.useRichTextEditor(ProseMirrorState__namespace.EditorState.create({
@@ -96,7 +99,8 @@ const RichTextEditor = /*#__PURE__*/function () {
           plugins: getPlugins(controls, schema$1)
         }), {
           "aria-labelledby": labelId,
-          role: "textbox"
+          role: "textbox",
+          "aria-describedby": ariaDescribedBy
         });
       } catch (_a) {
         return new Error("Bad data error");
@@ -121,9 +125,6 @@ const RichTextEditor = /*#__PURE__*/function () {
       onChange(editorState);
       // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
     }, [editorState]);
-    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
-    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
-    var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
     return React.createElement(React.Fragment, null, !labelledBy && labelText && React.createElement(Label.Label, {
       id: labelId,
       labelText: labelText
@@ -151,8 +152,7 @@ const RichTextEditor = /*#__PURE__*/function () {
     })), React.createElement("div", tslib.__assign({
       id: editorId,
       ref: editorRef,
-      className: classnames(RichTextEditor_module.editor, RichTextEditor_module["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && RichTextEditor_module.hasToolbar),
-      "aria-describedby": ariaDescribedBy
+      className: classnames(RichTextEditor_module.editor, RichTextEditor_module["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && RichTextEditor_module.hasToolbar)
     }, restProps))), validationMessage && React.createElement(FieldMessage.FieldMessage, {
       id: validationMessageAria,
       message: validationMessage,

package/dist/cjs/RichTextEditor/RichTextEditor/RichTextEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/RichTextEditor/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  HTMLAttributes,\n  ReactNode,\n  useId,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { InlineNotification } from \"~components/Notification\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToolbarItems, EditorContentArray, EditorRows } from \"../types\"\nimport { useRichTextEditor } from \"../utils/core\"\nimport { createLinkManager } from \"../utils/plugins\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorHistory,\n  ProseMirrorKeymap,\n  ProseMirrorModel,\n  ProseMirrorState,\n} from \"../utils/prosemirror\"\nimport { createSchemaFromControls } from \"./schema\"\nimport { ToggleIconButton } from \"./subcomponents/ToggleIconButton\"\nimport { Toolbar } from \"./subcomponents/Toolbar\"\nimport { ToolbarSection } from \"./subcomponents/ToolbarSection\"\nimport { buildControlMap } from \"./utils/controlmap\"\nimport { buildInputRules } from \"./utils/inputrules\"\nimport { buildKeymap } from \"./utils/keymap\"\nimport styles from \"./RichTextEditor.module.scss\"\n\ntype BaseRichTextEditorProps = {\n  onChange: (content: ProseMirrorState.EditorState) => void\n  defaultValue: EditorContentArray\n  controls?: ToolbarItems[]\n  /**\n   * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.\n   * The editable area will autogrow, so this only affects the component when the content doesn't exceed this height.\n   */\n  rows?: EditorRows\n  dataError?: React.ReactElement\n  onDataError?: () => void\n  status?: \"default\" | \"error\" | \"caution\"\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: React.ReactNode\n  /**\n   * A description that provides context\n   */\n  description?: React.ReactNode\n} & OverrideClassName<\n  Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">\n>\n\ntype WithLabelText = {\n  labelText: ReactNode\n  \"aria-labelledby\"?: never\n}\n\ntype WithLabelledBy = {\n  labelText?: never\n  \"aria-labelledby\": string\n}\n\nexport type RichTextEditorProps = BaseRichTextEditorProps &\n  (WithLabelText | WithLabelledBy)\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}\n */\nexport const RichTextEditor = ({\n  onChange,\n  defaultValue,\n  labelText,\n  \"aria-labelledby\": labelledBy,\n  \"aria-describedby\": describedBy,\n  classNameOverride,\n  controls,\n  rows = 3,\n  dataError,\n  onDataError,\n  validationMessage,\n  description,\n  status = \"default\",\n  ...restProps\n}: RichTextEditorProps): JSX.Element => {\n  const reactId = useId()\n  const [schema] = useState<ProseMirrorModel.Schema>(\n    createSchemaFromControls(controls)\n  )\n  const [labelId] = useState<string>(labelledBy || reactId)\n  const [editorId] = useState<string>(reactId)\n\n  const useRichTextEditorResult = (():\n    | ReturnType<typeof useRichTextEditor>\n    | Error => {\n    try {\n      return useRichTextEditor(\n        ProseMirrorState.EditorState.create({\n          doc: ProseMirrorModel.Node.fromJSON(schema, {\n            type: \"doc\",\n            // we're converting empty arrays to the ProseMirror default \"empty\" state because when\n            // given an empty array ProseMirror returns undefined, breaking the type\n            content:\n              defaultValue?.length > 0 ? defaultValue : [{ type: \"paragraph\" }],\n          }),\n          schema,\n          plugins: getPlugins(controls, schema),\n        }),\n        { \"aria-labelledby\": labelId, role: \"textbox\" }\n      )\n    } catch {\n      return new Error(\"Bad data error\")\n    }\n  })()\n\n  if (useRichTextEditorResult instanceof Error) {\n    onDataError && onDataError()\n    return (\n      <InlineNotification\n        headingProps={{\n          children: \"Error\",\n          variant: \"heading-6\",\n        }}\n        type=\"negative\"\n        persistent\n      >\n        {dataError || \"Something went wrong\"}\n      </InlineNotification>\n    )\n  }\n\n  const [editorRef, editorState, dispatchTransaction] = useRichTextEditorResult\n\n  const controlMap = buildControlMap(schema, editorState, controls)\n\n  useEffect(() => {\n    onChange(editorState)\n    // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue\n  }, [editorState])\n\n  const validationMessageAria = validationMessage\n    ? `${editorId}-rte-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${editorId}-rte-description` : \"\"\n\n  const ariaDescribedBy = classnames(\n    validationMessageAria,\n    descriptionAria,\n    describedBy\n  )\n\n  return (\n    <>\n      {!labelledBy && labelText && <Label id={labelId} labelText={labelText} />}\n      {/* TODO: add a bit of margin here once we have a classNameOverride on Label */}\n      <div className={classnames(styles.editorWrapper, styles[status])}>\n        {controls && (\n          <Toolbar\n            aria-controls={editorId}\n            aria-label=\"Text formatting\"\n            classNameOverride={styles.toolbar}\n          >\n            {controlMap.map((section, index) => (\n              <ToolbarSection key={index}>\n                {section.map((controlConfig, controlKeyIndex) => (\n                  <ToggleIconButton\n                    key={controlKeyIndex}\n                    icon={controlConfig.icon}\n                    disabled={controlConfig.disabled}\n                    label={controlConfig.label}\n                    isActive={controlConfig.isActive}\n                    onClick={(): void =>\n                      dispatchTransaction(controlConfig.action)\n                    }\n                  />\n                ))}\n              </ToolbarSection>\n            ))}\n          </Toolbar>\n        )}\n        <div\n          id={editorId}\n          ref={editorRef}\n          className={classnames(\n            styles.editor,\n            styles[`rows${rows}`],\n            classNameOverride,\n            controls != null && controls.length > 0 && styles.hasToolbar\n          )}\n          aria-describedby={ariaDescribedBy}\n          {...restProps}\n        />\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          id={validationMessageAria}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n\n      {description && (\n        <FieldMessage id={descriptionAria} message={description} />\n      )}\n    </>\n  )\n}\n\nRichTextEditor.displayName = \"RichTextEditor\"\n\nfunction getPlugins(\n  controls: ToolbarItems[] | undefined,\n  schema: ProseMirrorModel.Schema\n): Array<\n  | ProseMirrorState.Plugin<unknown>\n  | ProseMirrorState.Plugin<{\n      transform: ProseMirrorState.Transaction\n      from: number\n      to: number\n      text: string\n    } | null>\n> {\n  const allControlNames: string[] = controls\n    ? controls.reduce((acc: string[], c: ToolbarItems) => [...acc, c.name], [])\n    : []\n  const plugins = [\n    ProseMirrorHistory.history(),\n    ProseMirrorKeymap.keymap(buildKeymap(schema)),\n    ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap),\n    buildInputRules(schema),\n  ]\n\n  if (allControlNames.includes(\"link\")) {\n    plugins.push(\n      createLinkManager({\n        markType: schema.marks.link,\n      })\n    )\n  }\n\n  return plugins\n}\n"],"names":["RichTextEditor","_a","onChange","defaultValue","labelText","labelledBy","describedBy","classNameOverride","controls","_b","rows","dataError","onDataError","validationMessage","description","_c","status","restProps","__rest","reactId","useId","schema","useState","createSchemaFromControls","labelId","editorId","useRichTextEditorResult","useRichTextEditor","ProseMirrorState","EditorState","create","doc","ProseMirrorModel","Node","fromJSON","type","content","length","plugins","getPlugins","role","Error","React","createElement","InlineNotification","headingProps","children","variant","persistent","editorRef","editorState","dispatchTransaction","controlMap","buildControlMap","useEffect","validationMessageAria","concat","descriptionAria","ariaDescribedBy","classnames","Fragment","Label","id","className","styles","editorWrapper","Toolbar","toolbar","map","section","index","ToolbarSection","key","controlConfig","controlKeyIndex","ToggleIconButton","icon","disabled","label","isActive","onClick","action","__assign","ref","editor","hasToolbar","FieldMessage","message","displayName","allControlNames","reduce","acc","c","name","ProseMirrorHistory","history","ProseMirrorKeymap","keymap","buildKeymap","ProseMirrorCommands","baseKeymap","buildInputRules","includes","push","createLinkManager","markType","marks","link"],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/RichTextEditor/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  HTMLAttributes,\n  ReactNode,\n  useId,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { InlineNotification } from \"~components/Notification\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToolbarItems, EditorContentArray, EditorRows } from \"../types\"\nimport { useRichTextEditor } from \"../utils/core\"\nimport { createLinkManager } from \"../utils/plugins\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorHistory,\n  ProseMirrorKeymap,\n  ProseMirrorModel,\n  ProseMirrorState,\n} from \"../utils/prosemirror\"\nimport { createSchemaFromControls } from \"./schema\"\nimport { ToggleIconButton } from \"./subcomponents/ToggleIconButton\"\nimport { Toolbar } from \"./subcomponents/Toolbar\"\nimport { ToolbarSection } from \"./subcomponents/ToolbarSection\"\nimport { buildControlMap } from \"./utils/controlmap\"\nimport { buildInputRules } from \"./utils/inputrules\"\nimport { buildKeymap } from \"./utils/keymap\"\nimport styles from \"./RichTextEditor.module.scss\"\n\ntype BaseRichTextEditorProps = {\n  onChange: (content: ProseMirrorState.EditorState) => void\n  defaultValue: EditorContentArray\n  controls?: ToolbarItems[]\n  /**\n   * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.\n   * The editable area will autogrow, so this only affects the component when the content doesn't exceed this height.\n   */\n  rows?: EditorRows\n  dataError?: React.ReactElement\n  onDataError?: () => void\n  status?: \"default\" | \"error\" | \"caution\"\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: React.ReactNode\n  /**\n   * A description that provides context\n   */\n  description?: React.ReactNode\n} & OverrideClassName<\n  Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">\n>\n\ntype WithLabelText = {\n  labelText: ReactNode\n  \"aria-labelledby\"?: never\n}\n\ntype WithLabelledBy = {\n  labelText?: never\n  \"aria-labelledby\": string\n}\n\nexport type RichTextEditorProps = BaseRichTextEditorProps &\n  (WithLabelText | WithLabelledBy)\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}\n */\nexport const RichTextEditor = ({\n  onChange,\n  defaultValue,\n  labelText,\n  \"aria-labelledby\": labelledBy,\n  \"aria-describedby\": describedBy,\n  classNameOverride,\n  controls,\n  rows = 3,\n  dataError,\n  onDataError,\n  validationMessage,\n  description,\n  status = \"default\",\n  ...restProps\n}: RichTextEditorProps): JSX.Element => {\n  const reactId = useId()\n  const [schema] = useState<ProseMirrorModel.Schema>(\n    createSchemaFromControls(controls)\n  )\n  const [labelId] = useState<string>(labelledBy || reactId)\n  const [editorId] = useState<string>(reactId)\n  const validationMessageAria = validationMessage\n    ? `${editorId}-rte-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${editorId}-rte-description` : \"\"\n\n  const ariaDescribedBy = classnames(\n    validationMessageAria,\n    descriptionAria,\n    describedBy\n  )\n\n  const useRichTextEditorResult = (():\n    | ReturnType<typeof useRichTextEditor>\n    | Error => {\n    try {\n      return useRichTextEditor(\n        ProseMirrorState.EditorState.create({\n          doc: ProseMirrorModel.Node.fromJSON(schema, {\n            type: \"doc\",\n            // we're converting empty arrays to the ProseMirror default \"empty\" state because when\n            // given an empty array ProseMirror returns undefined, breaking the type\n            content:\n              defaultValue?.length > 0 ? defaultValue : [{ type: \"paragraph\" }],\n          }),\n          schema,\n          plugins: getPlugins(controls, schema),\n        }),\n        {\n          \"aria-labelledby\": labelId,\n          role: \"textbox\",\n          \"aria-describedby\": ariaDescribedBy,\n        }\n      )\n    } catch {\n      return new Error(\"Bad data error\")\n    }\n  })()\n\n  if (useRichTextEditorResult instanceof Error) {\n    onDataError && onDataError()\n    return (\n      <InlineNotification\n        headingProps={{\n          children: \"Error\",\n          variant: \"heading-6\",\n        }}\n        type=\"negative\"\n        persistent\n      >\n        {dataError || \"Something went wrong\"}\n      </InlineNotification>\n    )\n  }\n\n  const [editorRef, editorState, dispatchTransaction] = useRichTextEditorResult\n\n  const controlMap = buildControlMap(schema, editorState, controls)\n\n  useEffect(() => {\n    onChange(editorState)\n    // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue\n  }, [editorState])\n\n  return (\n    <>\n      {!labelledBy && labelText && <Label id={labelId} labelText={labelText} />}\n      {/* TODO: add a bit of margin here once we have a classNameOverride on Label */}\n      <div className={classnames(styles.editorWrapper, styles[status])}>\n        {controls && (\n          <Toolbar\n            aria-controls={editorId}\n            aria-label=\"Text formatting\"\n            classNameOverride={styles.toolbar}\n          >\n            {controlMap.map((section, index) => (\n              <ToolbarSection key={index}>\n                {section.map((controlConfig, controlKeyIndex) => (\n                  <ToggleIconButton\n                    key={controlKeyIndex}\n                    icon={controlConfig.icon}\n                    disabled={controlConfig.disabled}\n                    label={controlConfig.label}\n                    isActive={controlConfig.isActive}\n                    onClick={(): void =>\n                      dispatchTransaction(controlConfig.action)\n                    }\n                  />\n                ))}\n              </ToolbarSection>\n            ))}\n          </Toolbar>\n        )}\n        <div\n          id={editorId}\n          ref={editorRef}\n          className={classnames(\n            styles.editor,\n            styles[`rows${rows}`],\n            classNameOverride,\n            controls != null && controls.length > 0 && styles.hasToolbar\n          )}\n          {...restProps}\n        />\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          id={validationMessageAria}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n\n      {description && (\n        <FieldMessage id={descriptionAria} message={description} />\n      )}\n    </>\n  )\n}\n\nRichTextEditor.displayName = \"RichTextEditor\"\n\nfunction getPlugins(\n  controls: ToolbarItems[] | undefined,\n  schema: ProseMirrorModel.Schema\n): Array<\n  | ProseMirrorState.Plugin<unknown>\n  | ProseMirrorState.Plugin<{\n      transform: ProseMirrorState.Transaction\n      from: number\n      to: number\n      text: string\n    } | null>\n> {\n  const allControlNames: string[] = controls\n    ? controls.reduce((acc: string[], c: ToolbarItems) => [...acc, c.name], [])\n    : []\n  const plugins = [\n    ProseMirrorHistory.history(),\n    ProseMirrorKeymap.keymap(buildKeymap(schema)),\n    ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap),\n    buildInputRules(schema),\n  ]\n\n  if (allControlNames.includes(\"link\")) {\n    plugins.push(\n      createLinkManager({\n        markType: schema.marks.link,\n      })\n    )\n  }\n\n  return plugins\n}\n"],"names":["RichTextEditor","_a","onChange","defaultValue","labelText","labelledBy","describedBy","classNameOverride","controls","_b","rows","dataError","onDataError","validationMessage","description","_c","status","restProps","__rest","reactId","useId","schema","useState","createSchemaFromControls","labelId","editorId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","classnames","useRichTextEditorResult","useRichTextEditor","ProseMirrorState","EditorState","create","doc","ProseMirrorModel","Node","fromJSON","type","content","length","plugins","getPlugins","role","Error","React","createElement","InlineNotification","headingProps","children","variant","persistent","editorRef","editorState","dispatchTransaction","controlMap","buildControlMap","useEffect","Fragment","Label","id","className","styles","editorWrapper","Toolbar","toolbar","map","section","index","ToolbarSection","key","controlConfig","controlKeyIndex","ToggleIconButton","icon","disabled","label","isActive","onClick","action","__assign","ref","editor","hasToolbar","FieldMessage","message","displayName","allControlNames","reduce","acc","c","name","ProseMirrorHistory","history","ProseMirrorKeymap","keymap","buildKeymap","ProseMirrorCommands","baseKeymap","buildInputRules","includes","push","createLinkManager","markType","marks","link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAeT,EAAA;IAdpB,IAAAC,QAAQ,cAAA;MACRC,YAAY,kBAAA;MACZC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACUC,UAAU,GAAAJ,EAAA,CAAA,iBAAA,CAAA;MACTK,WAAW,GAAAL,EAAA,CAAA,kBAAA,CAAA;MAC/BM,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACjBC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACRC,EAAQ,GAAAR,EAAA,CAAAS,IAAA;MAARA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAAA,EAAA;MACRE,SAAS,GAAAV,EAAA,CAAAU,SAAA;MACTC,WAAW,GAAAX,EAAA,CAAAW,WAAA;MACXC,iBAAiB,GAAAZ,EAAA,CAAAY,iBAAA;MACjBC,WAAW,iBAAA;MACXC,EAAA,GAAAd,EAAA,CAAAe,MAAkB;MAAlBA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA;MACfE,SAAS,GAdiBC,KAAA,CAAAA,MAAA,CAAAjB,EAAA,EAAA,CAAA,UAAA,EAAA,cAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,QAAA,CAe9B,CADa;IAEZ,IAAMkB,OAAO,GAAGC,KAAAA,CAAAA,KAAK,EAAE;IAChB,IAAAC,QAAM,GAAIC,KAAAA,CAAAA,QAAQ,CACvBC,MAAAA,CAAAA,wBAAwB,CAACf,QAAQ,CAAC,CACnC,CAAA,CAAA,CAFY;IAGN,IAAAgB,OAAO,GAAIF,KAAAA,CAAAA,QAAQ,CAASjB,UAAU,IAAIc,OAAO,CAAC,CAAA,CAAA,CAA3C;IACP,IAAAM,QAAQ,GAAIH,KAAQ,CAAAA,QAAA,CAASH,OAAO,CAAC,GAA7B;IACf,IAAMO,qBAAqB,GAAGb,iBAAiB,GAC3C,EAAG,CAAAc,MAAA,CAAAF,QAAQ,EAAyB,yBAAA,CAAA,GACpC,EAAE;IACN,IAAMG,eAAe,GAAGd,WAAW,GAAG,EAAG,CAAAa,MAAA,CAAAF,QAAQ,EAAkB,kBAAA,CAAA,GAAG,EAAE;IAExE,IAAMI,eAAe,GAAGC,UAAU,CAChCJ,qBAAqB,EACrBE,eAAe,EACftB,WAAW,CACZ;IAED,IAAMyB,uBAAuB,GAAI,YAAA;MAG/B,IAAI;QACF,OAAOC,mCAAiB,CACtBC,2BAAgB,CAACC,WAAW,CAACC,MAAM,CAAC;UAClCC,GAAG,EAAEC,2BAAgB,CAACC,IAAI,CAACC,QAAQ,CAAClB,QAAM,EAAE;YAC1CmB,IAAI,EAAE,KAAK;;;YAGXC,OAAO,EACL,CAAAtC,YAAY,KAAZ,IAAA,IAAAA,YAAY,uBAAZA,YAAY,CAAEuC,MAAM,IAAG,CAAC,GAAGvC,YAAY,GAAG,CAAC;cAAEqC,IAAI,EAAE;aAAa;WACnE,CAAC;UACFnB,MAAM,EAAAA,QAAA;UACNsB,OAAO,EAAEC,UAAU,CAACpC,QAAQ,EAAEa,QAAM;QACrC,CAAA,CAAC,EACF;UACE,iBAAiB,EAAEG,OAAO;UAC1BqB,IAAI,EAAE,SAAS;UACf,kBAAkB,EAAEhB;QACrB,CAAA,CACF;MACF,CAAA,CAAC,OAAA5B,EAAA,EAAM;QACN,OAAO,IAAI6C,KAAK,CAAC,gBAAgB,CAAC;MACnC;KACF,EAAG;IAEJ,IAAIf,uBAAuB,YAAYe,KAAK,EAAE;MAC5ClC,WAAW,IAAIA,WAAW,CAAA,CAAE;MAC5B,OACEmC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,CAAAA,kBAAA,EAAA;QACjBC,YAAY,EAAE;UACZC,QAAQ,EAAE,OAAO;UACjBC,OAAO,EAAE;SACV;QACDZ,IAAI,EAAC,UAAU;QACfa,UAAU,EAET;MAAA,CAAA,EAAA1C,SAAS,IAAI,sBAAsB,CACjB;IAExB;IAEM,IAAA2C,SAAS,GAAsCvB,uBAAuB,CAAA,CAAA,CAA7D;MAAEwB,WAAW,GAAyBxB,uBAAuB,CAAA,CAAA,CAAhD;MAAEyB,mBAAmB,GAAIzB,uBAAuB,GAA3B;IAElD,IAAM0B,UAAU,GAAGC,UAAe,CAAAA,eAAA,CAACrC,QAAM,EAAEkC,WAAW,EAAE/C,QAAQ,CAAC;IAEjEmD,KAAAA,CAAAA,SAAS,CAAC,YAAA;MACRzD,QAAQ,CAACqD,WAAW,CAAC;;IAEvB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;IAEjB,OACER,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAa,QAAA,EAAA,IAAA,EACG,CAACvD,UAAU,IAAID,SAAS,IAAI2C,oBAACc,KAAAA,CAAAA,KAAK,EAAA;MAACC,EAAE,EAAEtC,OAAO;MAAEpB,SAAS,EAAEA;KAAa,CAAA,EAEzE2C,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKe,SAAS,EAAEjC,UAAU,CAACkC,qBAAM,CAACC,aAAa,EAAED,qBAAM,CAAChD,MAAM,CAAC;IAAC,CAAA,EAC7DR,QAAQ,IACPuC,KAAA,CAAAC,aAAA,CAACkB,OAAAA,CAAAA,OAAO,EAAA;MAAA,eAAA,EACSzC,QAAQ;MACZ,YAAA,EAAA,iBAAiB;MAC5BlB,iBAAiB,EAAEyD,qBAAM,CAACG;KAAO,EAEhCV,UAAU,CAACW,GAAG,CAAC,UAACC,OAAO,EAAEC,KAAK,EAAK;MAAA,OAClCvB,KAAC,CAAAC,aAAA,CAAAuB,cAAAA,CAAAA,cAAc,EAAC;QAAAC,GAAG,EAAEF;MAAK,CAAA,EACvBD,OAAO,CAACD,GAAG,CAAC,UAACK,aAAa,EAAEC,eAAe,EAAK;QAAA,OAC/C3B,KAAA,CAAAC,aAAA,CAAC2B,iCAAgB,EACf;UAAAH,GAAG,EAAEE,eAAe;UACpBE,IAAI,EAAEH,aAAa,CAACG,IAAI;UACxBC,QAAQ,EAAEJ,aAAa,CAACI,QAAQ;UAChCC,KAAK,EAAEL,aAAa,CAACK,KAAK;UAC1BC,QAAQ,EAAEN,aAAa,CAACM,QAAQ;UAChCC,OAAO,EAAE,SAAAA,CAAA,EAAA;YACP,OAAAxB,mBAAmB,CAACiB,aAAa,CAACQ,MAAM,CAAC;UAAA;QAAA,CAAA,CAE3C;MACH,CAAA,CAAC,CACa;IAdiB,CAenC,CAAC,CAEL,EACDlC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAkC,KAAAA,CAAAA,QAAA,CAAA;MACEpB,EAAE,EAAErC,QAAQ;MACZ0D,GAAG,EAAE7B,SAAS;MACdS,SAAS,EAAEjC,UAAU,CACnBkC,qBAAM,CAACoB,MAAM,EACbpB,qBAAM,CAAC,cAAOtD,IAAI,CAAE,CAAC,EACrBH,iBAAiB,EACjBC,QAAQ,IAAI,IAAI,IAAIA,QAAQ,CAACkC,MAAM,GAAG,CAAC,IAAIsB,qBAAM,CAACqB,UAAU;IAC7D,CACG,EAAApE,SAAS,EACb,CACE,EAELJ,iBAAiB,IAChBkC,KAAA,CAAAC,aAAA,CAACsC,YAAAA,CAAAA,YAAY,EAAA;MACXxB,EAAE,EAAEpC,qBAAqB;MACzB6D,OAAO,EAAE1E,iBAAiB;MAC1BG,MAAM,EAAEA;MAEX,EAEAF,WAAW,IACViC,KAAA,CAAAC,aAAA,CAACsC,YAAAA,CAAAA,YAAY,EAAA;MAACxB,EAAE,EAAElC,eAAe;MAAE2D,OAAO,EAAEzE;KAAW,CACxD,CACA;EAEP,CAAC;EAEDd,cAAc,CAACwF,WAAW,GAAG,gBAAgB;EAAA,OA9IhCxF,cAAc;AAAA;AAgJ3B,SAAS4C,UAAUA,CACjBpC,QAAoC,EACpCa,MAA+B,EAAA;EAU/B,IAAMoE,eAAe,GAAajF,QAAQ,GACtCA,QAAQ,CAACkF,MAAM,CAAC,UAACC,GAAa,EAAEC,CAAe,EAAA;IAAK,mDAAID,GAAG,EAAA,IAAA,CAAA,EAAA,CAAEC,CAAC,CAACC,IAAI;EAAC,CAAA,EAAE,EAAE,CAAC,GACzE,EAAE;EACN,IAAMlD,OAAO,GAAG,CACdmD,6BAAkB,CAACC,OAAO,CAAE,CAAA,EAC5BC,4BAAiB,CAACC,MAAM,CAACC,kBAAW,CAAC7E,MAAM,CAAC,CAAC,EAC7C2E,4BAAiB,CAACC,MAAM,CAACE,8BAAmB,CAACC,UAAU,CAAC,EACxDC,UAAAA,CAAAA,eAAe,CAAChF,MAAM,CAAC,CACxB;EAED,IAAIoE,eAAe,CAACa,QAAQ,CAAC,MAAM,CAAC,EAAE;IACpC3D,OAAO,CAAC4D,IAAI,CACVC,6BAAiB,CAAC;MAChBC,QAAQ,EAAEpF,MAAM,CAACqF,KAAK,CAACC;IACxB,CAAA,CAAC,CACH;EACF;EAED,OAAOhE,OAAO;AAChB;"}