@muraldevkit/ui-toolkit 4.68.0-dev-Qgwh.1 → 4.68.0

package/dist/cjs/components/form/hooks/useActiveColor.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-
-/**
- * Custom hook used to track the active color state of inputs
- *
- * @param {InputStates | undefined} state - the input state
- * @returns the hasActiveColor state and handler
- */
-function useActiveColor(state) {
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    hasActiveColor = _useState2[0],
-    _setHasActiveColor = _useState2[1];
-  return {
-    hasActiveColor,
-    setHasActiveColor: hasActiveColor => {
-      if (state === 'read-only') return;
-      if (state === 'disabled') return;
-      _setHasActiveColor(hasActiveColor);
-    }
-  };
-}
-
-exports.useActiveColor = useActiveColor;
-//# sourceMappingURL=useActiveColor.js.map

package/dist/cjs/components/form/hooks/useActiveColor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveColor.js","sources":["../../../../../src/components/form/hooks/useActiveColor.ts"],"sourcesContent":["import { useState } from 'react';\nimport { InputStates } from '../constants';\n\ntype useActiveColorReturn = {\n\thasActiveColor: boolean;\n\tsetHasActiveColor: (hasActiveColor: boolean) => void;\n};\n\n/**\n * Custom hook used to track the active color state of inputs\n *\n * @param {InputStates | undefined} state - the input state\n * @returns the hasActiveColor state and handler\n */\nexport function useActiveColor(state?: InputStates): useActiveColorReturn {\n\tconst [hasActiveColor, setHasActiveColor] = useState(false);\n\treturn {\n\t\thasActiveColor,\n\t\tsetHasActiveColor: (hasActiveColor: boolean) => {\n\t\t\tif (state === 'read-only') return;\n\t\t\tif (state === 'disabled') return;\n\t\t\tsetHasActiveColor(hasActiveColor);\n\t\t}\n\t};\n}\n"],"names":["useActiveColor","state","_useState","useState","_useState2","_slicedToArray","hasActiveColor","setHasActiveColor"],"mappings":";;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAACC,KAAmB,EAAwB;AACzE,EAAA,IAAAC,SAAA,GAA4CC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApDI,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,kBAAiB,GAAAH,UAAA,CAAA,CAAA,CAAA;EACxC,OAAO;IACNE,cAAc;IACdC,iBAAiB,EAAGD,cAAuB,IAAK;MAC/C,IAAIL,KAAK,KAAK,WAAW,EAAE;MAC3B,IAAIA,KAAK,KAAK,UAAU,EAAE;MAC1BM,kBAAiB,CAACD,cAAc,CAAC;AAClC,IAAA;GACA;AACF;;;;"}

package/dist/cjs/components/form/hooks/useIsEditable.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-
-/**
- * Custom hook used to track the edit state of a text input.
- *
- * isEditing represents if someone has actively decided to start editing a field.
- * isEditable controls if the input field can be interacted with directly.
- *
- * This leaves open the possibility for a field to be editable even if someone has not explicitly decided to edit it.
- * @param param - useIsEditable options
- * @param param.changeHandler - optional set handler
- * @param param.initialValue - the text input initial value
- * @param param.state - the text input state
- * @param param.value - optional control value
- * @returns the isEditable, isEditing state and handler
- */
-function useIsEditable(_ref) {
-  var changeHandler = _ref.changeHandler,
-    initialValue = _ref.initialValue,
-    state = _ref.state,
-    value = _ref.value;
-  var _useState = React.useState(initialValue),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    isEditable = _useState2[0],
-    _setIsEditable = _useState2[1];
-  var isEditableEffectiveValue = value !== undefined ? value : isEditable;
-  var _useState3 = React.useState(false),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    isEditing = _useState4[0],
-    _setIsEditing = _useState4[1];
-  return {
-    isEditable: isEditableEffectiveValue,
-    isEditing,
-    setIsEditable: isEditableUpdate => {
-      if (state === 'read-only') return;
-      if (state === 'disabled') return;
-      if (typeof changeHandler === 'function') {
-        changeHandler(isEditableUpdate);
-      } else {
-        _setIsEditable(isEditableUpdate);
-      }
-    },
-    setIsEditing: isEditingUpdate => {
-      _setIsEditing(isEditingUpdate);
-    }
-  };
-}
-
-exports.useIsEditable = useIsEditable;
-//# sourceMappingURL=useIsEditable.js.map

package/dist/cjs/components/form/hooks/useIsEditable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsEditable.js","sources":["../../../../../src/components/form/hooks/useIsEditable.ts"],"sourcesContent":["import { useState } from 'react';\nimport { InputStates } from '../constants';\n\ntype UseIsEditableReturn = {\n\t/* if a field is able to be edited */\n\tisEditable: boolean;\n\t/* if a field is being actively edited */\n\tisEditing: boolean;\n\tsetIsEditable: (isEditable: boolean) => void;\n\tsetIsEditing: (isEditingUpdate: boolean) => void;\n};\n\n/**\n * Custom hook used to track the edit state of a text input.\n *\n * isEditing represents if someone has actively decided to start editing a field.\n * isEditable controls if the input field can be interacted with directly.\n *\n * This leaves open the possibility for a field to be editable even if someone has not explicitly decided to edit it.\n * @param param - useIsEditable options\n * @param param.changeHandler - optional set handler\n * @param param.initialValue - the text input initial value\n * @param param.state - the text input state\n * @param param.value - optional control value\n * @returns the isEditable, isEditing state and handler\n */\nexport function useIsEditable({\n\tchangeHandler,\n\tinitialValue,\n\tstate,\n\tvalue\n}: {\n\tchangeHandler?: (isEditableUpdate: boolean) => void;\n\tinitialValue: boolean;\n\tstate?: InputStates;\n\tvalue?: boolean;\n}): UseIsEditableReturn {\n\tconst [isEditable, setIsEditable] = useState<boolean>(initialValue);\n\tconst isEditableEffectiveValue = value !== undefined ? value : isEditable;\n\n\tconst [isEditing, setIsEditing] = useState<boolean>(false);\n\treturn {\n\t\tisEditable: isEditableEffectiveValue,\n\t\tisEditing,\n\t\tsetIsEditable: (isEditableUpdate: boolean) => {\n\t\t\tif (state === 'read-only') return;\n\t\t\tif (state === 'disabled') return;\n\t\t\tif (typeof changeHandler === 'function') {\n\t\t\t\tchangeHandler(isEditableUpdate);\n\t\t\t} else {\n\t\t\t\tsetIsEditable(isEditableUpdate);\n\t\t\t}\n\t\t},\n\t\tsetIsEditing: (isEditingUpdate: boolean) => {\n\t\t\tsetIsEditing(isEditingUpdate);\n\t\t}\n\t};\n}\n"],"names":["useIsEditable","_ref","changeHandler","initialValue","state","value","_useState","useState","_useState2","_slicedToArray","isEditable","setIsEditable","isEditableEffectiveValue","undefined","_useState3","_useState4","isEditing","setIsEditing","isEditableUpdate","isEditingUpdate"],"mappings":";;;;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAUL;AAAA,EAAA,IATvBC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,KAAK,GAAAJ,IAAA,CAALI,KAAK;AAOL,EAAA,IAAAC,SAAA,GAAoCC,cAAQ,CAAUJ,YAAY,CAAC;IAAAK,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAa,GAAAH,UAAA,CAAA,CAAA,CAAA;EAChC,IAAMI,wBAAwB,GAAGP,KAAK,KAAKQ,SAAS,GAAGR,KAAK,GAAGK,UAAU;AAEzE,EAAA,IAAAI,UAAA,GAAkCP,cAAQ,CAAU,KAAK,CAAC;IAAAQ,UAAA,GAAAN,uCAAA,CAAAK,UAAA,EAAA,CAAA,CAAA;AAAnDE,IAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;EAC9B,OAAO;AACNL,IAAAA,UAAU,EAAEE,wBAAwB;IACpCI,SAAS;IACTL,aAAa,EAAGO,gBAAyB,IAAK;MAC7C,IAAId,KAAK,KAAK,WAAW,EAAE;MAC3B,IAAIA,KAAK,KAAK,UAAU,EAAE;AAC1B,MAAA,IAAI,OAAOF,aAAa,KAAK,UAAU,EAAE;QACxCA,aAAa,CAACgB,gBAAgB,CAAC;AAChC,MAAA,CAAC,MAAM;QACNP,cAAa,CAACO,gBAAgB,CAAC;AAChC,MAAA;IACD,CAAC;IACDD,YAAY,EAAGE,eAAwB,IAAK;MAC3CF,aAAY,CAACE,eAAe,CAAC;AAC9B,IAAA;GACA;AACF;;;;"}

package/dist/cjs/components/form/label/MrlLabel/MrlLabel.js

@@ -1,74 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var classnames = require('classnames');
-var constants = require('../../constants.js');
-var MrlLabel_module = require('./MrlLabel.module.scss.js');
-var setAttributes = require('../../../../utils/setAttributes/setAttributes.js');
-var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-var _excluded = ["attrs", "className", "text", "htmlFor", "kind", "icon", "state"];
-/**
- * Provides a label for a form element
- *
- * @param {MrlLabelProps} props - the component props
- * @returns a label element
- */
-function MrlLabel(_ref) {
-  var _ref$attrs = _ref.attrs,
-    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
-    className = _ref.className,
-    text = _ref.text,
-    htmlFor = _ref.htmlFor,
-    _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? constants.labelDefaults.kind : _ref$kind,
-    icon = _ref.icon,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? constants.labelDefaults.state : _ref$state,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var allClasses = classnames__default.default('mrl-label', 'MrlLabel', MrlLabel_module.default['MrlLabel'], attrs.class || attrs.className, className, {
-    [MrlLabel_module.default['mrl-is--disabled']]: state === 'disabled',
-    [MrlLabel_module.default['MrlLabel--inline']]: kind !== constants.labelDefaults.kind
-  });
-  delete attrs.class;
-  delete attrs.className;
-  var attributes = setAttributes.setAttributes(attrs);
-  return /*#__PURE__*/React__namespace.createElement("label", _rollupPluginBabelHelpers.extends({}, rest, attributes, {
-    htmlFor: htmlFor,
-    className: allClasses
-  }), icon && /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
-    "aria-hidden": "true",
-    svg: icon.icon,
-    className: classnames__default.default(MrlLabel_module.default['MrlLabel-icon'], 'MrlLabel-icon'),
-    size: "auto"
-  }), /*#__PURE__*/React__namespace.createElement("span", {
-    className: "MrlLabel-text"
-  }, text));
-}
-
-exports.MrlLabel = MrlLabel;
-//# sourceMappingURL=MrlLabel.js.map

package/dist/cjs/components/form/label/MrlLabel/MrlLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlLabel.js","sources":["../../../../../../src/components/form/label/MrlLabel/MrlLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, setAttributes } from '../../../../utils';\nimport { labelDefaults, LabelKind, LabelStates, StaticIconConfig } from '../../constants';\n\nimport { MrlSvg } from '../../../svg';\n\nimport styles from './MrlLabel.module.scss';\n\ninterface MrlLabelProps extends React.HTMLAttributes<HTMLLabelElement> {\n\t/** Applies additional HTML attributes to the label element */\n\tattrs?: AttrsObject;\n\t/** Informs the user of the form element's purpose */\n\ttext: string;\n\t/** ID of the form elements so all users can understand the relationship between the two elements */\n\thtmlFor?: string;\n\t/** Label style based on the type of associated form element */\n\tkind?: LabelKind;\n\t/**\n\t * Configures a leading icon within the label. This is only supported with an inline label\n\t */\n\ticon?: StaticIconConfig;\n\t/**\n\t * Changes the state of the label based on state of the associated input. Note, do not\n\t * use this prop only for styling, it must match the state of the input for accessibility compliance.\n\t */\n\tstate?: LabelStates;\n\t/** Additional class to add to the label */\n\tclassName?: string;\n}\n\n/**\n * Provides a label for a form element\n *\n * @param {MrlLabelProps} props - the component props\n * @returns a label element\n */\nexport function MrlLabel({\n\tattrs = {},\n\tclassName,\n\ttext,\n\thtmlFor,\n\tkind = labelDefaults.kind,\n\ticon,\n\tstate = labelDefaults.state,\n\t...rest\n}: MrlLabelProps): JSX.Element {\n\tconst allClasses = classnames(\n\t\t'mrl-label',\n\t\t'MrlLabel',\n\t\tstyles['MrlLabel'],\n\t\tattrs.class || attrs.className,\n\t\tclassName,\n\t\t{\n\t\t\t[styles['mrl-is--disabled']]: state === 'disabled',\n\t\t\t[styles['MrlLabel--inline']]: kind !== labelDefaults.kind\n\t\t}\n\t);\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs);\n\n\treturn (\n\t\t<label {...rest} {...attributes} htmlFor={htmlFor}\n\t\t\tclassName={allClasses}>\n\t\t\t{icon && (\n\t\t\t\t<MrlSvg\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tsvg={icon.icon}\n\t\t\t\t\tclassName={classnames(styles['MrlLabel-icon'], 'MrlLabel-icon')}\n\t\t\t\t\tsize=\"auto\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<span className=\"MrlLabel-text\">{text}</span>\n\t\t</label>\n\t);\n}\n"],"names":["MrlLabel","_ref","_ref$attrs","attrs","className","text","htmlFor","_ref$kind","kind","labelDefaults","icon","_ref$state","state","rest","_objectWithoutProperties","_excluded","allClasses","classnames","styles","class","attributes","setAttributes","React","createElement","_extends","MrlSvg","svg","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,QAAQA,CAAAC,IAAA,EASO;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAR9BE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAAC,SAAA,GAAAN,IAAA,CACPO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGE,uBAAa,CAACD,IAAI,GAAAD,SAAA;IACzBG,IAAI,GAAAT,IAAA,CAAJS,IAAI;IAAAC,UAAA,GAAAV,IAAA,CACJW,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAGF,uBAAa,CAACG,KAAK,GAAAD,UAAA;AACxBE,IAAAA,IAAI,GAAAC,iDAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;EAEP,IAAMC,UAAU,GAAGC,2BAAU,CAC5B,WAAW,EACX,UAAU,EACVC,uBAAM,CAAC,UAAU,CAAC,EAClBf,KAAK,CAACgB,KAAK,IAAIhB,KAAK,CAACC,SAAS,EAC9BA,SAAS,EACT;AACC,IAAA,CAACc,uBAAM,CAAC,kBAAkB,CAAC,GAAGN,KAAK,KAAK,UAAU;IAClD,CAACM,uBAAM,CAAC,kBAAkB,CAAC,GAAGV,IAAI,KAAKC,uBAAa,CAACD;AACtD,GACD,CAAC;EAED,OAAOL,KAAK,CAACgB,KAAK;EAClB,OAAOhB,KAAK,CAACC,SAAS;AAEtB,EAAA,IAAMgB,UAAU,GAAGC,2BAAa,CAAClB,KAAK,CAAC;EAEvC,oBACCmB,gBAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,iCAAA,CAAA,EAAA,EAAWX,IAAI,EAAMO,UAAU,EAAA;AAAEd,IAAAA,OAAO,EAAEA,OAAQ;AACjDF,IAAAA,SAAS,EAAEY;AAAW,GAAA,CAAA,EACrBN,IAAI,iBACJY,gBAAA,CAAAC,aAAA,CAACE,aAAM,EAAA;AACN,IAAA,aAAA,EAAY,MAAM;IAClBC,GAAG,EAAEhB,IAAI,CAACA,IAAK;IACfN,SAAS,EAAEa,2BAAU,CAACC,uBAAM,CAAC,eAAe,CAAC,EAAE,eAAe,CAAE;AAChES,IAAAA,IAAI,EAAC;AAAM,GACX,CACD,eACDL,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMnB,IAAAA,SAAS,EAAC;GAAe,EAAEC,IAAW,CACtC,CAAC;AAEV;;;;"}

package/dist/cjs/components/form/label/MrlLabel/MrlLabel.module.scss.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styles = {"MrlLabel":"MrlLabel--Bbnmm","MrlLabel--inline":"MrlLabel--inline--g2Exe","mrl-is--disabled":"mrl-is--disabled--siceI","MrlLabel-icon":"MrlLabel-icon--PyyRE"};
-
-exports.default = styles;
-//# sourceMappingURL=MrlLabel.module.scss.js.map

package/dist/cjs/components/form/label/MrlLabel/MrlLabel.module.scss.js.map

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

package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.js

@@ -1,84 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var classnames = require('classnames');
-var MrlLabelWithDescription_module = require('./MrlLabelWithDescription.module.scss.js');
-var MrlLabel = require('../MrlLabel/MrlLabel.js');
-var MrlText = require('../../../text/MrlText/MrlText.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-var _excluded = ["className", "description", "descriptionId", "isDisabled", "isIndeterminate", "isSelected", "hasMultilineLabel", "htmlFor", "icon", "label"];
-/**
- * Form control label that can render a label, an icon and description text
- *
- * @param {MrlLabelWithDescriptionProps} props - the component props
- * @returns a form control label with description
- */
-function MrlLabelWithDescription(_ref) {
-  var className = _ref.className,
-    description = _ref.description,
-    descriptionId = _ref.descriptionId,
-    isDisabled = _ref.isDisabled,
-    isIndeterminate = _ref.isIndeterminate,
-    isSelected = _ref.isSelected,
-    hasMultilineLabel = _ref.hasMultilineLabel,
-    htmlFor = _ref.htmlFor,
-    icon = _ref.icon,
-    label = _ref.label,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var allClasses = classnames__default.default(className, MrlLabelWithDescription_module.default['MrlLabelWithDescription'], {
-    [MrlLabelWithDescription_module.default['mrl-is--disabled']]: isDisabled,
-    [MrlLabelWithDescription_module.default['mrl-is--selected']]: isSelected,
-    [MrlLabelWithDescription_module.default['mrl-is--indeterminate']]: isIndeterminate
-  });
-  return /*#__PURE__*/React__namespace.createElement("div", {
-    className: allClasses
-  }, /*#__PURE__*/React__namespace.createElement(MrlLabel.MrlLabel, _rollupPluginBabelHelpers.extends({}, rest, {
-    icon: icon !== undefined ? icon : undefined,
-    text: label,
-    kind: "inline",
-    htmlFor: htmlFor,
-    className: classnames__default.default(MrlLabelWithDescription_module.default['MrlLabelWithDescription-label'], 'MrlLabelWithDescription-label', {
-      [MrlLabelWithDescription_module.default['has-icon']]: typeof icon !== 'undefined',
-      [MrlLabelWithDescription_module.default['has-multiline-label']]: hasMultilineLabel
-    })
-  })), description && /*#__PURE__*/React__namespace.createElement("div", {
-    className: classnames__default.default(MrlLabelWithDescription_module.default['MrlLabelWithDescription-description'], 'MrlLabelWithDescription-description', {
-      [MrlLabelWithDescription_module.default['has-icon']]: typeof icon !== 'undefined',
-      [MrlLabelWithDescription_module.default['has-multiline-label']]: hasMultilineLabel
-    })
-  }, typeof description === 'string' && /*#__PURE__*/React__namespace.createElement(MrlText.MrlText, {
-    attrs: {
-      className: MrlLabelWithDescription_module.default['MrlLabelWithDescription-text'],
-      id: descriptionId
-    },
-    text: description,
-    size: "xsmall"
-  }), /*#__PURE__*/React__namespace.isValidElement(description) && description));
-}
-
-exports.MrlLabelWithDescription = MrlLabelWithDescription;
-//# sourceMappingURL=MrlLabelWithDescription.js.map

package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlLabelWithDescription.js","sources":["../../../../../../src/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { MrlLabel, MrlText } from '../../../';\nimport { StaticIconConfig } from '../../constants';\n\nimport styles from './MrlLabelWithDescription.module.scss';\n\ninterface MrlLabelWithDescriptionProps {\n\t/** Additional class to add to the container of the label and description */\n\tclassName?: string;\n\t/** Description text or a custom component */\n\tdescription?: string | React.ReactNode;\n\t/** The id that's linked to the form element \"aria-describedby\" attribute */\n\tdescriptionId?: string;\n\t/** Disabled state */\n\tisDisabled?: boolean;\n\t/** Indeterminate state */\n\tisIndeterminate?: boolean;\n\t/** Selected state */\n\tisSelected?: boolean;\n\t/** Adjusts the styles of the label, icon, and description when the label is multiline */\n\thasMultilineLabel?: boolean;\n\t/** ID of the form elements so all users can understand the relationship between the two elements */\n\thtmlFor: string;\n\t/** Leading label icon */\n\ticon?: StaticIconConfig;\n\t/** The text to display as the label */\n\tlabel: string;\n}\n\n/**\n * Form control label that can render a label, an icon and description text\n *\n * @param {MrlLabelWithDescriptionProps} props - the component props\n * @returns a form control label with description\n */\nexport function MrlLabelWithDescription({\n\tclassName,\n\tdescription,\n\tdescriptionId,\n\tisDisabled,\n\tisIndeterminate,\n\tisSelected,\n\thasMultilineLabel,\n\thtmlFor,\n\ticon,\n\tlabel,\n\t...rest\n}: MrlLabelWithDescriptionProps): JSX.Element {\n\tconst allClasses = classnames(className, styles['MrlLabelWithDescription'], {\n\t\t[styles['mrl-is--disabled']]: isDisabled,\n\t\t[styles['mrl-is--selected']]: isSelected,\n\t\t[styles['mrl-is--indeterminate']]: isIndeterminate\n\t});\n\n\treturn (\n\t\t<div className={allClasses}>\n\t\t\t<MrlLabel\n\t\t\t\t{...rest}\n\t\t\t\ticon={icon !== undefined ? icon : undefined}\n\t\t\t\ttext={label}\n\t\t\t\tkind=\"inline\"\n\t\t\t\thtmlFor={htmlFor}\n\t\t\t\tclassName={classnames(\n\t\t\t\t\tstyles['MrlLabelWithDescription-label'],\n\t\t\t\t\t'MrlLabelWithDescription-label',\n\t\t\t\t\t{\n\t\t\t\t\t\t[styles['has-icon']]: typeof icon !== 'undefined',\n\t\t\t\t\t\t[styles['has-multiline-label']]: hasMultilineLabel\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t{description && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlLabelWithDescription-description'],\n\t\t\t\t\t\t'MrlLabelWithDescription-description',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t[styles['has-icon']]: typeof icon !== 'undefined',\n\t\t\t\t\t\t\t[styles['has-multiline-label']]: hasMultilineLabel\n\t\t\t\t\t\t}\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{typeof description === 'string' && (\n\t\t\t\t\t\t<MrlText\n\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\tclassName: styles['MrlLabelWithDescription-text'],\n\t\t\t\t\t\t\t\tid: descriptionId\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttext={description}\n\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{React.isValidElement(description) && description}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["MrlLabelWithDescription","_ref","className","description","descriptionId","isDisabled","isIndeterminate","isSelected","hasMultilineLabel","htmlFor","icon","label","rest","_objectWithoutProperties","_excluded","allClasses","classnames","styles","React","createElement","MrlLabel","_extends","undefined","text","kind","MrlText","attrs","id","size","isValidElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,uBAAuBA,CAAAC,IAAA,EAYO;AAAA,EAAA,IAX7CC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,eAAe,GAAAL,IAAA,CAAfK,eAAe;IACfC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,iBAAiB,GAAAP,IAAA,CAAjBO,iBAAiB;IACjBC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IACJC,KAAK,GAAAV,IAAA,CAALU,KAAK;AACFC,IAAAA,IAAI,GAAAC,iDAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA;EAEP,IAAMC,UAAU,GAAGC,2BAAU,CAACd,SAAS,EAAEe,sCAAM,CAAC,yBAAyB,CAAC,EAAE;AAC3E,IAAA,CAACA,sCAAM,CAAC,kBAAkB,CAAC,GAAGZ,UAAU;AACxC,IAAA,CAACY,sCAAM,CAAC,kBAAkB,CAAC,GAAGV,UAAU;AACxC,IAAA,CAACU,sCAAM,CAAC,uBAAuB,CAAC,GAAGX;AACpC,GAAC,CAAC;EAEF,oBACCY,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKjB,IAAAA,SAAS,EAAEa;GAAW,eAC1BG,gBAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAAC,iCAAA,KACJT,IAAI,EAAA;AACRF,IAAAA,IAAI,EAAEA,IAAI,KAAKY,SAAS,GAAGZ,IAAI,GAAGY,SAAU;AAC5CC,IAAAA,IAAI,EAAEZ,KAAM;AACZa,IAAAA,IAAI,EAAC,QAAQ;AACbf,IAAAA,OAAO,EAAEA,OAAQ;IACjBP,SAAS,EAAEc,2BAAU,CACpBC,sCAAM,CAAC,+BAA+B,CAAC,EACvC,+BAA+B,EAC/B;MACC,CAACA,sCAAM,CAAC,UAAU,CAAC,GAAG,OAAOP,IAAI,KAAK,WAAW;AACjD,MAAA,CAACO,sCAAM,CAAC,qBAAqB,CAAC,GAAGT;KAEnC;AAAE,GAAA,CACF,CAAC,EACDL,WAAW,iBACXe,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCjB,SAAS,EAAEc,2BAAU,CACpBC,sCAAM,CAAC,qCAAqC,CAAC,EAC7C,qCAAqC,EACrC;MACC,CAACA,sCAAM,CAAC,UAAU,CAAC,GAAG,OAAOP,IAAI,KAAK,WAAW;AACjD,MAAA,CAACO,sCAAM,CAAC,qBAAqB,CAAC,GAAGT;KAEnC;GAAE,EAED,OAAOL,WAAW,KAAK,QAAQ,iBAC/Be,gBAAA,CAAAC,aAAA,CAACM,eAAO,EAAA;AACPC,IAAAA,KAAK,EAAE;AACNxB,MAAAA,SAAS,EAAEe,sCAAM,CAAC,8BAA8B,CAAC;AACjDU,MAAAA,EAAE,EAAEvB;KACH;AACFmB,IAAAA,IAAI,EAAEpB,WAAY;AAClByB,IAAAA,IAAI,EAAC;AAAQ,GACb,CACD,eACAV,gBAAK,CAACW,cAAc,CAAC1B,WAAW,CAAC,IAAIA,WAClC,CAEF,CAAC;AAER;;;;"}

package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.module.scss.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styles = {"MrlLabelWithDescription":"MrlLabelWithDescription--H1p3L","mrl-is--selected":"mrl-is--selected--X6aIx","mrl-is--indeterminate":"mrl-is--indeterminate--NIB0c","mrl-is--disabled":"mrl-is--disabled--FQaPm","MrlLabelWithDescription-label":"MrlLabelWithDescription-label--NvU9q","has-icon":"has-icon--FvQEK","has-multiline-label":"has-multiline-label--vcGc0","MrlLabelWithDescription-description":"MrlLabelWithDescription-description--n6DUy","MrlLabelWithDescription-text":"MrlLabelWithDescription-text--Cty6f"};
-
-exports.default = styles;
-//# sourceMappingURL=MrlLabelWithDescription.module.scss.js.map

package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.module.scss.js.map

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

package/dist/cjs/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.js

@@ -1,356 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var classnames = require('classnames');
-var dsIcons = require('@muraldevkit/ds-icons');
-var constants = require('../../constants.js');
-var SelectContext = require('../context/SelectContext.js');
-var utils = require('../../utils.js');
-var index$2 = require('../../../../utils/layers/index.js');
-var index$1 = require('../../../../hooks/useClickOutside/index.js');
-var MrlLegacySelect_module = require('./MrlLegacySelect.module.scss.js');
-var index = require('../../../../hooks/useCoordinate/index.js');
-var setAttributes = require('../../../../utils/setAttributes/setAttributes.js');
-var MrlPortal = require('../../../portal/MrlPortal.js');
-var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-var _excluded = ["attrs", "children", "kind", "labelId", "size"];
-/**
- * Creates and exports component class for Mural Select
- *
- * @param {MrlLegacySelectProptypes} props the props for your MrlLink
- * @returns {React.ReactElement} an a element containing the text you pass
- */
-var MrlLegacySelect = _ref => {
-  var _ref$attrs = _ref.attrs,
-    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
-    children = _ref.children,
-    _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? constants.selectDefaults.kind : _ref$kind,
-    labelId = _ref.labelId,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? constants.selectDefaults.size : _ref$size,
-    theRest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var selectRef = React__namespace.useRef(null);
-  var portalRef = React__namespace.useRef(null);
-  var _useSelect = SelectContext.useSelect(),
-    dispatch = _useSelect.dispatch,
-    dispatchState = _useSelect.state;
-  var coords = index.useCoordinate(selectRef.current, false, dispatchState.open);
-  var handleOpen = React__namespace.useCallback(e => {
-    var _theRest$onClick;
-    e.stopPropagation();
-    if (dispatchState.open) {
-      dispatch({
-        payload: 'mouse',
-        type: 'close'
-      });
-    } else {
-      dispatch({
-        type: 'open'
-      });
-    }
-    (_theRest$onClick = theRest.onClick) === null || _theRest$onClick === void 0 ? void 0 : _theRest$onClick.call(theRest, e);
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [dispatchState.open]);
-  var handleKeyPress = React__namespace.useCallback(event => {
-    var _theRest$onKeyDown;
-    // trap tab when we are open
-    if (dispatchState.open && event.key === 'Tab') {
-      event.preventDefault();
-      event.stopPropagation();
-      return;
-    }
-    var action = utils.getActionFromKey(event, dispatchState.open);
-    switch (action) {
-      case utils.actions.Last:
-      case utils.actions.First:
-        dispatch({
-          type: 'open'
-        });
-        break;
-      case utils.actions.Type:
-        event.preventDefault();
-        event.stopPropagation();
-        dispatch({
-          type: 'open'
-        });
-        break;
-      case utils.actions.Open:
-        event.preventDefault();
-        event.stopPropagation();
-        dispatch({
-          type: 'open'
-        });
-        break;
-    }
-    (_theRest$onKeyDown = theRest.onKeyDown) === null || _theRest$onKeyDown === void 0 ? void 0 : _theRest$onKeyDown.call(theRest, event);
-  },
-  // only want to rereun this when our keydown changes or our state changes.
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [dispatchState, theRest.onKeyDown]);
-
-  /**
-   * @TODO: move menu key handling to MrlLegacySelectMenu
-   */
-  var handleGlobalKeyPress = React__namespace.useCallback(event => {
-    var _portalRef$current;
-    var action = utils.getActionFromKey(event, dispatchState.open);
-    var items = (portalRef === null || portalRef === void 0 ? void 0 : (_portalRef$current = portalRef.current) === null || _portalRef$current === void 0 ? void 0 : _portalRef$current.querySelectorAll('.mrl-selectItem')) || [];
-    var lastItemIndex = (items === null || items === void 0 ? void 0 : items.length) - 1;
-    var firstItemIndex = 0;
-    var focusIndex = dispatchState.focusIndex || 0;
-    switch (action) {
-      case utils.actions.PageDown:
-      case utils.actions.Last:
-        event.stopPropagation();
-        event.preventDefault();
-        dispatch({
-          payload: utils.getUpdatedIndex(focusIndex, lastItemIndex, action),
-          type: 'focus'
-        });
-        break;
-      case utils.actions.PageUp:
-      case utils.actions.First:
-        event.stopPropagation();
-        event.preventDefault();
-        dispatch({
-          payload: utils.getUpdatedIndex(focusIndex, lastItemIndex, action),
-          type: 'focus'
-        });
-        break;
-      case utils.actions.Previous:
-        event.stopPropagation();
-        event.preventDefault();
-        // if not our first item then focus next.
-        if (firstItemIndex !== focusIndex) {
-          dispatch({
-            payload: focusIndex - 1,
-            type: 'focus'
-          });
-        }
-        break;
-      case utils.actions.Next:
-        event.stopPropagation();
-        event.preventDefault();
-        // if not our last item then focus next.
-        if (lastItemIndex !== focusIndex) {
-          dispatch({
-            payload: focusIndex + 1,
-            type: 'focus'
-          });
-        }
-        break;
-      case utils.actions.CloseSelect:
-      case utils.actions.Close:
-        dispatch({
-          payload: 'keyboard',
-          type: 'close'
-        });
-        break;
-    }
-  },
-  // only want to change when state changes or we have different children.
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [dispatchState, children]);
-
-  /**
-   * Detects if the select element has moved and closes the menu if it has
-   *
-   * We are using requestAnimationFrame to check the position of the select element
-   * and compare it to the last known position. If the position has changed, we close
-   * the menu.
-   */
-  var lastPosition = React__namespace.useRef(null);
-  var animationFrameRef = React__namespace.useRef(null);
-  React__namespace.useEffect(() => {
-    var checkPositionChange = () => {
-      if (selectRef.current && dispatchState.open) {
-        var currentPosition = selectRef.current.getBoundingClientRect();
-
-        // If the last position is different than the current position, we know that the
-        // menu has scrolled and we should close it.
-        if (lastPosition.current && lastPosition.current.y !== currentPosition.y) {
-          lastPosition.current = null;
-          dispatch({
-            payload: 'mouse',
-            type: 'close'
-          });
-          return;
-        }
-        lastPosition.current = currentPosition;
-      }
-      animationFrameRef.current = requestAnimationFrame(checkPositionChange);
-    };
-    if (dispatchState.open) {
-      animationFrameRef.current = requestAnimationFrame(checkPositionChange);
-    }
-    return () => {
-      if (animationFrameRef.current) {
-        cancelAnimationFrame(animationFrameRef.current);
-      }
-    };
-  }, [dispatch, dispatchState.open]);
-
-  /**
-   * Sets focus to select element when it is closed
-   */
-  React__namespace.useEffect(() => {
-    if (!dispatchState.open && dispatchState.actionType === 'keyboard') {
-      var _selectRef$current;
-      (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.focus();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dispatchState.open]);
-
-  /**
-   * @TODO: move menu key handling to MrlLegacySelectMenu
-   */
-  React__namespace.useEffect(() => {
-    var _document;
-    if (dispatchState.disabled || dispatchState.readOnly) {
-      return;
-    }
-    (_document = document) === null || _document === void 0 ? void 0 : _document.addEventListener('keydown', handleGlobalKeyPress);
-    return () => {
-      var _document2;
-      (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.removeEventListener('keydown', handleGlobalKeyPress);
-    };
-  }, [handleGlobalKeyPress, dispatchState.disabled, dispatchState.readOnly]);
-
-  /**
-   * This useEffect is responsible for setting the value if it passed in or changed
-   * when the select is being used as a controlled component
-   */
-  React__namespace.useEffect(() => {
-    var value = dispatchState.controlledValue;
-    if (value && value !== dispatchState.selectedItem) {
-      dispatch({
-        payload: value,
-        type: 'select'
-      });
-      if (children) {
-        // The first child is an instance of MrlLegacySelectMenu, so let's grab that
-        // because we are looking to match the value against the children passed
-        // into the MrlLegacySelectMenu component
-        var selectMenu = React__namespace.Children.toArray(children)[0];
-        if (/*#__PURE__*/React__namespace.isValidElement(selectMenu)) {
-          // Now let's grab the children of the array
-          var menuChildren = React__namespace.Children.toArray(selectMenu.props.children);
-
-          // Once we have the children, we want to iterate over them to check to see if
-          // the controlled value passed to the component matches any of the items in the menu
-          var matchedItem = menuChildren.find(item =>
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          /*#__PURE__*/React__namespace.isValidElement(item) && item.props.value === value);
-
-          // If we found a match, we want to set the selected text to the value of the item's children
-          if (matchedItem && /*#__PURE__*/React__namespace.isValidElement(matchedItem)) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            var _selectedText = matchedItem.props.children;
-            dispatch({
-              payload: _selectedText,
-              type: 'selectedText'
-            });
-          }
-        }
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [children, dispatchState.controlledValue, dispatchState.selectedItem]);
-  var attributes = setAttributes.setAttributes(attrs, _rollupPluginBabelHelpers.objectSpread2({
-    'aria-controls': dispatchState.id,
-    'aria-disabled': dispatchState.disabled ? 'true' : 'false',
-    'aria-expanded': dispatchState.open.toString(),
-    'aria-haspopup': 'listbox',
-    'aria-labelledby': labelId,
-    role: 'combobox'
-  }, !dispatchState.disabled && {
-    tabIndex: '0'
-  }));
-  var allClasses = classnames__default.default('mrl-select', attributes.className, theRest.className, {
-    [MrlLegacySelect_module.default['mrl-select']]: true,
-    [MrlLegacySelect_module.default['mrl-select--disabled']]: dispatchState.disabled,
-    [MrlLegacySelect_module.default['mrl-select--read-only']]: dispatchState.readOnly
-  });
-  var selectClasses = classnames__default.default('mrl-select-trigger', {
-    [MrlLegacySelect_module.default['mrl-select-trigger']]: true,
-    [MrlLegacySelect_module.default['mrl-select-trigger--border']]: kind === 'default',
-    [MrlLegacySelect_module.default["mrl-select-trigger--".concat(kind)]]: kind !== 'default',
-    [MrlLegacySelect_module.default["mrl-select-trigger--".concat(size)]]: size !== 'default'
-  });
-  var svgClasses = classnames__default.default({
-    [MrlLegacySelect_module.default['mrl-is--open']]: dispatchState.open,
-    [MrlLegacySelect_module.default['mrl-select-trigger-indicator']]: true
-  });
-  var selectedText = React__namespace.useMemo(() => {
-    if (dispatchState.selectedText) {
-      return dispatchState.selectedText;
-    }
-    if (children) {
-      return React__namespace.Children.toArray(children)[0];
-    }
-    return 'loading...';
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dispatchState.selectedText]);
-  var closeSelect = () => dispatch({
-    payload: 'mouse',
-    type: 'close'
-  });
-  index$1.useClickOutside(selectRef, portalRef, 'mousedown', closeSelect);
-  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, attributes, theRest, !dispatchState.disabled && !dispatchState.readOnly && {
-    onClick: handleOpen
-  }, !dispatchState.disabled && !dispatchState.readOnly && {
-    onKeyDown: handleKeyPress
-  }, {
-    "data-value": dispatchState.selectedItem,
-    id: dispatchState.id,
-    className: allClasses,
-    ref: selectRef
-  }), /*#__PURE__*/React__namespace.createElement("div", {
-    className: selectClasses
-  }, /*#__PURE__*/React__namespace.createElement("span", null, selectedText), !dispatchState.readOnly && /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
-    svg: dispatchState.open ? dsIcons.chevronUpFilled : dsIcons.chevronDownFilled,
-    className: svgClasses,
-    size: "small"
-  })), dispatchState.open && /*#__PURE__*/React__namespace.createElement(MrlPortal.MrlPortal, {
-    id: "mrl-select-portal",
-    layer: index$2.PORTAL_LAYERS.SELECT
-  }, /*#__PURE__*/React__namespace.createElement("div", {
-    ref: portalRef,
-    style: {
-      left: coords.left,
-      position: 'absolute',
-      top: coords.top + coords.height,
-      width: "".concat(coords.width, "px")
-    }
-  }, children)));
-};
-
-exports.MrlLegacySelect = MrlLegacySelect;
-//# sourceMappingURL=MrlLegacySelect.js.map