@dfds-ui/react-components 2.2.0-alpha.9edc847c → 2.2.0-alpha.a78c2264

package/cjs/divider/Divider.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export type DividerProps = {
+    /**
+     * Display the Divider in "light" mode.
+     */
+    light?: boolean;
+    /**
+     * Display the Divider in "indent" style
+     */
+    indent?: boolean;
+    /**
+     *  Display the Divider in "margin" style
+     */
+    margins?: boolean;
+    /**
+     * HTML tag or custom component being rendered
+     */
+    as?: React.ElementType;
+    /**
+     * Class name to be assigned to the component
+     */
+    className?: string;
+};
+export declare const dividerBorder: (light?: boolean, placement?: "top" | "bottom") => import("@emotion/utils").SerializedStyles;
+export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) => React.JSX.Element;
+export default Divider;

package/cjs/divider/Divider.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dividerBorder = exports.default = exports.Divider = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  colors
+} = _theme.theme;
+
+// Can be used to create a simple divider with a css border and still adhere to the colors defined for dividers.
+const dividerBorder = (light, placement) => {
+  const border = `1px solid ${light ? colors.divider.light : colors.divider.dark}`;
+  return /*#__PURE__*/(0, _react2.css)("border-top:", placement === 'top' && border, ";border-bottom:", placement === 'bottom' && border, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dividerBorder;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZGl2aWRlci9EaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBEaXZpZGVyUHJvcHMgPSB7XG4gIC8vdG9kbzogY29udmVydCB0byBzdXJmYWNlIGNvbmNlcHQgYW5kIHJlbW92ZSBsaWdodFxuICAvKipcbiAgICogRGlzcGxheSB0aGUgRGl2aWRlciBpbiBcImxpZ2h0XCIgbW9kZS5cbiAgICovXG4gIGxpZ2h0PzogYm9vbGVhblxuICAvKipcbiAgICogRGlzcGxheSB0aGUgRGl2aWRlciBpbiBcImluZGVudFwiIHN0eWxlXG4gICAqL1xuICBpbmRlbnQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiAgRGlzcGxheSB0aGUgRGl2aWRlciBpbiBcIm1hcmdpblwiIHN0eWxlXG4gICAqL1xuICBtYXJnaW5zPzogYm9vbGVhblxuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgeyBjb2xvcnMgfSA9IHRoZW1lXG5cbi8vIENhbiBiZSB1c2VkIHRvIGNyZWF0ZSBhIHNpbXBsZSBkaXZpZGVyIHdpdGggYSBjc3MgYm9yZGVyIGFuZCBzdGlsbCBhZGhlcmUgdG8gdGhlIGNvbG9ycyBkZWZpbmVkIGZvciBkaXZpZGVycy5cbmV4cG9ydCBjb25zdCBkaXZpZGVyQm9yZGVyID0gKGxpZ2h0PzogYm9vbGVhbiwgcGxhY2VtZW50PzogJ3RvcCcgfCAnYm90dG9tJykgPT4ge1xuICBjb25zdCBib3JkZXIgPSBgMXB4IHNvbGlkICR7bGlnaHQgPyBjb2xvcnMuZGl2aWRlci5saWdodCA6IGNvbG9ycy5kaXZpZGVyLmRhcmt9YFxuICByZXR1cm4gY3NzYFxuICAgIGJvcmRlci10b3A6ICR7cGxhY2VtZW50ID09PSAndG9wJyAmJiBib3JkZXJ9O1xuICAgIGJvcmRlci1ib3R0b206ICR7cGxhY2VtZW50ID09PSAnYm90dG9tJyAmJiBib3JkZXJ9O1xuICBgXG59XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuaHI8eyBsaWdodD86IGJvb2xlYW47IGluZGVudD86IGJvb2xlYW47IG1hcmdpbnM/OiBib29sZWFuIH0+YFxuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHApID0+IChwLmxpZ2h0ID8gY29sb3JzLmRpdmlkZXIubGlnaHQgOiBjb2xvcnMuZGl2aWRlci5kYXJrKX07XG4gIG1heC13aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxcHg7XG4gIG1hcmdpbjogMCAkeyhwKSA9PiAocC5tYXJnaW5zID8gdGhlbWUuc3BhY2luZy5tIDogMCl9IDAgJHsocCkgPT4gKHAubWFyZ2lucyB8fCBwLmluZGVudCA/IHRoZW1lLnNwYWNpbmcubSA6IDApfTtcbmBcblxuZXhwb3J0IGNvbnN0IERpdmlkZXIgPSAoeyBsaWdodCwgaW5kZW50LCBtYXJnaW5zLCAuLi5yZXN0IH06IERpdmlkZXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZERpdmlkZXIgbGlnaHQ9e2xpZ2h0fSBpbmRlbnQ9e2luZGVudH0gbWFyZ2lucz17bWFyZ2luc30gcm9sZT1cInNlcGFyYXRvclwiIHsuLi5yZXN0fSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBEaXZpZGVyXG4iXX0= */");
+};
+exports.dividerBorder = dividerBorder;
+const StyledDivider = /*#__PURE__*/(0, _base.default)("hr", process.env.NODE_ENV === "production" ? {
+  target: "e1rrvlkn0"
+} : {
+  target: "e1rrvlkn0",
+  label: "StyledDivider"
+})("border:none;background-color:", p => p.light ? colors.divider.light : colors.divider.dark, ";max-width:100%;height:1px;margin:0 ", p => p.margins ? _theme.theme.spacing.m : 0, " 0 ", p => p.margins || p.indent ? _theme.theme.spacing.m : 0, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDeUYiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RpdmlkZXIvRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgRGl2aWRlclByb3BzID0ge1xuICAvL3RvZG86IGNvbnZlcnQgdG8gc3VyZmFjZSBjb25jZXB0IGFuZCByZW1vdmUgbGlnaHRcbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJsaWdodFwiIG1vZGUuXG4gICAqL1xuICBsaWdodD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJpbmRlbnRcIiBzdHlsZVxuICAgKi9cbiAgaW5kZW50PzogYm9vbGVhblxuICAvKipcbiAgICogIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJtYXJnaW5cIiBzdHlsZVxuICAgKi9cbiAgbWFyZ2lucz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG4vLyBDYW4gYmUgdXNlZCB0byBjcmVhdGUgYSBzaW1wbGUgZGl2aWRlciB3aXRoIGEgY3NzIGJvcmRlciBhbmQgc3RpbGwgYWRoZXJlIHRvIHRoZSBjb2xvcnMgZGVmaW5lZCBmb3IgZGl2aWRlcnMuXG5leHBvcnQgY29uc3QgZGl2aWRlckJvcmRlciA9IChsaWdodD86IGJvb2xlYW4sIHBsYWNlbWVudD86ICd0b3AnIHwgJ2JvdHRvbScpID0+IHtcbiAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke2xpZ2h0ID8gY29sb3JzLmRpdmlkZXIubGlnaHQgOiBjb2xvcnMuZGl2aWRlci5kYXJrfWBcbiAgcmV0dXJuIGNzc2BcbiAgICBib3JkZXItdG9wOiAke3BsYWNlbWVudCA9PT0gJ3RvcCcgJiYgYm9yZGVyfTtcbiAgICBib3JkZXItYm90dG9tOiAke3BsYWNlbWVudCA9PT0gJ2JvdHRvbScgJiYgYm9yZGVyfTtcbiAgYFxufVxuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmhyPHsgbGlnaHQ/OiBib29sZWFuOyBpbmRlbnQ/OiBib29sZWFuOyBtYXJnaW5zPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwKSA9PiAocC5saWdodCA/IGNvbG9ycy5kaXZpZGVyLmxpZ2h0IDogY29sb3JzLmRpdmlkZXIuZGFyayl9O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMXB4O1xuICBtYXJnaW46IDAgJHsocCkgPT4gKHAubWFyZ2lucyA/IHRoZW1lLnNwYWNpbmcubSA6IDApfSAwICR7KHApID0+IChwLm1hcmdpbnMgfHwgcC5pbmRlbnQgPyB0aGVtZS5zcGFjaW5nLm0gOiAwKX07XG5gXG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyID0gKHsgbGlnaHQsIGluZGVudCwgbWFyZ2lucywgLi4ucmVzdCB9OiBEaXZpZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIDxTdHlsZWREaXZpZGVyIGxpZ2h0PXtsaWdodH0gaW5kZW50PXtpbmRlbnR9IG1hcmdpbnM9e21hcmdpbnN9IHJvbGU9XCJzZXBhcmF0b3JcIiB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgRGl2aWRlclxuIl19 */"));
+const Divider = ({
+  light,
+  indent,
+  margins,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(StyledDivider, {
+    light: light,
+    indent: indent,
+    margins: margins,
+    role: "separator",
+    ...rest
+  });
+};
+exports.Divider = Divider;
+var _default = exports.default = Divider;

package/cjs/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';

package/cjs/divider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Divider = require("./Divider");
+Object.keys(_Divider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Divider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Divider[key];
+    }
+  });
+});

package/cjs/drawer/Drawer.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { theme } from '@dfds-ui/theme';
+type HorizontalPosition = 'left' | 'right';
+type VerticalPosition = 'top' | 'bottom';
+type Elevation = keyof typeof theme.elevation;
+export type DrawerProps = {
+    /**
+     * Horizontal position of the drawer
+     */
+    position?: HorizontalPosition;
+    /**
+     * Show arrow to visually indicate the relation to a connected component
+     */
+    showArrow?: boolean;
+    /**
+     *  Set the `elevation` for the Drawer.
+     */
+    elevation?: Elevation;
+    /**
+     * Vertical position of the drawer in relation to a connected component.
+     * Will only be used for placing the arrow on either the `top` or `bottom`
+     */
+    verticalPosition?: VerticalPosition;
+    /**
+     * Class name to be assigned to the component
+     */
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+export default Drawer;

package/cjs/drawer/Drawer.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Drawer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+var _arrow = _interopRequireDefault(require("../common/arrow"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getArrowPlacement = (vertical, horizontal) => {
+  return `${vertical ? vertical : 'top'}-${horizontal ? horizontal : 'left'}`;
+};
+const drawerStyles = ({
+  position,
+  verticalPosition,
+  showArrow,
+  elevation
+}) => /*#__PURE__*/(0, _react2.css)("z-index:1;position:absolute;height:auto;min-height:50px;left:", position === 'left' && 0, ";right:", position === 'right' && 0, ";min-width:112px;border-radius:2px;box-shadow:", _theme.theme.elevation[elevation], ";background-color:", _theme.theme.colors.surface.primary, ";display:grid;cursor:default;", !showArrow ? '' : (0, _arrow.default)(10, _theme.theme.colors.surface.primary, 20, getArrowPlacement(verticalPosition, position)), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RyYXdlci9EcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IGFycm93LCB7IEFycm93UG9zaXRpb24gfSBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5cbnR5cGUgSG9yaXpvbnRhbFBvc2l0aW9uID0gJ2xlZnQnIHwgJ3JpZ2h0J1xudHlwZSBWZXJ0aWNhbFBvc2l0aW9uID0gJ3RvcCcgfCAnYm90dG9tJ1xudHlwZSBFbGV2YXRpb24gPSBrZXlvZiB0eXBlb2YgdGhlbWUuZWxldmF0aW9uXG5cbmV4cG9ydCB0eXBlIERyYXdlclByb3BzID0ge1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgZHJhd2VyXG4gICAqL1xuICBwb3NpdGlvbj86IEhvcml6b250YWxQb3NpdGlvblxuXG4gIC8qKlxuICAgKiBTaG93IGFycm93IHRvIHZpc3VhbGx5IGluZGljYXRlIHRoZSByZWxhdGlvbiB0byBhIGNvbm5lY3RlZCBjb21wb25lbnRcbiAgICovXG4gIHNob3dBcnJvdz86IGJvb2xlYW5cbiAgLyoqXG4gICAqICBTZXQgdGhlIGBlbGV2YXRpb25gIGZvciB0aGUgRHJhd2VyLlxuICAgKi9cbiAgZWxldmF0aW9uPzogRWxldmF0aW9uXG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIHBvc2l0aW9uIG9mIHRoZSBkcmF3ZXIgaW4gcmVsYXRpb24gdG8gYSBjb25uZWN0ZWQgY29tcG9uZW50LlxuICAgKiBXaWxsIG9ubHkgYmUgdXNlZCBmb3IgcGxhY2luZyB0aGUgYXJyb3cgb24gZWl0aGVyIHRoZSBgdG9wYCBvciBgYm90dG9tYFxuICAgKi9cbiAgdmVydGljYWxQb3NpdGlvbj86IFZlcnRpY2FsUG9zaXRpb25cblxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0QXJyb3dQbGFjZW1lbnQgPSAodmVydGljYWw6IFZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWw6IEhvcml6b250YWxQb3NpdGlvbik6IEFycm93UG9zaXRpb24gPT4ge1xuICByZXR1cm4gYCR7dmVydGljYWwgPyB2ZXJ0aWNhbCA6ICd0b3AnfS0ke2hvcml6b250YWwgPyBob3Jpem9udGFsIDogJ2xlZnQnfWBcbn1cblxuY29uc3QgZHJhd2VyU3R5bGVzID0gKHtcbiAgcG9zaXRpb24sXG4gIHZlcnRpY2FsUG9zaXRpb24sXG4gIHNob3dBcnJvdyxcbiAgZWxldmF0aW9uLFxufToge1xuICBwb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uXG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb25cbiAgc2hvd0Fycm93OiBib29sZWFuXG4gIGVsZXZhdGlvbjogRWxldmF0aW9uXG59KSA9PiBjc3NgXG4gIHotaW5kZXg6IDE7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiBhdXRvO1xuICBtaW4taGVpZ2h0OiA1MHB4O1xuICBsZWZ0OiAke3Bvc2l0aW9uID09PSAnbGVmdCcgJiYgMH07XG4gIHJpZ2h0OiAke3Bvc2l0aW9uID09PSAncmlnaHQnICYmIDB9O1xuICBtaW4td2lkdGg6IDExMnB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uW2VsZXZhdGlvbl19O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBkaXNwbGF5OiBncmlkO1xuICBjdXJzb3I6IGRlZmF1bHQ7XG4gICR7IXNob3dBcnJvdyA/ICcnIDogYXJyb3coMTAsIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnksIDIwLCBnZXRBcnJvd1BsYWNlbWVudCh2ZXJ0aWNhbFBvc2l0aW9uLCBwb3NpdGlvbikpfVxuYFxuXG5leHBvcnQgY29uc3QgRHJhd2VyID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgRHJhd2VyUHJvcHM+KFxuICAoXG4gICAgeyBjbGFzc05hbWUsIGNoaWxkcmVuLCBwb3NpdGlvbiA9ICdsZWZ0JywgdmVydGljYWxQb3NpdGlvbiA9ICdib3R0b20nLCBzaG93QXJyb3cgPSB0cnVlLCBlbGV2YXRpb24gPSAnNCcsIC4uLnJlc3QgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17ZHJhd2VyU3R5bGVzKHsgcG9zaXRpb24sIHZlcnRpY2FsUG9zaXRpb24sIHNob3dBcnJvdywgZWxldmF0aW9uIH0pfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IERyYXdlclxuIl19 */");
+const Drawer = exports.Drawer = /*#__PURE__*/_react.default.forwardRef(({
+  className,
+  children,
+  position = 'left',
+  verticalPosition = 'bottom',
+  showArrow = true,
+  elevation = '4',
+  ...rest
+}, ref) => {
+  return (0, _jsxRuntime.jsx)("div", {
+    className: className,
+    css: drawerStyles({
+      position,
+      verticalPosition,
+      showArrow,
+      elevation
+    }),
+    ref: ref,
+    ...rest,
+    children: (0, _jsxRuntime.jsx)("div", {
+      children: children
+    })
+  });
+});
+var _default = exports.default = Drawer;

package/cjs/drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './Drawer';

package/cjs/drawer/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Drawer = require("./Drawer");
+Object.keys(_Drawer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Drawer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Drawer[key];
+    }
+  });
+});

package/cjs/dropdown-menu/Dropdown.d.ts

@@ -0,0 +1,46 @@
+import React, { ReactElement } from 'react';
+import { PopperProps, PopperPlacementType } from '@mui/material';
+export type DropdownSize = 'medium' | 'small';
+export type DropdownProps = {
+    /**
+     * Placement for the `Dropdown`.
+     */
+    placement?: PopperPlacementType;
+    /**
+     * HTML element that the `Dropdown` will be anchor to.
+     */
+    anchorEl?: PopperProps['anchorEl'];
+    /**
+     * If set to `true`, the `Dropdown` is shown.
+     */
+    isOpen: boolean;
+    /**
+     * Set the state of the `Dropdown`.
+     */
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * Specify the size of the `Dropdown`.
+     */
+    size?: DropdownSize;
+    /**
+     * Close the `Dropdown` on `esc` key.
+     */
+    shouldCloseOnEsc?: boolean;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    /**
+     * Select multiple children from the `Dropdown`.
+     */
+    multiselect?: boolean;
+    /**
+     * Add an `id` to the `Dropdown`.
+     */
+    id?: string;
+    onClickAway?: () => void;
+    children: ReactElement[];
+    filter?: boolean;
+};
+declare const DropdownMenu: ({ isOpen, multiselect, children, anchorEl, onClickAway, size, id, className, placement, setIsOpen, shouldCloseOnEsc, filter, ...rest }: DropdownProps) => React.JSX.Element;
+export default DropdownMenu;

package/cjs/dropdown-menu/Dropdown.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+var _drawer = require("../drawer");
+var _DropdownContext = require("./DropdownContext");
+var _material = require("@mui/material");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const getDrawerStyles = size => /*#__PURE__*/(0, _react2.css)("box-shadow:", _theme.theme.elevation['4'], ";padding:", _theme.theme.spacing.xxs, " 0;max-height:418px;min-width:", size === 'small' ? '124px' : '157px', ";max-width:288px;width:max-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDrawerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRG9EIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJy4uL2RyYXdlcidcbmltcG9ydCB7IERyb3Bkb3duQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBQb3BwZXIsIFBvcHBlclByb3BzLCBQb3BwZXJQbGFjZW1lbnRUeXBlLCBDbGlja0F3YXlMaXN0ZW5lciB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duU2l6ZSA9ICdtZWRpdW0nIHwgJ3NtYWxsJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByb3BzID0ge1xuICAvKipcbiAgICogUGxhY2VtZW50IGZvciB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgLyoqXG4gICAqIEhUTUwgZWxlbWVudCB0aGF0IHRoZSBgRHJvcGRvd25gIHdpbGwgYmUgYW5jaG9yIHRvLlxuICAgKi9cbiAgYW5jaG9yRWw/OiBQb3BwZXJQcm9wc1snYW5jaG9yRWwnXVxuICAvKipcbiAgICogSWYgc2V0IHRvIGB0cnVlYCwgdGhlIGBEcm9wZG93bmAgaXMgc2hvd24uXG4gICAqL1xuICBpc09wZW46IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGUgc3RhdGUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzZXRJc09wZW46IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PlxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNpemU/OiBEcm9wZG93blNpemVcbiAgLyoqXG4gICAqIENsb3NlIHRoZSBgRHJvcGRvd25gIG9uIGBlc2NgIGtleS5cbiAgICovXG4gIHNob3VsZENsb3NlT25Fc2M/OiBib29sZWFuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3QgbXVsdGlwbGUgY2hpbGRyZW4gZnJvbSB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIG11bHRpc2VsZWN0PzogYm9vbGVhblxuICAvKipcbiAgICogQWRkIGFuIGBpZGAgdG8gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBpZD86IHN0cmluZ1xuICBvbkNsaWNrQXdheT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW46IFJlYWN0RWxlbWVudFtdXG4gIGZpbHRlcj86IGJvb2xlYW5cbn1cblxuY29uc3QgZ2V0RHJhd2VyU3R5bGVzID0gKHNpemU/OiBEcm9wZG93blNpemUpID0+IGNzc2BcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzQnXX07XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54eHN9IDA7XG4gIG1heC1oZWlnaHQ6IDQxOHB4O1xuICBtaW4td2lkdGg6ICR7c2l6ZSA9PT0gJ3NtYWxsJyA/ICcxMjRweCcgOiAnMTU3cHgnfTtcbiAgbWF4LXdpZHRoOiAyODhweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuYFxuXG5jb25zdCBTY3JvbGxhYmxlRGl2ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHM6IGFueSwgcmVmOiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXgtaGVpZ2h0OiA0MTBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgLz5cbiAgKVxufSlcblxuY29uc3QgRHJvcGRvd25NZW51ID0gKHtcbiAgaXNPcGVuID0gZmFsc2UsXG4gIG11bHRpc2VsZWN0LFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIG9uQ2xpY2tBd2F5LFxuICBzaXplID0gJ21lZGl1bScsXG4gIGlkLFxuICBjbGFzc05hbWUsXG4gIHBsYWNlbWVudCxcbiAgc2V0SXNPcGVuLFxuICBzaG91bGRDbG9zZU9uRXNjLFxuICBmaWx0ZXIsXG4gIC4uLnJlc3Rcbn06IERyb3Bkb3duUHJvcHMpID0+IHtcbiAgY29uc3QgW2ZpbHRlcmVkLCBzZXRGaWx0ZXJlZF0gPSBSZWFjdC51c2VTdGF0ZTxzdHJpbmc+KCcnKVxuICBjb25zdCBjb250YWluZXJSZWYgPSBSZWFjdC51c2VSZWY8SFRNTERpdkVsZW1lbnQ+KClcbiAgY29uc3QgZmlyc3RDaGlsZFJlZiA9IFJlYWN0LnVzZVJlZjxhbnk+KClcbiAgY29uc3QgY3VycmVudEZvY3VzID0gUmVhY3QudXNlUmVmPGFueT4oKVxuICBjb25zdCBzZXRDb250YWluZXJSZWYgPSBSZWFjdC51c2VDYWxsYmFjaygobm9kZTogSFRNTERpdkVsZW1lbnQpID0+IHtcbiAgICBpZiAobm9kZSkge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSBub2RlXG4gICAgICBmaXJzdENoaWxkUmVmLmN1cnJlbnQgPSBjb250YWluZXJSZWYuY3VycmVudD8uZmlyc3RDaGlsZFxuICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBmaXJzdENoaWxkUmVmLmN1cnJlbnRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50LmZvY3VzKClcbiAgICB9IGVsc2Uge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSB1bmRlZmluZWRcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYXJEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBjb25zdCBldmVudEtleSA9IGV2ZW50LmtleVxuXG4gICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhldmVudEtleSkpIHtcbiAgICAgIHJldHVybiBoYW5kbGVBcnJvd3NVcERvd24oZXZlbnQpXG4gICAgfVxuXG4gICAgaWYgKCFmaWx0ZXIpIHJldHVyblxuXG4gICAgY29uc3Qgcmd4ID0gL1thLXpBLVowLTldL2dcbiAgICBjb25zdCB0ZXN0ID0gcmd4LnRlc3QoZXZlbnRLZXkpXG4gICAgaWYgKHRlc3QgJiYgZXZlbnRLZXkubGVuZ3RoID09PSAxKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgocHJldlN0YXRlKSA9PiBwcmV2U3RhdGUgKyBldmVudEtleS50b1VwcGVyQ2FzZSgpKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUFycm93c1VwRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgY29uc3QgcHJldiA9IGN1cnJlbnRGb2N1cy5jdXJyZW50LnByZXZpb3VzU2libGluZ1xuICAgICAgaWYgKHByZXYpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IHByZXZcbiAgICAgICAgcHJldi5mb2N1cygpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICBjb25zdCBuZXh0ID0gY3VycmVudEZvY3VzLmN1cnJlbnQubmV4dFNpYmxpbmdcbiAgICAgIGlmIChuZXh0KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBuZXh0XG4gICAgICAgIG5leHQuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiBzaG91bGRDbG9zZU9uRXNjKSB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSlcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCBmaWx0ZXJDaGlsZHJlbiA9IChwYXJhbTogdHlwZW9mIGNoaWxkcmVuKSA9PiB7XG4gICAgaWYgKGZpbHRlcmVkLmxlbmd0aCA+PSAxKSB7XG4gICAgICByZXR1cm4gcGFyYW0uZmlsdGVyKCh4KSA9PiB4LnByb3BzLmNoaWxkcmVuLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMoZmlsdGVyZWQpKVxuICAgIH1cbiAgICByZXR1cm4gcGFyYW1cbiAgfVxuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIHNldEZpbHRlcmVkKCcnKVxuICAgIH1cbiAgfSwgW2lzT3Blbl0pXG5cbiAgcmV0dXJuIChcbiAgICA8UG9wcGVyXG4gICAgICBvcGVuPXtpc09wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBpZD17aWR9XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5tb2RhbH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8RHJhd2VyIGNzcz17Z2V0RHJhd2VyU3R5bGVzKHNpemUpfSBzaG93QXJyb3c9e2ZhbHNlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAgICAgIDxEcm9wZG93bkNvbnRleHRQcm92aWRlciB2YWx1ZT17eyBzaXplLCBtdWx0aXNlbGVjdCB9fT5cbiAgICAgICAgICAgIDxTY3JvbGxhYmxlRGl2IHJlZj17c2V0Q29udGFpbmVyUmVmfSBvbktleURvd249e2hhbmRsZUNoYXJEb3dufT5cbiAgICAgICAgICAgICAge2ZpbHRlciA/IGZpbHRlckNoaWxkcmVuKGNoaWxkcmVuKSA6IGNoaWxkcmVufVxuICAgICAgICAgICAgPC9TY3JvbGxhYmxlRGl2PlxuICAgICAgICAgIDwvRHJvcGRvd25Db250ZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICA8L1BvcHBlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEcm9wZG93bk1lbnVcbiJdfQ== */");
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "dnempo",
+  styles: "max-height:410px;overflow:auto"
+} : {
+  name: "1wvz7bn-ScrollableDiv",
+  styles: "max-height:410px;overflow:auto;label:ScrollableDiv;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgRHJvcGRvd25Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMsIFBvcHBlclBsYWNlbWVudFR5cGUsIENsaWNrQXdheUxpc3RlbmVyIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25TaXplID0gJ21lZGl1bScgfCAnc21hbGwnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQbGFjZW1lbnQgZm9yIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgcGxhY2VtZW50PzogUG9wcGVyUGxhY2VtZW50VHlwZVxuICAvKipcbiAgICogSFRNTCBlbGVtZW50IHRoYXQgdGhlIGBEcm9wZG93bmAgd2lsbCBiZSBhbmNob3IgdG8uXG4gICAqL1xuICBhbmNob3JFbD86IFBvcHBlclByb3BzWydhbmNob3JFbCddXG4gIC8qKlxuICAgKiBJZiBzZXQgdG8gYHRydWVgLCB0aGUgYERyb3Bkb3duYCBpcyBzaG93bi5cbiAgICovXG4gIGlzT3BlbjogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoZSBzdGF0ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNldElzT3BlbjogUmVhY3QuRGlzcGF0Y2g8UmVhY3QuU2V0U3RhdGVBY3Rpb248Ym9vbGVhbj4+XG4gIC8qKlxuICAgKiBTcGVjaWZ5IHRoZSBzaXplIG9mIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgc2l6ZT86IERyb3Bkb3duU2l6ZVxuICAvKipcbiAgICogQ2xvc2UgdGhlIGBEcm9wZG93bmAgb24gYGVzY2Aga2V5LlxuICAgKi9cbiAgc2hvdWxkQ2xvc2VPbkVzYz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNlbGVjdCBtdWx0aXBsZSBjaGlsZHJlbiBmcm9tIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgbXVsdGlzZWxlY3Q/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgYW4gYGlkYCB0byB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIGlkPzogc3RyaW5nXG4gIG9uQ2xpY2tBd2F5PzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50W11cbiAgZmlsdGVyPzogYm9vbGVhblxufVxuXG5jb25zdCBnZXREcmF3ZXJTdHlsZXMgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4gY3NzYFxuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnNCddfTtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnh4c30gMDtcbiAgbWF4LWhlaWdodDogNDE4cHg7XG4gIG1pbi13aWR0aDogJHtzaXplID09PSAnc21hbGwnID8gJzEyNHB4JyA6ICcxNTdweCd9O1xuICBtYXgtd2lkdGg6IDI4OHB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG5gXG5cbmNvbnN0IFNjcm9sbGFibGVEaXYgPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wczogYW55LCByZWY6IGFueSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHRhYkluZGV4PXswfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1heC1oZWlnaHQ6IDQxMHB4O1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICByZWY9e3JlZn1cbiAgICAvPlxuICApXG59KVxuXG5jb25zdCBEcm9wZG93bk1lbnUgPSAoe1xuICBpc09wZW4gPSBmYWxzZSxcbiAgbXVsdGlzZWxlY3QsXG4gIGNoaWxkcmVuLFxuICBhbmNob3JFbCxcbiAgb25DbGlja0F3YXksXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgaWQsXG4gIGNsYXNzTmFtZSxcbiAgcGxhY2VtZW50LFxuICBzZXRJc09wZW4sXG4gIHNob3VsZENsb3NlT25Fc2MsXG4gIGZpbHRlcixcbiAgLi4ucmVzdFxufTogRHJvcGRvd25Qcm9wcykgPT4ge1xuICBjb25zdCBbZmlsdGVyZWQsIHNldEZpbHRlcmVkXSA9IFJlYWN0LnVzZVN0YXRlPHN0cmluZz4oJycpXG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MRGl2RWxlbWVudD4oKVxuICBjb25zdCBmaXJzdENoaWxkUmVmID0gUmVhY3QudXNlUmVmPGFueT4oKVxuICBjb25zdCBjdXJyZW50Rm9jdXMgPSBSZWFjdC51c2VSZWY8YW55PigpXG4gIGNvbnN0IHNldENvbnRhaW5lclJlZiA9IFJlYWN0LnVzZUNhbGxiYWNrKChub2RlOiBIVE1MRGl2RWxlbWVudCkgPT4ge1xuICAgIGlmIChub2RlKSB7XG4gICAgICBjb250YWluZXJSZWYuY3VycmVudCA9IG5vZGVcbiAgICAgIGZpcnN0Q2hpbGRSZWYuY3VycmVudCA9IGNvbnRhaW5lclJlZi5jdXJyZW50Py5maXJzdENoaWxkXG4gICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IGZpcnN0Q2hpbGRSZWYuY3VycmVudFxuICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQuZm9jdXMoKVxuICAgIH0gZWxzZSB7XG4gICAgICBjb250YWluZXJSZWYuY3VycmVudCA9IHVuZGVmaW5lZFxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFuZGxlQ2hhckRvd24gPSAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQ8RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGNvbnN0IGV2ZW50S2V5ID0gZXZlbnQua2V5XG5cbiAgICBpZiAoWydBcnJvd1VwJywgJ0Fycm93RG93biddLmluY2x1ZGVzKGV2ZW50S2V5KSkge1xuICAgICAgcmV0dXJuIGhhbmRsZUFycm93c1VwRG93bihldmVudClcbiAgICB9XG5cbiAgICBpZiAoIWZpbHRlcikgcmV0dXJuXG5cbiAgICBjb25zdCByZ3ggPSAvW2EtekEtWjAtOV0vZ1xuICAgIGNvbnN0IHRlc3QgPSByZ3gudGVzdChldmVudEtleSlcbiAgICBpZiAodGVzdCAmJiBldmVudEtleS5sZW5ndGggPT09IDEpIHtcbiAgICAgIHNldEZpbHRlcmVkKChwcmV2U3RhdGUpID0+IHByZXZTdGF0ZSArIGV2ZW50S2V5LnRvVXBwZXJDYXNlKCkpXG4gICAgfVxuICB9XG5cbiAgY29uc3QgaGFuZGxlQXJyb3dzVXBEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93VXAnKSB7XG4gICAgICBjb25zdCBwcmV2ID0gY3VycmVudEZvY3VzLmN1cnJlbnQucHJldmlvdXNTaWJsaW5nXG4gICAgICBpZiAocHJldikge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gcHJldlxuICAgICAgICBwcmV2LmZvY3VzKClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgIGNvbnN0IG5leHQgPSBjdXJyZW50Rm9jdXMuY3VycmVudC5uZXh0U2libGluZ1xuICAgICAgaWYgKG5leHQpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IG5leHRcbiAgICAgICAgbmV4dC5mb2N1cygpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnICYmIHNob3VsZENsb3NlT25Fc2MpIHtcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgc2V0SXNPcGVuKGZhbHNlKVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGZpbHRlckNoaWxkcmVuID0gKHBhcmFtOiB0eXBlb2YgY2hpbGRyZW4pID0+IHtcbiAgICBpZiAoZmlsdGVyZWQubGVuZ3RoID49IDEpIHtcbiAgICAgIHJldHVybiBwYXJhbS5maWx0ZXIoKHgpID0+IHgucHJvcHMuY2hpbGRyZW4udG9VcHBlckNhc2UoKS5pbmNsdWRlcyhmaWx0ZXJlZCkpXG4gICAgfVxuICAgIHJldHVybiBwYXJhbVxuICB9XG5cbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgc2V0RmlsdGVyZWQoJycpXG4gICAgfVxuICB9LCBbaXNPcGVuXSlcblxuICByZXR1cm4gKFxuICAgIDxQb3BwZXJcbiAgICAgIG9wZW49e2lzT3Blbn1cbiAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHotaW5kZXg6ICR7dGhlbWUuekluZGV4Lm1vZGFsfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2xpY2tBd2F5TGlzdGVuZXJcbiAgICAgICAgb25DbGlja0F3YXk9eygpID0+IHtcbiAgICAgICAgICBvbkNsaWNrQXdheSAmJiBvbkNsaWNrQXdheSgpXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxEcmF3ZXIgY3NzPXtnZXREcmF3ZXJTdHlsZXMoc2l6ZSl9IHNob3dBcnJvdz17ZmFsc2V9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICAgICAgPERyb3Bkb3duQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHNpemUsIG11bHRpc2VsZWN0IH19PlxuICAgICAgICAgICAgPFNjcm9sbGFibGVEaXYgcmVmPXtzZXRDb250YWluZXJSZWZ9IG9uS2V5RG93bj17aGFuZGxlQ2hhckRvd259PlxuICAgICAgICAgICAgICB7ZmlsdGVyID8gZmlsdGVyQ2hpbGRyZW4oY2hpbGRyZW4pIDogY2hpbGRyZW59XG4gICAgICAgICAgICA8L1Njcm9sbGFibGVEaXY+XG4gICAgICAgICAgPC9Ecm9wZG93bkNvbnRleHRQcm92aWRlcj5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICA8L0NsaWNrQXdheUxpc3RlbmVyPlxuICAgIDwvUG9wcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTWVudVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ScrollableDiv = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  return (0, _jsxRuntime.jsx)("div", {
+    tabIndex: 0,
+    css: _ref,
+    ...props,
+    ref: ref
+  });
+});
+const DropdownMenu = ({
+  isOpen = false,
+  multiselect,
+  children,
+  anchorEl,
+  onClickAway,
+  size = 'medium',
+  id,
+  className,
+  placement,
+  setIsOpen,
+  shouldCloseOnEsc,
+  filter,
+  ...rest
+}) => {
+  const [filtered, setFiltered] = _react.default.useState('');
+  const containerRef = _react.default.useRef();
+  const firstChildRef = _react.default.useRef();
+  const currentFocus = _react.default.useRef();
+  const setContainerRef = _react.default.useCallback(node => {
+    if (node) {
+      containerRef.current = node;
+      firstChildRef.current = containerRef.current?.firstChild;
+      currentFocus.current = firstChildRef.current;
+      currentFocus.current.focus();
+    } else {
+      containerRef.current = undefined;
+    }
+  }, []);
+  const handleCharDown = event => {
+    event.stopPropagation();
+    const eventKey = event.key;
+    if (['ArrowUp', 'ArrowDown'].includes(eventKey)) {
+      return handleArrowsUpDown(event);
+    }
+    if (!filter) return;
+    const rgx = /[a-zA-Z0-9]/g;
+    const test = rgx.test(eventKey);
+    if (test && eventKey.length === 1) {
+      setFiltered(prevState => prevState + eventKey.toUpperCase());
+    }
+  };
+  const handleArrowsUpDown = event => {
+    if (event.key === 'ArrowUp') {
+      const prev = currentFocus.current.previousSibling;
+      if (prev) {
+        event.preventDefault();
+        currentFocus.current = prev;
+        prev.focus();
+      }
+    } else if (event.key === 'ArrowDown') {
+      const next = currentFocus.current.nextSibling;
+      if (next) {
+        event.preventDefault();
+        currentFocus.current = next;
+        next.focus();
+      }
+    } else if (event.key === 'Escape' && shouldCloseOnEsc) {
+      if (isOpen) {
+        setIsOpen(false);
+      }
+    }
+  };
+  const filterChildren = param => {
+    if (filtered.length >= 1) {
+      return param.filter(x => x.props.children.toUpperCase().includes(filtered));
+    }
+    return param;
+  };
+  _react.default.useEffect(() => {
+    if (!isOpen) {
+      setFiltered('');
+    }
+  }, [isOpen]);
+  return (0, _jsxRuntime.jsx)(_material.Popper, {
+    open: isOpen,
+    anchorEl: anchorEl,
+    id: id,
+    placement: placement,
+    css: /*#__PURE__*/(0, _react2.css)("z-index:", _theme.theme.zIndex.modal, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownMenu;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrS2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgRHJvcGRvd25Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMsIFBvcHBlclBsYWNlbWVudFR5cGUsIENsaWNrQXdheUxpc3RlbmVyIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25TaXplID0gJ21lZGl1bScgfCAnc21hbGwnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQbGFjZW1lbnQgZm9yIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgcGxhY2VtZW50PzogUG9wcGVyUGxhY2VtZW50VHlwZVxuICAvKipcbiAgICogSFRNTCBlbGVtZW50IHRoYXQgdGhlIGBEcm9wZG93bmAgd2lsbCBiZSBhbmNob3IgdG8uXG4gICAqL1xuICBhbmNob3JFbD86IFBvcHBlclByb3BzWydhbmNob3JFbCddXG4gIC8qKlxuICAgKiBJZiBzZXQgdG8gYHRydWVgLCB0aGUgYERyb3Bkb3duYCBpcyBzaG93bi5cbiAgICovXG4gIGlzT3BlbjogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoZSBzdGF0ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNldElzT3BlbjogUmVhY3QuRGlzcGF0Y2g8UmVhY3QuU2V0U3RhdGVBY3Rpb248Ym9vbGVhbj4+XG4gIC8qKlxuICAgKiBTcGVjaWZ5IHRoZSBzaXplIG9mIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgc2l6ZT86IERyb3Bkb3duU2l6ZVxuICAvKipcbiAgICogQ2xvc2UgdGhlIGBEcm9wZG93bmAgb24gYGVzY2Aga2V5LlxuICAgKi9cbiAgc2hvdWxkQ2xvc2VPbkVzYz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNlbGVjdCBtdWx0aXBsZSBjaGlsZHJlbiBmcm9tIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgbXVsdGlzZWxlY3Q/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgYW4gYGlkYCB0byB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIGlkPzogc3RyaW5nXG4gIG9uQ2xpY2tBd2F5PzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50W11cbiAgZmlsdGVyPzogYm9vbGVhblxufVxuXG5jb25zdCBnZXREcmF3ZXJTdHlsZXMgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4gY3NzYFxuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnNCddfTtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnh4c30gMDtcbiAgbWF4LWhlaWdodDogNDE4cHg7XG4gIG1pbi13aWR0aDogJHtzaXplID09PSAnc21hbGwnID8gJzEyNHB4JyA6ICcxNTdweCd9O1xuICBtYXgtd2lkdGg6IDI4OHB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG5gXG5cbmNvbnN0IFNjcm9sbGFibGVEaXYgPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wczogYW55LCByZWY6IGFueSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHRhYkluZGV4PXswfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1heC1oZWlnaHQ6IDQxMHB4O1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICByZWY9e3JlZn1cbiAgICAvPlxuICApXG59KVxuXG5jb25zdCBEcm9wZG93bk1lbnUgPSAoe1xuICBpc09wZW4gPSBmYWxzZSxcbiAgbXVsdGlzZWxlY3QsXG4gIGNoaWxkcmVuLFxuICBhbmNob3JFbCxcbiAgb25DbGlja0F3YXksXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgaWQsXG4gIGNsYXNzTmFtZSxcbiAgcGxhY2VtZW50LFxuICBzZXRJc09wZW4sXG4gIHNob3VsZENsb3NlT25Fc2MsXG4gIGZpbHRlcixcbiAgLi4ucmVzdFxufTogRHJvcGRvd25Qcm9wcykgPT4ge1xuICBjb25zdCBbZmlsdGVyZWQsIHNldEZpbHRlcmVkXSA9IFJlYWN0LnVzZVN0YXRlPHN0cmluZz4oJycpXG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MRGl2RWxlbWVudD4oKVxuICBjb25zdCBmaXJzdENoaWxkUmVmID0gUmVhY3QudXNlUmVmPGFueT4oKVxuICBjb25zdCBjdXJyZW50Rm9jdXMgPSBSZWFjdC51c2VSZWY8YW55PigpXG4gIGNvbnN0IHNldENvbnRhaW5lclJlZiA9IFJlYWN0LnVzZUNhbGxiYWNrKChub2RlOiBIVE1MRGl2RWxlbWVudCkgPT4ge1xuICAgIGlmIChub2RlKSB7XG4gICAgICBjb250YWluZXJSZWYuY3VycmVudCA9IG5vZGVcbiAgICAgIGZpcnN0Q2hpbGRSZWYuY3VycmVudCA9IGNvbnRhaW5lclJlZi5jdXJyZW50Py5maXJzdENoaWxkXG4gICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IGZpcnN0Q2hpbGRSZWYuY3VycmVudFxuICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQuZm9jdXMoKVxuICAgIH0gZWxzZSB7XG4gICAgICBjb250YWluZXJSZWYuY3VycmVudCA9IHVuZGVmaW5lZFxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFuZGxlQ2hhckRvd24gPSAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQ8RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGNvbnN0IGV2ZW50S2V5ID0gZXZlbnQua2V5XG5cbiAgICBpZiAoWydBcnJvd1VwJywgJ0Fycm93RG93biddLmluY2x1ZGVzKGV2ZW50S2V5KSkge1xuICAgICAgcmV0dXJuIGhhbmRsZUFycm93c1VwRG93bihldmVudClcbiAgICB9XG5cbiAgICBpZiAoIWZpbHRlcikgcmV0dXJuXG5cbiAgICBjb25zdCByZ3ggPSAvW2EtekEtWjAtOV0vZ1xuICAgIGNvbnN0IHRlc3QgPSByZ3gudGVzdChldmVudEtleSlcbiAgICBpZiAodGVzdCAmJiBldmVudEtleS5sZW5ndGggPT09IDEpIHtcbiAgICAgIHNldEZpbHRlcmVkKChwcmV2U3RhdGUpID0+IHByZXZTdGF0ZSArIGV2ZW50S2V5LnRvVXBwZXJDYXNlKCkpXG4gICAgfVxuICB9XG5cbiAgY29uc3QgaGFuZGxlQXJyb3dzVXBEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93VXAnKSB7XG4gICAgICBjb25zdCBwcmV2ID0gY3VycmVudEZvY3VzLmN1cnJlbnQucHJldmlvdXNTaWJsaW5nXG4gICAgICBpZiAocHJldikge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gcHJldlxuICAgICAgICBwcmV2LmZvY3VzKClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgIGNvbnN0IG5leHQgPSBjdXJyZW50Rm9jdXMuY3VycmVudC5uZXh0U2libGluZ1xuICAgICAgaWYgKG5leHQpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IG5leHRcbiAgICAgICAgbmV4dC5mb2N1cygpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnICYmIHNob3VsZENsb3NlT25Fc2MpIHtcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgc2V0SXNPcGVuKGZhbHNlKVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGZpbHRlckNoaWxkcmVuID0gKHBhcmFtOiB0eXBlb2YgY2hpbGRyZW4pID0+IHtcbiAgICBpZiAoZmlsdGVyZWQubGVuZ3RoID49IDEpIHtcbiAgICAgIHJldHVybiBwYXJhbS5maWx0ZXIoKHgpID0+IHgucHJvcHMuY2hpbGRyZW4udG9VcHBlckNhc2UoKS5pbmNsdWRlcyhmaWx0ZXJlZCkpXG4gICAgfVxuICAgIHJldHVybiBwYXJhbVxuICB9XG5cbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgc2V0RmlsdGVyZWQoJycpXG4gICAgfVxuICB9LCBbaXNPcGVuXSlcblxuICByZXR1cm4gKFxuICAgIDxQb3BwZXJcbiAgICAgIG9wZW49e2lzT3Blbn1cbiAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHotaW5kZXg6ICR7dGhlbWUuekluZGV4Lm1vZGFsfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2xpY2tBd2F5TGlzdGVuZXJcbiAgICAgICAgb25DbGlja0F3YXk9eygpID0+IHtcbiAgICAgICAgICBvbkNsaWNrQXdheSAmJiBvbkNsaWNrQXdheSgpXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxEcmF3ZXIgY3NzPXtnZXREcmF3ZXJTdHlsZXMoc2l6ZSl9IHNob3dBcnJvdz17ZmFsc2V9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICAgICAgPERyb3Bkb3duQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHNpemUsIG11bHRpc2VsZWN0IH19PlxuICAgICAgICAgICAgPFNjcm9sbGFibGVEaXYgcmVmPXtzZXRDb250YWluZXJSZWZ9IG9uS2V5RG93bj17aGFuZGxlQ2hhckRvd259PlxuICAgICAgICAgICAgICB7ZmlsdGVyID8gZmlsdGVyQ2hpbGRyZW4oY2hpbGRyZW4pIDogY2hpbGRyZW59XG4gICAgICAgICAgICA8L1Njcm9sbGFibGVEaXY+XG4gICAgICAgICAgPC9Ecm9wZG93bkNvbnRleHRQcm92aWRlcj5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICA8L0NsaWNrQXdheUxpc3RlbmVyPlxuICAgIDwvUG9wcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTWVudVxuIl19 */"),
+    ...rest,
+    children: (0, _jsxRuntime.jsx)(_material.ClickAwayListener, {
+      onClickAway: () => {
+        onClickAway && onClickAway();
+      },
+      children: (0, _jsxRuntime.jsx)(_drawer.Drawer, {
+        css: getDrawerStyles(size),
+        showArrow: false,
+        className: className,
+        ...rest,
+        children: (0, _jsxRuntime.jsx)(_DropdownContext.DropdownContextProvider, {
+          value: {
+            size,
+            multiselect
+          },
+          children: (0, _jsxRuntime.jsx)(ScrollableDiv, {
+            ref: setContainerRef,
+            onKeyDown: handleCharDown,
+            children: filter ? filterChildren(children) : children
+          })
+        })
+      })
+    })
+  });
+};
+var _default = exports.default = DropdownMenu;

package/cjs/dropdown-menu/DropdownContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type DropdownSize = 'medium' | 'small';
+type DropdownContextProps = {
+    size?: DropdownSize;
+    multiselect?: boolean;
+};
+export declare const DropdownContext: React.Context<DropdownContextProps>;
+export declare const DropdownContextProvider: ({ children, value, }: {
+    value: DropdownContextProps;
+    children?: React.ReactNode;
+}) => React.JSX.Element;
+declare const useDropdownContext: () => DropdownContextProps;
+export default useDropdownContext;

package/cjs/dropdown-menu/DropdownContext.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DropdownContextProvider = exports.DropdownContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DropdownContext = exports.DropdownContext = /*#__PURE__*/(0, _react.createContext)({
+  size: 'small',
+  multiselect: true
+});
+const DropdownContextProvider = ({
+  children,
+  value
+}) => {
+  return (0, _jsxRuntime.jsx)(DropdownContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+exports.DropdownContextProvider = DropdownContextProvider;
+const useDropdownContext = () => {
+  const context = (0, _react.useContext)(DropdownContext);
+  if (context === undefined) {
+    throw new Error('useDropdownContext must be used within Dropdown component.');
+  }
+  return context;
+};
+var _default = exports.default = useDropdownContext;

package/cjs/dropdown-menu/MenuCheckbox.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+export interface MenuCheckboxProps {
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: React.ElementType;
+    /**
+     * Override the default color for the text.
+     */
+    color?: string;
+    /**
+     * Indicates that the `MenuCheckbox` is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Invoke the provided callback when the `MenuCheckbox` is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Indicates that the `MenuCheckbox` is selected.
+     */
+    selected?: boolean;
+    /**
+     * Add interactive styles to the `MenuCheckbox`.
+     */
+    clickable?: boolean;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const MenuCheckbox: ({ color, children, disabled, as, onClick, selected, clickable, className, }: MenuCheckboxProps) => React.JSX.Element;
+export default MenuCheckbox;

package/cjs/dropdown-menu/MenuCheckbox.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("@dfds-ui/theme");
+var _react2 = require("@emotion/react");
+var _lists = require("../lists");
+var _checkbox = require("../forms/checkbox");
+var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
+var _MenuItem = require("./MenuItem");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const checkboxStyle = /*#__PURE__*/(0, _react2.css)("i>svg>path{color:", _theme.theme.colors.surface.primary, ";fill:", _theme.theme.colors.surface.primary, ";}margin-right:", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:checkboxStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0N5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51Q2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4uL2Zvcm1zL2NoZWNrYm94J1xuaW1wb3J0IHVzZURyb3Bkb3duQ29udGV4dCBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IGdldExpc3RJdGVtU3R5bGUsIGdldExpc3RUZXh0U3R5bGUgfSBmcm9tICcuL01lbnVJdGVtJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVDaGVja2JveFByb3BzIHtcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBPdmVycmlkZSB0aGUgZGVmYXVsdCBjb2xvciBmb3IgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBJbnZva2UgdGhlIHByb3ZpZGVkIGNhbGxiYWNrIHdoZW4gdGhlIGBNZW51Q2hlY2tib3hgIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUNoZWNrYm94YC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgY2hlY2tib3hTdHlsZSA9IGNzc2BcbiAgaSA+IHN2ZyA+IHBhdGgge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIH1cbiAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuYFxuXG5jb25zdCBNZW51Q2hlY2tib3ggPSAoe1xuICBjb2xvciA9IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeSxcbiAgY2hpbGRyZW4sXG4gIGRpc2FibGVkLFxuICBhcyA9ICdzcGFuJyxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGNsaWNrYWJsZSxcbiAgY2xhc3NOYW1lLFxufTogTWVudUNoZWNrYm94UHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplIH0gPSB1c2VEcm9wZG93bkNvbnRleHQoKVxuICBjb25zdCBoYW5kbGVFdmVudCA9ICgpOiB2b2lkID0+IHtcbiAgICBvbkNsaWNrICYmIG9uQ2xpY2soKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdEl0ZW1cbiAgICAgIGFzPXthc31cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgIGNsaWNrYWJsZVxuICAgICAgey4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBjbGlja2FibGU6IGNsaWNrYWJsZSxcbiAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBldmVudC5rZXkgPT09ICdFbnRlcicgJiYgaGFuZGxlRXZlbnQoKSxcbiAgICAgIH0pfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplLCBkaXNhYmxlZCl9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxDaGVja2JveFxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkfVxuICAgICAgICBjc3M9e2NoZWNrYm94U3R5bGV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAvPlxuICAgICAgPExpc3RUZXh0XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keVwiXG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtnZXRMaXN0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xpc3RUZXh0PlxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUNoZWNrYm94XG4iXX0= */");
+const MenuCheckbox = ({
+  color = _theme.theme.colors.text.dark.primary,
+  children,
+  disabled,
+  as = 'span',
+  onClick,
+  selected,
+  clickable,
+  className
+}) => {
+  const {
+    size
+  } = (0, _DropdownContext.default)();
+  const handleEvent = () => {
+    onClick && onClick();
+  };
+  return (0, _jsxRuntime.jsxs)(_lists.ListItem, {
+    as: as,
+    className: className,
+    onClick: onClick,
+    selected: selected,
+    clickable: true,
+    ...(!disabled && {
+      clickable: clickable,
+      onClick: onClick,
+      onKeyPress: event => event.key === 'Enter' && handleEvent()
+    }),
+    css: /*#__PURE__*/(0, _react2.css)((0, _MenuItem.getListItemStyle)(size, disabled), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCheckbox;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkVjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMaXN0SXRlbSwgTGlzdFRleHQgfSBmcm9tICcuLi9saXN0cydcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vZm9ybXMvY2hlY2tib3gnXG5pbXBvcnQgdXNlRHJvcGRvd25Db250ZXh0IGZyb20gJy4vRHJvcGRvd25Db250ZXh0J1xuaW1wb3J0IHsgZ2V0TGlzdEl0ZW1TdHlsZSwgZ2V0TGlzdFRleHRTdHlsZSB9IGZyb20gJy4vTWVudUl0ZW0nXG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUNoZWNrYm94UHJvcHMge1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZvciB0aGUgdGV4dC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgYE1lbnVDaGVja2JveGAgaXMgZGlzYWJsZWQuXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYE1lbnVDaGVja2JveGAgaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgYE1lbnVDaGVja2JveGAgaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBpbnRlcmFjdGl2ZSBzdHlsZXMgdG8gdGhlIGBNZW51Q2hlY2tib3hgLlxuICAgKi9cbiAgY2xpY2thYmxlPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBjaGVja2JveFN0eWxlID0gY3NzYFxuICBpID4gc3ZnID4gcGF0aCB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgZmlsbDogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgfVxuICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG5gXG5cbmNvbnN0IE1lbnVDaGVja2JveCA9ICh7XG4gIGNvbG9yID0gdGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5LFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQsXG4gIGFzID0gJ3NwYW4nLFxuICBvbkNsaWNrLFxuICBzZWxlY3RlZCxcbiAgY2xpY2thYmxlLFxuICBjbGFzc05hbWUsXG59OiBNZW51Q2hlY2tib3hQcm9wcykgPT4ge1xuICBjb25zdCB7IHNpemUgfSA9IHVzZURyb3Bkb3duQ29udGV4dCgpXG4gIGNvbnN0IGhhbmRsZUV2ZW50ID0gKCk6IHZvaWQgPT4ge1xuICAgIG9uQ2xpY2sgJiYgb25DbGljaygpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgc2VsZWN0ZWQ9e3NlbGVjdGVkfVxuICAgICAgY2xpY2thYmxlXG4gICAgICB7Li4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgIGNsaWNrYWJsZTogY2xpY2thYmxlLFxuICAgICAgICBvbkNsaWNrOiBvbkNsaWNrLFxuICAgICAgICBvbktleVByZXNzOiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IGV2ZW50LmtleSA9PT0gJ0VudGVyJyAmJiBoYW5kbGVFdmVudCgpLFxuICAgICAgfSl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtnZXRMaXN0SXRlbVN0eWxlKHNpemUsIGRpc2FibGVkKX1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPENoZWNrYm94XG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWR9XG4gICAgICAgIGNzcz17Y2hlY2tib3hTdHlsZX1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIC8+XG4gICAgICA8TGlzdFRleHRcbiAgICAgICAgc3R5bGVkQXM9XCJib2R5XCJcbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2dldExpc3RUZXh0U3R5bGUoc2l6ZSl9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvTGlzdFRleHQ+XG4gICAgPC9MaXN0SXRlbT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNZW51Q2hlY2tib3hcbiJdfQ== */"),
+    children: [(0, _jsxRuntime.jsx)(_checkbox.Checkbox, {
+      size: "small",
+      tabIndex: -1,
+      checked: selected,
+      css: checkboxStyle,
+      onChange: onClick,
+      disabled: disabled
+    }), (0, _jsxRuntime.jsx)(_lists.ListText, {
+      styledAs: "body",
+      color: color,
+      css: /*#__PURE__*/(0, _react2.css)((0, _MenuItem.getListTextStyle)(size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCheckbox;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51Q2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4uL2Zvcm1zL2NoZWNrYm94J1xuaW1wb3J0IHVzZURyb3Bkb3duQ29udGV4dCBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IGdldExpc3RJdGVtU3R5bGUsIGdldExpc3RUZXh0U3R5bGUgfSBmcm9tICcuL01lbnVJdGVtJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVDaGVja2JveFByb3BzIHtcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBPdmVycmlkZSB0aGUgZGVmYXVsdCBjb2xvciBmb3IgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBJbnZva2UgdGhlIHByb3ZpZGVkIGNhbGxiYWNrIHdoZW4gdGhlIGBNZW51Q2hlY2tib3hgIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUNoZWNrYm94YC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgY2hlY2tib3hTdHlsZSA9IGNzc2BcbiAgaSA+IHN2ZyA+IHBhdGgge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIH1cbiAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuYFxuXG5jb25zdCBNZW51Q2hlY2tib3ggPSAoe1xuICBjb2xvciA9IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeSxcbiAgY2hpbGRyZW4sXG4gIGRpc2FibGVkLFxuICBhcyA9ICdzcGFuJyxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGNsaWNrYWJsZSxcbiAgY2xhc3NOYW1lLFxufTogTWVudUNoZWNrYm94UHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplIH0gPSB1c2VEcm9wZG93bkNvbnRleHQoKVxuICBjb25zdCBoYW5kbGVFdmVudCA9ICgpOiB2b2lkID0+IHtcbiAgICBvbkNsaWNrICYmIG9uQ2xpY2soKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdEl0ZW1cbiAgICAgIGFzPXthc31cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgIGNsaWNrYWJsZVxuICAgICAgey4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBjbGlja2FibGU6IGNsaWNrYWJsZSxcbiAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBldmVudC5rZXkgPT09ICdFbnRlcicgJiYgaGFuZGxlRXZlbnQoKSxcbiAgICAgIH0pfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplLCBkaXNhYmxlZCl9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxDaGVja2JveFxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkfVxuICAgICAgICBjc3M9e2NoZWNrYm94U3R5bGV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAvPlxuICAgICAgPExpc3RUZXh0XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keVwiXG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtnZXRMaXN0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xpc3RUZXh0PlxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUNoZWNrYm94XG4iXX0= */"),
+      children: children
+    })]
+  });
+};
+var _default = exports.default = MenuCheckbox;

package/cjs/dropdown-menu/MenuItem.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { DropdownSize } from './Dropdown';
+export interface MenuItemProps {
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: React.ElementType;
+    /**
+     * Invoke the provided callback when the `MenuItem` is clicked.
+     */
+    onClick?: (event?: any) => void;
+    /**
+     * Indicates that the `MenuItem` is selected.
+     */
+    selected?: boolean;
+    /**
+     * Indicates that the `MenuItem` is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Add interactive styles to the `MenuItem`.
+     */
+    clickable?: boolean;
+    /**
+     * Override the default color for the text.
+     */
+    color?: string;
+    /**
+     * Choose an icon that will be left aligned.
+     */
+    iconLeft?: React.ElementType;
+    /**
+     * Choose an icon that will be right aligned.
+     */
+    iconRight?: React.ElementType;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const getListItemStyle: (size?: DropdownSize, disabled?: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const getListTextStyle: (size?: DropdownSize) => import("@emotion/utils").SerializedStyles;
+declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) => React.JSX.Element;
+export default MenuItem;