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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/form/utils.ts"],"sourcesContent":["import { type KeyboardEvent } from 'react';\n\n/**\n * Defines all of the possible actions a user can take with their keyboard in a select.\n * This is used to create a more human-friendly connection between the actions and\n * keyboard short cuts since multiple keys may perform the same action.\n * See getActionFromKey for more details.\n *\n * @todo - need to verify what the pageDown/Up keys do differently. They have a\n * \t\tdifferent action in the getUpdatedIndex function but need to understand\n * \t\ta bit more.  This is not merge blocking for MVP\n */\nexport const actions = {\n\t// Closes the menu without changing the value\n\tClose: 0,\n\t// Selects an item and closes the menu in one key press\n\tCloseSelect: 1,\n\t// Opens the menu and moves focus to the first item in the the menu\n\tFirst: 2,\n\t// Opens the menu and moves focus to the last item in the menu\n\tLast: 3,\n\t// Moves focus to the next item in the list\n\tNext: 4,\n\t// Displays the menu and moves focus to the selected item\n\tOpen: 5,\n\tPageDown: 6,\n\tPageUp: 7,\n\t// Moves focus to the previous item in the list\n\tPrevious: 8,\n\t// Selects the item without closing the list??\n\t// I don't think this is used anywhere\n\t// Select: 9,\n\t// The user is free-form typing to find an item in the menu\n\tType: 10\n};\n\n/**\n * Map a key press to an action (see the )\n *\n * @param {KeyboardEvent} event - keyboard event\n * @param {boolean} isMenuOpen - dropdown menu state\n * @param {string | undefined} search - current searchstring to determine how to handle space presses\n * @returns {number | undefined} - returns action number or quits from function execution\n */\nexport const getActionFromKey = (\n\tevent: KeyboardEvent,\n\tisMenuOpen: boolean,\n\tsearch?: string | undefined\n): number | undefined => {\n\tconst { key, altKey, ctrlKey, metaKey } = event;\n\n\t// all keys that will do the default open action\n\tconst openKeys = ['ArrowDown', 'ArrowUp', ' '];\n\n\t// handle opening when closed\n\tif (!isMenuOpen && openKeys.includes(key)) return actions.Open;\n\n\t// home and end move the selected option when open or closed\n\tif (key === 'Home') return actions.First;\n\tif (key === 'End') return actions.Last;\n\n\t// handle typing characters when open or closed\n\tif (\n\t\tkey === 'Backspace' ||\n\t\tkey === 'Clear' ||\n\t\t(key.length === 1 && key !== ' ' && !altKey && !ctrlKey && !metaKey) ||\n\t\t(search !== '' && key === ' ')\n\t) {\n\t\treturn actions.Type;\n\t}\n\n\t// handle shortcuts only allowed when the menu is open\n\tif (isMenuOpen) {\n\t\tswitch (key) {\n\t\tcase 'ArrowUp':\n\t\t\treturn altKey ? actions.CloseSelect : actions.Previous;\n\t\tcase 'ArrowDown':\n\t\t\treturn !altKey ? actions.Next : undefined;\n\t\tcase 'PageUp':\n\t\t\treturn actions.PageUp;\n\t\tcase 'PageDown':\n\t\t\treturn actions.PageDown;\n\t\tcase 'Escape':\n\t\t\treturn actions.Close;\n\t\tcase 'Enter':\n\t\tcase ' ':\n\t\t\treturn actions.CloseSelect;\n\t\tdefault:\n\t\t\tbreak;\n\t\t}\n\t}\n};\n\n/**\n * Get an updated item index based on the action\n *\n * @param {number} currentIndex - index of the active menu item\n * @param {number} maxIndex - last menu item's index\n * @param {action} action - keyboard key action\n * @returns {number} - returns updated index\n */\nexport const getUpdatedIndex = (currentIndex: number, maxIndex = 0, action: number): number => {\n\tswitch (action) {\n\tcase actions.First:\n\t\treturn 0;\n\tcase actions.Last:\n\t\treturn maxIndex;\n\tcase actions.Previous:\n\t\treturn Math.max(0, currentIndex === null ? 0 : currentIndex - 1);\n\tcase actions.Next:\n\t\treturn Math.min(maxIndex, currentIndex === null ? 0 : currentIndex + 1);\n\tcase actions.PageUp:\n\t\treturn Math.max(0, currentIndex === null ? 0 : currentIndex - maxIndex);\n\tcase actions.PageDown:\n\t\treturn Math.min(maxIndex, currentIndex === null ? 0 : currentIndex + maxIndex);\n\tdefault:\n\t\treturn currentIndex;\n\t}\n};\n\n/**\n * Checks if the select menu items has scrollable overflow\n *\n * @param {HTMLElement} menu - select menu component\n * @returns {boolean} - true if the menu has overflow content\n */\nexport const isScrollable = (menu: HTMLElement): boolean =>\n\tmenu && menu.clientHeight < menu.scrollHeight;\n\n/**\n * Ensures a given child element is within the parents's visible scroll area.\n * If the child is not visible, it scrolls the parent element.\n *\n * @param {HTMLElement} childEl - clicked/focused select item\n * @param {HTMLElement} scrollParent - select menu component\n * @todo - POST MVP - this could be a more reusable util function for other components\n * @todo - POST MVP - the marginY should be more dynamic\n */\nexport const maintainScrollVisibility = (childEl: HTMLElement, scrollParent: HTMLElement): void => {\n\tconst { offsetHeight, offsetTop } = childEl;\n\tconst { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent;\n\n\tconst isAbove = offsetTop < scrollTop;\n\tconst isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight;\n\n\t// total amount of select item's Y-axis spacing\n\tconst marginY = 4 + 4;\n\n\tif (isAbove) {\n\t\tscrollParent.scrollTo(0, offsetTop - marginY);\n\t} else if (isBelow) {\n\t\tscrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight + marginY);\n\t}\n};\n\n/**\n * Filters an array of items against an input string\n * returns an array of options that begin with the filter string, case-independent\n *\n * @param {Element[]} options - menu items list\n * @param {string} filter - pressed letters combination\n * @returns {Element[]} - filtered options\n */\nconst filterOptions = (options: Element[], filter: string): Element[] => {\n\treturn options.filter((option) => {\n\t\tconst matches = option.textContent?.toLowerCase().indexOf(filter.toLowerCase()) === 0;\n\t\treturn matches;\n\t});\n};\n\n/**\n * Checks if the pressed letter is the same as previously pressed\n *\n * @param {string[]} array - filter string split by letters\n * @returns {boolean} - if the pressed letter is the same as previously pressed\n */\nconst allSameLetter = (array: Array<string>) =>\n\tarray.every((letter: string) => letter === array[0]);\n\n/**\n * Returns the index of an option from an array of options, based on a search string\n * if the filter is multiple iterations of the same letter (e.g \"aaa\"), then cycle through first-letter matches\n *\n * @param {Element[]} options - menu items list\n * @param {string} filter - pressed letters combination\n * @param {number} startIndex - start index\n * @returns {number} - menu item's index\n */\nexport const getIndexByLetter = (options: Element[], filter: string, startIndex = 0): number => {\n\tconst orderedOptions = [...options.slice(startIndex), ...options.slice(0, startIndex)];\n\tconst firstMatch = filterOptions(orderedOptions, filter)[0];\n\n\t// first check if there is an exact match for the typed string\n\tif (firstMatch) return options.indexOf(firstMatch);\n\t// if the same letter is being repeated, cycle through first-letter matches\n\telse if (allSameLetter(filter.split(''))) {\n\t\tconst matches = filterOptions(orderedOptions, filter[0]);\n\t\treturn options.indexOf(matches[0]);\n\t}\n\n\t// if no matches, return -1\n\telse return -1;\n};\n\ntype DebounceType = number | null | undefined;\ntype CallbackType = (_debounce: number) => void;\n\n/**\n * Waits a predetermined time before calling a function\n *\n * @param {Function} func - function to call after timeout\n * @param {number} timeout - time to wait before calling function\n * @param {number} debounce - existing debounce to clear\n * @param {Function} callback - callback function to update debounce\n * @returns {Function} - function to reset debounce and call callback\n * @todo - 4969 investigate combining this debounce function with the modal debounce function\n */\nexport const debounce = (\n\tfunc: () => void,\n\ttimeout = 500,\n\tdebounce: DebounceType,\n\tcallback: CallbackType\n): (() => void) => {\n\tif (debounce !== null) {\n\t\tclearTimeout(debounce);\n\t\tdebounce = null;\n\t}\n\treturn () => {\n\t\tdebounce = window.setTimeout(() => {\n\t\t\tfunc.apply(this);\n\t\t}, timeout);\n\t\tcallback(debounce);\n\t};\n};\n\ntype GetAriaDescribedByReturn =\n\t| { ['aria-describedby']?: string }\n\t| { ['aria-describedby']: string };\n\n/**\n * Generates the 'aria-describedby' attribute from multiple ids\n *\n * @param {Array<string | undefined>} args ids\n * @returns {GetAriaDescribedByReturn} an object with aria-describedby\n */\nexport function getDescribedby(...args: Array<string | undefined>): GetAriaDescribedByReturn {\n\tconst describedby = args.filter((str) => Boolean(str)).join(' ');\n\tif (describedby === '') return {};\n\treturn {\n\t\t'aria-describedby': describedby\n\t};\n}\n"],"names":["actions","Close","CloseSelect","First","Last","Next","Open","PageDown","PageUp","Previous","Type","getActionFromKey","event","isMenuOpen","search","key","altKey","ctrlKey","metaKey","openKeys","includes","length","undefined","getUpdatedIndex","currentIndex","maxIndex","arguments","action","Math","max","min","getDescribedby","_len","args","Array","_key","describedby","filter","str","Boolean","join"],"mappings":"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"}

package/dist/esm/components/grid/MrlCol/MrlCol.js

@@ -0,0 +1,103 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, createForOfIteratorHelper as _createForOfIteratorHelper, typeof as _typeof, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { GridSizes } from '../constants.js';
+
+var _excluded = ["children", "className"];
+var getBootstrapClass = function getBootstrapClass(size, type, val) {
+  return size === 'col' || size === 'xs' ? "".concat(type, "-").concat(val) : "".concat(type, "-").concat(size, "-").concat(val);
+};
+
+/**
+ * Creates the size classes for the grid.
+ * @param props - component props
+ * @returns an array of size classes based on bootstrap grid API
+ */
+var createSizeClasses = function createSizeClasses(props) {
+  var classes = [];
+  var _iterator = _createForOfIteratorHelper(GridSizes),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var size = _step.value;
+      // get the value based on the prop key from the component props
+      var value = props[size];
+
+      // create the size class based on the value using the bootstrap grid API
+      if (value) {
+        // if the value is a number, then it is a column size
+        if (typeof value === 'number') {
+          classes.push(getBootstrapClass(size, 'col', value));
+          continue;
+        }
+
+        // if the value is an object, then we need to compose multiple classes
+        // based on the keyvalue pairings
+        if (value !== null && _typeof(value) === 'object') {
+          for (var _i = 0, _Object$entries = Object.entries(value); _i < _Object$entries.length; _i++) {
+            var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+              key = _Object$entries$_i[0],
+              val = _Object$entries$_i[1];
+            if (val === 0 || val === undefined) continue;
+            classes.push(getBootstrapClass(size, key, val));
+          }
+        }
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (classes.length === 0) classes.push('col');
+  return classes;
+};
+
+/**
+ * Gets the grid size props from the component props.
+ * @param props  - component props
+ * @returns object of grid size props
+ */
+var getGridProps = function getGridProps(props) {
+  var col = props.col,
+    xs = props.xs,
+    sm = props.sm,
+    md = props.md,
+    lg = props.lg,
+    xl = props.xl,
+    xxl = props.xxl;
+
+  // eslint-disable-next-line sort-keys
+  return {
+    col: col,
+    xs: xs,
+    sm: sm,
+    md: md,
+    lg: lg,
+    xl: xl,
+    xxl: xxl
+  };
+};
+
+/**
+ * MrlCol React component.
+ * @param props - component props
+ * @returns a MrlCol React component.
+ */
+function MrlCol(props) {
+  var children = props.children,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var gridProps = getGridProps(props);
+  var columnClasses = React.useMemo(function () {
+    return createSizeClasses(gridProps);
+  }, [gridProps]);
+  var allClasses = classnames(className, columnClasses);
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: allClasses
+  }), children);
+}
+
+export { MrlCol };
+//# sourceMappingURL=MrlCol.js.map

package/dist/esm/components/grid/MrlCol/MrlCol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCol.js","sources":["../../../../../src/components/grid/MrlCol/MrlCol.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { LayoutComponent } from '../../layout/constants';\nimport { GridSizes, GridColumns } from '../constants';\n\ntype MrlCol = LayoutComponent & GridColumns;\n\nconst getBootstrapClass = (size: string, type: string, val: number | string): string =>\n\tsize === 'col' || size === 'xs' ? `${type}-${val}` : `${type}-${size}-${val}`;\n\n/**\n * Creates the size classes for the grid.\n * @param props - component props\n * @returns an array of size classes based on bootstrap grid API\n */\nconst createSizeClasses = (props: GridColumns): string[] => {\n\tconst classes: string[] = [];\n\n\tfor (const size of GridSizes) {\n\t\t// get the value based on the prop key from the component props\n\t\tconst value = props[size as keyof GridColumns];\n\n\t\t// create the size class based on the value using the bootstrap grid API\n\t\tif (value) {\n\t\t\t// if the value is a number, then it is a column size\n\t\t\tif (typeof value === 'number') {\n\t\t\t\tclasses.push(getBootstrapClass(size, 'col', value));\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// if the value is an object, then we need to compose multiple classes\n\t\t\t// based on the keyvalue pairings\n\t\t\tif (value !== null && typeof value === 'object') {\n\t\t\t\tfor (const [key, val] of Object.entries(value)) {\n\t\t\t\t\tif (val === 0 || val === undefined) continue;\n\t\t\t\t\tclasses.push(getBootstrapClass(size, key, val as number));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tif (classes.length === 0) classes.push('col');\n\n\treturn classes;\n};\n\n/**\n * Gets the grid size props from the component props.\n * @param props  - component props\n * @returns object of grid size props\n */\nconst getGridProps = (props: MrlCol): GridColumns => {\n\tconst { col, xs, sm, md, lg, xl, xxl } = props;\n\n\t// eslint-disable-next-line sort-keys\n\treturn { col, xs, sm, md, lg, xl, xxl };\n};\n\n/**\n * MrlCol React component.\n * @param props - component props\n * @returns a MrlCol React component.\n */\nexport function MrlCol(props: MrlCol): JSX.Element {\n\tconst { children, className = '', ...rest } = props;\n\tconst gridProps = getGridProps(props);\n\n\tconst columnClasses = React.useMemo(() => createSizeClasses(gridProps), [gridProps]);\n\tconst allClasses = classnames(className, columnClasses);\n\n\treturn (\n\t\t<div {...rest} className={allClasses}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"names":["getBootstrapClass","size","type","val","concat","createSizeClasses","props","classes","_iterator","_createForOfIteratorHelper","GridSizes","_step","s","n","done","value","push","_typeof","_i","_Object$entries","Object","entries","length","_Object$entries$_i","_slicedToArray","key","undefined","err","e","f","getGridProps","col","xs","sm","md","lg","xl","xxl","MrlCol","children","_props$className","className","rest","_objectWithoutProperties","_excluded","gridProps","columnClasses","React","useMemo","allClasses","classnames","createElement","_extends"],"mappings":"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"}

package/dist/esm/components/grid/MrlGrid/MrlGrid.js

@@ -0,0 +1,24 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+
+var _excluded = ["children", "className"];
+
+/**
+ * MrlCol React component.
+ * @param props - component props
+ * @returns a MrlCol React component.
+ */
+function MrlGrid(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames('container', className);
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: allClasses
+  }), children);
+}
+
+export { MrlGrid };
+//# sourceMappingURL=MrlGrid.js.map

package/dist/esm/components/grid/MrlGrid/MrlGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlGrid.js","sources":["../../../../../src/components/grid/MrlGrid/MrlGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { LayoutComponent } from '../../layout/constants';\nimport '../grid.variables.scss';\nimport '../grid.global.scss';\n\n/**\n * MrlCol React component.\n * @param props - component props\n * @returns a MrlCol React component.\n */\nexport function MrlGrid({ children, className = '', ...rest }: LayoutComponent): JSX.Element {\n\tconst allClasses = classnames('container', className);\n\n\treturn (\n\t\t<div {...rest} className={allClasses}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"names":["MrlGrid","_ref","children","_ref$className","className","rest","_objectWithoutProperties","_excluded","allClasses","classnames","React","createElement","_extends"],"mappings":";;;;;;AAMA;AACA;AACA;AACA;AACA;AACO,SAASA,OAAOA,CAAAC,IAAA,EAAsE;AAAA,EAAA,IAAnEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAC1D,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAAC,WAAW,EAAEL,SAAS,CAAC;AAErD,EAAA,oBACCM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,KAASP,IAAI,EAAA;AAAED,IAAAA,SAAS,EAAEI;AAAW,GAAA,CAAA,EACnCN,QACG,CAAC;AAER;;;;"}

package/dist/esm/components/grid/MrlRow/MrlRow.js

@@ -0,0 +1,27 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+
+var _excluded = ["align", "children", "className", "justify"];
+/**
+ * MrlRow React component.
+ * @param props - component props
+ * @returns a MrlRow React component.
+ */
+function MrlRow(_ref) {
+  var align = _ref.align,
+    children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    justify = _ref.justify,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var alignClass = align ? "align-items-".concat(align) : '';
+  var justifyClass = justify && "justify-content-".concat(justify);
+  var allClasses = classnames('row', className, alignClass, justifyClass);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: allClasses
+  }, rest), children);
+}
+
+export { MrlRow };
+//# sourceMappingURL=MrlRow.js.map

package/dist/esm/components/grid/MrlRow/MrlRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlRow.js","sources":["../../../../../src/components/grid/MrlRow/MrlRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { LayoutComponent } from '../../layout/constants';\nimport { AlignOptions, GutterSizes, JustifyOptions } from '../constants';\n\ninterface MrlRow extends LayoutComponent {\n\t/**\n\t * Flex alignment of the children within the component.\n\t */\n\talign?: AlignOptions;\n\n\t/**\n\t * Gutter size for columns within the row\n\t */\n\tgutter?: GutterSizes;\n\n\t/**\n\t * Justify content of the children within the component.\n\t */\n\tjustify?: JustifyOptions;\n}\n\n/**\n * MrlRow React component.\n * @param props - component props\n * @returns a MrlRow React component.\n */\nexport function MrlRow({ align, children, className = '', justify, ...rest }: MrlRow): JSX.Element {\n\tconst alignClass = align ? `align-items-${align}` : '';\n\tconst justifyClass = justify && `justify-content-${justify}`;\n\n\tconst allClasses = classnames('row', className, alignClass, justifyClass);\n\n\treturn (\n\t\t<div className={allClasses} {...rest}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"names":["MrlRow","_ref","align","children","_ref$className","className","justify","rest","_objectWithoutProperties","_excluded","alignClass","concat","justifyClass","allClasses","classnames","React","createElement","_extends"],"mappings":";;;;;AAsBA;AACA;AACA;AACA;AACA;AACO,SAASA,MAAMA,CAAAC,IAAA,EAA6E;AAAA,EAAA,IAA1EC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAEE,OAAO,GAAAL,IAAA,CAAPK,OAAO;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;EACzE,IAAMC,UAAU,GAAGR,KAAK,GAAA,cAAA,CAAAS,MAAA,CAAkBT,KAAK,IAAK,EAAE;AACtD,EAAA,IAAMU,YAAY,GAAGN,OAAO,uBAAAK,MAAA,CAAuBL,OAAO,CAAE;EAE5D,IAAMO,UAAU,GAAGC,UAAU,CAAC,KAAK,EAAET,SAAS,EAAEK,UAAU,EAAEE,YAAY,CAAC;AAEzE,EAAA,oBACCG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKZ,IAAAA,SAAS,EAAEQ;GAAW,EAAKN,IAAI,CAAA,EAClCJ,QACG,CAAC;AAER;;;;"}

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

@@ -0,0 +1,40 @@
+/**
+ * Alignment & justification options for grid containers
+ */
+
+/**
+ * Available grid sizes
+ */
+var GridSizes = ['col', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+
+/**
+ * Number of columns that will be span on the grid.
+ */
+
+/**
+ * The type of classes that can be configured based on the bootstrap API.
+ * Current supported:
+ * - columns "col-<size>-<number>"
+ * - offsets "offset-<size>-<number>""
+ */
+
+/**
+ * Interface of available class selectors based on GridClass
+ *
+ * Example interface:
+ * {
+ *    col?: number,
+ *    offset?: number
+ * }
+ */
+
+/**
+ * Options to configure the number of columns to span on different screen sizes.
+ */
+
+/**
+ * Available gutter sizes for customizing the grid
+ */
+
+export { GridSizes };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/grid/constants.ts"],"sourcesContent":["/**\n * Alignment & justification options for grid containers\n */\nexport type AlignOptions = 'start' | 'center' | 'end';\nexport type JustifyOptions = 'start' | 'center' | 'end' | 'between' | 'around';\n\n/**\n * Available grid sizes\n */\nexport const GridSizes = [\n\t'col',\n\t'xs',\n\t'sm',\n\t'md',\n\t'lg',\n\t'xl',\n\t'xxl'\n];\n\n/**\n * Number of columns that will be span on the grid.\n */\nexport type NumCols = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\n/**\n * The type of classes that can be configured based on the bootstrap API.\n * Current supported:\n * - columns \"col-<size>-<number>\"\n * - offsets \"offset-<size>-<number>\"\"\n */\ntype GridClass = 'col' | 'offset';\n\n/**\n * Interface of available class selectors based on GridClass\n *\n * Example interface:\n * {\n *    col?: number,\n *    offset?: number\n * }\n */\ntype GridClassConfig = {\n\t[key in GridClass]?: NumCols;\n};\n\n/**\n * Options to configure the number of columns to span on different screen sizes.\n */\ntype ColumnConfig = NumCols | 'auto' | GridClassConfig | undefined;\n\nexport interface GridColumns {\n\t/*\n\t * Columns that are the same from the smallest of devices to the largest.\n\t */\n\tcol?: ColumnConfig;\n\n\t/*\n\t * @deprecated xs maps to col. Bootstrap grid removed xs in favor of col.\n\t */\n\txs?: ColumnConfig;\n\n\t/*\n\t * The number of columns to span on small devices.\n\t */\n\tsm?: ColumnConfig;\n\n\t/*\n\t * The number of columns to span on medium devices.\n\t */\n\tmd?: ColumnConfig;\n\n\t/*\n\t * The number of columns to span on large devices.\n\t */\n\tlg?: ColumnConfig;\n\n\t/*\n\t * The number of columns to span on extra large devices.\n\t */\n\txl?: ColumnConfig;\n\n\t/*\n\t * The number of columns to span on extra extra large devices.\n\t */\n\txxl?: ColumnConfig;\n}\n\n/**\n * Available gutter sizes for customizing the grid\n */\nexport type GutterSizes = 0 | 1 | 2;\n"],"names":["GridSizes"],"mappings":"AAAA;AACA;AACA;;AAIA;AACA;AACA;IACaA,SAAS,GAAG,CACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK;;AAGN;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;;AAwCA;AACA;AACA;;;;"}

package/dist/esm/components/keystroke/MrlKeystroke/MrlKeystroke.js

@@ -0,0 +1,27 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlKeystroke.module.scss.js';
+
+var _excluded = ["children", "className"];
+/**
+ * MrlKeystroke Component
+ *
+ * Displays keyboard shortcuts and keystroke combinations in a visually consistent format.
+ * Useful for showing users available keyboard shortcuts in tooltips, menus, help text, or command palettes.
+ *
+ * @param props - component props
+ * @returns a MrlKeystroke React component
+ */
+function MrlKeystroke(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    remainingProps = _objectWithoutProperties(_ref, _excluded);
+  var keystrokeClasses = classnames(styles['MrlKeystroke'], 'MrlKeystroke', className);
+  return /*#__PURE__*/React.createElement("span", _extends({}, remainingProps, {
+    className: keystrokeClasses
+  }), children);
+}
+
+export { MrlKeystroke };
+//# sourceMappingURL=MrlKeystroke.js.map

package/dist/esm/components/keystroke/MrlKeystroke/MrlKeystroke.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlKeystroke.js","sources":["../../../../../src/components/keystroke/MrlKeystroke/MrlKeystroke.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlKeystroke.module.scss';\n\nexport interface MrlKeystrokeProps extends React.ComponentPropsWithoutRef<'span'> {\n\t/**\n\t * Children to be rendered within the component.\n\t */\n\tchildren: React.ReactNode;\n}\n\n/**\n * MrlKeystroke Component\n *\n * Displays keyboard shortcuts and keystroke combinations in a visually consistent format.\n * Useful for showing users available keyboard shortcuts in tooltips, menus, help text, or command palettes.\n *\n * @param props - component props\n * @returns a MrlKeystroke React component\n */\nexport function MrlKeystroke({ children, className, ...remainingProps }: MrlKeystrokeProps) {\n\tconst keystrokeClasses = classnames(styles['MrlKeystroke'], 'MrlKeystroke', className);\n\treturn (\n\t\t<span {...remainingProps} className={keystrokeClasses}>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n"],"names":["MrlKeystroke","_ref","children","className","remainingProps","_objectWithoutProperties","_excluded","keystrokeClasses","classnames","styles","React","createElement","_extends"],"mappings":";;;;;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA7DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;AAAKC,IAAAA,cAAc,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AACpE,EAAA,IAAMC,gBAAgB,GAAGC,UAAU,CAACC,MAAM,CAAC,cAAc,CAAC,EAAE,cAAc,EAAEN,SAAS,CAAC;AACtF,EAAA,oBACCO,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAAC,QAAA,KAAUR,cAAc,EAAA;AAAED,IAAAA,SAAS,EAAEI;AAAiB,GAAA,CAAA,EACpDL,QACI,CAAC;AAET;;;;"}

package/dist/esm/components/keystroke/MrlKeystroke/MrlKeystroke.module.scss.js

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

package/dist/esm/components/keystroke/MrlKeystroke/MrlKeystroke.module.scss.js.map

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

package/dist/esm/components/keystroke/MrlKeystrokes/MrlKeystrokes.js

@@ -0,0 +1,27 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlKeystrokes.module.scss.js';
+
+var _excluded = ["children", "className"];
+/**
+ * MrlKeystrokes Component
+ *
+ * Wraps a group of MrlKeystroke components together with proper spacing.
+ * Useful for displaying keyboard shortcut combinations.
+ *
+ * @param props - component props
+ * @returns a MrlKeystrokes React component
+ */
+function MrlKeystrokes(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    remainingProps = _objectWithoutProperties(_ref, _excluded);
+  var keystrokesClasses = classnames(styles['MrlKeystrokes'], 'MrlKeystrokes', className);
+  return /*#__PURE__*/React.createElement("span", _extends({}, remainingProps, {
+    className: keystrokesClasses
+  }), children);
+}
+
+export { MrlKeystrokes };
+//# sourceMappingURL=MrlKeystrokes.js.map

package/dist/esm/components/keystroke/MrlKeystrokes/MrlKeystrokes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlKeystrokes.js","sources":["../../../../../src/components/keystroke/MrlKeystrokes/MrlKeystrokes.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlKeystrokes.module.scss';\n\nexport interface MrlKeystrokesProps extends React.ComponentPropsWithoutRef<'span'> {\n\t/**\n\t * Children to be rendered within the component.\n\t */\n\tchildren: React.ReactNode;\n}\n\n/**\n * MrlKeystrokes Component\n *\n * Wraps a group of MrlKeystroke components together with proper spacing.\n * Useful for displaying keyboard shortcut combinations.\n *\n * @param props - component props\n * @returns a MrlKeystrokes React component\n */\nexport function MrlKeystrokes({ children, className, ...remainingProps }: MrlKeystrokesProps) {\n\tconst keystrokesClasses = classnames(styles['MrlKeystrokes'], 'MrlKeystrokes', className);\n\treturn (\n\t\t<span {...remainingProps} className={keystrokesClasses}>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n"],"names":["MrlKeystrokes","_ref","children","className","remainingProps","_objectWithoutProperties","_excluded","keystrokesClasses","classnames","styles","React","createElement","_extends"],"mappings":";;;;;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAAiE;AAAA,EAAA,IAA9DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;AAAKC,IAAAA,cAAc,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AACrE,EAAA,IAAMC,iBAAiB,GAAGC,UAAU,CAACC,MAAM,CAAC,eAAe,CAAC,EAAE,eAAe,EAAEN,SAAS,CAAC;AACzF,EAAA,oBACCO,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAAC,QAAA,KAAUR,cAAc,EAAA;AAAED,IAAAA,SAAS,EAAEI;AAAkB,GAAA,CAAA,EACrDL,QACI,CAAC;AAET;;;;"}

package/dist/esm/components/keystroke/MrlKeystrokes/MrlKeystrokes.module.scss.js

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

package/dist/esm/components/keystroke/MrlKeystrokes/MrlKeystrokes.module.scss.js.map

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

package/dist/esm/components/layout/MrlMain/MrlMain.js

@@ -0,0 +1,28 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { useLayoutContext } from '../context/LayoutContext.js';
+import styles from './MrlMain.module.scss.js';
+
+var _excluded = ["children", "className"];
+
+/**
+ * MrlMain React component.
+ * @param props - component props
+ * @returns a MrlMain React component.
+ */
+function MrlMain(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useLayoutContext = useLayoutContext(),
+    isTopbarRendered = _useLayoutContext.isTopbarRendered;
+  var allClasses = classnames(styles['MrlMain'], 'mrl-main', className, _defineProperty({}, styles['MrlMain--noTopbar'], !isTopbarRendered));
+  return /*#__PURE__*/React.createElement("main", _extends({}, rest, {
+    className: allClasses
+  }), children);
+}
+
+export { MrlMain };
+//# sourceMappingURL=MrlMain.js.map

package/dist/esm/components/layout/MrlMain/MrlMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlMain.js","sources":["../../../../../src/components/layout/MrlMain/MrlMain.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { LayoutComponent } from '../constants';\nimport { useLayoutContext } from '../context/LayoutContext';\n\nimport styles from './MrlMain.module.scss';\n\n/**\n * MrlMain React component.\n * @param props - component props\n * @returns a MrlMain React component.\n */\nexport function MrlMain({ children, className = '', ...rest }: LayoutComponent): JSX.Element {\n\tconst { isTopbarRendered } = useLayoutContext();\n\tconst allClasses = classnames(styles['MrlMain'], 'mrl-main', className, {\n\t\t[styles['MrlMain--noTopbar']]: !isTopbarRendered\n\t});\n\n\treturn (\n\t\t<main {...rest} className={allClasses}>\n\t\t\t{children}\n\t\t</main>\n\t);\n}\n"],"names":["MrlMain","_ref","children","_ref$className","className","rest","_objectWithoutProperties","_excluded","_useLayoutContext","useLayoutContext","isTopbarRendered","allClasses","classnames","styles","_defineProperty","React","createElement","_extends"],"mappings":";;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACO,SAASA,OAAOA,CAAAC,IAAA,EAAsE;AAAA,EAAA,IAAnEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAC1D,EAAA,IAAAC,iBAAA,GAA6BC,gBAAgB,EAAE;IAAvCC,gBAAgB,GAAAF,iBAAA,CAAhBE,gBAAgB;EACxB,IAAMC,UAAU,GAAGC,UAAU,CAACC,MAAM,CAAC,SAAS,CAAC,EAAE,UAAU,EAAET,SAAS,EAAAU,eAAA,CAAA,EAAA,EACpED,MAAM,CAAC,mBAAmB,CAAC,EAAG,CAACH,gBAAgB,CAChD,CAAC;AAEF,EAAA,oBACCK,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAAC,QAAA,KAAUZ,IAAI,EAAA;AAAED,IAAAA,SAAS,EAAEO;AAAW,GAAA,CAAA,EACpCT,QACI,CAAC;AAET;;;;"}

package/dist/esm/components/layout/MrlMain/MrlMain.module.scss.js

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

package/dist/esm/components/layout/MrlMain/MrlMain.module.scss.js.map

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

package/dist/esm/components/layout/MrlPage/MrlPage.js

@@ -0,0 +1,27 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { useLayoutContext } from '../context/LayoutContext.js';
+import styles from './MrlPage.module.scss.js';
+
+var _excluded = ["children", "className"];
+/**
+ * MrlPage React component.
+ * @param props - component props
+ * @returns a MrlPage React component.
+ */
+function MrlPage(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useLayoutContext = useLayoutContext(),
+    isTopbarRendered = _useLayoutContext.isTopbarRendered;
+  var allClasses = classnames(styles['MrlPage'], 'mrl-page', className, _defineProperty({}, styles['MrlPage--no-topbar'], !isTopbarRendered));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: allClasses
+  }), children));
+}
+
+export { MrlPage };
+//# sourceMappingURL=MrlPage.js.map

package/dist/esm/components/layout/MrlPage/MrlPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPage.js","sources":["../../../../../src/components/layout/MrlPage/MrlPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { useLayoutContext } from '../context/LayoutContext';\nimport { LayoutComponent } from '../constants';\n\nimport styles from './MrlPage.module.scss';\n\ntype MrlPage = LayoutComponent;\n\n/**\n * MrlPage React component.\n * @param props - component props\n * @returns a MrlPage React component.\n */\nexport function MrlPage({ children, className = '', ...rest }: MrlPage): JSX.Element {\n\tconst { isTopbarRendered } = useLayoutContext();\n\n\tconst allClasses = classnames(styles['MrlPage'], 'mrl-page', className, {\n\t\t[styles['MrlPage--no-topbar']]: !isTopbarRendered\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<div {...rest} className={allClasses}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"names":["MrlPage","_ref","children","_ref$className","className","rest","_objectWithoutProperties","_excluded","_useLayoutContext","useLayoutContext","isTopbarRendered","allClasses","classnames","styles","_defineProperty","React","createElement","Fragment","_extends"],"mappings":";;;;;;;AASA;AACA;AACA;AACA;AACA;AACO,SAASA,OAAOA,CAAAC,IAAA,EAA8D;AAAA,EAAA,IAA3DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAC1D,EAAA,IAAAC,iBAAA,GAA6BC,gBAAgB,EAAE;IAAvCC,gBAAgB,GAAAF,iBAAA,CAAhBE,gBAAgB;EAExB,IAAMC,UAAU,GAAGC,UAAU,CAACC,MAAM,CAAC,SAAS,CAAC,EAAE,UAAU,EAAET,SAAS,EAAAU,eAAA,CAAA,EAAA,EACpED,MAAM,CAAC,oBAAoB,CAAC,EAAG,CAACH,gBAAgB,CACjD,CAAC;AAEF,EAAA,oBACCK,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACCF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAE,QAAA,KAASb,IAAI,EAAA;AAAED,IAAAA,SAAS,EAAEO;GAAW,CAAA,EACnCT,QACG,CACJ,CAAC;AAEL;;;;"}

package/dist/esm/components/layout/MrlPage/MrlPage.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlPage":"MrlPage--i0SC6","MrlPage--no-topbar":"MrlPage--no-topbar--aD2VD"};
+
+export { styles as default };
+//# sourceMappingURL=MrlPage.module.scss.js.map

package/dist/esm/components/layout/MrlPage/MrlPage.module.scss.js.map

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

package/dist/esm/components/layout/MrlPage/index.js

@@ -0,0 +1,18 @@
+import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import { LayoutProvider } from '../context/LayoutContext.js';
+import { MrlPage as MrlPage$1 } from './MrlPage.js';
+
+/**
+ * MrlPage Provider
+ *
+ * @param props - component props
+ * @returns a MrlPage React component.
+ */
+function MrlPage(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(LayoutProvider, null, /*#__PURE__*/React.createElement(MrlPage$1, rest));
+}
+
+export { MrlPage };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/layout/MrlPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/MrlPage/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LayoutComponent } from '../constants';\nimport { LayoutProvider } from '../context/LayoutContext';\nimport { MrlPage as Page } from './MrlPage';\ntype MrlPage = LayoutComponent;\n\n/**\n * MrlPage Provider\n *\n * @param props - component props\n * @returns a MrlPage React component.\n */\nexport function MrlPage({ ...rest }: MrlPage): JSX.Element {\n\treturn (\n\t\t<LayoutProvider>\n\t\t\t<Page {...rest} />\n\t\t</LayoutProvider>\n\t);\n}\n"],"names":["MrlPage","_ref","rest","_extends","_objectDestructuringEmpty","React","createElement","LayoutProvider","Page"],"mappings":";;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,OAAOA,CAAAC,IAAA,EAAoC;EAAA,IAA9BC,IAAI,GAAAC,QAAA,CAAA,EAAA,GAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA,EAAA;AAChC,EAAA,oBACCI,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAA,IAAA,eACdF,KAAA,CAAAC,aAAA,CAACE,SAAI,EAAKN,IAAO,CACF,CAAC;AAEnB;;;;"}

package/dist/esm/components/layout/MrlSidebar/MrlSidebar.js

@@ -0,0 +1,142 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { menu, close } from '@muraldevkit/ds-icons';
+import { useBreakpoint } from '../../../hooks/useBreakpoint/index.js';
+import { isMobile } from '../utils.js';
+import { useLayoutContext } from '../context/LayoutContext.js';
+import styles from './MrlSidebar.module.scss.js';
+import { MrlIconButton } from '../../button/MrlIconButton/MrlIconButton.js';
+import { MrlFocusTrap } from '../../focus-trap/MrlFocusTrap/MrlFocusTrap.js';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["children", "className", "hookOpen", "hookClose"];
+/**
+ * MrlSidebar React component.
+ * @param props - component props
+ * @returns a MrlSidebar React component.
+ */
+var MrlSidebar = /*#__PURE__*/React.forwardRef(function MrlSidebar(_ref, ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    hookOpen = _ref.hookOpen,
+    hookClose = _ref.hookClose,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isExpanded = _React$useState2[0],
+    setIsExpanded = _React$useState2[1];
+  var setExpandedAndNotify = React.useCallback(function (expanded, info) {
+    if (expanded) {
+      hookOpen === null || hookOpen === void 0 ? void 0 : hookOpen(info);
+    } else {
+      hookClose === null || hookClose === void 0 ? void 0 : hookClose(info);
+    }
+    setIsExpanded(expanded);
+  }, [hookOpen, hookClose]);
+  var _useLayoutContext = useLayoutContext(),
+    isTopbarRendered = _useLayoutContext.isTopbarRendered;
+  React.useImperativeHandle(ref, function () {
+    return {
+      close: function close() {
+        setExpandedAndNotify(false, {
+          source: 'imperativeHandler'
+        });
+      },
+      open: function open() {
+        setExpandedAndNotify(true, {
+          source: 'imperativeHandler'
+        });
+      },
+      toggle: function toggle() {
+        setExpandedAndNotify(!isExpanded, {
+          source: 'imperativeHandler'
+        });
+      }
+    };
+  }, [isExpanded, setExpandedAndNotify]);
+  var breakpoint = useBreakpoint();
+  var renderMobile = isMobile(breakpoint);
+  var sidebarRef = React.useRef(null);
+  var triggerRef = React.useRef(null);
+
+  // If both of these are true, then we want to set focus trap disabled to "False"
+  // which is kind of confusing, because these values actually return true.
+  // So, we need to negate them. Don't worry, it works.
+  var shouldFocusTrap = !(renderMobile && isExpanded);
+  var offsetClass = classnames(isTopbarRendered && styles['MrlSidebar--offset']);
+  var sidebarClasses = classnames(styles['MrlSidebar'], 'MrlSidebar', className, offsetClass, _defineProperty(_defineProperty({}, styles['MrlSidebar--mobile'], renderMobile), styles['MrlSidebar--mobile--open'], renderMobile && isExpanded));
+  var overlayClasses = classnames(styles['MrlSidebar-overlay'], 'MrlSidebar-overlay', renderMobile && isExpanded && styles['MrlSidebar-overlay--visible'], offsetClass);
+  var sidebarContentClasses = classnames(styles['MrlSidebar-content'], 'MrlSidebar-content', _defineProperty({}, styles['MrlSidebar-content--visible'], isExpanded || !renderMobile));
+  var handleKeyUp = function handleKeyUp(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.key === 'Escape') {
+      var _triggerRef$current;
+      setExpandedAndNotify(false, {
+        source: 'userInteraction'
+      });
+      (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
+    }
+  };
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+    setExpandedAndNotify(!isExpanded, {
+      source: 'userInteraction'
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null,
+  // If the sidebar is rendered on mobile, we want to render the menu button and overlay.
+  renderMobile && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MrlIconButton, {
+    wrapperClassName: classnames(styles['MrlSidebar-menu-trigger'], styles['MrlSidebar-menu']),
+    icon: /*#__PURE__*/React.createElement(MrlSvg, {
+      svg: menu
+    }),
+    kind: "ghost",
+    onClick: handleClick,
+    position: "bottom",
+    ref: triggerRef,
+    size: "medium",
+    text: "Open",
+    tipAnchor: "center",
+    toggleAria: "expanded",
+    state: "default"
+  }), /*#__PURE__*/React.createElement("div", _extends({
+    className: overlayClasses,
+    role: "presentation",
+    tabIndex: -1
+    // we only want to allow click events on the overlay if the sidebar is expanded
+    // otherwise pointer events are none and no click events are allowed
+  }, isExpanded && {
+    onClick: handleClick
+  }))), /*#__PURE__*/React.createElement("section", _extends({}, rest, {
+    className: sidebarClasses,
+    onKeyUp: handleKeyUp,
+    ref: sidebarRef,
+    role: "presentation"
+  }, renderMobile && {
+    'aria-hidden': !isExpanded
+  }), /*#__PURE__*/React.createElement(MrlFocusTrap, {
+    disabled: shouldFocusTrap,
+    containerRef: sidebarRef
+  }, isExpanded && /*#__PURE__*/React.createElement(MrlIconButton, {
+    wrapperClassName: classnames(styles['MrlSidebar-menu-trigger'], styles['MrlSidebar-menu'], _defineProperty(_defineProperty({}, styles['MrlSidebar-menu-close'], isExpanded), 'MrlSidebar-menu-close', isExpanded)),
+    icon: /*#__PURE__*/React.createElement(MrlSvg, {
+      svg: close
+    }),
+    kind: "ghost",
+    onClick: handleClick,
+    position: "bottom",
+    size: "medium",
+    text: "Close",
+    tipAnchor: "center",
+    toggleAria: "expanded",
+    state: "default"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: sidebarContentClasses
+  }, children))));
+});
+
+export { MrlSidebar };
+//# sourceMappingURL=MrlSidebar.js.map