@elliemae/ds-mobile 3.4.2 → 3.4.3

package/dist/cjs/InfiniteLoader/Infiniteloader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/Infiniteloader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useEffect, useRef, useCallback, useState, type RefObject, type WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Loader } from './Loader';\n\ninterface Props {\n  isFetching: boolean;\n  hasMoreItems?: boolean;\n  fetchData: () => void;\n  children: React.ReactNode;\n  height?: number | string;\n}\n\nconst useMakeMutable = <T,>(referenceVar: T): React.MutableRefObject<T> => {\n  const mutable = useRef(referenceVar);\n  useEffect(() => {\n    mutable.current = referenceVar;\n  }, [referenceVar]);\n  return mutable;\n};\n\ninterface Args extends IntersectionObserverInit {\n  freezeOnceVisible?: boolean;\n}\n\nfunction useIntersectionObserver(\n  elementRef: RefObject<Element>,\n  { threshold = 0, root = null, rootMargin = '0%', freezeOnceVisible = false }: Args,\n  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n  onIntersectionCb = (entry: IntersectionObserverEntry): void => {},\n): IntersectionObserverEntry | undefined {\n  const mutableIntersectionCb = useMakeMutable(onIntersectionCb);\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n  const frozen = entry?.isIntersecting && freezeOnceVisible;\n\n  const updateEntry = ([newEntry]: IntersectionObserverEntry[]): void => {\n    setEntry(newEntry);\n    if (newEntry.isIntersecting) mutableIntersectionCb.current(newEntry);\n  };\n\n  useEffect(() => {\n    const node = elementRef?.current; // DOM Ref\n    const hasIOSupport = !!window.IntersectionObserver;\n\n    if (!hasIOSupport || frozen || !node) return () => {};\n\n    const observerParams = { threshold, root, rootMargin };\n    const observer = new IntersectionObserver(updateEntry, observerParams);\n\n    observer.observe(node);\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef, JSON.stringify(threshold), root, rootMargin, frozen]);\n\n  return entry;\n}\n\nconst InfiniteLoader = ({ isFetching, fetchData, children, height, hasMoreItems = true }: Props) => {\n  const [viewportHeight, setViewportHeight] = useState<number | undefined | string>(height);\n\n  const baselineRef = useRef<HTMLDivElement | null>(null);\n  const mutableIsFetching = useMakeMutable(isFetching);\n  const mutableFetchData = useMakeMutable(fetchData);\n  const onIntersectionCb = React.useCallback(() => {\n    if (hasMoreItems && !mutableIsFetching.current) {\n      mutableFetchData.current();\n    }\n  }, [hasMoreItems, mutableFetchData, mutableIsFetching]);\n  useIntersectionObserver(\n    baselineRef,\n    {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.1,\n    },\n    onIntersectionCb,\n  );\n\n  const handleResize = useCallback(() => {\n    setViewportHeight(window.innerHeight);\n  }, []);\n\n  useEffect(() => {\n    if (!height) {\n      window.addEventListener('resize', handleResize);\n      handleResize();\n    }\n    return () => {\n      if (!height) window.removeEventListener('resize', handleResize);\n    };\n  }, [handleResize, height]);\n\n  return (\n    <Grid style={{ position: 'relative', overflow: 'hidden', height: viewportHeight }}>\n      <Grid style={{ overflow: isFetching ? 'hidden' : 'auto', height: viewportHeight }}>\n        {children}\n        <div ref={baselineRef} style={{ height: 1 }} />\n      </Grid>\n      <Loader isOpen={isFetching} />\n    </Grid>\n  );\n};\n\nconst listProps = {\n  isFetching: PropTypes.bool.description('toggle loading state'),\n  hasMoreItems: PropTypes.bool\n    .description('wheter or not you have more items that need to be loaded')\n    .defaultValue(true),\n  fetchData: PropTypes.func.description('callback to fetch new items'),\n  children: PropTypes.element.description('row items for infinite loader'),\n  height: PropTypes.number.description('infinite loader list height'),\n} as WeakValidationMap<unknown>;\n\nconst InfiniteLoaderWithSchema = describe(InfiniteLoader);\nInfiniteLoaderWithSchema.propTypes = listProps;\nexport { InfiniteLoader, InfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwG;AACxG,0BAAoC;AACpC,qBAAqB;AACrB,oBAAuB;AAUvB,MAAM,iBAAiB,CAAK,iBAA+C;AACzE,QAAM,UAAU,yBAAO,YAAY;AACnC,8BAAU,MAAM;AACd,YAAQ,UAAU;AAAA,EACpB,GAAG,CAAC,YAAY,CAAC;AACjB,SAAO;AACT;AAMA,iCACE,YACA,EAAE,YAAY,GAAG,OAAO,MAAM,aAAa,MAAM,oBAAoB,SAErE,mBAAmB,CAAC,UAA2C;AAAC,GACzB;AACvC,QAAM,wBAAwB,eAAe,gBAAgB;AAC7D,QAAM,CAAC,OAAO,YAAY,2BAAoC;AAE9D,QAAM,SAAS,OAAO,kBAAkB;AAExC,QAAM,cAAc,CAAC,CAAC,cAAiD;AACrE,aAAS,QAAQ;AACjB,QAAI,SAAS;AAAgB,4BAAsB,QAAQ,QAAQ;AAAA,EACrE;AAEA,8BAAU,MAAM;AACd,UAAM,OAAO,YAAY;AACzB,UAAM,eAAe,CAAC,CAAC,OAAO;AAE9B,QAAI,CAAC,gBAAgB,UAAU,CAAC;AAAM,aAAO,MAAM;AAAA,MAAC;AAEpD,UAAM,iBAAiB,EAAE,WAAW,MAAM,WAAW;AACrD,UAAM,WAAW,IAAI,qBAAqB,aAAa,cAAc;AAErE,aAAS,QAAQ,IAAI;AAErB,WAAO,MAAM,SAAS,WAAW;AAAA,EAEnC,GAAG,CAAC,YAAY,KAAK,UAAU,SAAS,GAAG,MAAM,YAAY,MAAM,CAAC;AAEpE,SAAO;AACT;AAEA,MAAM,iBAAiB,CAAC,EAAE,YAAY,WAAW,UAAU,QAAQ,eAAe,WAAkB;AAClG,QAAM,CAAC,gBAAgB,qBAAqB,2BAAsC,MAAM;AAExF,QAAM,cAAc,yBAA8B,IAAI;AACtD,QAAM,oBAAoB,eAAe,UAAU;AACnD,QAAM,mBAAmB,eAAe,SAAS;AACjD,QAAM,mBAAmB,qBAAM,YAAY,MAAM;AAC/C,QAAI,gBAAgB,CAAC,kBAAkB,SAAS;AAC9C,uBAAiB,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,cAAc,kBAAkB,iBAAiB,CAAC;AACtD,0BACE,aACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb,GACA,gBACF;AAEA,QAAM,eAAe,8BAAY,MAAM;AACrC,sBAAkB,OAAO,WAAW;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,aAAO,iBAAiB,UAAU,YAAY;AAC9C,mBAAa;AAAA,IACf;AACA,WAAO,MAAM;AACX,UAAI,CAAC;AAAQ,eAAO,oBAAoB,UAAU,YAAY;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,cAAc,MAAM,CAAC;AAEzB,SACE,mDAAC;AAAA,IAAK,OAAO,EAAE,UAAU,YAAY,UAAU,UAAU,QAAQ,eAAe;AAAA,KAC9E,mDAAC;AAAA,IAAK,OAAO,EAAE,UAAU,aAAa,WAAW,QAAQ,QAAQ,eAAe;AAAA,KAC7E,UACD,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAa,OAAO,EAAE,QAAQ,EAAE;AAAA,GAAG,CAC/C,GACA,mDAAC;AAAA,IAAO,QAAQ;AAAA,GAAY,CAC9B;AAEJ;AAEA,MAAM,YAAY;AAAA,EAChB,YAAY,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAC7D,cAAc,8BAAU,KACrB,YAAY,0DAA0D,EACtE,aAAa,IAAI;AAAA,EACpB,WAAW,8BAAU,KAAK,YAAY,6BAA6B;AAAA,EACnE,UAAU,8BAAU,QAAQ,YAAY,+BAA+B;AAAA,EACvE,QAAQ,8BAAU,OAAO,YAAY,6BAA6B;AACpE;AAEA,MAAM,2BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
-  "names": []
+  "mappings": "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",
+  "names": ["React"]
 }

package/dist/cjs/InfiniteLoader/Loader.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Loader_exports = {};
 __export(Loader_exports, {
@@ -25,16 +28,17 @@ __export(Loader_exports, {
 });
 module.exports = __toCommonJS(Loader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_indeterminate_progress_indicator = __toESM(require("@elliemae/ds-indeterminate-progress-indicator"));
 var import_styled = require("./styled");
-const Loader = ({ isOpen }) => /* @__PURE__ */ import_react.default.createElement(import_styled.LoaderBox, {
-  className: isOpen ? "opened" : ""
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.default, {
-  processing: true,
-  title: "Loading"
-}));
+const Loader = ({ isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.LoaderBox, {
+  className: isOpen ? "opened" : "",
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_indeterminate_progress_indicator.default, {
+    processing: true,
+    title: "Loading"
+  })
+});
 Loader.propTypes = {
   isOpen: import_prop_types.default.bool
 };

package/dist/cjs/InfiniteLoader/Loader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/Loader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled';\n\ninterface Props {\n  isOpen: boolean;\n}\n\nexport const Loader = ({ isOpen }: Props) => (\n  <LoaderBox className={isOpen ? 'opened' : ''}>\n    <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n  </LoaderBox>\n);\n\nLoader.propTypes = {\n  isOpen: PropTypes.bool,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,iDAA6C;AAC7C,oBAA0B;AAMnB,MAAM,SAAS,CAAC,EAAE,aACvB,mDAAC;AAAA,EAAU,WAAW,SAAS,WAAW;AAAA,GACxC,mDAAC;AAAA,EAAiC,YAAU;AAAA,EAAC,OAAM;AAAA,CAAU,CAC/D;AAGF,OAAO,YAAY;AAAA,EACjB,QAAQ,0BAAU;AACpB;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,wBAAsB;AACtB,iDAA6C;AAC7C,oBAA0B;AAMnB,MAAM,SAAS,CAAC,EAAE,OAAO,MAC9B,4CAAC;AAAA,EAAU,WAAW,SAAS,WAAW;AAAA,EACxC,sDAAC,2CAAAA,SAAA;AAAA,IAAiC,YAAU;AAAA,IAAC,OAAM;AAAA,GAAU;AAAA,CAC/D;AAGF,OAAO,YAAY;AAAA,EACjB,QAAQ,kBAAAC,QAAU;AACpB;",
+  "names": ["DSIndeterminateProgressIndicator", "PropTypes"]
 }

package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var VirtualizedInfiniteLoader_exports = {};
 __export(VirtualizedInfiniteLoader_exports, {
@@ -26,7 +29,8 @@ __export(VirtualizedInfiniteLoader_exports, {
 });
 module.exports = __toCommonJS(VirtualizedInfiniteLoader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_react_window_infinite_loader = __toESM(require("react-window-infinite-loader"));
 var import_react_window = require("react-window");
@@ -45,35 +49,48 @@ const VirtualizedInfiniteLoader = ({
       setItemCount(itemCount + 1);
     return loadMoreItems(startIndex, stopIndex);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { position: "relative" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_window_infinite_loader.default, {
-    isItemLoaded,
-    itemCount,
-    loadMoreItems: loadMore
-  }, ({ onItemsRendered, ref }) => /* @__PURE__ */ import_react.default.createElement(import_react_window.VariableSizeList, {
-    className: "List",
-    height,
-    itemCount,
-    itemSize: getItemSize,
-    onItemsRendered,
-    ref,
-    width: "100%"
-  }, Row)), moreItemsLoading && /* @__PURE__ */ import_react.default.createElement("div", {
-    style: {
-      position: "absolute",
-      bottom: 0,
-      background: "blue",
-      zIndex: 1
-    }
-  }, "Loading"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    style: { position: "relative" },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_window_infinite_loader.default, {
+        isItemLoaded,
+        itemCount,
+        loadMoreItems: loadMore,
+        children: ({ onItemsRendered, ref }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_window.VariableSizeList, {
+          className: "List",
+          height,
+          itemCount,
+          itemSize: getItemSize,
+          onItemsRendered,
+          ref,
+          width: "100%",
+          children: Row
+        })
+      }),
+      moreItemsLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+        style: {
+          position: "absolute",
+          bottom: 0,
+          background: "blue",
+          zIndex: 1
+        },
+        children: "Loading"
+      })
+    ]
+  });
 };
 const listProps = {
-  isItemLoaded: import_ds_utilities.PropTypes.bool.description("Function responsible for tracking the loaded state of each item."),
-  loadMoreItems: import_ds_utilities.PropTypes.func.description("Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading."),
+  isItemLoaded: import_ds_utilities.PropTypes.bool.description(
+    "Function responsible for tracking the loaded state of each item."
+  ),
+  loadMoreItems: import_ds_utilities.PropTypes.func.description(
+    "Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading."
+  ),
   getItemSize: import_ds_utilities.PropTypes.func.description("callback to get row item size"),
   height: import_ds_utilities.PropTypes.number.description("height for the list"),
-  moreItemsLoading: import_ds_utilities.PropTypes.bool.description("flag to know if virtual list s"),
+  moreItemsLoading: import_ds_utilities.PropTypes.bool.description(
+    "flag to know if virtual list s"
+  ),
   item: import_ds_utilities.PropTypes.element.description("Row item to render"),
   hasNextPage: import_ds_utilities.PropTypes.bool.description("flag for virtualized list")
 };

package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/VirtualizedInfiniteLoader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n  moreItemsLoading = false,\n  hasNextPage = false,\n  isItemLoaded = () => true,\n  loadMoreItems,\n  getItemSize = () => 38,\n  height,\n  item: Row,\n}) => {\n  const [itemCount, setItemCount] = useState(10);\n\n  const loadMore = (startIndex, stopIndex) => {\n    if (hasNextPage) setItemCount(itemCount + 1);\n    return loadMoreItems(startIndex, stopIndex);\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <RWInfiniteLoader\n        isItemLoaded={isItemLoaded}\n        itemCount={itemCount}\n        loadMoreItems={loadMore}\n      >\n        {({ onItemsRendered, ref }) => (\n          <List\n            className=\"List\"\n            height={height}\n            itemCount={itemCount}\n            itemSize={getItemSize}\n            onItemsRendered={onItemsRendered}\n            ref={ref}\n            width=\"100%\"\n          >\n            {Row}\n          </List>\n        )}\n      </RWInfiniteLoader>\n      {moreItemsLoading && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 0,\n            background: 'blue',\n            zIndex: 1,\n          }}\n        >\n          Loading\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst listProps = {\n  /** Function responsible for tracking the loaded state of each item. */\n  isItemLoaded: PropTypes.bool.description(\n    'Function responsible for tracking the loaded state of each item.',\n  ),\n  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n  loadMoreItems: PropTypes.func.description(\n    'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n  ),\n  /** callback to get row item size */\n  getItemSize: PropTypes.func.description('callback to get row item size'),\n  /** height for the list */\n  height: PropTypes.number.description('height for the list'),\n  /** flag to know if virtual list should be on loading state */\n  moreItemsLoading: PropTypes.bool.description(\n    'flag to know if virtual list s',\n  ),\n  /** Row item to render */\n  item: PropTypes.element.description('Row item to render'),\n  /** flag for virtualized list */\n  hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.propTypes = listProps;\nVirtualizedInfiniteLoader.displayName = 'VirtualizedInfiniteLoader';\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,0BAAoC;AACpC,0CAA6B;AAC7B,0BAAyC;AAEzC,MAAM,4BAA4B,CAAC;AAAA,EACjC,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,MACF;AACJ,QAAM,CAAC,WAAW,gBAAgB,2BAAS,EAAE;AAE7C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI;AAAa,mBAAa,YAAY,CAAC;AAC3C,WAAO,cAAc,YAAY,SAAS;AAAA,EAC5C;AAEA,SACE,mDAAC;AAAA,IAAI,OAAO,EAAE,UAAU,WAAW;AAAA,KACjC,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,UACnB,mDAAC;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAM;AAAA,KAEL,GACH,CAEJ,GACC,oBACC,mDAAC;AAAA,IACC,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,KACD,SAED,CAEJ;AAEJ;AAEA,MAAM,YAAY;AAAA,EAEhB,cAAc,8BAAU,KAAK,YAC3B,kEACF;AAAA,EAEA,eAAe,8BAAU,KAAK,YAC5B,uIACF;AAAA,EAEA,aAAa,8BAAU,KAAK,YAAY,+BAA+B;AAAA,EAEvE,QAAQ,8BAAU,OAAO,YAAY,qBAAqB;AAAA,EAE1D,kBAAkB,8BAAU,KAAK,YAC/B,gCACF;AAAA,EAEA,MAAM,8BAAU,QAAQ,YAAY,oBAAoB;AAAA,EAExD,aAAa,8BAAU,KAAK,YAAY,2BAA2B;AACrE;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,kCAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAgC;AAChC,0BAAoC;AACpC,0CAA6B;AAC7B,0BAAyC;AAEzC,MAAM,4BAA4B,CAAC;AAAA,EACjC,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AACR,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI;AAAa,mBAAa,YAAY,CAAC;AAC3C,WAAO,cAAc,YAAY,SAAS;AAAA,EAC5C;AAEA,SACE,6CAAC;AAAA,IAAI,OAAO,EAAE,UAAU,WAAW;AAAA,IACjC;AAAA,kDAAC,oCAAAA,SAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QAEd,WAAC,EAAE,iBAAiB,IAAI,MACvB,4CAAC,oBAAAC,kBAAA;AAAA,UACC,WAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,OAAM;AAAA,UAEL;AAAA,SACH;AAAA,OAEJ;AAAA,MACC,oBACC,4CAAC;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACD;AAAA,OAED;AAAA;AAAA,GAEJ;AAEJ;AAEA,MAAM,YAAY;AAAA,EAEhB,cAAc,8BAAU,KAAK;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,eAAe,8BAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,aAAa,8BAAU,KAAK,YAAY,+BAA+B;AAAA,EAEvE,QAAQ,8BAAU,OAAO,YAAY,qBAAqB;AAAA,EAE1D,kBAAkB,8BAAU,KAAK;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,MAAM,8BAAU,QAAQ,YAAY,oBAAoB;AAAA,EAExD,aAAa,8BAAU,KAAK,YAAY,2BAA2B;AACrE;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,8BAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
+  "names": ["RWInfiniteLoader", "List"]
 }

package/dist/cjs/InfiniteLoader/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var InfiniteLoader_exports = {};
 __export(InfiniteLoader_exports, {

package/dist/cjs/InfiniteLoader/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { InfiniteLoader, InfiniteLoaderWithSchema } from './Infiniteloader';\nexport {\n  VirtualizedInfiniteLoader,\n  VirtualizedInfiniteLoaderWithSchema,\n} from './VirtualizedInfiniteLoader';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAyD;AACzD,uCAGO;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAyD;AACzD,uCAGO;",
   "names": []
 }

package/dist/cjs/InfiniteLoader/styled.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {

package/dist/cjs/InfiniteLoader/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\nexport const LoaderBox = styled.div`\n  position: absolute;\n  width: 100%;\n  z-index: 10;\n  background-color: white;\n  height: 50px;\n  bottom: -50px;\n  border-top: 1px solid #e0e3e8;\n  align-items: center;\n  transition: 400ms cubic-bezier(0, 0, 0.42, 1);\n  &.opened {\n    transition: 400ms cubic-bezier(0.36, 0, 1, 1);\n    bottom: 0;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/LoadingPage/Page.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Page_exports = {};
 __export(Page_exports, {
@@ -25,6 +28,7 @@ __export(Page_exports, {
 });
 module.exports = __toCommonJS(Page_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
@@ -52,15 +56,16 @@ const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill",
       setPosition(style.getPropertyValue("position"));
     }
   }, [childRef]);
-  const Back = loading && /* @__PURE__ */ import_react.default.createElement(import_ds_backdrop.default, {
+  const Back = loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.default, {
     type,
     zIndex: backdropZIndex
   });
-  const Loader = loader && loading && /* @__PURE__ */ import_react.default.createElement(LoadingPageLoader, {
+  const Loader = loader && loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingPageLoader, {
     zIndex,
     type,
-    hide: !loading
-  }, loader);
+    hide: !loading,
+    children: loader
+  });
   const injectRefPosition = (child) => import_react.default.cloneElement(import_react.default.Children.only(child), {
     ref: childRef,
     children: import_react.default.Children.toArray(child.props.children).concat([Loader, Back]),
@@ -70,7 +75,12 @@ const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill",
     }
   });
   if (import_react.default.Children.count(children) === 0) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, Loader, Back);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [
+        Loader,
+        Back
+      ]
+    });
   }
   return injectRefPosition(children);
 };

package/dist/cjs/LoadingPage/Page.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/LoadingPage/Page.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport { styled } from '@elliemae/ds-system';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n  /**\n   * z-index of dimmer background\n   */\n  backdropZIndex: PropTypes.number,\n  /**\n   * Children page to show behind the loader\n   */\n  children: PropTypes.element,\n  /**\n   * Array of elements centrally aligned\n   */\n  loader: PropTypes.arrayOf(PropTypes.element),\n  /**\n   * Show / hide loader\n   */\n  loading: PropTypes.bool,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']),\n  /**\n   * z-index of loader, should be higher than the backdropZIndex\n   */\n  zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,wBAAsB;AACtB,uBAA0B;AAC1B,oBAAoB;AACpB,wBAAuB;AACvB,yBAAqB;AAErB,MAAM,oBAAoB,yBAAO;AAAA,IAC7B,CAAC,EAAE,WAAY,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,QAAQ;AAChG,QAAM,CAAC,UAAU,eAAe,2BAAS,IAAI;AAC7C,QAAM,WAAW,yBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,mDAAC;AAAA,IAAS;AAAA,IAAY,QAAQ;AAAA,GAAgB;AACtE,QAAM,SAAS,UAAU,WACvB,mDAAC;AAAA,IAAkB;AAAA,IAAgB;AAAA,IAAY,MAAM,CAAC;AAAA,KACnD,MACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,qBAAM,aAAa,qBAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,qBAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,GAAG,uBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,qBAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,wFACG,QACA,IACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA,EAItB,gBAAgB,0BAAU;AAAA,EAI1B,UAAU,0BAAU;AAAA,EAIpB,QAAQ,0BAAU,QAAQ,0BAAU,OAAO;AAAA,EAI3C,SAAS,0BAAU;AAAA,EAInB,MAAM,0BAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAIvC,QAAQ,0BAAU;AACpB;AAEA,MAAM,sBAAsB,gCAAU,WAAW;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmD;AACnD,wBAAsB;AACtB,uBAA0B;AAC1B,oBAAoB;AACpB,IAAAA,oBAAuB;AACvB,yBAAqB;AAErB,MAAM,oBAAoB,yBAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,EAAE,MAAM;AAChG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI;AAC7C,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,4CAAC,mBAAAC,SAAA;AAAA,IAAS;AAAA,IAAY,QAAQ;AAAA,GAAgB;AACtE,QAAM,SAAS,UAAU,WACvB,4CAAC;AAAA,IAAkB;AAAA,IAAgB;AAAA,IAAY,MAAM,CAAC;AAAA,IACnD;AAAA,GACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,aAAAC,QAAM,aAAa,aAAAA,QAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,aAAAA,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,OAAG,mBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,aAAAA,QAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE;AAAA,MACG;AAAA;AAAA,QACA;AAAA;AAAA,KACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA,EAItB,gBAAgB,kBAAAC,QAAU;AAAA,EAI1B,UAAU,kBAAAA,QAAU;AAAA,EAIpB,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO;AAAA,EAI3C,SAAS,kBAAAA,QAAU;AAAA,EAInB,MAAM,kBAAAA,QAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAIvC,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,0BAAsB,4BAAU,WAAW;",
+  "names": ["import_ds_system", "Backdrop", "React", "PropTypes"]
 }

package/dist/cjs/LoadingPage/index.js

@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LoadingPage_exports = {};
 __export(LoadingPage_exports, {

package/dist/cjs/LoadingPage/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/LoadingPage/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { DSMobileLoadingPage } from './Page';\n\nexport * from './Page';\nexport default DSMobileLoadingPage;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAoC;AAEpC,gCAAc,mBAFd;AAGA,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAoC;AAEpC,gCAAc,mBAFd;AAGA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobileActionToolbar_exports = {};
 __export(MobileActionToolbar_exports, {
@@ -27,7 +30,7 @@ __export(MobileActionToolbar_exports, {
 });
 module.exports = __toCommonJS(MobileActionToolbar_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
@@ -43,11 +46,12 @@ const Toolbar = ({ withDepth = true, buttons = [], theme }) => {
   const rows = [1];
   const toolbarHeight = theme.space.m;
   const borderStyle = withDepth ? { boxShadow: "0 1px 5px 0 rgba(0,0,0,0.5)" } : { boxShadow: "none" };
-  return /* @__PURE__ */ import_react.default.createElement(ToolStrip, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolStrip, {
     rows,
     height: toolbarHeight,
-    style: borderStyle
-  }, buttons);
+    style: borderStyle,
+    children: buttons
+  });
 };
 const props = {
   withDepth: import_ds_utilities.PropTypes.bool.description("toggle box shadow for buttons border"),

package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileActionToolbar/MobileActionToolbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem';\n\nconst ToolStrip = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n  const rows = [1];\n  const toolbarHeight = theme.space.m;\n  const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n  return (\n    <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n      {buttons}\n    </ToolStrip>\n  );\n};\n\nconst props = {\n  /** toggle box shadow for buttons border */\n  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n  /** button array for the mobile action toolbar */\n  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\nDSMobileActionToolbar.displayName = 'DSMobileActionToolbar';\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,qBAAqB;AACrB,uBAAuB;AACvB,wBAA0B;AAC1B,qCAAwB;AAExB,MAAM,YAAY,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,sBAIP,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAE5D,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,CAAC,GAAG,YAAY;AAC7D,QAAM,OAAO,CAAC,CAAC;AACf,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,8BAA8B,IAAI,EAAE,WAAW,OAAO;AACnG,SACE,mDAAC;AAAA,IAAU;AAAA,IAAY,QAAQ;AAAA,IAAe,OAAO;AAAA,KAClD,OACH;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAE5E,SAAS,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,4CAA4C;AACxG;AAEA,QAAQ,YAAY;AAEpB,MAAM,wBAAwB,iCAAU,OAAO;AAC/C,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,oDAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,qBAAqB;AACrB,uBAAuB;AACvB,IAAAC,oBAA0B;AAC1B,qCAAwB;AAExB,MAAM,gBAAY,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,sBAIP,CAACC,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAE5D,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,CAAC,GAAG,MAAM,MAAM;AAC7D,QAAM,OAAO,CAAC,CAAC;AACf,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,8BAA8B,IAAI,EAAE,WAAW,OAAO;AACnG,SACE,4CAAC;AAAA,IAAU;AAAA,IAAY,QAAQ;AAAA,IAAe,OAAO;AAAA,IAClD;AAAA,GACH;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAE5E,SAAS,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,4CAA4C;AACxG;AAEA,QAAQ,YAAY;AAEpB,MAAM,4BAAwB,6BAAU,OAAO;AAC/C,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,8BAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
+  "names": ["ToolbarItem", "import_ds_system", "props"]
 }

package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobileActionToolbarItem_exports = {};
 __export(MobileActionToolbarItem_exports, {
@@ -26,12 +29,13 @@ __export(MobileActionToolbarItem_exports, {
 });
 module.exports = __toCommonJS(MobileActionToolbarItem_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 const ToolbarItem = ({ icon, ...otherProps }) => {
   const displayIcon = import_react.default.cloneElement(icon, { size: "m" });
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
     ...otherProps,
     buttonType: "text",
     icon: displayIcon,

package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n  const displayIcon = React.cloneElement(icon, { size: 'm' });\n  return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n  /** toolbar item icon */\n  icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\nToolbarItem.displayName = 'ToolbarItem';\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAAqB;AAErB,MAAM,cAAc,CAAC,EAAE,SAAS,iBAAiB;AAC/C,QAAM,cAAc,qBAAM,aAAa,MAAM,EAAE,MAAM,IAAI,CAAC;AAC1D,SAAO,mDAAC;AAAA,IAAU,GAAG;AAAA,IAAY,YAAW;AAAA,IAAO,MAAM;AAAA,IAAa,MAAK;AAAA,GAAI;AACjF;AAEA,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,8BAAU,QAAQ,YAAY,mBAAmB;AACzD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,0BAA0B,kCAAS,WAAW;AAEpD,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,0BAAoC;AACpC,uBAAqB;AAErB,MAAM,cAAc,CAAC,EAAE,SAAS,WAAW,MAAM;AAC/C,QAAM,cAAc,aAAAA,QAAM,aAAa,MAAM,EAAE,MAAM,IAAI,CAAC;AAC1D,SAAO,4CAAC,iBAAAC,SAAA;AAAA,IAAU,GAAG;AAAA,IAAY,YAAW;AAAA,IAAO,MAAM;AAAA,IAAa,MAAK;AAAA,GAAI;AACjF;AAEA,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,8BAAU,QAAQ,YAAY,mBAAmB;AACzD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,8BAA0B,8BAAS,WAAW;AAEpD,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
+  "names": ["React", "DSButton"]
 }

package/dist/cjs/MobileActionToolbar/index.js

@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobileActionToolbar_exports = {};
 __export(MobileActionToolbar_exports, {

package/dist/cjs/MobileActionToolbar/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileActionToolbar/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './MobileActionToolbar';\nexport { default } from './MobileActionToolbar';\nexport { DSToolbarItemWithSchema } from './MobileActionToolbarItem';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wCAAc,kCAAd;AACA,iCAAwB;AACxB,qCAAwC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wCAAc,kCAAd;AACA,iCAAwB;AACxB,qCAAwC;",
   "names": []
 }

package/dist/cjs/MobileBanner/MobileBanner.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobileBanner_exports = {};
 __export(MobileBanner_exports, {
@@ -26,7 +29,8 @@ __export(MobileBanner_exports, {
 });
 module.exports = __toCommonJS(MobileBanner_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_icons = require("./utils/icons");
@@ -69,7 +73,7 @@ const DSMobileBanner = ({
   }, [isOpen, current]);
   if (!isAnimating && !isOpen)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledBannerContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledBannerContainer, {
     type,
     isOpen,
     isAnimating,
@@ -77,31 +81,55 @@ const DSMobileBanner = ({
     height,
     ...containerProps,
     "data-testid": "ds-mobile-banner-container",
-    role: "alert"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInnerContainer, {
-    type,
-    isOpen,
-    ref: innerContainerRef,
-    isAnimating
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledIconContainer, {
-    "data-testid": "ds-mobile-banner-icon"
-  }, import_icons.icons[type]), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContent, {
-    showCloseButton
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTitle, null, label), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSubTitle, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSubTitleText, null, body), actionLinkLabel && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledActionLink, {
-    href: actionLinkHref,
-    "data-testid": "ds-mobile-banner-link",
-    onClick: actionLinkOnClick
-  }, actionLinkLabel))), showCloseButton && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCloseButtonContainer, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCloseButton, {
-    "data-testid": "ds-mobile-banner-close-button",
-    buttonType: "icon",
-    onClick: closeButtonOnClick,
-    "aria-label": "Close Banner",
-    innerRef: closeRef,
-    size: "s"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseX, {
-    width: "12px",
-    height: "12px"
-  })))));
+    role: "alert",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledInnerContainer, {
+      type,
+      isOpen,
+      ref: innerContainerRef,
+      isAnimating,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledIconContainer, {
+          "data-testid": "ds-mobile-banner-icon",
+          children: import_icons.icons[type]
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledContent, {
+          showCloseButton,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTitle, {
+              children: label
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledSubTitle, {
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSubTitleText, {
+                  children: body
+                }),
+                actionLinkLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledActionLink, {
+                  href: actionLinkHref,
+                  "data-testid": "ds-mobile-banner-link",
+                  onClick: actionLinkOnClick,
+                  children: actionLinkLabel
+                })
+              ]
+            })
+          ]
+        }),
+        showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCloseButtonContainer, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCloseButton, {
+            "data-testid": "ds-mobile-banner-close-button",
+            buttonType: "icon",
+            onClick: closeButtonOnClick,
+            "aria-label": "Close Banner",
+            innerRef: closeRef,
+            size: "s",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseX, {
+              width: "12px",
+              height: "12px"
+            })
+          })
+        })
+      ]
+    })
+  });
 };
 DSMobileBanner.defaultProps = import_defaultProps.defaultProps;
 DSMobileBanner.propTypes = import_propTypes.propTypes;

package/dist/cjs/MobileBanner/MobileBanner.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileBanner/MobileBanner.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\n\nimport { describe } from '@elliemae/ds-utilities';\nimport type { MobileBannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n  StyledActionLink,\n  StyledCloseButton,\n  StyledInnerContainer,\n  StyledBannerContainer,\n  StyledContent,\n  StyledIconContainer,\n  StyledSubTitle,\n  StyledTitle,\n  StyledSubTitleText,\n  StyledCloseButtonContainer,\n} from './styles';\n\nconst DSMobileBanner = ({\n  type,\n  isOpen,\n  closeButtonOnClick,\n  label,\n  body,\n  actionLinkLabel,\n  actionLinkHref,\n  actionLinkOnClick,\n  showCloseButton,\n  containerProps,\n  focusOnOpen,\n}: MobileBannerPropsT): JSX.Element => {\n  const innerContainerRef = useRef<HTMLDivElement | null>(null);\n  const closeRef = useRef<HTMLDivElement | null>(null);\n  const [current, setCurrent] = useState<boolean>(isOpen);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (innerContainerRef.current) {\n      setHeight(innerContainerRef.current.offsetHeight);\n    }\n  }, [isAnimating, isOpen]);\n\n  useEffect(() => {\n    if (focusOnOpen && closeRef.current && isOpen) {\n      closeRef.current?.focus?.();\n    }\n  }, [focusOnOpen, isOpen]);\n\n  useLayoutEffect(() => {\n    if (isOpen !== current || isOpen) setIsAnimating(true);\n    else setIsAnimating(false);\n  }, [isOpen, current]);\n\n  if (!isAnimating && !isOpen) return null;\n\n  return (\n    <StyledBannerContainer\n      type={type}\n      isOpen={isOpen}\n      isAnimating={isAnimating}\n      onAnimationEnd={() => setCurrent(isOpen)}\n      height={height}\n      {...containerProps}\n      data-testid=\"ds-mobile-banner-container\"\n      role=\"alert\"\n    >\n      <StyledInnerContainer type={type} isOpen={isOpen} ref={innerContainerRef} isAnimating={isAnimating}>\n        <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n        <StyledContent showCloseButton={showCloseButton}>\n          <StyledTitle>{label}</StyledTitle>\n          <StyledSubTitle>\n            <StyledSubTitleText>{body}</StyledSubTitleText>\n            {actionLinkLabel && (\n              <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n                {actionLinkLabel}\n              </StyledActionLink>\n            )}\n          </StyledSubTitle>\n        </StyledContent>\n        {showCloseButton && (\n          <StyledCloseButtonContainer>\n            <StyledCloseButton\n              data-testid=\"ds-mobile-banner-close-button\"\n              buttonType=\"icon\"\n              onClick={closeButtonOnClick}\n              aria-label=\"Close Banner\"\n              innerRef={closeRef}\n              size=\"s\"\n            >\n              <CloseX width=\"12px\" height=\"12px\" />\n            </StyledCloseButton>\n          </StyledCloseButtonContainer>\n        )}\n      </StyledInnerContainer>\n    </StyledBannerContainer>\n  );\n};\n\nDSMobileBanner.defaultProps = defaultProps;\nDSMobileBanner.propTypes = propTypes;\nDSMobileBanner.displayName = 'DSMobileBanner';\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoE;AACpE,sBAAuB;AAEvB,0BAAyB;AAEzB,mBAAsB;AACtB,uBAA0B;AAC1B,0BAA6B;AAC7B,oBAWO;AAEP,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACqC;AACrC,QAAM,oBAAoB,yBAA8B,IAAI;AAC5D,QAAM,WAAW,yBAA8B,IAAI;AACnD,QAAM,CAAC,SAAS,cAAc,2BAAkB,MAAM;AACtD,QAAM,CAAC,aAAa,kBAAkB,2BAAkB,KAAK;AAC7D,QAAM,CAAC,QAAQ,aAAa,2BAAiB,CAAC;AAE9C,8BAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ,YAAY;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,8BAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS,QAAQ;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,oCAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe,IAAI;AAAA;AAChD,qBAAe,KAAK;AAAA,EAC3B,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW,MAAM;AAAA,IACvC;AAAA,IACC,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,KAEL,mDAAC;AAAA,IAAqB;AAAA,IAAY;AAAA,IAAgB,KAAK;AAAA,IAAmB;AAAA,KACxE,mDAAC;AAAA,IAAoB,eAAY;AAAA,KAAyB,mBAAM,KAAM,GACtE,mDAAC;AAAA,IAAc;AAAA,KACb,mDAAC,iCAAa,KAAM,GACpB,mDAAC,oCACC,mDAAC,wCAAoB,IAAK,GACzB,mBACC,mDAAC;AAAA,IAAiB,MAAM;AAAA,IAAgB,eAAY;AAAA,IAAwB,SAAS;AAAA,KAClF,eACH,CAEJ,CACF,GACC,mBACC,mDAAC,gDACC,mDAAC;AAAA,IACC,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,UAAU;AAAA,IACV,MAAK;AAAA,KAEL,mDAAC;AAAA,IAAO,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO,CACrC,CACF,CAEJ,CACF;AAEJ;AAEA,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAoE;AACpE,sBAAuB;AAEvB,0BAAyB;AAEzB,mBAAsB;AACtB,uBAA0B;AAC1B,0BAA6B;AAC7B,oBAWO;AAEP,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuC;AACrC,QAAM,wBAAoB,qBAA8B,IAAI;AAC5D,QAAM,eAAW,qBAA8B,IAAI;AACnD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,MAAM;AACtD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAkB,KAAK;AAC7D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAiB,CAAC;AAE9C,8BAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ,YAAY;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,8BAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS,QAAQ;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,oCAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe,IAAI;AAAA;AAChD,qBAAe,KAAK;AAAA,EAC3B,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW,MAAM;AAAA,IACvC;AAAA,IACC,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,IAEL,uDAAC;AAAA,MAAqB;AAAA,MAAY;AAAA,MAAgB,KAAK;AAAA,MAAmB;AAAA,MACxE;AAAA,oDAAC;AAAA,UAAoB,eAAY;AAAA,UAAyB,6BAAM;AAAA,SAAM;AAAA,QACtE,6CAAC;AAAA,UAAc;AAAA,UACb;AAAA,wDAAC;AAAA,cAAa;AAAA,aAAM;AAAA,YACpB,6CAAC;AAAA,cACC;AAAA,4DAAC;AAAA,kBAAoB;AAAA,iBAAK;AAAA,gBACzB,mBACC,4CAAC;AAAA,kBAAiB,MAAM;AAAA,kBAAgB,eAAY;AAAA,kBAAwB,SAAS;AAAA,kBAClF;AAAA,iBACH;AAAA;AAAA,aAEJ;AAAA;AAAA,SACF;AAAA,QACC,mBACC,4CAAC;AAAA,UACC,sDAAC;AAAA,YACC,eAAY;AAAA,YACZ,YAAW;AAAA,YACX,SAAS;AAAA,YACT,cAAW;AAAA,YACX,UAAU;AAAA,YACV,MAAK;AAAA,YAEL,sDAAC;AAAA,cAAO,OAAM;AAAA,cAAO,QAAO;AAAA,aAAO;AAAA,WACrC;AAAA,SACF;AAAA;AAAA,KAEJ;AAAA,GACF;AAEJ;AAEA,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
   "names": []
 }