@elliemae/ds-left-navigation 2.1.1-rc.1 → 2.2.0-alpha.4

package/cjs/outOfTheBox/ItemWithDate/styled.js

@@ -1,27 +1,49 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var Grid = require('@elliemae/ds-grid');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-const StyledLabel = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-govmsc-0"
-})(["font-size:13px;font-weight:", ";color:", ";line-height:14px;word-break:", ";"], props => props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular, _ref => {
-  let {
-    labelColor,
-    theme
-  } = _ref;
-  return labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800];
-}, props => props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal');
-const StyledDate = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-govmsc-1"
-})(["font-size:12px;color:", ";line-height:14px;"], props => props.theme.colors.neutral[600]);
-
-exports.StyledDate = StyledDate;
-exports.StyledLabel = StyledLabel;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledDate: () => StyledDate,
+  StyledLabel: () => StyledLabel
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+const StyledLabel = (0, import_styled_components.default)(import_ds_grid.default)`
+  font-size: 13px;
+  font-weight: ${(props) => props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular};
+  color: ${({ labelColor, theme }) => labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800]};
+  line-height: 14px;
+  word-break: ${(props) => props.labelOverflow === "wrapAll" ? "break-all" : "normal"};
+`;
+const StyledDate = (0, import_styled_components.default)(import_ds_grid.default)`
+  font-size: 12px;
+  color: ${(props) => props.theme.colors.neutral[600]};
+  line-height: 14px;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/outOfTheBox/ItemWithDate/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/outOfTheBox/ItemWithDate/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)<{ labelBold: boolean }>`\n  font-size: 13px;\n  font-weight: ${(props) =>\n    props.labelBold\n      ? props.theme.fontWeights.semibold\n      : props.theme.fontWeights.regular};\n  color: ${({ labelColor, theme }) =>\n    labelColor\n      ? theme.colors[labelColor[0]][labelColor[1]]\n      : theme.colors.neutral[800]};\n  line-height: 14px;\n  word-break: ${(props) =>\n    props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledDate = styled(Grid)`\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  line-height: 14px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAiB;AAEV,MAAM,cAAc,sCAAO;AAAA;AAAA,iBAEjB,CAAC,UACd,MAAM,YACF,MAAM,MAAM,YAAY,WACxB,MAAM,MAAM,YAAY;AAAA,WACrB,CAAC,EAAE,YAAY,YACtB,aACI,MAAM,OAAO,WAAW,IAAI,WAAW,MACvC,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAEb,CAAC,UACb,MAAM,kBAAkB,YAAY,cAAc;AAAA;AAG/C,MAAM,aAAa,sCAAO;AAAA;AAAA,WAEtB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
+  "names": []
+}

package/cjs/outOfTheBox/index.js

@@ -1,31 +1,56 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var constants = require('../exported-related/constants.js');
-require('@babel/runtime/helpers/jsx');
-require('react');
-require('@elliemae/ds-grid');
-require('styled-components');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('@babel/runtime/helpers/defineProperty');
-require('react/jsx-runtime');
-require('@elliemae/ds-icons');
-var index = require('./ItemControlledDrilldown/index.js');
-var index$1 = require('./ItemUncontrolledDrilldown/index.js');
-var index$2 = require('./ItemHeader/index.js');
-var index$3 = require('./ItemLink/index.js');
-var index$4 = require('./ItemSection/index.js');
-var index$5 = require('./ItemSeparator/index.js');
-var index$6 = require('./ItemSubmenu/index.js');
-var index$7 = require('./ItemTextLabel/index.js');
-var index$8 = require('./ItemWithDate/index.js');
-
-const outOfTheBoxTypes = Object.values(constants.ITEM_TYPES);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var outOfTheBox_exports = {};
+__export(outOfTheBox_exports, {
+  outOfTheBoxComponents: () => outOfTheBoxComponents,
+  outOfTheBoxTypes: () => outOfTheBoxTypes
+});
+var React = __toESM(require("react"));
+var import_exported_related = require("../exported-related");
+var import_ItemControlledDrilldown = require("./ItemControlledDrilldown");
+var import_ItemUncontrolledDrilldown = require("./ItemUncontrolledDrilldown");
+var import_ItemHeader = require("./ItemHeader");
+var import_ItemLink = require("./ItemLink");
+var import_ItemSection = require("./ItemSection");
+var import_ItemSeparator = require("./ItemSeparator");
+var import_ItemSubmenu = require("./ItemSubmenu");
+var import_ItemTextLabel = require("./ItemTextLabel");
+var import_ItemWithDate = require("./ItemWithDate");
+__reExport(outOfTheBox_exports, require("./ItemControlledDrilldown"));
+__reExport(outOfTheBox_exports, require("./ItemUncontrolledDrilldown"));
+__reExport(outOfTheBox_exports, require("./ItemHeader"));
+__reExport(outOfTheBox_exports, require("./ItemLink"));
+__reExport(outOfTheBox_exports, require("./ItemSection"));
+__reExport(outOfTheBox_exports, require("./ItemSeparator"));
+__reExport(outOfTheBox_exports, require("./ItemSubmenu"));
+__reExport(outOfTheBox_exports, require("./ItemTextLabel"));
+__reExport(outOfTheBox_exports, require("./ItemWithDate"));
+const outOfTheBoxTypes = Object.values(import_exported_related.ITEM_TYPES);
 const {
   LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,
   LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,
@@ -36,27 +61,17 @@ const {
   LEFT_NAV_ITEM_SUBMENU,
   LEFT_NAV_ITEM_TEXT_LABEL,
   LEFT_NAV_ITEM_WITH_DATE
-} = constants.ITEM_TYPES;
+} = import_exported_related.ITEM_TYPES;
 const outOfTheBoxComponents = {
-  [LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN]: index.ItemControlledDrilldown,
-  [LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN]: index$1.ItemUncontrolledDrilldown,
-  [LEFT_NAV_ITEM_HEADER]: index$2.ItemHeader,
-  [LEFT_NAV_ITEM_LINK]: index$3.ItemLink,
-  [LEFT_NAV_ITEM_SECTION]: index$4.ItemSection,
-  [LEFT_NAV_ITEM_SEPARATOR]: index$5.ItemSeparator,
-  [LEFT_NAV_ITEM_SUBMENU]: index$6.ItemSubmenu,
-  [LEFT_NAV_ITEM_TEXT_LABEL]: index$7.ItemTextLabel,
-  [LEFT_NAV_ITEM_WITH_DATE]: index$8.ItemWithDate
+  [LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN]: import_ItemControlledDrilldown.ItemControlledDrilldown,
+  [LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN]: import_ItemUncontrolledDrilldown.ItemUncontrolledDrilldown,
+  [LEFT_NAV_ITEM_HEADER]: import_ItemHeader.ItemHeader,
+  [LEFT_NAV_ITEM_LINK]: import_ItemLink.ItemLink,
+  [LEFT_NAV_ITEM_SECTION]: import_ItemSection.ItemSection,
+  [LEFT_NAV_ITEM_SEPARATOR]: import_ItemSeparator.ItemSeparator,
+  [LEFT_NAV_ITEM_SUBMENU]: import_ItemSubmenu.ItemSubmenu,
+  [LEFT_NAV_ITEM_TEXT_LABEL]: import_ItemTextLabel.ItemTextLabel,
+  [LEFT_NAV_ITEM_WITH_DATE]: import_ItemWithDate.ItemWithDate
 };
-
-exports.ItemControlledDrilldown = index.ItemControlledDrilldown;
-exports.ItemUncontrolledDrilldown = index$1.ItemUncontrolledDrilldown;
-exports.ItemHeader = index$2.ItemHeader;
-exports.ItemLink = index$3.ItemLink;
-exports.ItemSection = index$4.ItemSection;
-exports.ItemSeparator = index$5.ItemSeparator;
-exports.ItemSubmenu = index$6.ItemSubmenu;
-exports.ItemTextLabel = index$7.ItemTextLabel;
-exports.ItemWithDate = index$8.ItemWithDate;
-exports.outOfTheBoxComponents = outOfTheBoxComponents;
-exports.outOfTheBoxTypes = outOfTheBoxTypes;
+module.exports = __toCommonJS(outOfTheBox_exports);
+//# sourceMappingURL=index.js.map

package/cjs/outOfTheBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/outOfTheBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { ComponentProps } from '../index.d';\nimport { ITEM_TYPES } from '../exported-related';\nimport { ItemControlledDrilldown } from './ItemControlledDrilldown';\nimport { ItemUncontrolledDrilldown } from './ItemUncontrolledDrilldown';\nimport { ItemHeader } from './ItemHeader';\nimport { ItemLink } from './ItemLink';\nimport { ItemSection } from './ItemSection';\nimport { ItemSeparator } from './ItemSeparator';\nimport { ItemSubmenu } from './ItemSubmenu';\nimport { ItemTextLabel } from './ItemTextLabel';\nimport { ItemWithDate } from './ItemWithDate';\n\nexport * from './ItemControlledDrilldown';\nexport * from './ItemUncontrolledDrilldown';\nexport * from './ItemHeader';\nexport * from './ItemLink';\nexport * from './ItemSection';\nexport * from './ItemSeparator';\nexport * from './ItemSubmenu';\nexport * from './ItemTextLabel';\nexport * from './ItemWithDate';\n\nexport const outOfTheBoxTypes = Object.values(ITEM_TYPES);\nconst {\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,\n  LEFT_NAV_ITEM_HEADER,\n  LEFT_NAV_ITEM_LINK,\n  LEFT_NAV_ITEM_SECTION,\n  LEFT_NAV_ITEM_SEPARATOR,\n  LEFT_NAV_ITEM_SUBMENU,\n  LEFT_NAV_ITEM_TEXT_LABEL,\n  LEFT_NAV_ITEM_WITH_DATE,\n} = ITEM_TYPES;\n\nexport const outOfTheBoxComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN]: ItemControlledDrilldown,\n  [LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN]: ItemUncontrolledDrilldown,\n  [LEFT_NAV_ITEM_HEADER]: ItemHeader,\n  [LEFT_NAV_ITEM_LINK]: ItemLink,\n  [LEFT_NAV_ITEM_SECTION]: ItemSection,\n  [LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [LEFT_NAV_ITEM_SUBMENU]: ItemSubmenu,\n  [LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n  [LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAA2B;AAC3B,qCAAwC;AACxC,uCAA0C;AAC1C,wBAA2B;AAC3B,sBAAyB;AACzB,yBAA4B;AAC5B,2BAA8B;AAC9B,yBAA4B;AAC5B,2BAA8B;AAC9B,0BAA6B;AAE7B,gCAAc;AACd,gCAAc;AACd,gCAAc;AACd,gCAAc;AACd,gCAAc;AACd,gCAAc;AACd,gCAAc;AACd,gCAAc;AACd,gCAAc;AAEP,MAAM,mBAAmB,OAAO,OAAO;AAC9C,MAAM;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACE;AAEG,MAAM,wBAGT;AAAA,GACD,qCAAqC;AAAA,GACrC,uCAAuC;AAAA,GACvC,uBAAuB;AAAA,GACvB,qBAAqB;AAAA,GACrB,wBAAwB;AAAA,GACxB,0BAA0B;AAAA,GAC1B,wBAAwB;AAAA,GACxB,2BAA2B;AAAA,GAC3B,0BAA0B;AAAA;",
+  "names": []
+}

package/cjs/parts/LeftNavContent/index.js

@@ -1,84 +1,88 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var React = require('react');
-var LeftNavigationContext = require('../../LeftNavigationContext.js');
-var index$1 = require('../LeftNavFooterItem/index.js');
-var index$2 = require('../LeftNavContentWithScrollbar/index.js');
-var OutOfTheBoxMapItem = require('../OutOfTheBoxMapItem.js');
-var styled = require('./styled.js');
-var index = require('../LeftNavLoading/index.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _LeftNavInnerContent;
-const leftNavScreenReaderInstructions = 'Left Navigation. You can navigate through the items using the Up/Down arrows. ' + 'To expand or select an item, use the Enter/Return or Space keys. ' + 'Expandable items can also be opened/closed with the Right/Left arrows. ' + 'The Home and End keys will take you to the first and last item respectively.';
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LeftNavContent_exports = {};
+__export(LeftNavContent_exports, {
+  default: () => LeftNavContent_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_LeftNavigationContext = require("../../LeftNavigationContext");
+var import_LeftNavFooterItem = require("../LeftNavFooterItem");
+var import_LeftNavContentWithScrollbar = require("../LeftNavContentWithScrollbar");
+var import_OutOfTheBoxMapItem = require("../OutOfTheBoxMapItem");
+var import_styled = require("./styled");
+var import_LeftNavLoading = require("../LeftNavLoading");
+const leftNavScreenReaderInstructions = "Left Navigation. You can navigate through the items using the Up/Down arrows. To expand or select an item, use the Enter/Return or Space keys. Expandable items can also be opened/closed with the Right/Left arrows. The Home and End keys will take you to the first and last item respectively.";
 const LeftNavInnerContent = () => {
   const {
-    leftNavProps: {
-      HeaderComponent,
-      BodyHeaderComponent,
-      openedItem,
-      items,
-      withoutBodyShadow
-    },
+    leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items, withoutBodyShadow },
     selectedItem
-  } = React__default["default"].useContext(LeftNavigationContext.LeftNavContext);
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](styled.StyledLeftNavHeaderArea, {
-      "data-testid": "leftnav-header-area",
-      selected: HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)
-    }, void 0, HeaderComponent ? /*#__PURE__*/_jsx__default["default"](OutOfTheBoxMapItem.OutOfTheBoxMapItem, {
-      item: HeaderComponent
-    }) : null), /*#__PURE__*/_jsx__default["default"](styled.StyledLeftNavBodyAreasContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledLeftNavBodyHeaderArea, {
-      "data-testid": "leftnav-body-header-area",
-      selected: BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)
-    }, void 0, BodyHeaderComponent ? /*#__PURE__*/_jsx__default["default"](OutOfTheBoxMapItem.OutOfTheBoxMapItem, {
-      item: BodyHeaderComponent
-    }) : null), /*#__PURE__*/_jsx__default["default"](styled.StyledLeftNavBodyItemsArea, {
-      selected: !withoutBodyShadow && openedItem !== null,
-      "data-testid": "leftnav-body-items-area",
-      tabIndex: -1
-    }, void 0, /*#__PURE__*/_jsx__default["default"](index$2.LeftNavContentWithScrollbar, {}, void 0, items.map(item => /*#__PURE__*/_jsx__default["default"](OutOfTheBoxMapItem.OutOfTheBoxMapItem, {
-      item: item
-    }, item.dsId)))))]
-  });
+  } = import_react.default.useContext(import_LeftNavigationContext.LeftNavContext);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLeftNavHeaderArea, {
+    "data-testid": "leftnav-header-area",
+    selected: HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)
+  }, HeaderComponent ? /* @__PURE__ */ import_react.default.createElement(import_OutOfTheBoxMapItem.OutOfTheBoxMapItem, {
+    item: HeaderComponent
+  }) : null), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLeftNavBodyAreasContainer, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLeftNavBodyHeaderArea, {
+    "data-testid": "leftnav-body-header-area",
+    selected: BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)
+  }, BodyHeaderComponent ? /* @__PURE__ */ import_react.default.createElement(import_OutOfTheBoxMapItem.OutOfTheBoxMapItem, {
+    item: BodyHeaderComponent
+  }) : null), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLeftNavBodyItemsArea, {
+    selected: !withoutBodyShadow && openedItem !== null,
+    "data-testid": "leftnav-body-items-area",
+    tabIndex: -1
+  }, /* @__PURE__ */ import_react.default.createElement(import_LeftNavContentWithScrollbar.LeftNavContentWithScrollbar, null, items.map((item) => /* @__PURE__ */ import_react.default.createElement(import_OutOfTheBoxMapItem.OutOfTheBoxMapItem, {
+    item,
+    key: item.dsId
+  }))))));
 };
-
 const LeftNavContent = () => {
   const {
     expandedForAnimation,
-    leftNavProps: {
-      expanded,
-      expandedWidth,
-      footerLabel,
-      onFooterExpand,
-      onFooterClose,
-      loading
-    }
-  } = React__default["default"].useContext(LeftNavigationContext.LeftNavContext);
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledLeftNavExpandAnimationWrapper, {
-    expandedWidth: expandedWidth,
-    expanded: expanded,
+    leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading }
+  } = import_react.default.useContext(import_LeftNavigationContext.LeftNavContext);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLeftNavExpandAnimationWrapper, {
+    expandedWidth,
+    expanded,
     "data-testid": "leftnav-component",
     "aria-label": leftNavScreenReaderInstructions
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledLeftNavAreasContainer, {
-    expandedWidth: expandedWidth,
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLeftNavAreasContainer, {
+    expandedWidth,
     expanded: expandedForAnimation
-  }, void 0, loading && /*#__PURE__*/_jsx__default["default"](index.LeftNavLoading, {
+  }, loading && /* @__PURE__ */ import_react.default.createElement(import_LeftNavLoading.LeftNavLoading, {
     expanded: expandedForAnimation
-  }), !loading && (_LeftNavInnerContent || (_LeftNavInnerContent = /*#__PURE__*/_jsx__default["default"](LeftNavInnerContent, {}))), /*#__PURE__*/_jsx__default["default"](styled.StyledLeftNavFooterArea, {}, void 0, /*#__PURE__*/_jsx__default["default"](index$1.LeftNavFooterItem, {
-    footerLabel: footerLabel,
-    onFooterExpand: onFooterExpand,
-    onFooterClose: onFooterClose
+  }), !loading && /* @__PURE__ */ import_react.default.createElement(LeftNavInnerContent, null), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLeftNavFooterArea, null, /* @__PURE__ */ import_react.default.createElement(import_LeftNavFooterItem.LeftNavFooterItem, {
+    footerLabel,
+    onFooterExpand,
+    onFooterClose
   }))));
 };
-
-module.exports = LeftNavContent;
+var LeftNavContent_default = LeftNavContent;
+module.exports = __toCommonJS(LeftNavContent_exports);
+//# sourceMappingURL=index.js.map

package/cjs/parts/LeftNavContent/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/LeftNavContent/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n  StyledLeftNavExpandAnimationWrapper,\n  StyledLeftNavAreasContainer,\n  StyledLeftNavHeaderArea,\n  StyledLeftNavBodyAreasContainer,\n  StyledLeftNavBodyHeaderArea,\n  StyledLeftNavBodyItemsArea,\n  StyledLeftNavFooterArea,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n  'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n  'To expand or select an item, use the Enter/Return or Space keys. ' +\n  'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n  'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n  const {\n    leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items, withoutBodyShadow },\n    selectedItem,\n  } = React.useContext(LeftNavContext);\n  return (\n    <>\n      <StyledLeftNavHeaderArea\n        data-testid=\"leftnav-header-area\"\n        selected={HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)}\n      >\n        {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n      </StyledLeftNavHeaderArea>\n      <StyledLeftNavBodyAreasContainer>\n        <StyledLeftNavBodyHeaderArea\n          data-testid=\"leftnav-body-header-area\"\n          selected={BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)}\n        >\n          {BodyHeaderComponent ? <OutOfTheBoxMapItem item={BodyHeaderComponent} /> : null}\n        </StyledLeftNavBodyHeaderArea>\n        <StyledLeftNavBodyItemsArea\n          selected={!withoutBodyShadow && openedItem !== null}\n          data-testid=\"leftnav-body-items-area\"\n          tabIndex={-1}\n        >\n          <LeftNavContentWithScrollbar>\n            {items.map((item) => (\n              <OutOfTheBoxMapItem item={item} key={item.dsId} />\n            ))}\n          </LeftNavContentWithScrollbar>\n        </StyledLeftNavBodyItemsArea>\n      </StyledLeftNavBodyAreasContainer>\n    </>\n  );\n};\n\nconst LeftNavContent: React.ComponentType = () => {\n  const {\n    expandedForAnimation,\n    leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading },\n  } = React.useContext(LeftNavContext);\n\n  return (\n    <StyledLeftNavExpandAnimationWrapper\n      expandedWidth={expandedWidth}\n      expanded={expanded}\n      data-testid=\"leftnav-component\"\n      aria-label={leftNavScreenReaderInstructions}\n    >\n      <StyledLeftNavAreasContainer expandedWidth={expandedWidth} expanded={expandedForAnimation}>\n        {loading && <LeftNavLoading expanded={expandedForAnimation} />}\n        {!loading && <LeftNavInnerContent />}\n        <StyledLeftNavFooterArea>\n          <LeftNavFooterItem footerLabel={footerLabel} onFooterExpand={onFooterExpand} onFooterClose={onFooterClose} />\n        </StyledLeftNavFooterArea>\n      </StyledLeftNavAreasContainer>\n    </StyledLeftNavExpandAnimationWrapper>\n  );\n};\n\nexport default LeftNavContent;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,mCAA+B;AAC/B,+BAAkC;AAClC,yCAA4C;AAC5C,gCAAmC;AACnC,oBAQO;AACP,4BAA+B;AAE/B,MAAM,kCACJ;AAKF,MAAM,sBAAsB,MAAM;AAChC,QAAM;AAAA,IACJ,cAAc,EAAE,iBAAiB,qBAAqB,YAAY,OAAO;AAAA,IACzE;AAAA,MACE,qBAAM,WAAW;AACrB,SACE,wFACE,mDAAC,uCAAD;AAAA,IACE,eAAY;AAAA,IACZ,UAAU,mBAAmB,CAAC,cAAc,YAAY,SAAS,gBAAgB;AAAA,KAEhF,kBAAkB,mDAAC,8CAAD;AAAA,IAAoB,MAAM;AAAA,OAAsB,OAErE,mDAAC,+CAAD,MACE,mDAAC,2CAAD;AAAA,IACE,eAAY;AAAA,IACZ,UAAU,uBAAuB,CAAC,cAAc,YAAY,SAAS,oBAAoB;AAAA,KAExF,sBAAsB,mDAAC,8CAAD;AAAA,IAAoB,MAAM;AAAA,OAA0B,OAE7E,mDAAC,0CAAD;AAAA,IACE,UAAU,CAAC,qBAAqB,eAAe;AAAA,IAC/C,eAAY;AAAA,IACZ,UAAU;AAAA,KAEV,mDAAC,gEAAD,MACG,MAAM,IAAI,CAAC,SACV,mDAAC,8CAAD;AAAA,IAAoB;AAAA,IAAY,KAAK,KAAK;AAAA;AAAA;AASxD,MAAM,iBAAsC,MAAM;AAChD,QAAM;AAAA,IACJ;AAAA,IACA,cAAc,EAAE,UAAU,eAAe,aAAa,gBAAgB,eAAe;AAAA,MACnF,qBAAM,WAAW;AAErB,SACE,mDAAC,mDAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,cAAY;AAAA,KAEZ,mDAAC,2CAAD;AAAA,IAA6B;AAAA,IAA8B,UAAU;AAAA,KAClE,WAAW,mDAAC,sCAAD;AAAA,IAAgB,UAAU;AAAA,MACrC,CAAC,WAAW,mDAAC,qBAAD,OACb,mDAAC,uCAAD,MACE,mDAAC,4CAAD;AAAA,IAAmB;AAAA,IAA0B;AAAA,IAAgC;AAAA;AAAA;AAOvF,IAAO,yBAAQ;",
+  "names": []
+}

package/cjs/parts/LeftNavContent/styled.js

@@ -1,53 +1,113 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const getLeftShadowStyles = _ref => {
-  let {
-    selected,
-    selectedParent,
-    theme
-  } = _ref;
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledLeftNavAreasContainer: () => StyledLeftNavAreasContainer,
+  StyledLeftNavBodyAreasContainer: () => StyledLeftNavBodyAreasContainer,
+  StyledLeftNavBodyHeaderArea: () => StyledLeftNavBodyHeaderArea,
+  StyledLeftNavBodyItemsArea: () => StyledLeftNavBodyItemsArea,
+  StyledLeftNavExpandAnimationWrapper: () => StyledLeftNavExpandAnimationWrapper,
+  StyledLeftNavFooterArea: () => StyledLeftNavFooterArea,
+  StyledLeftNavHeaderArea: () => StyledLeftNavHeaderArea
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const getLeftShadowStyles = ({
+  selected,
+  selectedParent,
+  theme
+}) => {
   if (!selected && !selectedParent) {
-    return "\n      box-shadow: inset 4px 0 0 0 transparent;\n      :hover {\n        box-shadow: inset 4px 0 0 0 ".concat(theme.colors.brand[300], ";\n      }\n      :active {\n        box-shadow: inset 4px 0 0 0 ").concat(theme.colors.brand[400], ";\n      }\n    ");
+    return `
+      box-shadow: inset 4px 0 0 0 transparent;
+      :hover {
+        box-shadow: inset 4px 0 0 0 ${theme.colors.brand[300]};
+      }
+      :active {
+        box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};
+      }
+    `;
   }
-
-  return "box-shadow: inset 4px 0 0 0 ".concat(theme.colors.brand[400], ";");
+  return `box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};`;
 };
-
-const StyledLeftNavExpandAnimationWrapper = /*#__PURE__*/styled__default["default"].nav.withConfig({
-  componentId: "sc-1hvvtkb-0"
-})(["width:", ";transition:width ", " 350ms;box-shadow:-1px 0 0 0 ", ";border:1px solid ", ";overflow:hidden;height:100%;position:relative;"], props => props.expanded ? props.expandedWidth : '48px', props => props.expanded ? 'ease-out' : 'ease-in', props => props.theme.colors.neutral[100], props => props.theme.colors.neutral[100]);
-const StyledLeftNavAreasContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1hvvtkb-1"
-})(["position:absolute;width:", ";height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:'left-nav-header' 'left-nav-body' 'left-nav-footer';"], props => props.expanded ? "calc(".concat(props.expandedWidth, " - 2px)") : '46px');
-const StyledLeftNavHeaderArea = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1hvvtkb-2"
-})(["grid-area:left-nav-header;", ""], getLeftShadowStyles);
-const StyledLeftNavBodyAreasContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1hvvtkb-3"
-})(["position:absolute;width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:'left-nav-body-header' 'left-nav-body-body';grid-area:left-nav-body;"]);
-const StyledLeftNavBodyHeaderArea = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1hvvtkb-4"
-})(["width:100%;grid-area:left-nav-body-header;", ""], getLeftShadowStyles);
-const StyledLeftNavBodyItemsArea = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1hvvtkb-5"
-})(["width:100%;grid-area:left-nav-body-body;max-height:100%;overflow-y:hidden;overflow-x:hidden;box-shadow:inset 4px 0 0 0 ", ";"], props => props.selected ? props.theme.colors.brand[400] : 'transparent');
-const StyledLeftNavFooterArea = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1hvvtkb-6"
-})(["width:100%;grid-area:left-nav-footer;"]);
-
-exports.StyledLeftNavAreasContainer = StyledLeftNavAreasContainer;
-exports.StyledLeftNavBodyAreasContainer = StyledLeftNavBodyAreasContainer;
-exports.StyledLeftNavBodyHeaderArea = StyledLeftNavBodyHeaderArea;
-exports.StyledLeftNavBodyItemsArea = StyledLeftNavBodyItemsArea;
-exports.StyledLeftNavExpandAnimationWrapper = StyledLeftNavExpandAnimationWrapper;
-exports.StyledLeftNavFooterArea = StyledLeftNavFooterArea;
-exports.StyledLeftNavHeaderArea = StyledLeftNavHeaderArea;
+const StyledLeftNavExpandAnimationWrapper = import_styled_components.default.nav`
+  width: ${(props) => props.expanded ? props.expandedWidth : "48px"};
+  transition: width ${(props) => props.expanded ? "ease-out" : "ease-in"} 350ms;
+  box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};
+  border: 1px solid ${(props) => props.theme.colors.neutral[100]};
+  overflow: hidden;
+  height: 100%;
+  position: relative;
+`;
+const StyledLeftNavAreasContainer = import_styled_components.default.div`
+  position: absolute;
+  width: ${(props) => props.expanded ? `calc(${props.expandedWidth} - 2px)` : "46px"};
+  height: 100%;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto 1fr auto;
+  grid-template-areas:
+    'left-nav-header'
+    'left-nav-body'
+    'left-nav-footer';
+`;
+const StyledLeftNavHeaderArea = import_styled_components.default.div`
+  grid-area: left-nav-header;
+  ${getLeftShadowStyles}
+`;
+const StyledLeftNavBodyAreasContainer = import_styled_components.default.div`
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto 1fr;
+  grid-template-areas:
+    'left-nav-body-header'
+    'left-nav-body-body';
+  grid-area: left-nav-body;
+`;
+const StyledLeftNavBodyHeaderArea = import_styled_components.default.div`
+  width: 100%;
+  grid-area: left-nav-body-header;
+  ${getLeftShadowStyles}
+`;
+const StyledLeftNavBodyItemsArea = import_styled_components.default.div`
+  width: 100%;
+  grid-area: left-nav-body-body;
+  max-height: 100%;
+  overflow-y: hidden;
+  overflow-x: hidden;
+  box-shadow: inset 4px 0 0 0 ${(props) => props.selected ? props.theme.colors.brand[400] : "transparent"};
+`;
+const StyledLeftNavFooterArea = import_styled_components.default.div`
+  width: 100%;
+  grid-area: left-nav-footer;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/parts/LeftNavContent/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/LeftNavContent/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\ntype LeftNavProps = {\n  expanded: boolean;\n  expandedWidth: string;\n};\n\nconst getLeftShadowStyles = ({\n  selected,\n  selectedParent,\n  theme,\n}: {\n  selected: boolean;\n  selectedParent: boolean;\n  theme: any;\n}) => {\n  if (!selected && !selectedParent) {\n    return `\n      box-shadow: inset 4px 0 0 0 transparent;\n      :hover {\n        box-shadow: inset 4px 0 0 0 ${theme.colors.brand[300]};\n      }\n      :active {\n        box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n      }\n    `;\n  }\n  return `box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};`;\n};\n\nexport const StyledLeftNavExpandAnimationWrapper = styled.nav<LeftNavProps>`\n  width: ${(props) => (props.expanded ? props.expandedWidth : '48px')};\n  transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')} 350ms;\n  box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n  border: 1px solid ${(props) => props.theme.colors.neutral[100]};\n  overflow: hidden;\n  height: 100%;\n  position: relative;\n`;\nexport const StyledLeftNavAreasContainer = styled.div<LeftNavProps>`\n  position: absolute;\n  width: ${(props) => (props.expanded ? `calc(${props.expandedWidth} - 2px)` : '46px')};\n  height: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto 1fr auto;\n  grid-template-areas:\n    'left-nav-header'\n    'left-nav-body'\n    'left-nav-footer';\n`;\n\nexport const StyledLeftNavHeaderArea = styled.div<{ selected: boolean }>`\n  grid-area: left-nav-header;\n  ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyAreasContainer = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto 1fr;\n  grid-template-areas:\n    'left-nav-body-header'\n    'left-nav-body-body';\n  grid-area: left-nav-body;\n`;\n\nexport const StyledLeftNavBodyHeaderArea = styled.div<{ selected: boolean }>`\n  width: 100%;\n  grid-area: left-nav-body-header;\n  ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyItemsArea = styled.div<{ selected: boolean }>`\n  width: 100%;\n  grid-area: left-nav-body-body;\n  max-height: 100%;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  box-shadow: inset 4px 0 0 0 ${(props) => (props.selected ? props.theme.colors.brand[400] : 'transparent')};\n`;\n\nexport const StyledLeftNavFooterArea = styled.div`\n  width: 100%;\n  grid-area: left-nav-footer;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAOnB,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,MAKI;AACJ,MAAI,CAAC,YAAY,CAAC,gBAAgB;AAChC,WAAO;AAAA;AAAA;AAAA,sCAG2B,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,sCAGnB,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAIvD,SAAO,+BAA+B,MAAM,OAAO,MAAM;AAAA;AAGpD,MAAM,sCAAsC,iCAAO;AAAA,WAC/C,CAAC,UAAW,MAAM,WAAW,MAAM,gBAAgB;AAAA,sBACxC,CAAC,UAAW,MAAM,WAAW,aAAa;AAAA,2BACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBAC3C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAKrD,MAAM,8BAA8B,iCAAO;AAAA;AAAA,WAEvC,CAAC,UAAW,MAAM,WAAW,QAAQ,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWxE,MAAM,0BAA0B,iCAAO;AAAA;AAAA,IAE1C;AAAA;AAGG,MAAM,kCAAkC,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa/C,MAAM,8BAA8B,iCAAO;AAAA;AAAA;AAAA,IAG9C;AAAA;AAGG,MAAM,6BAA6B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAMjB,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAGtF,MAAM,0BAA0B,iCAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}