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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCheckbox.js","sources":["../../../../../../src/components/form/checkbox/MrlCheckbox/MrlCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, getUniqueId, setAttributes } from '../../../../utils';\nimport {\n\tcheckboxDefaults,\n\tCheckboxSelected,\n\tCheckboxStates,\n\tStaticIconConfig\n} from '../../constants';\nimport { MrlCheckboxStandalone } from '../MrlCheckboxStandalone/MrlCheckboxStandalone';\nimport { checkInvalidAttributes } from '../../../../utils/checkInvalidAttributes';\n\nimport './MrlCheckbox.global.scss';\nimport styles from './MrlCheckbox.module.scss';\nimport { MrlLabelWithDescription } from '../../label/MrlLabelWithDescription';\nimport { getDescribedby } from '../../utils';\n\ninterface MrlCheckboxProps {\n\t/** Applies additional HTML attributes to the checkbox element */\n\tattrs?: AttrsObject;\n\t/** Additional class to add to the container of the checkbox and label */\n\tclassName?: string;\n\t/** Adjusts the styles of the label, icon and description when the label is multiline */\n\thasMultilineLabel?: boolean;\n\t/** The current state of the checkbox input based on user interactions or permissions */\n\tstate?: CheckboxStates;\n\t/** Sets what selection state the checkbox is in. */\n\tselected?: CheckboxSelected;\n\t/** The text to display as the checkbox's label */\n\tlabel: string;\n\t/** Leading label icon */\n\ticon?: StaticIconConfig;\n\t/**\n\t * Description, additional context text for the user.\n\t * It can be a string or a React component for custom render.\n\t * When using a React component it's necessary to add an id to the custom element and\n\t * pass it to the MrlCheckbox through 'attrs[\"aria-describedby\"]' to make it accessible\n\t * to screen readers.\n\t * Custom description should also implement the disabled state styles\n\t * for text when the input is disabled or set color: inherit.\n\t * @example\n\t * <MrlCheckbox attrs={{ 'aria-describedby': customId }} description={\n\t *   <p id={customId}>description</p>\n\t * }>\n\t */\n\tdescription?: string | React.ReactNode;\n}\n\n/**\n * Form element with an associated text label that allows the user to select one or more options\n * from a provided list\n * @param {MrlCheckboxProps} props - the component props\n * @returns a checkbox element with an associated label\n */\nexport function MrlCheckbox({\n\tattrs = {},\n\tclassName,\n\tdescription,\n\thasMultilineLabel = false,\n\tstate = checkboxDefaults.state,\n\tselected = checkboxDefaults.selected,\n\ticon,\n\tlabel,\n\t...rest\n}: MrlCheckboxProps): JSX.Element {\n\tconst checkboxIdRef = React.useRef<string>(getUniqueId('mrl-checkbox'));\n\tconst descriptionId = `${checkboxIdRef.current}-description`;\n\n\tconst allClasses = classnames(\n\t\tattrs.class || attrs.className,\n\t\tclassName,\n\t\t'MrlCheckbox',\n\t\tstyles['MrlCheckbox'],\n\t\t{\n\t\t\t[styles['mrl-is--disabled']]: state === 'disabled',\n\t\t\t[styles['mrl-is--invalid']]: state === 'error',\n\t\t\t[styles['mrl-is--selected']]: selected === 'checked',\n\t\t\t[styles['mrl-is--indeterminate']]: selected === 'indeterminate'\n\t\t}\n\t);\n\n\tcheckInvalidAttributes(attrs);\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs, {\n\t\t...getDescribedby(\n\t\t\tattrs['aria-describedby'],\n\t\t\ttypeof description === 'string' ? descriptionId : undefined\n\t\t),\n\t\tid: checkboxIdRef.current\n\t});\n\n\t// setAttributes always sets className=\"\" which always triggers the warning message in the MrlCheckboxStandalone component\n\tdelete attributes.className;\n\n\treturn (\n\t\t<div className={allClasses}>\n\t\t\t<MrlCheckboxStandalone {...rest} selected={selected} state={state} attrs={attributes} />\n\t\t\t<MrlLabelWithDescription\n\t\t\t\tisDisabled={state === 'disabled'}\n\t\t\t\tisSelected={selected === 'checked'}\n\t\t\t\tisIndeterminate={selected === 'indeterminate'}\n\t\t\t\thasMultilineLabel={hasMultilineLabel}\n\t\t\t\thtmlFor={checkboxIdRef.current}\n\t\t\t\ticon={icon}\n\t\t\t\tlabel={label}\n\t\t\t\tdescription={description}\n\t\t\t\tdescriptionId={descriptionId}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"names":["MrlCheckbox","_ref","_ref$attrs","attrs","className","description","_ref$hasMultilineLabe","hasMultilineLabel","_ref$state","state","checkboxDefaults","_ref$selected","selected","icon","label","rest","_objectWithoutProperties","_excluded","checkboxIdRef","React","useRef","getUniqueId","descriptionId","concat","current","allClasses","classnames","styles","_defineProperty","checkInvalidAttributes","attributes","setAttributes","_objectSpread","getDescribedby","undefined","id","createElement","MrlCheckboxStandalone","_extends","MrlLabelWithDescription","isDisabled","isSelected","isIndeterminate","htmlFor"],"mappings":"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"}

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

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

package/dist/esm/components/form/checkbox/MrlCheckbox/MrlCheckbox.module.scss.js.map

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

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

@@ -0,0 +1,69 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { check, minus } from '@muraldevkit/ds-icons';
+import { checkboxDefaults } from '../../constants.js';
+import styles from './MrlCheckboxStandalone.module.scss.js';
+import { getUniqueId, setAttributes } from '../../../../utils/setAttributes/setAttributes.js';
+import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["attrs", "state", "selected"];
+/**
+ * Input that allows the user to select one or more options from a provided list.
+ * Note, this component does not provide out of the box accessibility for ensuring
+ * an associated label and must be manually setup during adoption.
+ * @param {MrlCheckboxStandaloneProps} props - the component props
+ * @returns a checkbox element
+ */
+function MrlCheckboxStandalone(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    _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,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // Use attrs.id if the developer passes in a custom id
+  // but we need to ensure one exists for accessibility
+  var checkboxIdRef = React.useRef(attrs.id || getUniqueId('mrl-checkbox'));
+  var inputRef = React.useRef(null);
+  if (!(attrs.id || attrs['aria-labelledby'])) {
+    console.warn('Warning: Mural Standalone Checkboxes must have either an id or' + ' aria-labelledby attribute for proper accessibility.');
+  }
+
+  // We need to use the ref to set indetermiant attr
+  // due to not being an intrinsic HTML attr
+  React.useEffect(function () {
+    var indeterminate = selected === 'indeterminate';
+    if (inputRef.current) {
+      inputRef.current.indeterminate = indeterminate;
+    }
+  }, [selected]);
+  delete attrs["class"];
+  delete attrs.className;
+  var attributes = setAttributes(attrs);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles['MrlCheckboxStandalone'], 'MrlCheckboxStandalone')
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "mrl-u-focus-wrapper"
+  }, /*#__PURE__*/React.createElement("input", _extends({}, rest, attributes, {
+    "aria-invalid": state === 'error',
+    checked: selected === 'checked',
+    disabled: state === 'disabled',
+    id: checkboxIdRef.current,
+    ref: inputRef,
+    type: "checkbox",
+    className: classnames(styles['MrlCheckboxStandalone-input'], 'MrlCheckboxStandalone-input')
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "mrl-u-focus-indicator"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: classnames(styles['MrlCheckboxStandalone-inputDisplay'], 'MrlCheckboxStandalone-inputDisplay')
+  }, /*#__PURE__*/React.createElement(MrlSvg, {
+    svg: selected !== 'indeterminate' ? check : minus,
+    size: "auto",
+    className: styles['MrlCheckboxStandalone-inputDisplay-icon']
+  }))));
+}
+
+export { MrlCheckboxStandalone };
+//# sourceMappingURL=MrlCheckboxStandalone.js.map

package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCheckboxStandalone.js","sources":["../../../../../../src/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, getUniqueId, setAttributes } from '../../../../utils';\nimport { check, minus } from '@muraldevkit/ds-icons';\nimport { checkboxDefaults, CheckboxSelected, CheckboxStates } from '../../constants';\nimport { MrlSvg } from '../../../';\n\nimport styles from './MrlCheckboxStandalone.module.scss';\nimport './MrlCheckboxStandalone.global.scss';\n\ninterface MrlCheckboxStandaloneProps {\n\t/** Applies additional HTML attributes to the checkbox element */\n\tattrs?: AttrsObject;\n\t/** The current state of the checkbox input based on user interactions or permissions */\n\tstate?: CheckboxStates;\n\t/** Sets what selection state the checkbox is in. */\n\tselected?: CheckboxSelected;\n}\n\n/**\n * Input that allows the user to select one or more options from a provided list.\n * Note, this component does not provide out of the box accessibility for ensuring\n * an associated label and must be manually setup during adoption.\n * @param {MrlCheckboxStandaloneProps} props - the component props\n * @returns a checkbox element\n */\nexport function MrlCheckboxStandalone({\n\tattrs = {},\n\tstate = checkboxDefaults.state,\n\tselected = checkboxDefaults.selected,\n\t...rest\n}: MrlCheckboxStandaloneProps): JSX.Element {\n\t// Use attrs.id if the developer passes in a custom id\n\t// but we need to ensure one exists for accessibility\n\tconst checkboxIdRef = React.useRef<string>(attrs.id || getUniqueId('mrl-checkbox'));\n\tconst inputRef = React.useRef<HTMLInputElement>(null);\n\n\tif (!(attrs.id || attrs['aria-labelledby'])) {\n\t\tconsole.warn(\n\t\t\t'Warning: Mural Standalone Checkboxes must have either an id or' +\n\t\t\t\t' aria-labelledby attribute for proper accessibility.'\n\t\t);\n\t}\n\n\t// We need to use the ref to set indetermiant attr\n\t// due to not being an intrinsic HTML attr\n\tReact.useEffect(() => {\n\t\tconst indeterminate = selected === 'indeterminate';\n\n\t\tif (inputRef.current) {\n\t\t\tinputRef.current.indeterminate = indeterminate;\n\t\t}\n\t}, [selected]);\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs);\n\n\treturn (\n\t\t<div className={classnames(styles['MrlCheckboxStandalone'], 'MrlCheckboxStandalone')}>\n\t\t\t<span className=\"mrl-u-focus-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\t{...rest}\n\t\t\t\t\t{...attributes}\n\t\t\t\t\taria-invalid={state === 'error'}\n\t\t\t\t\tchecked={selected === 'checked'}\n\t\t\t\t\tdisabled={state === 'disabled'}\n\t\t\t\t\tid={checkboxIdRef.current}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlCheckboxStandalone-input'],\n\t\t\t\t\t\t'MrlCheckboxStandalone-input'\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<span className=\"mrl-u-focus-indicator\"></span>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlCheckboxStandalone-inputDisplay'],\n\t\t\t\t\t\t'MrlCheckboxStandalone-inputDisplay'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\tsvg={selected !== 'indeterminate' ? check : minus}\n\t\t\t\t\t\tsize=\"auto\"\n\t\t\t\t\t\tclassName={styles['MrlCheckboxStandalone-inputDisplay-icon']}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n"],"names":["MrlCheckboxStandalone","_ref","_ref$attrs","attrs","_ref$state","state","checkboxDefaults","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","checkboxIdRef","React","useRef","id","getUniqueId","inputRef","console","warn","useEffect","indeterminate","current","className","attributes","setAttributes","createElement","classnames","styles","_extends","checked","disabled","ref","type","MrlSvg","svg","check","minus","size"],"mappings":";;;;;;;;;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,qBAAqBA,CAAAC,IAAA,EAKO;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAJ3CE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAH,IAAA,CACVI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAGE,gBAAgB,CAACD,KAAK,GAAAD,UAAA;IAAAG,aAAA,GAAAN,IAAA,CAC9BO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGD,gBAAgB,CAACE,QAAQ,GAAAD,aAAA;AACjCE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;AAEP;AACA;AACA,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,MAAM,CAASX,KAAK,CAACY,EAAE,IAAIC,WAAW,CAAC,cAAc,CAAC,CAAC;AACnF,EAAA,IAAMC,QAAQ,GAAGJ,KAAK,CAACC,MAAM,CAAmB,IAAI,CAAC;EAErD,IAAI,EAAEX,KAAK,CAACY,EAAE,IAAIZ,KAAK,CAAC,iBAAiB,CAAC,CAAC,EAAE;AAC5Ce,IAAAA,OAAO,CAACC,IAAI,CACX,gEAAgE,GAC/D,sDACF,CAAC;AACF,EAAA;;AAEA;AACA;EACAN,KAAK,CAACO,SAAS,CAAC,YAAM;AACrB,IAAA,IAAMC,aAAa,GAAGb,QAAQ,KAAK,eAAe;IAElD,IAAIS,QAAQ,CAACK,OAAO,EAAE;AACrBL,MAAAA,QAAQ,CAACK,OAAO,CAACD,aAAa,GAAGA,aAAa;AAC/C,IAAA;AACD,EAAA,CAAC,EAAE,CAACb,QAAQ,CAAC,CAAC;AAEd,EAAA,OAAOL,KAAK,CAAA,OAAA,CAAM;EAClB,OAAOA,KAAK,CAACoB,SAAS;AAEtB,EAAA,IAAMC,UAAU,GAAGC,aAAa,CAACtB,KAAK,CAAC;EAEvC,oBACCU,KAAA,CAAAa,aAAA,CAAA,KAAA,EAAA;IAAKH,SAAS,EAAEI,UAAU,CAACC,MAAM,CAAC,uBAAuB,CAAC,EAAE,uBAAuB;GAAE,eACpFf,KAAA,CAAAa,aAAA,CAAA,MAAA,EAAA;AAAMH,IAAAA,SAAS,EAAC;GAAqB,eACpCV,KAAA,CAAAa,aAAA,CAAA,OAAA,EAAAG,QAAA,CAAA,EAAA,EACKpB,IAAI,EACJe,UAAU,EAAA;IACd,cAAA,EAAcnB,KAAK,KAAK,OAAQ;IAChCyB,OAAO,EAAEtB,QAAQ,KAAK,SAAU;IAChCuB,QAAQ,EAAE1B,KAAK,KAAK,UAAW;IAC/BU,EAAE,EAAEH,aAAa,CAACU,OAAQ;AAC1BU,IAAAA,GAAG,EAAEf,QAAS;AACdgB,IAAAA,IAAI,EAAC,UAAU;IACfV,SAAS,EAAEI,UAAU,CACpBC,MAAM,CAAC,6BAA6B,CAAC,EACrC,6BACD;AAAE,GAAA,CACF,CAAC,eACFf,KAAA,CAAAa,aAAA,CAAA,MAAA,EAAA;AAAMH,IAAAA,SAAS,EAAC;AAAuB,GAAO,CAAC,eAC/CV,KAAA,CAAAa,aAAA,CAAA,MAAA,EAAA;IACCH,SAAS,EAAEI,UAAU,CACpBC,MAAM,CAAC,oCAAoC,CAAC,EAC5C,oCACD;AAAE,GAAA,eAEFf,KAAA,CAAAa,aAAA,CAACQ,MAAM,EAAA;AACNC,IAAAA,GAAG,EAAE3B,QAAQ,KAAK,eAAe,GAAG4B,KAAK,GAAGC,KAAM;AAClDC,IAAAA,IAAI,EAAC,MAAM;IACXf,SAAS,EAAEK,MAAM,CAAC,yCAAyC;GAC3D,CACI,CACD,CACF,CAAC;AAER;;;;"}

package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlCheckboxStandalone-input":"MrlCheckboxStandalone-input--O6G41","MrlCheckboxStandalone-inputDisplay":"MrlCheckboxStandalone-inputDisplay--TT8t0","MrlCheckboxStandalone":"MrlCheckboxStandalone--ChU0R","MrlCheckboxStandalone-inputDisplay-icon":"MrlCheckboxStandalone-inputDisplay-icon--UlYn3"};
+
+export { styles as default };
+//# sourceMappingURL=MrlCheckboxStandalone.module.scss.js.map

package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.scss.js.map

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

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

@@ -0,0 +1,91 @@
+/*
+ * Shared error object for inputs
+ * ------------------------------------------------------------------
+ */
+/**
+ * This should be used to communciate error information for a specific input
+ */
+
+/*
+ * Shared input values
+ * ------------------------------------------------------------------
+ */
+
+/*
+ * Checkbox component
+ * ------------------------------------------------------------------
+ */
+var allowedCheckboxValues = {
+  selected: ['default', 'checked', 'indeterminate'],
+  states: ['default', 'disabled', 'error', 'read-only']
+};
+var checkboxDefaults = {
+  selected: 'default',
+  state: 'default'
+};
+
+/*
+ * Select component
+ * ------------------------------------------------------------------
+ */
+
+var allowedSelectItemValues = {
+  states: ['default', 'disabled', 'selected']
+};
+var selectItemDefaults = {
+  state: 'default'
+};
+var allowedSelectMenuValues = {
+  positions: ['bottom', 'top']
+};
+var selectMenuDefaults = {
+  position: 'bottom'
+};
+
+// Selects are an extension of the shared "allowedValues" object but
+// TypeScript won't let me combine the two objects.
+var allowedSelectValues = {
+  states: ['default', 'disabled', 'open', 'read-only']
+};
+var selectDefaults = {
+  kind: 'default',
+  size: 'default',
+  state: 'default'
+};
+
+/*
+ * Text Input component
+ * ------------------------------------------------------------------
+ */
+
+/*
+ * Label component
+ * ------------------------------------------------------------------
+ */
+var allowedLabelValues = {
+  kinds: ['block', 'inline'],
+  states: ['default', 'disabled']
+};
+var labelDefaults = {
+  kind: 'block',
+  state: 'default'
+};
+/**
+ * Default values for props on the Fieldset component;
+ * Shared between the component and Storybook
+ */
+var fieldsetDefault = {
+  label: "fieldset's legend label"
+};
+
+/**
+ * Default values for props on the Fieldset component which is used to group Textarea components;
+ * Shared between the component and Storybook
+ */
+var textareaDefaults = {
+  disabled: false,
+  label: 'Legend'
+};
+
+export { allowedCheckboxValues, allowedLabelValues, allowedSelectItemValues, allowedSelectMenuValues, allowedSelectValues, checkboxDefaults, fieldsetDefault, labelDefaults, selectDefaults, selectItemDefaults, selectMenuDefaults, textareaDefaults };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/form/constants.ts"],"sourcesContent":["import * as React from 'react';\nimport { DSIconType } from '../svg';\n\n/*\n * Shared error object for inputs\n * ------------------------------------------------------------------\n */\n/**\n * This should be used to communciate error information for a specific input\n */\nexport interface MrlFormInputError {\n\tmessage: string;\n}\n\n/*\n * Shared input values\n * ------------------------------------------------------------------\n */\nexport type InputStates = 'disabled' | 'error' | 'read-only';\nexport type InputKinds = 'default' | 'inline' | 'inline-label';\nexport type InputSizes = 'default' | 'large';\n\n/*\n * Checkbox component\n * ------------------------------------------------------------------\n */\nexport const allowedCheckboxValues = {\n\tselected: ['default', 'checked', 'indeterminate'] as const,\n\tstates: [\n\t\t'default',\n\t\t'disabled',\n\t\t'error',\n\t\t'read-only'\n\t] as const\n};\n\nexport type CheckboxStates = (typeof allowedCheckboxValues.states)[number];\nexport type CheckboxSelected = (typeof allowedCheckboxValues.selected)[number];\n\ninterface CheckboxDefaults {\n\tselected: CheckboxSelected;\n\tstate: CheckboxStates;\n}\n\nexport const checkboxDefaults: CheckboxDefaults = {\n\tselected: 'default',\n\tstate: 'default'\n};\n\n/*\n * Select component\n * ------------------------------------------------------------------\n */\n\nexport const allowedSelectItemValues = {\n\tstates: ['default', 'disabled', 'selected'] as const\n};\n\nexport type SelectItemStates = (typeof allowedSelectItemValues.states)[number];\n\ninterface SelectItemDefaults {\n\tstate: SelectItemStates;\n}\n\nexport const selectItemDefaults: SelectItemDefaults = {\n\tstate: 'default'\n};\n\nexport const allowedSelectMenuValues = {\n\tpositions: ['bottom', 'top'] as const\n};\n\nexport type SelectMenuPositions = (typeof allowedSelectMenuValues.positions)[number];\n\ninterface SelectMenuDefaults {\n\tposition: SelectMenuPositions;\n}\n\nexport const selectMenuDefaults: SelectMenuDefaults = {\n\tposition: 'bottom'\n};\n\n// Selects are an extension of the shared \"allowedValues\" object but\n// TypeScript won't let me combine the two objects.\nexport const allowedSelectValues = {\n\tstates: [\n\t\t'default',\n\t\t'disabled',\n\t\t'open',\n\t\t'read-only'\n\t] as const\n};\n\nexport type SelectStates = (typeof allowedSelectValues.states)[number];\n\ninterface SelectDefaults {\n\tsize: InputSizes;\n\tkind: InputKinds;\n\tstate: SelectStates;\n}\n\nexport const selectDefaults: SelectDefaults = {\n\tkind: 'default',\n\tsize: 'default',\n\tstate: 'default'\n};\n\n/*\n * Text Input component\n * ------------------------------------------------------------------\n */\nexport interface StaticIconConfig {\n\ticon: DSIconType;\n\ttheme?: string;\n}\n\nexport interface RightActionConfig extends StaticIconConfig {\n\taction: (event: React.MouseEvent | React.KeyboardEvent) => void;\n\tlabel: string;\n}\n\n/*\n * Label component\n * ------------------------------------------------------------------\n */\nexport const allowedLabelValues = {\n\tkinds: ['block', 'inline'] as const,\n\tstates: ['default', 'disabled'] as const\n};\n\nexport type LabelStates = (typeof allowedLabelValues.states)[number];\nexport type LabelKind = (typeof allowedLabelValues.kinds)[number];\n\ninterface LabelDefaults {\n\tkind: LabelKind;\n\tstate: LabelStates;\n}\n\nexport const labelDefaults: LabelDefaults = {\n\tkind: 'block',\n\tstate: 'default'\n};\n\nexport interface FormControlDefaults {\n\tdisabled: boolean;\n\tlabel: string;\n}\n\nexport interface FieldsetDefault {\n\tlabel: string;\n}\n\n/**\n * Default values for props on the Fieldset component;\n * Shared between the component and Storybook\n */\nexport const fieldsetDefault: FieldsetDefault = {\n\tlabel: \"fieldset's legend label\"\n};\n\n/**\n * Default values for props on the Fieldset component which is used to group Textarea components;\n * Shared between the component and Storybook\n */\nexport const textareaDefaults: FormControlDefaults = {\n\tdisabled: false,\n\tlabel: 'Legend'\n};\n"],"names":["allowedCheckboxValues","selected","states","checkboxDefaults","state","allowedSelectItemValues","selectItemDefaults","allowedSelectMenuValues","positions","selectMenuDefaults","position","allowedSelectValues","selectDefaults","kind","size","allowedLabelValues","kinds","labelDefaults","fieldsetDefault","label","textareaDefaults","disabled"],"mappings":"AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAG;AACpCC,EAAAA,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,CAAU;EAC1DC,MAAM,EAAE,CACP,SAAS,EACT,UAAU,EACV,OAAO,EACP,WAAW;AAEb;AAUO,IAAMC,gBAAkC,GAAG;AACjDF,EAAAA,QAAQ,EAAE,SAAS;AACnBG,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACA;;AAEO,IAAMC,uBAAuB,GAAG;AACtCH,EAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU;AAC3C;AAQO,IAAMI,kBAAsC,GAAG;AACrDF,EAAAA,KAAK,EAAE;AACR;AAEO,IAAMG,uBAAuB,GAAG;AACtCC,EAAAA,SAAS,EAAE,CAAC,QAAQ,EAAE,KAAK;AAC5B;AAQO,IAAMC,kBAAsC,GAAG;AACrDC,EAAAA,QAAQ,EAAE;AACX;;AAEA;AACA;AACO,IAAMC,mBAAmB,GAAG;EAClCT,MAAM,EAAE,CACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,WAAW;AAEb;AAUO,IAAMU,cAA8B,GAAG;AAC7CC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,IAAI,EAAE,SAAS;AACfV,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACO,IAAMW,kBAAkB,GAAG;AACjCC,EAAAA,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAU;AACnCd,EAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU;AAC/B;AAUO,IAAMe,aAA4B,GAAG;AAC3CJ,EAAAA,IAAI,EAAE,OAAO;AACbT,EAAAA,KAAK,EAAE;AACR;AAWA;AACA;AACA;AACA;AACO,IAAMc,eAAgC,GAAG;AAC/CC,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACA;AACO,IAAMC,gBAAqC,GAAG;AACpDC,EAAAA,QAAQ,EAAE,KAAK;AACfF,EAAAA,KAAK,EAAE;AACR;;;;"}