@muraldevkit/ui-toolkit 4.67.0-dev-Vc0V.1 → 4.68.0-dev-NFbt.1

package/dist/esm/components/divider/MrlDivider/MrlDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlDivider.js","sources":["../../../../../src/components/divider/MrlDivider/MrlDivider.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\nimport { AttrsObject, setAttributes } from '../../../utils';\nimport { defaults, Kind, Orientation, Spacing, Weight } from '../constants';\nimport styles from './MrlDivider.module.scss';\n\ninterface MrlDividerProps {\n\t/**\n\t * Applies additional HTML attributes to the divider element.\n\t */\n\tattrs?: AttrsObject;\n\tclassName?: string;\n\t/**\n\t * Defines which color scheme to used based on the background color of the container.\n\t * White/light backgrounds should use \"default\" and dark/saturated color backgrounds\n\t * should use \"inverse\".\n\t */\n\tkind?: Kind;\n\t/**\n\t * Use to set a width/height of a divider to create an offset from surrounding content.\n\t * This is commonly found in toolbars. Value can be any valid CSS `width/height` value, such as\n\t * a CSS variable or rem value. Warning, vertical dividers may not work if set to a percentage,\n\t * due to browser limitations with calculating dynamic heights. You should not set the parent to\n\t * a static height to make this work as that poses accessibility issues.\n\t */\n\tlength?: string;\n\t/**\n\t * Determines the orientation of the divider based on the sibling elements' orientation.\n\t * Stacked elements should use \"horizontal\" and elements displayed in a row should use\n\t * \"vertical\". Note for the \"vertical\" orientation, only usage between a row of Icon Buttons\n\t * is currently supported.\n\t */\n\torientation?: Orientation;\n\t/**\n\t * Determines how much space to provide between the elements that the divider is separating.\n\t * This option only applies to horizontal orientation.\n\t */\n\tspacing?: Spacing;\n\n\t/**\n\t * Controls the thickness of the divider line. Use \"thin\" for a more subtle divider\n\t * appearance, or \"default\" for the standard divider thickness.\n\t */\n\tweight?: Weight;\n}\n\n/**\n * Used to visually and semantically separate two elements.\n * For visual separation only view this package's mixins\n *\n * @param props - component props\n * @returns a MrlDivider React component.\n */\nexport function MrlDivider({\n\tattrs = {},\n\tclassName = '',\n\tkind = defaults.kind,\n\tlength,\n\torientation = defaults.orientation,\n\tspacing = defaults.spacing,\n\tweight = defaults.weight,\n\t...remainingProps\n}: MrlDividerProps): JSX.Element {\n\tconst hasDefinedLength = typeof length !== 'undefined' && length !== '';\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs);\n\t// apply classes in a logic order, not based on alphabetization\n\t/* eslint-disable sort-keys */\n\tconst allClasses = classnames(\n\t\t{\n\t\t\t'mrl-divider': true,\n\t\t\t[styles.MrlDivider]: true,\n\t\t\t[styles['MrlDivider--center']]: hasDefinedLength,\n\t\t\t[styles[`MrlDivider--${kind}`]]: kind !== defaults.kind,\n\t\t\t// The implementation between the two different orientations is so different so\n\t\t\t// we want to make sure we are always scoping our CSS instead of overwriting it\n\t\t\t[styles[`MrlDivider--${orientation}`]]: true,\n\t\t\t[styles[`MrlDivider--${spacing}`]]:\n\t\t\t\torientation === 'horizontal' ? spacing !== defaults.spacing : spacing === 'none',\n\t\t\t[styles[`MrlDivider--${weight}`]]: weight !== defaults.weight\n\t\t},\n\t\tclassName\n\t);\n\t/* eslint-enable sort-keys */\n\n\tif (hasDefinedLength) {\n\t\tif (typeof attributes.style === 'undefined') {\n\t\t\tattributes.style = {};\n\t\t}\n\n\t\tif (orientation === 'vertical') {\n\t\t\tattributes.style.height = length;\n\t\t} else {\n\t\t\tattributes.style.width = length;\n\t\t}\n\t}\n\n\treturn (\n\t\t<div\n\t\t\trole=\"separator\"\n\t\t\taria-orientation={orientation}\n\t\t\taria-hidden=\"true\"\n\t\t\t{...attributes}\n\t\t\t{...remainingProps}\n\t\t\tclassName={allClasses}\n\t\t/>\n\t);\n}\n"],"names":["MrlDivider","_ref","_ref$attrs","attrs","_ref$className","className","_ref$kind","kind","defaults","length","_ref$orientation","orientation","_ref$spacing","spacing","_ref$weight","weight","remainingProps","_objectWithoutProperties","_excluded","hasDefinedLength","attributes","setAttributes","allClasses","classnames","_defineProperty","styles","concat","style","height","width","React","createElement","_extends","role"],"mappings":";;;;;;;;AA8CA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CAAAC,IAAA,EASO;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CARhCE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAH,IAAA,CACVI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,SAAA,GAAAL,IAAA,CACdM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGE,QAAQ,CAACD,IAAI,GAAAD,SAAA;IACpBG,MAAM,GAAAR,IAAA,CAANQ,MAAM;IAAAC,gBAAA,GAAAT,IAAA,CACNU,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAGF,QAAQ,CAACG,WAAW,GAAAD,gBAAA;IAAAE,YAAA,GAAAX,IAAA,CAClCY,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGJ,QAAQ,CAACK,OAAO,GAAAD,YAAA;IAAAE,WAAA,GAAAb,IAAA,CAC1Bc,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGN,QAAQ,CAACO,MAAM,GAAAD,WAAA;AACrBE,IAAAA,cAAc,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;EAEjB,IAAMC,gBAAgB,GAAG,OAAOV,MAAM,KAAK,WAAW,IAAIA,MAAM,KAAK,EAAE;AAEvE,EAAA,OAAON,KAAK,CAAA,OAAA,CAAM;EAClB,OAAOA,KAAK,CAACE,SAAS;AAEtB,EAAA,IAAMe,UAAU,GAAGC,aAAa,CAAClB,KAAK,CAAC;AACvC;AACA;AACA,EAAA,IAAMmB,UAAU,GAAGC,UAAU,CAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;AAE3B,IAAA,aAAa,EAAE;AAAI,GAAA,EAClBC,MAAM,CAACzB,UAAU,EAAG,IAAI,CAAA,EACxByB,MAAM,CAAC,oBAAoB,CAAC,EAAGN,gBAAgB,CAAA,EAC/CM,MAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBnB,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAKC,QAAQ,CAACD,IAAI,CAAA,EAGtDkB,MAAM,gBAAAC,MAAA,CAAgBf,WAAW,CAAA,CAAG,EAAG,IAAI,CAAA,EAC3Cc,MAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBb,OAAO,CAAA,CAAG,EAChCF,WAAW,KAAK,YAAY,GAAGE,OAAO,KAAKL,QAAQ,CAACK,OAAO,GAAGA,OAAO,KAAK,MAAM,CAAA,EAChFY,MAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBX,MAAM,CAAA,CAAG,EAAGA,MAAM,KAAKP,QAAQ,CAACO,MAAM,CAAA,EAE9DV,SACD,CAAC;AACD;;AAEA,EAAA,IAAIc,gBAAgB,EAAE;AACrB,IAAA,IAAI,OAAOC,UAAU,CAACO,KAAK,KAAK,WAAW,EAAE;AAC5CP,MAAAA,UAAU,CAACO,KAAK,GAAG,EAAE;AACtB,IAAA;IAEA,IAAIhB,WAAW,KAAK,UAAU,EAAE;AAC/BS,MAAAA,UAAU,CAACO,KAAK,CAACC,MAAM,GAAGnB,MAAM;AACjC,IAAA,CAAC,MAAM;AACNW,MAAAA,UAAU,CAACO,KAAK,CAACE,KAAK,GAAGpB,MAAM;AAChC,IAAA;AACD,EAAA;AAEA,EAAA,oBACCqB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACCC,IAAAA,IAAI,EAAC,WAAW;AAChB,IAAA,kBAAA,EAAkBtB,WAAY;IAC9B,aAAA,EAAY;GAAM,EACdS,UAAU,EACVJ,cAAc,EAAA;AAClBX,IAAAA,SAAS,EAAEiB;AAAW,GAAA,CACtB,CAAC;AAEJ;;;;"}

package/dist/esm/components/divider/MrlDivider/MrlDivider.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlDivider":"MrlDivider--ShT5H","MrlDivider--none":"MrlDivider--none--tdZix","MrlDivider--small":"MrlDivider--small--nbQys","MrlDivider--large":"MrlDivider--large--aKJM5","MrlDivider--xlarge":"MrlDivider--xlarge--pHvCK","MrlDivider--inverse":"MrlDivider--inverse--tyQXp","MrlDivider--vertical":"MrlDivider--vertical--to2id","MrlDivider--thin":"MrlDivider--thin--wHNtu","MrlDivider--horizontal":"MrlDivider--horizontal--EUB9p","MrlDivider--center":"MrlDivider--center--CrRjf"};
+
+export { styles as default };
+//# sourceMappingURL=MrlDivider.module.scss.js.map

package/dist/esm/components/divider/MrlDivider/MrlDivider.module.scss.js.map

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

package/dist/esm/components/divider/constants.js

@@ -0,0 +1,13 @@
+/**
+ * Default values for props on the Divider component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  kind: 'default',
+  orientation: 'horizontal',
+  spacing: 'medium',
+  weight: 'default'
+};
+
+export { defaults };
+//# sourceMappingURL=constants.js.map

package/dist/esm/components/divider/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/divider/constants.ts"],"sourcesContent":["export const allowedValues = {\n\tkinds: ['default', 'inverse'] as const,\n\torientations: ['horizontal', 'vertical'] as const,\n\tspacings: ['none', 'small', 'medium', 'large', 'xlarge'] as const,\n\tweight: ['thin', 'default'] as const\n};\n\nexport type Kind = (typeof allowedValues.kinds)[number];\nexport type Orientation = (typeof allowedValues.orientations)[number];\nexport type Spacing = (typeof allowedValues.spacings)[number];\nexport type Weight = (typeof allowedValues.weight)[number];\n\nexport interface DividerDefaults {\n\tkind: Kind;\n\torientation: Orientation;\n\tspacing: Spacing;\n\tweight: Weight;\n}\n\n/**\n * Default values for props on the Divider component;\n * Shared between the component and Storybook\n */\nexport const defaults: DividerDefaults = {\n\tkind: 'default',\n\torientation: 'horizontal',\n\tspacing: 'medium',\n\tweight: 'default'\n};\n"],"names":["defaults","kind","orientation","spacing","weight"],"mappings":"AAmBA;AACA;AACA;AACA;AACO,IAAMA,QAAyB,GAAG;AACxCC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,WAAW,EAAE,YAAY;AACzBC,EAAAA,OAAO,EAAE,QAAQ;AACjBC,EAAAA,MAAM,EAAE;AACT;;;;"}

package/dist/esm/components/empty/MrlEmpty.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"mrl-empty":"mrl-empty--bBaPG","mrl-empty-default":"mrl-empty-default--UfKTY","mrl-empty-large":"mrl-empty-large--jiZ0b","mrl-empty-text":"mrl-empty-text--EE6Hx","mrl-empty-text-large":"mrl-empty-text-large--tKa8r","mrl-empty-color-text-secondary":"mrl-empty-color-text-secondary--cR3LB"};
+
+export { styles as default };
+//# sourceMappingURL=MrlEmpty.module.scss.js.map

package/dist/esm/components/empty/MrlEmpty.module.scss.js.map

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

package/dist/esm/components/empty/default/MrlEmpty.js

@@ -0,0 +1,58 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from '../MrlEmpty.module.scss.js';
+import { MrlGrid } from '../../grid/MrlGrid/MrlGrid.js';
+import { MrlRow } from '../../grid/MrlRow/MrlRow.js';
+import { MrlCol } from '../../grid/MrlCol/MrlCol.js';
+import { MrlTextHeading } from '../../text/MrlTextHeading/MrlTextHeading.js';
+import { MrlText } from '../../text/MrlText/MrlText.js';
+
+var _excluded = ["graphic", "description", "action", "heading"];
+/**
+ * MrlEmpty for when there is no data to display for a single component.
+ * @param MrlEmptyProps props
+ * @returns MrlEmpty component
+ */
+var MrlEmpty = function MrlEmpty(_ref) {
+  var graphic = _ref.graphic,
+    description = _ref.description,
+    action = _ref.action,
+    heading = _ref.heading,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var classNames = classnames(styles['mrl-empty'], styles['mrl-empty-default']);
+  return /*#__PURE__*/React.createElement(MrlGrid, _extends({
+    className: classNames
+  }, rest), graphic && /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, graphic)), /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center",
+    className: styles['mrl-empty-text']
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React.createElement(MrlTextHeading, {
+    level: "4",
+    hierarchy: "primary",
+    size: "medium",
+    kind: "title"
+  }, heading)), /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React.createElement(MrlText, {
+    size: "xsmall",
+    attrs: {
+      className: styles['mrl-empty-color-text-secondary']
+    }
+  }, description))), action && /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, action)));
+};
+
+export { MrlEmpty };
+//# sourceMappingURL=MrlEmpty.js.map

package/dist/esm/components/empty/default/MrlEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlEmpty.js","sources":["../../../../../src/components/empty/default/MrlEmpty.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { MrlCol, MrlGrid, MrlRow } from '../../grid';\nimport { MrlText, MrlTextHeading } from '../../text';\nimport styles from '../MrlEmpty.module.scss';\n\ninterface MrlEmptyProps {\n\t// icon or graphic\n\tgraphic?: JSX.Element;\n\t// heading\n\theading: string;\n\t// user friendl description\n\tdescription: string;\n\t// action you wish the user to take\n\taction?: JSX.Element;\n}\n\n/**\n * MrlEmpty for when there is no data to display for a single component.\n * @param MrlEmptyProps props\n * @returns MrlEmpty component\n */\nexport const MrlEmpty = ({\n\tgraphic,\n\tdescription,\n\taction,\n\theading,\n\t...rest\n}: MrlEmptyProps): JSX.Element => {\n\tconst classNames = classnames(styles['mrl-empty'], styles['mrl-empty-default']);\n\n\treturn (\n\t\t<MrlGrid className={classNames} {...rest}>\n\t\t\t{graphic && (\n\t\t\t\t<MrlRow align=\"center\" justify=\"center\">\n\t\t\t\t\t<MrlCol col={12}>{graphic}</MrlCol>\n\t\t\t\t</MrlRow>\n\t\t\t)}\n\t\t\t<MrlRow align=\"center\" justify=\"center\" className={styles['mrl-empty-text']}>\n\t\t\t\t<MrlCol col={12}>\n\t\t\t\t\t<MrlTextHeading level=\"4\" hierarchy=\"primary\" size=\"medium\" kind=\"title\">\n\t\t\t\t\t\t{heading}\n\t\t\t\t\t</MrlTextHeading>\n\t\t\t\t</MrlCol>\n\t\t\t\t<MrlCol col={12}>\n\t\t\t\t\t<MrlText size=\"xsmall\" attrs={{ className: styles['mrl-empty-color-text-secondary'] }}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</MrlText>\n\t\t\t\t</MrlCol>\n\t\t\t</MrlRow>\n\t\t\t{action && (\n\t\t\t\t<MrlRow align=\"center\" justify=\"center\">\n\t\t\t\t\t<MrlCol col={12}>{action}</MrlCol>\n\t\t\t\t</MrlRow>\n\t\t\t)}\n\t\t</MrlGrid>\n\t);\n};\n"],"names":["MrlEmpty","_ref","graphic","description","action","heading","rest","_objectWithoutProperties","_excluded","classNames","classnames","styles","React","createElement","MrlGrid","_extends","className","MrlRow","align","justify","MrlCol","col","MrlTextHeading","level","hierarchy","size","kind","MrlText","attrs"],"mappings":";;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAMa;AAAA,EAAA,IALjCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;AACJC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACC,MAAM,CAAC,WAAW,CAAC,EAAEA,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAE/E,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAEP;GAAW,EAAKH,IAAI,GACtCJ,OAAO,iBACPU,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEnB,OAAgB,CAC3B,CACR,eACDU,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC,QAAQ;IAACH,SAAS,EAAEL,MAAM,CAAC,gBAAgB;AAAE,GAAA,eAC3EC,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,KAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AAACC,IAAAA,KAAK,EAAC,GAAG;AAACC,IAAAA,SAAS,EAAC,SAAS;AAACC,IAAAA,IAAI,EAAC,QAAQ;AAACC,IAAAA,IAAI,EAAC;GAAO,EACtErB,OACc,CACT,CAAC,eACTO,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,KAAA,CAAAC,aAAA,CAACc,OAAO,EAAA;AAACF,IAAAA,IAAI,EAAC,QAAQ;AAACG,IAAAA,KAAK,EAAE;MAAEZ,SAAS,EAAEL,MAAM,CAAC,gCAAgC;AAAE;GAAE,EACpFR,WACO,CACF,CACD,CAAC,EACRC,MAAM,iBACNQ,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEjB,MAAe,CAC1B,CAED,CAAC;AAEZ;;;;"}

package/dist/esm/components/empty/large/MrlEmptyLarge.js

@@ -0,0 +1,58 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import styles from '../MrlEmpty.module.scss.js';
+import classnames from 'classnames';
+import { MrlGrid } from '../../grid/MrlGrid/MrlGrid.js';
+import { MrlRow } from '../../grid/MrlRow/MrlRow.js';
+import { MrlCol } from '../../grid/MrlCol/MrlCol.js';
+import { MrlTextHeading } from '../../text/MrlTextHeading/MrlTextHeading.js';
+import { MrlText } from '../../text/MrlText/MrlText.js';
+
+var _excluded = ["graphic", "heading", "description", "action"];
+/**
+ * MrlEmptyLarge for when there is no data to display for an entire page.
+ * @param MrlEmptyProps props
+ * @returns MrlEmptyLarge
+ */
+var MrlEmptyLarge = function MrlEmptyLarge(_ref) {
+  var graphic = _ref.graphic,
+    heading = _ref.heading,
+    description = _ref.description,
+    action = _ref.action,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var classNames = classnames(styles['mrl-empty'], styles['mrl-empty-large']);
+  return /*#__PURE__*/React.createElement(MrlGrid, _extends({
+    className: classNames
+  }, rest), graphic && /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, graphic)), /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center",
+    className: styles['mrl-empty-text-large']
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React.createElement(MrlTextHeading, {
+    level: "4",
+    hierarchy: "primary",
+    size: "large",
+    kind: "title"
+  }, heading)), /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, /*#__PURE__*/React.createElement(MrlText, {
+    size: "medium",
+    attrs: {
+      className: styles['mrl-empty-color-text-secondary']
+    }
+  }, description))), action && /*#__PURE__*/React.createElement(MrlRow, {
+    align: "center",
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(MrlCol, {
+    col: 12
+  }, action)));
+};
+
+export { MrlEmptyLarge };
+//# sourceMappingURL=MrlEmptyLarge.js.map

package/dist/esm/components/empty/large/MrlEmptyLarge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlEmptyLarge.js","sources":["../../../../../src/components/empty/large/MrlEmptyLarge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlCol, MrlGrid, MrlRow } from '../../grid';\nimport { MrlText, MrlTextHeading } from '../../text';\nimport styles from '../MrlEmpty.module.scss';\nimport classnames from 'classnames';\n\ninterface MrlEmptyLargeProps {\n\t// icon or graphic\n\tgraphic?: JSX.Element;\n\t// heading\n\theading: string;\n\t// user friendl description\n\tdescription: string;\n\t// action you wish the user to take\n\taction?: JSX.Element;\n}\n\n/**\n * MrlEmptyLarge for when there is no data to display for an entire page.\n * @param MrlEmptyProps props\n * @returns MrlEmptyLarge\n */\nexport const MrlEmptyLarge = ({\n\tgraphic,\n\theading,\n\tdescription,\n\taction,\n\t...rest\n}: MrlEmptyLargeProps): JSX.Element => {\n\tconst classNames = classnames(styles['mrl-empty'], styles['mrl-empty-large']);\n\n\treturn (\n\t\t<MrlGrid className={classNames} {...rest}>\n\t\t\t{graphic && (\n\t\t\t\t<MrlRow align=\"center\" justify=\"center\">\n\t\t\t\t\t<MrlCol col={12}>{graphic}</MrlCol>\n\t\t\t\t</MrlRow>\n\t\t\t)}\n\t\t\t<MrlRow align=\"center\" justify=\"center\" className={styles['mrl-empty-text-large']}>\n\t\t\t\t<MrlCol col={12}>\n\t\t\t\t\t<MrlTextHeading level=\"4\" hierarchy=\"primary\" size=\"large\" kind=\"title\">\n\t\t\t\t\t\t{heading}\n\t\t\t\t\t</MrlTextHeading>\n\t\t\t\t</MrlCol>\n\t\t\t\t<MrlCol col={12}>\n\t\t\t\t\t<MrlText size=\"medium\" attrs={{ className: styles['mrl-empty-color-text-secondary'] }}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</MrlText>\n\t\t\t\t</MrlCol>\n\t\t\t</MrlRow>\n\t\t\t{action && (\n\t\t\t\t<MrlRow align=\"center\" justify=\"center\">\n\t\t\t\t\t<MrlCol col={12}>{action}</MrlCol>\n\t\t\t\t</MrlRow>\n\t\t\t)}\n\t\t</MrlGrid>\n\t);\n};\n"],"names":["MrlEmptyLarge","_ref","graphic","heading","description","action","rest","_objectWithoutProperties","_excluded","classNames","classnames","styles","React","createElement","MrlGrid","_extends","className","MrlRow","align","justify","MrlCol","col","MrlTextHeading","level","hierarchy","size","kind","MrlText","attrs"],"mappings":";;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;IACaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAMa;AAAA,EAAA,IALtCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,MAAM,GAAAJ,IAAA,CAANI,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACC,MAAM,CAAC,WAAW,CAAC,EAAEA,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAE7E,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAEP;GAAW,EAAKH,IAAI,GACtCJ,OAAO,iBACPU,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEnB,OAAgB,CAC3B,CACR,eACDU,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC,QAAQ;IAACH,SAAS,EAAEL,MAAM,CAAC,sBAAsB;AAAE,GAAA,eACjFC,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,KAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AAACC,IAAAA,KAAK,EAAC,GAAG;AAACC,IAAAA,SAAS,EAAC,SAAS;AAACC,IAAAA,IAAI,EAAC,OAAO;AAACC,IAAAA,IAAI,EAAC;GAAO,EACrEvB,OACc,CACT,CAAC,eACTS,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;AAAG,GAAA,eACfT,KAAA,CAAAC,aAAA,CAACc,OAAO,EAAA;AAACF,IAAAA,IAAI,EAAC,QAAQ;AAACG,IAAAA,KAAK,EAAE;MAAEZ,SAAS,EAAEL,MAAM,CAAC,gCAAgC;AAAE;GAAE,EACpFP,WACO,CACF,CACD,CAAC,EACRC,MAAM,iBACNO,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AAACC,IAAAA,OAAO,EAAC;AAAQ,GAAA,eACtCP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAE;GAAG,EAAEhB,MAAe,CAC1B,CAED,CAAC;AAEZ;;;;"}

package/dist/esm/components/error-boundary/MrlErrorBoundary.js

@@ -0,0 +1,78 @@
+import { inherits as _inherits, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+/**
+ * When an error occurs during rendering, this component catches the error.
+ * Renders a fallback component for a user friendly msg and calls the log error callback.
+ *
+ * Error boundaries DO NOT catch errors for:
+ * Event handlers
+ * Asynchronous code (e.g. setTimeout or requestAnimationFrame callbacks)
+ * Server side rendering
+ * Errors thrown in the error boundary itself (rather than its children)
+ *
+ * @param ErrorProps
+ * @returns ErrorBoundary component
+ */
+var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  /**
+   * Error boundry
+   *
+   * @param props fallback and logError
+   */
+  function ErrorBoundary(props) {
+    var _this;
+    _classCallCheck(this, ErrorBoundary);
+    _this = _callSuper(this, ErrorBoundary, [props]);
+    _this.state = {
+      hasError: false
+    };
+    return _this;
+  }
+
+  /**
+   * Update state so the next render will show the fallback UI.
+   *
+   * @param _error Error
+   * @returns State
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  _inherits(ErrorBoundary, _React$Component);
+  return _createClass(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value:
+    /**
+     * componentDidCatch react lifecycle method
+     *
+     * @param error error object
+     * @param errorInfo react.error info
+     */
+    function componentDidCatch(error, errorInfo) {
+      var _this$props$logError, _this$props;
+      (_this$props$logError = (_this$props = this.props).logError) === null || _this$props$logError === void 0 ? void 0 : _this$props$logError.call(_this$props, error, errorInfo);
+    }
+
+    /**
+     * Renders react node wrapped in error handler.
+     *
+     * @returns React.ReactNode
+     */
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.hasError) {
+        return this.props.fallback;
+      }
+      return this.props.children;
+    }
+  }]);
+}(React.Component);
+_defineProperty(ErrorBoundary, "getDerivedStateFromError", function (_error) {
+  return {
+    hasError: true
+  };
+});
+var MrlErrorBoundary = ErrorBoundary;
+
+export { MrlErrorBoundary };
+//# sourceMappingURL=MrlErrorBoundary.js.map

package/dist/esm/components/error-boundary/MrlErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlErrorBoundary.js","sources":["../../../../src/components/error-boundary/MrlErrorBoundary.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface ErrorProps {\n\tchildren?: React.ReactNode;\n\t/**\n\t * Required to log the error to observability.\n\t *\n\t * @param error\n\t * @param errorInfo\n\t * @returns void\n\t */\n\tlogError: (error: Error, errorInfo: React.ErrorInfo) => void;\n\t/**\n\t * Fallback component to render when there is an error.\n\t */\n\tfallback: React.ReactNode;\n}\n\ninterface State {\n\thasError: boolean;\n}\n\n/**\n * When an error occurs during rendering, this component catches the error.\n * Renders a fallback component for a user friendly msg and calls the log error callback.\n *\n * Error boundaries DO NOT catch errors for:\n * Event handlers\n * Asynchronous code (e.g. setTimeout or requestAnimationFrame callbacks)\n * Server side rendering\n * Errors thrown in the error boundary itself (rather than its children)\n *\n * @param ErrorProps\n * @returns ErrorBoundary component\n */\nclass ErrorBoundary extends React.Component<ErrorProps, State> {\n\t/**\n\t * Error boundry\n\t *\n\t * @param props fallback and logError\n\t */\n\tconstructor(props: ErrorProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\thasError: false\n\t\t};\n\t}\n\n\t/**\n\t * Update state so the next render will show the fallback UI.\n\t *\n\t * @param _error Error\n\t * @returns State\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tstatic getDerivedStateFromError = (_error: Error): State => {\n\t\treturn { hasError: true };\n\t};\n\n\t/**\n\t * componentDidCatch react lifecycle method\n\t *\n\t * @param error error object\n\t * @param errorInfo react.error info\n\t */\n\tcomponentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n\t\tthis.props.logError?.(error, errorInfo);\n\t}\n\n\t/**\n\t * Renders react node wrapped in error handler.\n\t *\n\t * @returns React.ReactNode\n\t */\n\trender(): React.ReactNode {\n\t\tif (this.state.hasError) {\n\t\t\treturn this.props.fallback;\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n\nexport const MrlErrorBoundary = ErrorBoundary;\n"],"names":["ErrorBoundary","_React$Component","props","_this","_classCallCheck","_callSuper","state","hasError","_inherits","_createClass","key","value","componentDidCatch","error","errorInfo","_this$props$logError","_this$props","logError","call","render","fallback","children","React","Component","_defineProperty","_error","MrlErrorBoundary"],"mappings":";;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,IAaMA,aAAa,0BAAAC,gBAAA,EAAA;AAClB;AACD;AACA;AACA;AACA;EACC,SAAAD,aAAAA,CAAYE,KAAiB,EAAE;AAAA,IAAA,IAAAC,KAAA;AAAAC,IAAAA,eAAA,OAAAJ,aAAA,CAAA;AAC9BG,IAAAA,KAAA,GAAAE,UAAA,CAAA,IAAA,EAAAL,aAAA,GAAME,KAAK,CAAA,CAAA;IACXC,KAAA,CAAKG,KAAK,GAAG;AACZC,MAAAA,QAAQ,EAAE;KACV;AAAC,IAAA,OAAAJ,KAAA;AACH,EAAA;;AAEA;AACD;AACA;AACA;AACA;AACA;AACC;EAAAK,SAAA,CAAAR,aAAA,EAAAC,gBAAA,CAAA;EAAA,OAAAQ,YAAA,CAAAT,aAAA,EAAA,CAAA;IAAAU,GAAA,EAAA,mBAAA;IAAAC,KAAA;AAKA;AACD;AACA;AACA;AACA;AACA;AACC,IAAA,SAAAC,iBAAiBA,CAACC,KAAY,EAAEC,SAA0B,EAAQ;MAAA,IAAAC,oBAAA,EAAAC,WAAA;MACjE,CAAAD,oBAAA,IAAAC,WAAA,GAAA,IAAI,CAACd,KAAK,EAACe,QAAQ,MAAA,IAAA,IAAAF,oBAAA,uBAAnBA,oBAAA,CAAAG,IAAA,CAAAF,WAAA,EAAsBH,KAAK,EAAEC,SAAS,CAAC;AACxC,IAAA;;AAEA;AACD;AACA;AACA;AACA;AAJC,GAAA,EAAA;IAAAJ,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EAKA,SAAAQ,MAAMA,GAAoB;AACzB,MAAA,IAAI,IAAI,CAACb,KAAK,CAACC,QAAQ,EAAE;AACxB,QAAA,OAAO,IAAI,CAACL,KAAK,CAACkB,QAAQ;AAC3B,MAAA;AAEA,MAAA,OAAO,IAAI,CAAClB,KAAK,CAACmB,QAAQ;AAC3B,IAAA;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CA7C0BC,KAAK,CAACC,SAAS,CAAA;AAAAC,eAAA,CAArCxB,aAAa,EAAA,0BAAA,EAoBgB,UAACyB,MAAa,EAAY;EAC3D,OAAO;AAAElB,IAAAA,QAAQ,EAAE;GAAM;AAC1B,CAAC,CAAA;AA0BK,IAAMmB,gBAAgB,GAAG1B;;;;"}

package/dist/esm/components/filter/MrlFilter/MrlFilter.js

@@ -0,0 +1,38 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlFilter.module.scss.js';
+import { MrlFilterContextProvider } from '../MrlFilterContext/MrlFilterContext.js';
+import { MrlRovingTabindex } from '../../rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js';
+
+var _excluded = ["children", "className", "defaultCheckedValue", "onFilterChange", "orientation", "radioGroupLabel", "data-qa"];
+/**
+ * MrlFilter component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilter component.
+ */
+function MrlFilter(props) {
+  var children = props.children,
+    className = props.className,
+    defaultCheckedValue = props.defaultCheckedValue,
+    onFilterChange = props.onFilterChange,
+    orientation = props.orientation,
+    radioGroupLabel = props.radioGroupLabel,
+    dataQa = props['data-qa'],
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(MrlFilterContextProvider, {
+    defaultCheckedValue: defaultCheckedValue,
+    onFilterChange: onFilterChange
+  }, /*#__PURE__*/React.createElement(MrlRovingTabindex, {
+    orientation: orientation
+  }, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    "data-qa": dataQa,
+    "aria-label": radioGroupLabel,
+    role: "radiogroup",
+    className: classnames(styles['MrlFilter'], 'MrlFilter', className)
+  }), children)));
+}
+
+export { MrlFilter };
+//# sourceMappingURL=MrlFilter.js.map

package/dist/esm/components/filter/MrlFilter/MrlFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFilter.js","sources":["../../../../../src/components/filter/MrlFilter/MrlFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlFilterContextProvider } from '../MrlFilterContext';\nimport classnames from 'classnames';\nimport styles from './MrlFilter.module.scss';\nimport { MrlRovingTabindex, RovingPropTypes } from '../../rovingTabindex';\nimport { DataQa } from '../../../utils/dataQa';\n\nexport type MrlFilterProps = {\n\t/**\n\t * The label for the radio group.\n\t */\n\tradioGroupLabel: string;\n\t/**\n\t * The children elements to be rendered within the MrlFilter component.\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * Callback function that is called when the filter value changes.\n\t */\n\tonFilterChange?: (checked: string) => void;\n\t/**\n\t * The default checked value for the filter. It will match the value of the MrlFilterItem.\n\t */\n\tdefaultCheckedValue?: string;\n} & Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultChecked' | 'defaultValue'> &\n\tRequired<Pick<RovingPropTypes, 'orientation'>> &\n\tDataQa;\n\n/**\n * MrlFilter component.\n *\n * @param props - The component props.\n * @returns The MrlFilter component.\n */\nexport function MrlFilter(props: MrlFilterProps): React.ReactElement {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tdefaultCheckedValue,\n\t\tonFilterChange,\n\t\torientation,\n\t\tradioGroupLabel,\n\t\t['data-qa']: dataQa,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<MrlFilterContextProvider\n\t\t\tdefaultCheckedValue={defaultCheckedValue}\n\t\t\tonFilterChange={onFilterChange}\n\t\t>\n\t\t\t<MrlRovingTabindex orientation={orientation}>\n\t\t\t\t<div\n\t\t\t\t\t{...rest}\n\t\t\t\t\tdata-qa={dataQa}\n\t\t\t\t\taria-label={radioGroupLabel}\n\t\t\t\t\trole=\"radiogroup\"\n\t\t\t\t\tclassName={classnames(styles['MrlFilter'], 'MrlFilter', className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</MrlRovingTabindex>\n\t\t</MrlFilterContextProvider>\n\t);\n}\n"],"names":["MrlFilter","props","children","className","defaultCheckedValue","onFilterChange","orientation","radioGroupLabel","dataQa","rest","_objectWithoutProperties","_excluded","React","createElement","MrlFilterContextProvider","MrlRovingTabindex","_extends","role","classnames","styles"],"mappings":";;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CAACC,KAAqB,EAAsB;AACpE,EAAA,IACCC,QAAQ,GAQLD,KAAK,CARRC,QAAQ;IACRC,SAAS,GAONF,KAAK,CAPRE,SAAS;IACTC,mBAAmB,GAMhBH,KAAK,CANRG,mBAAmB;IACnBC,cAAc,GAKXJ,KAAK,CALRI,cAAc;IACdC,WAAW,GAIRL,KAAK,CAJRK,WAAW;IACXC,eAAe,GAGZN,KAAK,CAHRM,eAAe;IACFC,MAAM,GAEhBP,KAAK,CAFP,SAAS,CAAA;AACPQ,IAAAA,IAAI,GAAAC,wBAAA,CACJT,KAAK,EAAAU,SAAA,CAAA;AAET,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,wBAAwB,EAAA;AACxBV,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,cAAc,EAAEA;AAAe,GAAA,eAE/BO,KAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AAACT,IAAAA,WAAW,EAAEA;AAAY,GAAA,eAC3CM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAG,QAAA,KACKP,IAAI,EAAA;AACR,IAAA,SAAA,EAASD,MAAO;AAChB,IAAA,YAAA,EAAYD,eAAgB;AAC5BU,IAAAA,IAAI,EAAC,YAAY;IACjBd,SAAS,EAAEe,UAAU,CAACC,MAAM,CAAC,WAAW,CAAC,EAAE,WAAW,EAAEhB,SAAS;GAAE,CAAA,EAElED,QACG,CACa,CACM,CAAC;AAE7B;;;;"}

package/dist/esm/components/filter/MrlFilter/MrlFilter.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlFilter":"MrlFilter--f_g2l"};
+
+export { styles as default };
+//# sourceMappingURL=MrlFilter.module.scss.js.map

package/dist/esm/components/filter/MrlFilter/MrlFilter.module.scss.js.map

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

package/dist/esm/components/filter/MrlFilterContext/MrlFilterContext.js

@@ -0,0 +1,73 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+/**
+ * Context for the MrlFilter component.
+ *
+ * This context provides the state and dispatch function for managing the filter state.
+ * It is used internally by the MrlFilterContextProvider and can be accessed via the useMrlFilterContext hook.
+ */
+var MrlFilterContext = /*#__PURE__*/React.createContext(undefined);
+var mrlFilterReducer = function mrlFilterReducer(state, action) {
+  switch (action.type) {
+    case 'SET_CHECKED':
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          checked: action.payload
+        });
+      }
+    default:
+      return state;
+  }
+};
+/**
+ * MrlFilterContextProvider component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilterContextProvider component.
+ */
+function MrlFilterContextProvider(props) {
+  var children = props.children,
+    _props$defaultChecked = props.defaultCheckedValue,
+    defaultCheckedValue = _props$defaultChecked === void 0 ? '' : _props$defaultChecked,
+    onFilterChange = props.onFilterChange;
+  var isInitialRenderRef = React.useRef(true);
+  var _React$useReducer = React.useReducer(mrlFilterReducer, {
+      checked: defaultCheckedValue
+    }),
+    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  React.useEffect(function () {
+    if (isInitialRenderRef.current) {
+      isInitialRenderRef.current = false;
+    } else {
+      onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(state.checked);
+    }
+  }, [state.checked, onFilterChange]);
+  return /*#__PURE__*/React.createElement(MrlFilterContext.Provider, {
+    value: {
+      dispatch: dispatch,
+      state: state
+    }
+  }, children);
+}
+
+/**
+ * Custom hook to use the MrlFilterContext.
+ *
+ * This hook provides access to the MrlFilterContext value.
+ *
+ * @returns The MrlFilterContext value.
+ * @throws Will throw an error if used outside of a MrlFilterContextProvider.
+ */
+var useMrlFilterContext = function useMrlFilterContext() {
+  var context = React.useContext(MrlFilterContext);
+  if (!context) {
+    throw new Error('useMrlFilterContext must be used within a MrlFilterContextProvider');
+  }
+  return context;
+};
+
+export { MrlFilterContextProvider, useMrlFilterContext };
+//# sourceMappingURL=MrlFilterContext.js.map

package/dist/esm/components/filter/MrlFilterContext/MrlFilterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFilterContext.js","sources":["../../../../../src/components/filter/MrlFilterContext/MrlFilterContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlFilterProps } from '../MrlFilter/MrlFilter';\n\ntype MrlFilterState = {\n\tchecked: string;\n};\n\ntype MrlFilterContextValue = {\n\tstate: MrlFilterState;\n\tdispatch: React.Dispatch<MrlFilterAction>;\n};\n\n/**\n * Context for the MrlFilter component.\n *\n * This context provides the state and dispatch function for managing the filter state.\n * It is used internally by the MrlFilterContextProvider and can be accessed via the useMrlFilterContext hook.\n */\nconst MrlFilterContext = React.createContext<MrlFilterContextValue | undefined>(undefined);\n\ntype SET_CHECKED = {\n\ttype: 'SET_CHECKED';\n\tpayload: string;\n};\n\ntype MrlFilterAction = SET_CHECKED;\n\nconst mrlFilterReducer = (state: MrlFilterState, action: MrlFilterAction): MrlFilterState => {\n\tswitch (action.type) {\n\t\tcase 'SET_CHECKED': {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tchecked: action.payload\n\t\t\t};\n\t\t}\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\ntype MrlFilterContextProviderProps = {\n\tchildren: React.ReactNode;\n} & Pick<MrlFilterProps, 'defaultCheckedValue' | 'onFilterChange'>;\n\n/**\n * MrlFilterContextProvider component.\n *\n * @param props - The component props.\n * @returns The MrlFilterContextProvider component.\n */\nexport function MrlFilterContextProvider(props: MrlFilterContextProviderProps): JSX.Element {\n\tconst { children, defaultCheckedValue = '', onFilterChange } = props;\n\tconst isInitialRenderRef = React.useRef(true);\n\n\tconst [state, dispatch] = React.useReducer(mrlFilterReducer, {\n\t\tchecked: defaultCheckedValue\n\t});\n\n\tReact.useEffect(() => {\n\t\tif (isInitialRenderRef.current) {\n\t\t\tisInitialRenderRef.current = false;\n\t\t} else {\n\t\t\tonFilterChange?.(state.checked);\n\t\t}\n\t}, [state.checked, onFilterChange]);\n\n\treturn (\n\t\t<MrlFilterContext.Provider value={{ dispatch, state }}>{children}</MrlFilterContext.Provider>\n\t);\n}\n\n/**\n * Custom hook to use the MrlFilterContext.\n *\n * This hook provides access to the MrlFilterContext value.\n *\n * @returns The MrlFilterContext value.\n * @throws Will throw an error if used outside of a MrlFilterContextProvider.\n */\nexport const useMrlFilterContext = (): MrlFilterContextValue => {\n\tconst context = React.useContext(MrlFilterContext);\n\tif (!context) {\n\t\tthrow new Error('useMrlFilterContext must be used within a MrlFilterContextProvider');\n\t}\n\treturn context;\n};\n"],"names":["MrlFilterContext","React","createContext","undefined","mrlFilterReducer","state","action","type","_objectSpread","checked","payload","MrlFilterContextProvider","props","children","_props$defaultChecked","defaultCheckedValue","onFilterChange","isInitialRenderRef","useRef","_React$useReducer","useReducer","_React$useReducer2","_slicedToArray","dispatch","useEffect","current","createElement","Provider","value","useMrlFilterContext","context","useContext","Error"],"mappings":";;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,aAAa,CAAoCC,SAAS,CAAC;AAS1F,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAqB,EAAEC,MAAuB,EAAqB;EAC5F,QAAQA,MAAM,CAACC,IAAI;AAClB,IAAA,KAAK,aAAa;AAAE,MAAA;AACnB,QAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIH,KAAK,CAAA,EAAA,EAAA,EAAA;UACRI,OAAO,EAAEH,MAAM,CAACI;AAAO,SAAA,CAAA;AAEzB,MAAA;AACA,IAAA;AACC,MAAA,OAAOL,KAAK;AACd;AACD,CAAC;AAMD;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,wBAAwBA,CAACC,KAAoC,EAAe;AAC3F,EAAA,IAAQC,QAAQ,GAA+CD,KAAK,CAA5DC,QAAQ;IAAAC,qBAAA,GAA+CF,KAAK,CAAlDG,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;AAC1D,EAAA,IAAMC,kBAAkB,GAAGhB,KAAK,CAACiB,MAAM,CAAC,IAAI,CAAC;AAE7C,EAAA,IAAAC,iBAAA,GAA0BlB,KAAK,CAACmB,UAAU,CAAChB,gBAAgB,EAAE;AAC5DK,MAAAA,OAAO,EAAEM;AACV,KAAC,CAAC;IAAAM,kBAAA,GAAAC,cAAA,CAAAH,iBAAA,EAAA,CAAA,CAAA;AAFKd,IAAAA,KAAK,GAAAgB,kBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,kBAAA,CAAA,CAAA,CAAA;EAItBpB,KAAK,CAACuB,SAAS,CAAC,YAAM;IACrB,IAAIP,kBAAkB,CAACQ,OAAO,EAAE;MAC/BR,kBAAkB,CAACQ,OAAO,GAAG,KAAK;AACnC,IAAA,CAAC,MAAM;MACNT,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,MAAA,GAAA,MAAA,GAAdA,cAAc,CAAGX,KAAK,CAACI,OAAO,CAAC;AAChC,IAAA;EACD,CAAC,EAAE,CAACJ,KAAK,CAACI,OAAO,EAAEO,cAAc,CAAC,CAAC;AAEnC,EAAA,oBACCf,KAAA,CAAAyB,aAAA,CAAC1B,gBAAgB,CAAC2B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEL,MAAAA,QAAQ,EAARA,QAAQ;AAAElB,MAAAA,KAAK,EAALA;AAAM;AAAE,GAAA,EAAEQ,QAAoC,CAAC;AAE/F;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACagB,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAgC;AAC/D,EAAA,IAAMC,OAAO,GAAG7B,KAAK,CAAC8B,UAAU,CAAC/B,gBAAgB,CAAC;EAClD,IAAI,CAAC8B,OAAO,EAAE;AACb,IAAA,MAAM,IAAIE,KAAK,CAAC,oEAAoE,CAAC;AACtF,EAAA;AACA,EAAA,OAAOF,OAAO;AACf;;;;"}

package/dist/esm/components/filter/MrlFilterItem/MrlFilterItem.js

@@ -0,0 +1,55 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlFilterItem.module.scss.js';
+import { useMrlFilterContext } from '../MrlFilterContext/MrlFilterContext.js';
+import { getUniqueId } from '../../../utils/setAttributes/setAttributes.js';
+import { MrlBadge } from '../../badge/MrlBadge/MrlBadge.js';
+
+var _excluded = ["data-qa", "id", "children", "className", "value", "count"];
+/**
+ * MrlFilterItem component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilterItem component.
+ */
+function MrlFilterItem(props) {
+  var dataQa = props['data-qa'],
+    id = props.id,
+    children = props.children,
+    className = props.className,
+    value = props.value,
+    count = props.count,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useMrlFilterContext = useMrlFilterContext(),
+    state = _useMrlFilterContext.state,
+    dispatch = _useMrlFilterContext.dispatch;
+  function handleFilterChange() {
+    dispatch({
+      payload: value,
+      type: 'SET_CHECKED'
+    });
+  }
+  var filterItemIdRef = React.useRef(id || getUniqueId('mrl-filter-item'));
+  var isChecked = state.checked === value;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/interactive-supports-focus, jsx-a11y/click-events-have-key-events
+    React.createElement("span", _extends({}, rest, {
+      "data-qa": dataQa,
+      "data-roving": "true",
+      onClick: handleFilterChange,
+      onFocus: handleFilterChange,
+      "aria-checked": isChecked,
+      role: "radio",
+      id: filterItemIdRef.current,
+      className: classnames(styles['MrlFilterItem'], 'MrlFilterItem', _defineProperty({}, styles['MrlFilterItem-has-count'], typeof count !== 'undefined'), className)
+    }), children, typeof count !== 'undefined' && /*#__PURE__*/React.createElement(MrlBadge, {
+      text: String(count),
+      "aria-label": ", ".concat(count, " items")
+    }))
+  );
+}
+
+export { MrlFilterItem };
+//# sourceMappingURL=MrlFilterItem.js.map

package/dist/esm/components/filter/MrlFilterItem/MrlFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFilterItem.js","sources":["../../../../../src/components/filter/MrlFilterItem/MrlFilterItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlFilterItem.module.scss';\nimport { DataQa } from '../../../utils/dataQa';\nimport { getUniqueId } from '../../../utils';\nimport { useMrlFilterContext } from '../MrlFilterContext';\nimport { MrlBadge } from '../../badge';\n\nexport type MrlFilterItemProps = {\n\t/**\n\t * The filter item's value.\n\t */\n\tvalue: string;\n\t/**\n\t * The content to be displayed within the filter item.\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * The count of items for this filter option.\n\t */\n\tcount?: number;\n} & React.ComponentPropsWithoutRef<'span'> &\n\tDataQa;\n\n/**\n * MrlFilterItem component.\n *\n * @param props - The component props.\n * @returns The MrlFilterItem component.\n */\nexport function MrlFilterItem(props: MrlFilterItemProps): React.ReactElement {\n\tconst { ['data-qa']: dataQa, id, children, className, value, count, ...rest } = props;\n\n\tconst { state, dispatch } = useMrlFilterContext();\n\n\tfunction handleFilterChange() {\n\t\tdispatch({\n\t\t\tpayload: value,\n\t\t\ttype: 'SET_CHECKED'\n\t\t});\n\t}\n\n\tconst filterItemIdRef = React.useRef<string>(id || getUniqueId('mrl-filter-item'));\n\tconst isChecked = state.checked === value;\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/interactive-supports-focus, jsx-a11y/click-events-have-key-events\n\t\t<span\n\t\t\t{...rest}\n\t\t\tdata-qa={dataQa}\n\t\t\tdata-roving=\"true\"\n\t\t\tonClick={handleFilterChange}\n\t\t\tonFocus={handleFilterChange}\n\t\t\taria-checked={isChecked}\n\t\t\trole=\"radio\"\n\t\t\tid={filterItemIdRef.current}\n\t\t\tclassName={classnames(\n\t\t\t\tstyles['MrlFilterItem'],\n\t\t\t\t'MrlFilterItem',\n\t\t\t\t{\n\t\t\t\t\t[styles['MrlFilterItem-has-count']]: typeof count !== 'undefined'\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{children}\n\t\t\t{typeof count !== 'undefined' && (\n\t\t\t\t<MrlBadge text={String(count)} aria-label={`, ${count} items`} />\n\t\t\t)}\n\t\t</span>\n\t);\n}\n"],"names":["MrlFilterItem","props","dataQa","id","children","className","value","count","rest","_objectWithoutProperties","_excluded","_useMrlFilterContext","useMrlFilterContext","state","dispatch","handleFilterChange","payload","type","filterItemIdRef","React","useRef","getUniqueId","isChecked","checked","createElement","_extends","onClick","onFocus","role","current","classnames","styles","_defineProperty","MrlBadge","text","String","concat"],"mappings":";;;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAACC,KAAyB,EAAsB;AAC5E,EAAA,IAAqBC,MAAM,GAAqDD,KAAK,CAA5E,SAAS,CAAA;IAAWE,EAAE,GAAiDF,KAAK,CAAxDE,EAAE;IAAEC,QAAQ,GAAuCH,KAAK,CAApDG,QAAQ;IAAEC,SAAS,GAA4BJ,KAAK,CAA1CI,SAAS;IAAEC,KAAK,GAAqBL,KAAK,CAA/BK,KAAK;IAAEC,KAAK,GAAcN,KAAK,CAAxBM,KAAK;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA;AAErF,EAAA,IAAAC,oBAAA,GAA4BC,mBAAmB,EAAE;IAAzCC,KAAK,GAAAF,oBAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,oBAAA,CAARG,QAAQ;EAEvB,SAASC,kBAAkBA,GAAG;AAC7BD,IAAAA,QAAQ,CAAC;AACRE,MAAAA,OAAO,EAAEV,KAAK;AACdW,MAAAA,IAAI,EAAE;AACP,KAAC,CAAC;AACH,EAAA;AAEA,EAAA,IAAMC,eAAe,GAAGC,KAAK,CAACC,MAAM,CAASjB,EAAE,IAAIkB,WAAW,CAAC,iBAAiB,CAAC,CAAC;AAClF,EAAA,IAAMC,SAAS,GAAGT,KAAK,CAACU,OAAO,KAAKjB,KAAK;AAEzC,EAAA;AAAA;AACC;AACAa,IAAAA,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAAC,QAAA,KACKjB,IAAI,EAAA;AACR,MAAA,SAAA,EAASN,MAAO;AAChB,MAAA,aAAA,EAAY,MAAM;AAClBwB,MAAAA,OAAO,EAAEX,kBAAmB;AAC5BY,MAAAA,OAAO,EAAEZ,kBAAmB;AAC5B,MAAA,cAAA,EAAcO,SAAU;AACxBM,MAAAA,IAAI,EAAC,OAAO;MACZzB,EAAE,EAAEe,eAAe,CAACW,OAAQ;MAC5BxB,SAAS,EAAEyB,UAAU,CACpBC,MAAM,CAAC,eAAe,CAAC,EACvB,eAAe,EAAAC,eAAA,KAEbD,MAAM,CAAC,yBAAyB,CAAC,EAAG,OAAOxB,KAAK,KAAK,WAAW,CAAA,EAElEF,SACD;KAAE,CAAA,EAEDD,QAAQ,EACR,OAAOG,KAAK,KAAK,WAAW,iBAC5BY,KAAA,CAAAK,aAAA,CAACS,QAAQ,EAAA;AAACC,MAAAA,IAAI,EAAEC,MAAM,CAAC5B,KAAK,CAAE;MAAC,YAAA,EAAA,IAAA,CAAA6B,MAAA,CAAiB7B,KAAK,EAAA,QAAA;AAAS,KAAE,CAE5D;AAAC;AAET;;;;"}

package/dist/esm/components/filter/MrlFilterItem/MrlFilterItem.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlFilterItem":"MrlFilterItem--qYLqp","MrlFilterItem-has-count":"MrlFilterItem-has-count--sHcsy"};
+
+export { styles as default };
+//# sourceMappingURL=MrlFilterItem.module.scss.js.map

package/dist/esm/components/filter/MrlFilterItem/MrlFilterItem.module.scss.js.map

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

package/dist/esm/components/focus-trap/MrlFocusTrap/MrlFocusTrap.js

@@ -0,0 +1,40 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import { trapFocus } from '../../../utils/trapFocus/index.js';
+
+var _excluded = ["children", "disabled", "disableAutofocus", "containerRef"];
+/**
+ * Focus Trap React Component
+ * @param {object} props - The component props.
+ * @param {React.ReactElement} props.children - A function that returns the component's child element and receives a ref to the container.
+ * @param {boolean} [props.disabled] - Specifies whether the focus trap should be disabled.
+ * @param { React.RefObject<HTMLElement>} props.containerRef - Focus trap container reference
+ * @returns {React.ReactElement} - The rendered FocusTrap component.
+ */
+var MrlFocusTrap = function MrlFocusTrap(_ref) {
+  var children = _ref.children,
+    disabled = _ref.disabled,
+    _ref$disableAutofocus = _ref.disableAutofocus,
+    disableAutofocus = _ref$disableAutofocus === void 0 ? false : _ref$disableAutofocus,
+    containerRef = _ref.containerRef,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var focusTrapRef = React.useRef(null);
+  React.useEffect(function () {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    var cleanupFn = function cleanupFn() {};
+    var containerElement = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || focusTrapRef.current;
+    if (containerElement && !disabled) {
+      cleanupFn = trapFocus(containerElement, disableAutofocus);
+    }
+    return cleanupFn;
+  }, [containerRef, disabled, disableAutofocus]);
+  if (typeof children === 'function') {
+    return children(focusTrapRef);
+  }
+  return containerRef ? /*#__PURE__*/React.createElement(React.Fragment, null, " ", children, " ") : /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    ref: focusTrapRef
+  }), children);
+};
+
+export { MrlFocusTrap };
+//# sourceMappingURL=MrlFocusTrap.js.map

package/dist/esm/components/focus-trap/MrlFocusTrap/MrlFocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFocusTrap.js","sources":["../../../../../src/components/focus-trap/MrlFocusTrap/MrlFocusTrap.tsx"],"sourcesContent":["import * as React from 'react';\nimport { trapFocus } from '../../../utils/trapFocus';\n\ninterface PropTypes {\n\t/**\n\t * Elements to be rendered within the focus trap\n\t */\n\tchildren: React.ReactNode | ((focusTrapRef: React.RefObject<HTMLDivElement>) => JSX.Element);\n\t/**\n\t * Specifies whether the focus trap should be disabled\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Disable autofocus\n\t */\n\tdisableAutofocus?: boolean;\n\n\t/**\n\t * Focus trap container reference. Can be used to specify a custom container if a ref is already available\n\t */\n\tcontainerRef?: React.RefObject<HTMLElement>;\n}\n\n/**\n * Focus Trap React Component\n * @param {object} props - The component props.\n * @param {React.ReactElement} props.children - A function that returns the component's child element and receives a ref to the container.\n * @param {boolean} [props.disabled] - Specifies whether the focus trap should be disabled.\n * @param { React.RefObject<HTMLElement>} props.containerRef - Focus trap container reference\n * @returns {React.ReactElement} - The rendered FocusTrap component.\n */\nexport const MrlFocusTrap = ({\n\tchildren,\n\tdisabled,\n\tdisableAutofocus = false,\n\tcontainerRef,\n\t...rest\n}: PropTypes): JSX.Element => {\n\tconst focusTrapRef = React.useRef<HTMLDivElement>(null);\n\n\tReact.useEffect(() => {\n\t\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\t\tlet cleanupFn = () => {};\n\n\t\tconst containerElement = containerRef?.current || focusTrapRef.current;\n\n\t\tif (containerElement && !disabled) {\n\t\t\tcleanupFn = trapFocus(containerElement, disableAutofocus);\n\t\t}\n\n\t\treturn cleanupFn;\n\t}, [containerRef, disabled, disableAutofocus]);\n\n\tif (typeof children === 'function') {\n\t\treturn children(focusTrapRef);\n\t}\n\n\treturn containerRef ? (\n\t\t<> {children} </>\n\t) : (\n\t\t<div {...rest} ref={focusTrapRef}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["MrlFocusTrap","_ref","children","disabled","_ref$disableAutofocus","disableAutofocus","containerRef","rest","_objectWithoutProperties","_excluded","focusTrapRef","React","useRef","useEffect","cleanupFn","containerElement","current","trapFocus","createElement","Fragment","_extends","ref"],"mappings":";;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAMK;AAAA,EAAA,IAL7BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,qBAAA,GAAAH,IAAA,CACRI,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IACxBE,YAAY,GAAAL,IAAA,CAAZK,YAAY;AACTC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;AAEP,EAAA,IAAMC,YAAY,GAAGC,KAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EAEvDD,KAAK,CAACE,SAAS,CAAC,YAAM;AACrB;AACA,IAAA,IAAIC,SAAS,GAAG,SAAZA,SAASA,GAAS,CAAC,CAAC;AAExB,IAAA,IAAMC,gBAAgB,GAAG,CAAAT,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZA,YAAY,CAAEU,OAAO,KAAIN,YAAY,CAACM,OAAO;AAEtE,IAAA,IAAID,gBAAgB,IAAI,CAACZ,QAAQ,EAAE;AAClCW,MAAAA,SAAS,GAAGG,SAAS,CAACF,gBAAgB,EAAEV,gBAAgB,CAAC;AAC1D,IAAA;AAEA,IAAA,OAAOS,SAAS;EACjB,CAAC,EAAE,CAACR,YAAY,EAAEH,QAAQ,EAAEE,gBAAgB,CAAC,CAAC;AAE9C,EAAA,IAAI,OAAOH,QAAQ,KAAK,UAAU,EAAE;IACnC,OAAOA,QAAQ,CAACQ,YAAY,CAAC;AAC9B,EAAA;EAEA,OAAOJ,YAAY,gBAClBK,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,EAAA,IAAA,EAAE,GAAC,EAACjB,QAAQ,EAAC,GAAG,CAAC,gBAEjBS,KAAA,CAAAO,aAAA,CAAA,KAAA,EAAAE,QAAA,CAAA,EAAA,EAASb,IAAI,EAAA;AAAEc,IAAAA,GAAG,EAAEX;AAAa,GAAA,CAAA,EAC/BR,QACG,CACL;AACF;;;;"}

package/dist/esm/components/form/checkbox/MrlCheckbox/MrlCheckbox.js

@@ -0,0 +1,65 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { checkboxDefaults } from '../../constants.js';
+import { MrlCheckboxStandalone } from '../MrlCheckboxStandalone/MrlCheckboxStandalone.js';
+import { checkInvalidAttributes } from '../../../../utils/checkInvalidAttributes/index.js';
+import styles from './MrlCheckbox.module.scss.js';
+import { getDescribedby } from '../../utils.js';
+import { getUniqueId, setAttributes } from '../../../../utils/setAttributes/setAttributes.js';
+import { MrlLabelWithDescription } from '../../label/MrlLabelWithDescription/MrlLabelWithDescription.js';
+
+var _excluded = ["attrs", "className", "description", "hasMultilineLabel", "state", "selected", "icon", "label"];
+/**
+ * Form element with an associated text label that allows the user to select one or more options
+ * from a provided list
+ * @param {MrlCheckboxProps} props - the component props
+ * @returns a checkbox element with an associated label
+ */
+function MrlCheckbox(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    className = _ref.className,
+    description = _ref.description,
+    _ref$hasMultilineLabe = _ref.hasMultilineLabel,
+    hasMultilineLabel = _ref$hasMultilineLabe === void 0 ? false : _ref$hasMultilineLabe,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? checkboxDefaults.state : _ref$state,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? checkboxDefaults.selected : _ref$selected,
+    icon = _ref.icon,
+    label = _ref.label,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var checkboxIdRef = React.useRef(getUniqueId('mrl-checkbox'));
+  var descriptionId = "".concat(checkboxIdRef.current, "-description");
+  var allClasses = classnames(attrs["class"] || attrs.className, className, 'MrlCheckbox', styles['MrlCheckbox'], _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles['mrl-is--disabled'], state === 'disabled'), styles['mrl-is--invalid'], state === 'error'), styles['mrl-is--selected'], selected === 'checked'), styles['mrl-is--indeterminate'], selected === 'indeterminate'));
+  checkInvalidAttributes(attrs);
+  delete attrs["class"];
+  delete attrs.className;
+  var attributes = setAttributes(attrs, _objectSpread2(_objectSpread2({}, getDescribedby(attrs['aria-describedby'], typeof description === 'string' ? descriptionId : undefined)), {}, {
+    id: checkboxIdRef.current
+  }));
+
+  // setAttributes always sets className="" which always triggers the warning message in the MrlCheckboxStandalone component
+  delete attributes.className;
+  return /*#__PURE__*/React.createElement("div", {
+    className: allClasses
+  }, /*#__PURE__*/React.createElement(MrlCheckboxStandalone, _extends({}, rest, {
+    selected: selected,
+    state: state,
+    attrs: attributes
+  })), /*#__PURE__*/React.createElement(MrlLabelWithDescription, {
+    isDisabled: state === 'disabled',
+    isSelected: selected === 'checked',
+    isIndeterminate: selected === 'indeterminate',
+    hasMultilineLabel: hasMultilineLabel,
+    htmlFor: checkboxIdRef.current,
+    icon: icon,
+    label: label,
+    description: description,
+    descriptionId: descriptionId
+  }));
+}
+
+export { MrlCheckbox };
+//# sourceMappingURL=MrlCheckbox.js.map