@dfds-ui/react-components 2.2.0-alpha.8f6cde13 → 2.2.0-alpha.9b8e2d07

package/cjs/date-range-picker/DateRangePicker.js

@@ -0,0 +1,285 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactDates = require("react-dates");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _moment = _interopRequireDefault(require("moment"));
+var _react = _interopRequireWildcard(require("react"));
+require("react-dates/initialize");
+var _react2 = require("@emotion/react");
+var _icons = require("@dfds-ui/icons");
+var _useMedia = _interopRequireDefault(require("../common/use-media"));
+var _miniMoize = require("../common/miniMoize");
+var _DatePickerDefaultStyles = _interopRequireDefault(require("./DatePickerDefaultStyles"));
+var _DatePickerDfdsStyles = _interopRequireDefault(require("./DatePickerDfdsStyles"));
+var _LockBodyScroll = _interopRequireDefault(require("../common/LockBodyScroll"));
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable @typescript-eslint/no-deprecated */
+/* eslint-disable @typescript-eslint/restrict-plus-operands */
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+// Do a wrapper to support styled components: https://github.com/airbnb/react-dates/issues/1030#issuecomment-388227454
+const DateRangePicker = props => {
+  const [startDate, setStartDate] = (0, _react.useState)(toMoment(props.startDates.initial));
+  const [endDate, setEndDate] = (0, _react.useState)(toMoment(props.endDates.initial));
+  const [showCalendar, setShowCalendar] = (0, _react.useState)(false);
+  const [focusedInput, setFocusedInput] = (0, _react.useState)('startDate');
+  const {
+    numberOfMonths,
+    mobileState,
+    size
+  } = (0, _useMedia.default)(['(max-width: 64em)', '(min-width: 78.063em)'], [{
+    numberOfMonths: props.numberOfMobileMonths || 12,
+    mobileState: true,
+    size: 40
+  }, {
+    numberOfMonths: 2,
+    mobileState: false,
+    size: 48
+  }], {
+    numberOfMonths: 1,
+    mobileState: false,
+    size: 48
+  });
+  _moment.default.locale(props.locale);
+  (0, _moment.default)().weekday(0);
+  (0, _react.useEffect)(() => {
+    setStartDate(toMoment(props.startDates.initial));
+    setEndDate(toMoment(props.endDates.initial));
+  }, [props.startDates.initial, props.endDates.initial]);
+  const closeExceptionDivOut = (0, _react.useRef)(null);
+  const closeExceptionImgOut = (0, _react.useRef)(null);
+  const startCalendarClicked = () => {
+    setShowCalendar(prev => !prev);
+    setFocusedInput('startDate');
+  };
+  const endCalendarClicked = () => {
+    setShowCalendar(prev => !prev);
+    setFocusedInput('endDate');
+  };
+  const onOutsideClick = ({
+    target
+  }) => {
+    if (target === closeExceptionDivOut.current || target === closeExceptionImgOut.current) {
+      return;
+    }
+    setShowCalendar(false);
+    setFocusedInput('startDate');
+    props.onDateChange(getKeyStr(startDate), getKeyStr(endDate));
+  };
+  const renderCalendarInfo = () => props.infoLabel ? (0, _jsxRuntime.jsxs)("div", {
+    className: "dateRangePickerInfo",
+    children: [(0, _jsxRuntime.jsx)("span", {
+      className: "dateRangePickerInfo__legend"
+    }), (0, _jsxRuntime.jsx)("p", {
+      className: "dateRangePickerInfo__info",
+      children: props.infoLabel
+    })]
+  }) : '';
+  const disabledDates = (0, _miniMoize.miniMoize)((focusedInput, start, startDisabledDates, endDisabledDates) => buildMap(focusedInput !== 'endDate' ? startDisabledDates : (startDisabledDates || []).filter(d => d < start).concat(endDisabledDates)));
+  const isDayBlocked = date => {
+    const startDateStr = getKeyStr(startDate);
+    const disabled = disabledDates(focusedInput, startDateStr, props.startDates.disabledDates, props.endDates.disabledDates);
+    const dateN = getKeyStr(date);
+    if (!dateN) {
+      return false;
+    }
+    const d = focusedInput !== 'endDate' ? props.startDates : props.endDates;
+    const min = props.startDates.minDate;
+    if (disabled[dateN]) {
+      return true;
+    }
+    if (min && dateN && dateN < min) {
+      return true;
+    }
+    if (d.maxDate && dateN && dateN > d.maxDate) {
+      return true;
+    }
+    if (focusedInput === 'endDate' && startDateStr && startDateStr < dateN && dateN < props.endDates.minDate) {
+      return true;
+    }
+    return false;
+  };
+  const offerDates = (0, _miniMoize.miniMoize)((focusedInput, startOffers, endOffers) => buildMap(focusedInput !== 'endDate' ? startOffers : endOffers));
+  const isOfferValid = date => {
+    const map = offerDates(focusedInput, props.startDates.offerDates, props.endDates.offerDates);
+    return map[getKeyStr(date)];
+  };
+  const minimumNights = () => {
+    const start = toMoment(props.startDates.initial);
+    const end = toMoment(props.endDates.minDate);
+    return end && start ? end.diff(start, 'days') : 0;
+  };
+  const initialMonth = () => (mobileState ? toMoment(props.startDates.minDate) : startDate) || (0, _moment.default)();
+  const sharedCustomProps = {
+    hideKeyboardShortcutsPanel: true,
+    navPrev: (0, _jsxRuntime.jsx)(_icons.LeftLink, {
+      "aria-label": "Previous Month"
+    }),
+    navNext: (0, _jsxRuntime.jsx)(_icons.RightLink, {
+      "aria-label": "Next Month"
+    }),
+    weekDayFormat: 'ddd',
+    daySize: size,
+    monthFormat: 'MMMM YYYY',
+    dayAriaLabelFormat: 'YYYY-MM-DD',
+    transitionDuration: 100,
+    numberOfMonths,
+    onOutsideClick,
+    isDayBlocked: d => isDayBlocked(d),
+    isDayHighlighted: d => isOfferValid(d),
+    initialVisibleMonth: initialMonth,
+    renderCalendarInfo
+  };
+  return (0, _jsxRuntime.jsx)(_LockBodyScroll.default, {
+    enabled: mobileState && showCalendar,
+    children: (0, _jsxRuntime.jsx)("div", {
+      className: 'outer ' + props.className,
+      css: /*#__PURE__*/(0, _react2.css)(_DatePickerDefaultStyles.default, ";", _DatePickerDfdsStyles.default, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:DateRangePicker;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kYXRlLXJhbmdlLXBpY2tlci9EYXRlUmFuZ2VQaWNrZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1LZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RhdGUtcmFuZ2UtcGlja2VyL0RhdGVSYW5nZVBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZGVwcmVjYXRlZCAqL1xuLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L3Jlc3RyaWN0LXBsdXMtb3BlcmFuZHMgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1ub24tbnVsbC1hc3NlcnRpb24gKi9cbmltcG9ydCB7IERheVBpY2tlclJhbmdlQ29udHJvbGxlciwgRm9jdXNlZElucHV0U2hhcGUsIERheVBpY2tlclNpbmdsZURhdGVDb250cm9sbGVyIH0gZnJvbSAncmVhY3QtZGF0ZXMnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9uby1leHRyYW5lb3VzLWRlcGVuZGVuY2llc1xuaW1wb3J0IG1vbWVudCwgeyBNb21lbnQgfSBmcm9tICdtb21lbnQnXG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIHVzZVJlZiwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgJ3JlYWN0LWRhdGVzL2luaXRpYWxpemUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENsb3NlLCBSaWdodExpbmssIExlZnRMaW5rLCBDYWxlbmRhck91dGJvdW5kLCBDYWxlbmRhclJldHVybiB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHVzZU1lZGlhIGZyb20gJy4uL2NvbW1vbi91c2UtbWVkaWEnXG5pbXBvcnQgeyBtaW5pTW9pemUgfSBmcm9tICcuLi9jb21tb24vbWluaU1vaXplJ1xuaW1wb3J0IERhdGVQaWNrZXJEZWZhdWx0U3R5bGVzIGZyb20gJy4vRGF0ZVBpY2tlckRlZmF1bHRTdHlsZXMnXG5pbXBvcnQgRGF0ZVBpY2tlckRmZHNTdHlsZXMgZnJvbSAnLi9EYXRlUGlja2VyRGZkc1N0eWxlcydcbmltcG9ydCBMb2NrQm9keVNjcm9sbCBmcm9tICcuLi9jb21tb24vTG9ja0JvZHlTY3JvbGwnXG5pbnRlcmZhY2UgSURhdGVSYW5nZVBpY2tlclByb3BzIHtcbiAgZW5kRGF0ZURpc2FibGVkPzogYm9vbGVhblxuICB2YWxpZDogYm9vbGVhblxuICBvbkRhdGVDaGFuZ2U6IChkOiBzdHJpbmcgfCBudWxsLCByOiBzdHJpbmcgfCBudWxsKSA9PiB2b2lkXG4gIGZvcm1hdD86IHN0cmluZ1xuICBpbmZvTGFiZWw/OiBzdHJpbmdcbiAgc3RhcnREYXRlczogSURhdGVMZWdcbiAgZW5kRGF0ZXM6IElEYXRlTGVnXG4gIGxhYmVsczogSURhdGVSYW5nZVBpY2tlckxhYmVsc1xuICBvbk5leHRNb250aENsaWNrPzogKCkgPT4gdm9pZFxuICBvblByZXZNb250aENsaWNrPzogKCkgPT4gdm9pZFxuICBudW1iZXJPZk1vYmlsZU1vbnRocz86IG51bWJlclxuICBoaWRlSWNvbj86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGxvY2FsZT86IHN0cmluZ1xufVxuaW50ZXJmYWNlIElEYXRlTGVnIHtcbiAgaW5pdGlhbDogc3RyaW5nIHwgbnVsbFxuICBtYXhEYXRlOiBzdHJpbmdcbiAgbWluRGF0ZTogc3RyaW5nXG4gIGRpc2FibGVkRGF0ZXM/OiBzdHJpbmdbXVxuICBvZmZlckRhdGVzPzogc3RyaW5nW11cbn1cbmludGVyZmFjZSBJRGF0ZVJhbmdlUGlja2VyTGFiZWxzIHtcbiAgc3RhcnQ6IHN0cmluZ1xuICBlbmQ6IHN0cmluZ1xuICBoZWFkZXI6IHN0cmluZ1xuICBpbmZvPzogc3RyaW5nXG59XG4vLyBEbyBhIHdyYXBwZXIgdG8gc3VwcG9ydCBzdHlsZWQgY29tcG9uZW50czogaHR0cHM6Ly9naXRodWIuY29tL2FpcmJuYi9yZWFjdC1kYXRlcy9pc3N1ZXMvMTAzMCNpc3N1ZWNvbW1lbnQtMzg4MjI3NDU0XG5jb25zdCBEYXRlUmFuZ2VQaWNrZXIgPSAocHJvcHM6IElEYXRlUmFuZ2VQaWNrZXJQcm9wcykgPT4ge1xuICBjb25zdCBbc3RhcnREYXRlLCBzZXRTdGFydERhdGVdID0gdXNlU3RhdGUodG9Nb21lbnQocHJvcHMuc3RhcnREYXRlcy5pbml0aWFsKSlcbiAgY29uc3QgW2VuZERhdGUsIHNldEVuZERhdGVdID0gdXNlU3RhdGUodG9Nb21lbnQocHJvcHMuZW5kRGF0ZXMuaW5pdGlhbCkpXG4gIGNvbnN0IFtzaG93Q2FsZW5kYXIsIHNldFNob3dDYWxlbmRhcl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2ZvY3VzZWRJbnB1dCwgc2V0Rm9jdXNlZElucHV0XSA9IHVzZVN0YXRlKCdzdGFydERhdGUnIGFzIEZvY3VzZWRJbnB1dFNoYXBlKVxuICBjb25zdCB7IG51bWJlck9mTW9udGhzLCBtb2JpbGVTdGF0ZSwgc2l6ZSB9ID0gdXNlTWVkaWEoXG4gICAgWycobWF4LXdpZHRoOiA2NGVtKScsICcobWluLXdpZHRoOiA3OC4wNjNlbSknXSxcbiAgICBbXG4gICAgICB7IG51bWJlck9mTW9udGhzOiBwcm9wcy5udW1iZXJPZk1vYmlsZU1vbnRocyB8fCAxMiwgbW9iaWxlU3RhdGU6IHRydWUsIHNpemU6IDQwIH0sXG4gICAgICB7IG51bWJlck9mTW9udGhzOiAyLCBtb2JpbGVTdGF0ZTogZmFsc2UsIHNpemU6IDQ4IH0sXG4gICAgXSxcbiAgICB7IG51bWJlck9mTW9udGhzOiAxLCBtb2JpbGVTdGF0ZTogZmFsc2UsIHNpemU6IDQ4IH1cbiAgKVxuXG4gIG1vbWVudC5sb2NhbGUocHJvcHMubG9jYWxlKVxuICBtb21lbnQoKS53ZWVrZGF5KDApXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRTdGFydERhdGUodG9Nb21lbnQocHJvcHMuc3RhcnREYXRlcy5pbml0aWFsKSlcbiAgICBzZXRFbmREYXRlKHRvTW9tZW50KHByb3BzLmVuZERhdGVzLmluaXRpYWwpKVxuICB9LCBbcHJvcHMuc3RhcnREYXRlcy5pbml0aWFsLCBwcm9wcy5lbmREYXRlcy5pbml0aWFsXSlcbiAgY29uc3QgY2xvc2VFeGNlcHRpb25EaXZPdXQgPSB1c2VSZWYobnVsbClcbiAgY29uc3QgY2xvc2VFeGNlcHRpb25JbWdPdXQgPSB1c2VSZWYobnVsbClcbiAgY29uc3Qgc3RhcnRDYWxlbmRhckNsaWNrZWQgPSAoKSA9PiB7XG4gICAgc2V0U2hvd0NhbGVuZGFyKChwcmV2KSA9PiAhcHJldilcbiAgICBzZXRGb2N1c2VkSW5wdXQoJ3N0YXJ0RGF0ZScpXG4gIH1cbiAgY29uc3QgZW5kQ2FsZW5kYXJDbGlja2VkID0gKCkgPT4ge1xuICAgIHNldFNob3dDYWxlbmRhcigocHJldikgPT4gIXByZXYpXG4gICAgc2V0Rm9jdXNlZElucHV0KCdlbmREYXRlJylcbiAgfVxuICBjb25zdCBvbk91dHNpZGVDbGljayA9ICh7IHRhcmdldCB9OiBhbnkpID0+IHtcbiAgICBpZiAodGFyZ2V0ID09PSBjbG9zZUV4Y2VwdGlvbkRpdk91dC5jdXJyZW50IHx8IHRhcmdldCA9PT0gY2xvc2VFeGNlcHRpb25JbWdPdXQuY3VycmVudCkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIHNldFNob3dDYWxlbmRhcihmYWxzZSlcbiAgICBzZXRGb2N1c2VkSW5wdXQoJ3N0YXJ0RGF0ZScpXG4gICAgcHJvcHMub25EYXRlQ2hhbmdlKGdldEtleVN0cihzdGFydERhdGUpLCBnZXRLZXlTdHIoZW5kRGF0ZSkpXG4gIH1cbiAgY29uc3QgcmVuZGVyQ2FsZW5kYXJJbmZvID0gKCkgPT5cbiAgICBwcm9wcy5pbmZvTGFiZWwgPyAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImRhdGVSYW5nZVBpY2tlckluZm9cIj5cbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiZGF0ZVJhbmdlUGlja2VySW5mb19fbGVnZW5kXCIgLz5cbiAgICAgICAgPHAgY2xhc3NOYW1lPVwiZGF0ZVJhbmdlUGlja2VySW5mb19faW5mb1wiPntwcm9wcy5pbmZvTGFiZWx9PC9wPlxuICAgICAgPC9kaXY+XG4gICAgKSA6IChcbiAgICAgICcnXG4gICAgKVxuICBjb25zdCBkaXNhYmxlZERhdGVzID0gbWluaU1vaXplKFxuICAgIChmb2N1c2VkSW5wdXQ6IHN0cmluZywgc3RhcnQ6IHN0cmluZywgc3RhcnREaXNhYmxlZERhdGVzOiBzdHJpbmdbXSwgZW5kRGlzYWJsZWREYXRlczogc3RyaW5nW10pID0+XG4gICAgICBidWlsZE1hcChcbiAgICAgICAgZm9jdXNlZElucHV0ICE9PSAnZW5kRGF0ZSdcbiAgICAgICAgICA/IHN0YXJ0RGlzYWJsZWREYXRlc1xuICAgICAgICAgIDogKHN0YXJ0RGlzYWJsZWREYXRlcyB8fCBbXSkuZmlsdGVyKChkKSA9PiBkIDwgc3RhcnQpLmNvbmNhdChlbmREaXNhYmxlZERhdGVzKVxuICAgICAgKVxuICApXG4gIGNvbnN0IGlzRGF5QmxvY2tlZCA9IChkYXRlOiBNb21lbnQpID0+IHtcbiAgICBjb25zdCBzdGFydERhdGVTdHIgPSBnZXRLZXlTdHIoc3RhcnREYXRlKVxuICAgIGNvbnN0IGRpc2FibGVkID0gZGlzYWJsZWREYXRlcyhcbiAgICAgIGZvY3VzZWRJbnB1dCxcbiAgICAgIHN0YXJ0RGF0ZVN0cixcbiAgICAgIHByb3BzLnN0YXJ0RGF0ZXMuZGlzYWJsZWREYXRlcyxcbiAgICAgIHByb3BzLmVuZERhdGVzLmRpc2FibGVkRGF0ZXNcbiAgICApXG4gICAgY29uc3QgZGF0ZU4gPSBnZXRLZXlTdHIoZGF0ZSlcbiAgICBpZiAoIWRhdGVOKSB7XG4gICAgICByZXR1cm4gZmFsc2VcbiAgICB9XG4gICAgY29uc3QgZCA9IGZvY3VzZWRJbnB1dCAhPT0gJ2VuZERhdGUnID8gcHJvcHMuc3RhcnREYXRlcyA6IHByb3BzLmVuZERhdGVzXG4gICAgY29uc3QgbWluID0gcHJvcHMuc3RhcnREYXRlcy5taW5EYXRlXG4gICAgaWYgKGRpc2FibGVkW2RhdGVOXSkge1xuICAgICAgcmV0dXJuIHRydWVcbiAgICB9XG4gICAgaWYgKG1pbiAmJiBkYXRlTiAmJiBkYXRlTiA8IG1pbikge1xuICAgICAgcmV0dXJuIHRydWVcbiAgICB9XG4gICAgaWYgKGQubWF4RGF0ZSAmJiBkYXRlTiAmJiBkYXRlTiA+IGQubWF4RGF0ZSkge1xuICAgICAgcmV0dXJuIHRydWVcbiAgICB9XG4gICAgaWYgKGZvY3VzZWRJbnB1dCA9PT0gJ2VuZERhdGUnICYmIHN0YXJ0RGF0ZVN0ciAmJiBzdGFydERhdGVTdHIgPCBkYXRlTiAmJiBkYXRlTiA8IHByb3BzLmVuZERhdGVzLm1pbkRhdGUpIHtcbiAgICAgIHJldHVybiB0cnVlXG4gICAgfVxuICAgIHJldHVybiBmYWxzZVxuICB9XG4gIGNvbnN0IG9mZmVyRGF0ZXMgPSBtaW5pTW9pemUoKGZvY3VzZWRJbnB1dDogc3RyaW5nLCBzdGFydE9mZmVyczogc3RyaW5nW10sIGVuZE9mZmVyczogc3RyaW5nW10pID0+XG4gICAgYnVpbGRNYXAoZm9jdXNlZElucHV0ICE9PSAnZW5kRGF0ZScgPyBzdGFydE9mZmVycyA6IGVuZE9mZmVycylcbiAgKVxuICBjb25zdCBpc09mZmVyVmFsaWQgPSAoZGF0ZTogTW9tZW50KSA9PiB7XG4gICAgY29uc3QgbWFwID0gb2ZmZXJEYXRlcyhmb2N1c2VkSW5wdXQsIHByb3BzLnN0YXJ0RGF0ZXMub2ZmZXJEYXRlcywgcHJvcHMuZW5kRGF0ZXMub2ZmZXJEYXRlcylcbiAgICByZXR1cm4gbWFwW2dldEtleVN0cihkYXRlKSFdXG4gIH1cbiAgY29uc3QgbWluaW11bU5pZ2h0cyA9ICgpID0+IHtcbiAgICBjb25zdCBzdGFydCA9IHRvTW9tZW50KHByb3BzLnN0YXJ0RGF0ZXMuaW5pdGlhbClcbiAgICBjb25zdCBlbmQgPSB0b01vbWVudChwcm9wcy5lbmREYXRlcy5taW5EYXRlKVxuICAgIHJldHVybiBlbmQgJiYgc3RhcnQgPyBlbmQuZGlmZihzdGFydCwgJ2RheXMnKSA6IDBcbiAgfVxuICBjb25zdCBpbml0aWFsTW9udGggPSAoKSA9PiAobW9iaWxlU3RhdGUgPyB0b01vbWVudChwcm9wcy5zdGFydERhdGVzLm1pbkRhdGUpIDogc3RhcnREYXRlKSB8fCBtb21lbnQoKVxuICBjb25zdCBzaGFyZWRDdXN0b21Qcm9wcyA9IHtcbiAgICBoaWRlS2V5Ym9hcmRTaG9ydGN1dHNQYW5lbDogdHJ1ZSxcbiAgICBuYXZQcmV2OiA8TGVmdExpbmsgYXJpYS1sYWJlbD1cIlByZXZpb3VzIE1vbnRoXCIgLz4sXG4gICAgbmF2TmV4dDogPFJpZ2h0TGluayBhcmlhLWxhYmVsPVwiTmV4dCBNb250aFwiIC8+LFxuICAgIHdlZWtEYXlGb3JtYXQ6ICdkZGQnLFxuICAgIGRheVNpemU6IHNpemUsXG4gICAgbW9udGhGb3JtYXQ6ICdNTU1NIFlZWVknLFxuICAgIGRheUFyaWFMYWJlbEZvcm1hdDogJ1lZWVktTU0tREQnLFxuICAgIHRyYW5zaXRpb25EdXJhdGlvbjogMTAwLFxuICAgIG51bWJlck9mTW9udGhzLFxuICAgIG9uT3V0c2lkZUNsaWNrLFxuICAgIGlzRGF5QmxvY2tlZDogKGQ6IE1vbWVudCkgPT4gaXNEYXlCbG9ja2VkKGQpLFxuICAgIGlzRGF5SGlnaGxpZ2h0ZWQ6IChkOiBNb21lbnQpID0+IGlzT2ZmZXJWYWxpZChkKSxcbiAgICBpbml0aWFsVmlzaWJsZU1vbnRoOiBpbml0aWFsTW9udGgsXG4gICAgcmVuZGVyQ2FsZW5kYXJJbmZvLFxuICB9XG4gIHJldHVybiAoXG4gICAgPExvY2tCb2R5U2Nyb2xsIGVuYWJsZWQ9e21vYmlsZVN0YXRlICYmIHNob3dDYWxlbmRhcn0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17J291dGVyICcgKyBwcm9wcy5jbGFzc05hbWV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7RGF0ZVBpY2tlckRlZmF1bHRTdHlsZXN9O1xuICAgICAgICAgICR7RGF0ZVBpY2tlckRmZHNTdHlsZXN9O1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoJ2RhdGVSYW5nZVBpY2tlcldyYXBwZXInLCB7ICdkYXRlUmFuZ2VQaWNrZXJXcmFwcGVyLS1hY3RpdmUnOiBzaG93Q2FsZW5kYXIgfSl9PlxuICAgICAgICAgIHttb2JpbGVTdGF0ZSAmJiBzaG93Q2FsZW5kYXIgJiYgKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgPGgyIGNsYXNzTmFtZT1cImRhdGVSYW5nZVBpY2tlcldyYXBwZXJfX3RpdGxlXCI+e3Byb3BzLmxhYmVscy5oZWFkZXJ9PC9oMj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiZGF0ZVJhbmdlUGlja2VyV3JhcHBlcl9fY2xvc2VcIiBvbkNsaWNrPXsoKSA9PiBzZXRTaG93Q2FsZW5kYXIoZmFsc2UpfT5cbiAgICAgICAgICAgICAgICA8Q2xvc2UgLz5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoe1xuICAgICAgICAgICAgICBkYXRlcGlja2VyX2NvbnRhaW5lcjogdHJ1ZSxcbiAgICAgICAgICAgICAgZGF0ZXBpY2tlcl9vcGVuOiBzaG93Q2FsZW5kYXIsXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyh7XG4gICAgICAgICAgICAgICAgZGF0ZUlucHV0czogdHJ1ZSxcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19lcnJvckJvcmRlcjogIXByb3BzLnZhbGlkICYmICFzaG93Q2FsZW5kYXIsXG4gICAgICAgICAgICAgICAgZGF0ZUlucHV0c19fZm9jdXNfb3V0OiBmb2N1c2VkSW5wdXQgPT09ICdzdGFydERhdGUnICYmIHNob3dDYWxlbmRhcixcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19ub25mb2N1czogZm9jdXNlZElucHV0ID09PSAnZW5kRGF0ZScgJiYgc2hvd0NhbGVuZGFyLFxuICAgICAgICAgICAgICAgIGZyb21EYXRlOiB0cnVlLFxuICAgICAgICAgICAgICAgIGRhdGVJbnB1dHNfX2hpZGVJY29uOiBwcm9wcy5oaWRlSWNvbixcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e3N0YXJ0Q2FsZW5kYXJDbGlja2VkfVxuICAgICAgICAgICAgICByZWY9e2Nsb3NlRXhjZXB0aW9uRGl2T3V0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3NOYW1lPVwiZGF0ZUlucHV0c19fbGFiZWxcIj57cHJvcHMubGFiZWxzLnN0YXJ0fTwvbGFiZWw+XG4gICAgICAgICAgICAgIHshcHJvcHMuaGlkZUljb24gJiYgPENhbGVuZGFyT3V0Ym91bmQgY2xhc3NOYW1lPVwiZGF0ZUlucHV0c19faWNvblwiIHJlZj17Y2xvc2VFeGNlcHRpb25JbWdPdXR9IC8+fVxuICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJkYXRlSW5wdXRzX19pbnB1dFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgIG5hbWU9XCJmcm9tRGF0ZVwiXG4gICAgICAgICAgICAgICAgdmFsdWU9e3N0YXJ0RGF0ZSA/IHN0YXJ0RGF0ZS5mb3JtYXQoJ2RkZCBERC9NTScpIDogJyd9XG4gICAgICAgICAgICAgICAgcmVhZE9ubHlcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyh7XG4gICAgICAgICAgICAgIGRhdGVwaWNrZXJfY29udGFpbmVyOiB0cnVlLFxuICAgICAgICAgICAgICBkYXRlcGlja2VyX29wZW46IHNob3dDYWxlbmRhcixcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKHtcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzOiB0cnVlLFxuICAgICAgICAgICAgICAgIGRhdGVJbnB1dHNfX29uZVdheTogdHJ1ZSxcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19kaXNhYmxlZDogcHJvcHMuZW5kRGF0ZURpc2FibGVkLFxuICAgICAgICAgICAgICAgICdkYXRlSW5wdXRzX19kaXNhYmxlZC0tYWN0aXZlJzogc2hvd0NhbGVuZGFyICYmIHByb3BzLmVuZERhdGVEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19lcnJvckJvcmRlcjogIXByb3BzLnZhbGlkICYmICFzaG93Q2FsZW5kYXIsXG4gICAgICAgICAgICAgICAgZGF0ZUlucHV0c19fbm9uZm9jdXM6IGZvY3VzZWRJbnB1dCA9PT0gJ3N0YXJ0RGF0ZScgJiYgc2hvd0NhbGVuZGFyICYmICFwcm9wcy5lbmREYXRlRGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgZGF0ZUlucHV0c19fZm9jdXNfcmV0OiBmb2N1c2VkSW5wdXQgPT09ICdlbmREYXRlJyAmJiBzaG93Q2FsZW5kYXIsXG4gICAgICAgICAgICAgICAgZW5kRGF0ZTogdHJ1ZSxcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19oaWRlSWNvbjogcHJvcHMuaGlkZUljb24sXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtlbmRDYWxlbmRhckNsaWNrZWR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzc05hbWU9XCJkYXRlSW5wdXRzX19sYWJlbFwiPntwcm9wcy5sYWJlbHMuZW5kfTwvbGFiZWw+XG4gICAgICAgICAgICAgIHshcHJvcHMuaGlkZUljb24gJiYgPENhbGVuZGFyUmV0dXJuIGNsYXNzTmFtZT1cImRhdGVJbnB1dHNfX2ljb25cIiAvPn1cbiAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZGF0ZUlucHV0c19faW5wdXRcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBuYW1lPVwidG9EYXRlXCJcbiAgICAgICAgICAgICAgICB2YWx1ZT17ZW5kRGF0ZSA/IGVuZERhdGUuZm9ybWF0KCdkZGQgREQvTU0nKSA6ICcnfVxuICAgICAgICAgICAgICAgIHJlYWRPbmx5XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e3Byb3BzLmVuZERhdGVEaXNhYmxlZH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIHtzaG93Q2FsZW5kYXIgJiYgIXByb3BzLmVuZERhdGVEaXNhYmxlZCAmJiAoXG4gICAgICAgICAgICA8RGF5UGlja2VyUmFuZ2VDb250cm9sbGVyXG4gICAgICAgICAgICAgIG9uTmV4dE1vbnRoQ2xpY2s9e3Byb3BzLm9uTmV4dE1vbnRoQ2xpY2t9XG4gICAgICAgICAgICAgIG9uUHJldk1vbnRoQ2xpY2s9e3Byb3BzLm9uUHJldk1vbnRoQ2xpY2t9XG4gICAgICAgICAgICAgIC8vIFJlcXVpcmVkIHByb3BzXG4gICAgICAgICAgICAgIG9uRGF0ZXNDaGFuZ2U9eyh7IHN0YXJ0RGF0ZSwgZW5kRGF0ZSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0U3RhcnREYXRlKHN0YXJ0RGF0ZSlcbiAgICAgICAgICAgICAgICBzZXRFbmREYXRlKGVuZERhdGUpXG4gICAgICAgICAgICAgICAgcHJvcHMub25EYXRlQ2hhbmdlKGdldEtleVN0cihzdGFydERhdGUpLCBnZXRLZXlTdHIoZW5kRGF0ZSkpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGZvY3VzZWRJbnB1dD17Zm9jdXNlZElucHV0fVxuICAgICAgICAgICAgICBzdGFydERhdGU9e3N0YXJ0RGF0ZX1cbiAgICAgICAgICAgICAgZW5kRGF0ZT17ZW5kRGF0ZX1cbiAgICAgICAgICAgICAgb25Gb2N1c0NoYW5nZT17KGZvY3VzZWRJbnB1dDogRm9jdXNlZElucHV0U2hhcGUgfCBudWxsKSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0Rm9jdXNlZElucHV0KGZvY3VzZWRJbnB1dCB8fCAnc3RhcnREYXRlJylcbiAgICAgICAgICAgICAgICBzZXRTaG93Q2FsZW5kYXIoISFmb2N1c2VkSW5wdXQpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8vIFdlIHVzZSBwaHJhc2VzIHRvIGRpc2FibGUgZXh0cmEgc3R1ZmYgZnJvbSBhcmlhLWxhYmVsXG4gICAgICAgICAgICAgIHBocmFzZXM9e3sgY2hvb3NlQXZhaWxhYmxlU3RhcnREYXRlOiAoYTogYW55KSA9PiBhLmRhdGUsIGNob29zZUF2YWlsYWJsZUVuZERhdGU6IChhOiBhbnkpID0+IGEuZGF0ZSB9fVxuICAgICAgICAgICAgICBtaW5pbXVtTmlnaHRzPXttaW5pbXVtTmlnaHRzKCl9XG4gICAgICAgICAgICAgIG9yaWVudGF0aW9uPXttb2JpbGVTdGF0ZSA/ICd2ZXJ0aWNhbFNjcm9sbGFibGUnIDogJ2hvcml6b250YWwnfVxuICAgICAgICAgICAgICB7Li4uc2hhcmVkQ3VzdG9tUHJvcHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgICAge3Nob3dDYWxlbmRhciAmJiBwcm9wcy5lbmREYXRlRGlzYWJsZWQgJiYgKFxuICAgICAgICAgICAgPERheVBpY2tlclNpbmdsZURhdGVDb250cm9sbGVyXG4gICAgICAgICAgICAgIC8vIFJlcXVpcmVkIHByb3BzXG4gICAgICAgICAgICAgIG9uRGF0ZUNoYW5nZT17KGRhdGUpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRTdGFydERhdGUoZGF0ZSlcbiAgICAgICAgICAgICAgICBzZXRFbmREYXRlKGRhdGUpXG4gICAgICAgICAgICAgICAgcHJvcHMub25EYXRlQ2hhbmdlKGdldEtleVN0cihkYXRlKSwgbnVsbClcbiAgICAgICAgICAgICAgICBzZXRTaG93Q2FsZW5kYXIoZmFsc2UpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIG9uRm9jdXNDaGFuZ2U9eygpID0+IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgZm9jdXNlZFxuICAgICAgICAgICAgICBkYXRlPXtzdGFydERhdGV9XG4gICAgICAgICAgICAgIG9yaWVudGF0aW9uPXttb2JpbGVTdGF0ZSA/ICd2ZXJ0aWNhbFNjcm9sbGFibGUnIDogJ2hvcml6b250YWwnfVxuICAgICAgICAgICAgICB7Li4uc2hhcmVkQ3VzdG9tUHJvcHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuZnVuY3Rpb24gZ2V0S2V5U3RyKG06IE1vbWVudCB8IG51bGwpOiBzdHJpbmcgfCBudWxsIHtcbiAgcmV0dXJuIG0gJiYgbS5mb3JtYXQoJ1lZWVktTU0tREQnKVxufVxuZnVuY3Rpb24gdG9Nb21lbnQobjogc3RyaW5nIHwgbnVsbCk6IE1vbWVudCB8IG51bGwge1xuICByZXR1cm4gbiA/IG1vbWVudChuLCAnWVlZWS1NTS1ERCcpIDogbnVsbFxufVxuZnVuY3Rpb24gYnVpbGRNYXAoZGF0ZXM6IHN0cmluZ1tdKSB7XG4gIGNvbnN0IG1hcDogeyBba2V5OiBzdHJpbmddOiBudW1iZXIgfSA9IHt9XG4gIGlmICghZGF0ZXMpIHtcbiAgICByZXR1cm4gbWFwXG4gIH1cbiAgZm9yIChjb25zdCBkIG9mIGRhdGVzKSB7XG4gICAgbWFwW2RdID0gMVxuICB9XG4gIHJldHVybiBtYXBcbn1cbmV4cG9ydCBkZWZhdWx0IERhdGVSYW5nZVBpY2tlclxuIl19 */"),
+      children: (0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)('dateRangePickerWrapper', {
+          'dateRangePickerWrapper--active': showCalendar
+        }),
+        children: [mobileState && showCalendar && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)("h2", {
+            className: "dateRangePickerWrapper__title",
+            children: props.labels.header
+          }), (0, _jsxRuntime.jsx)("span", {
+            className: "dateRangePickerWrapper__close",
+            onClick: () => setShowCalendar(false),
+            children: (0, _jsxRuntime.jsx)(_icons.Close, {})
+          })]
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)({
+            datepicker_container: true,
+            datepicker_open: showCalendar
+          }),
+          children: (0, _jsxRuntime.jsxs)("div", {
+            className: (0, _classnames.default)({
+              dateInputs: true,
+              dateInputs__errorBorder: !props.valid && !showCalendar,
+              dateInputs__focus_out: focusedInput === 'startDate' && showCalendar,
+              dateInputs__nonfocus: focusedInput === 'endDate' && showCalendar,
+              fromDate: true,
+              dateInputs__hideIcon: props.hideIcon
+            }),
+            onClick: startCalendarClicked,
+            ref: closeExceptionDivOut,
+            children: [(0, _jsxRuntime.jsx)("label", {
+              className: "dateInputs__label",
+              children: props.labels.start
+            }), !props.hideIcon && (0, _jsxRuntime.jsx)(_icons.CalendarOutbound, {
+              className: "dateInputs__icon",
+              ref: closeExceptionImgOut
+            }), (0, _jsxRuntime.jsx)("input", {
+              className: "dateInputs__input",
+              type: "text",
+              name: "fromDate",
+              value: startDate ? startDate.format('ddd DD/MM') : '',
+              readOnly: true
+            })]
+          })
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)({
+            datepicker_container: true,
+            datepicker_open: showCalendar
+          }),
+          children: (0, _jsxRuntime.jsxs)("div", {
+            className: (0, _classnames.default)({
+              dateInputs: true,
+              dateInputs__oneWay: true,
+              dateInputs__disabled: props.endDateDisabled,
+              'dateInputs__disabled--active': showCalendar && props.endDateDisabled,
+              dateInputs__errorBorder: !props.valid && !showCalendar,
+              dateInputs__nonfocus: focusedInput === 'startDate' && showCalendar && !props.endDateDisabled,
+              dateInputs__focus_ret: focusedInput === 'endDate' && showCalendar,
+              endDate: true,
+              dateInputs__hideIcon: props.hideIcon
+            }),
+            onClick: endCalendarClicked,
+            children: [(0, _jsxRuntime.jsx)("label", {
+              className: "dateInputs__label",
+              children: props.labels.end
+            }), !props.hideIcon && (0, _jsxRuntime.jsx)(_icons.CalendarReturn, {
+              className: "dateInputs__icon"
+            }), (0, _jsxRuntime.jsx)("input", {
+              className: "dateInputs__input",
+              type: "text",
+              name: "toDate",
+              value: endDate ? endDate.format('ddd DD/MM') : '',
+              readOnly: true,
+              disabled: props.endDateDisabled
+            })]
+          })
+        }), showCalendar && !props.endDateDisabled && (0, _jsxRuntime.jsx)(_reactDates.DayPickerRangeController, {
+          onNextMonthClick: props.onNextMonthClick,
+          onPrevMonthClick: props.onPrevMonthClick
+          // Required props
+          ,
+          onDatesChange: ({
+            startDate,
+            endDate
+          }) => {
+            setStartDate(startDate);
+            setEndDate(endDate);
+            props.onDateChange(getKeyStr(startDate), getKeyStr(endDate));
+          },
+          focusedInput: focusedInput,
+          startDate: startDate,
+          endDate: endDate,
+          onFocusChange: focusedInput => {
+            setFocusedInput(focusedInput || 'startDate');
+            setShowCalendar(!!focusedInput);
+          }
+          // We use phrases to disable extra stuff from aria-label
+          ,
+          phrases: {
+            chooseAvailableStartDate: a => a.date,
+            chooseAvailableEndDate: a => a.date
+          },
+          minimumNights: minimumNights(),
+          orientation: mobileState ? 'verticalScrollable' : 'horizontal',
+          ...sharedCustomProps
+        }), showCalendar && props.endDateDisabled && (0, _jsxRuntime.jsx)(_reactDates.DayPickerSingleDateController
+        // Required props
+        , {
+          onDateChange: date => {
+            setStartDate(date);
+            setEndDate(date);
+            props.onDateChange(getKeyStr(date), null);
+            setShowCalendar(false);
+          },
+          onFocusChange: () => undefined,
+          focused: true,
+          date: startDate,
+          orientation: mobileState ? 'verticalScrollable' : 'horizontal',
+          ...sharedCustomProps
+        })]
+      })
+    })
+  });
+};
+function getKeyStr(m) {
+  return m && m.format('YYYY-MM-DD');
+}
+function toMoment(n) {
+  return n ? (0, _moment.default)(n, 'YYYY-MM-DD') : null;
+}
+function buildMap(dates) {
+  const map = {};
+  if (!dates) {
+    return map;
+  }
+  for (const d of dates) {
+    map[d] = 1;
+  }
+  return map;
+}
+var _default = exports.default = DateRangePicker;

package/cjs/date-range-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as DateRangePicker } from './DateRangePicker';

package/cjs/date-range-picker/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateRangePicker", {
+  enumerable: true,
+  get: function () {
+    return _DateRangePicker.default;
+  }
+});
+var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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;