@elliemae/ds-mobile 3.17.0-next.12 → 3.17.0-next.14

package/dist/cjs/MobileCard/useHeight.js

@@ -35,7 +35,13 @@ var React = __toESM(require("react"));
 var import_react = require("react");
 var import_polished = require("polished");
 function getCurrentFont() {
-  return Number(window.getComputedStyle(document.querySelector(":root")).getPropertyValue("font-size").match(/\d+/)[0]);
+  const root = document.querySelector(":root");
+  if (!root)
+    return 13;
+  const fontSize = window.getComputedStyle(root).getPropertyValue("font-size");
+  if (!fontSize)
+    return 13;
+  return Number(fontSize.match(/\d+/)[0]);
 }
 function useHeight(ref) {
   const [height, setHeight] = (0, import_react.useState)("0rem");

package/dist/cjs/MobileCard/useHeight.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileCard/useHeight.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  return Number(window.getComputedStyle(document.querySelector(':root')).getPropertyValue('font-size').match(/\\d+/)[0]);\n}\n\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,sBAAoB;AAEpB,SAAS,iBAAiB;AACxB,SAAO,OAAO,OAAO,iBAAiB,SAAS,cAAc,OAAO,CAAC,EAAE,iBAAiB,WAAW,EAAE,MAAM,KAAK,EAAE,CAAC,CAAC;AACtH;AAEO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAE;AACjD,8BAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,IAAI,WAAW,eAAW,qBAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,oBAAU,qBAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  const root = document.querySelector(':root');\n  if (!root) return 13;\n  const fontSize = window.getComputedStyle(root).getPropertyValue('font-size');\n  if (!fontSize) return 13;\n  return Number(fontSize.match(/\\d+/)[0]);\n}\n\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,sBAAoB;AAEpB,SAAS,iBAAiB;AACxB,QAAM,OAAO,SAAS,cAAc,OAAO;AAC3C,MAAI,CAAC;AAAM,WAAO;AAClB,QAAM,WAAW,OAAO,iBAAiB,IAAI,EAAE,iBAAiB,WAAW;AAC3E,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,OAAO,SAAS,MAAM,KAAK,EAAE,CAAC,CAAC;AACxC;AAEO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAE;AACjD,8BAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,IAAI,WAAW,eAAW,qBAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,oBAAU,qBAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
   "names": []
 }

package/dist/esm/MobileCard/useHeight.js

@@ -2,7 +2,13 @@ import * as React from "react";
 import { useEffect, useState } from "react";
 import { rem } from "polished";
 function getCurrentFont() {
-  return Number(window.getComputedStyle(document.querySelector(":root")).getPropertyValue("font-size").match(/\d+/)[0]);
+  const root = document.querySelector(":root");
+  if (!root)
+    return 13;
+  const fontSize = window.getComputedStyle(root).getPropertyValue("font-size");
+  if (!fontSize)
+    return 13;
+  return Number(fontSize.match(/\d+/)[0]);
 }
 function useHeight(ref) {
   const [height, setHeight] = useState("0rem");

package/dist/esm/MobileCard/useHeight.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/useHeight.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  return Number(window.getComputedStyle(document.querySelector(':root')).getPropertyValue('font-size').match(/\\d+/)[0]);\n}\n\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW;AAEpB,SAAS,iBAAiB;AACxB,SAAO,OAAO,OAAO,iBAAiB,SAAS,cAAc,OAAO,CAAC,EAAE,iBAAiB,WAAW,EAAE,MAAM,KAAK,EAAE,CAAC,CAAC;AACtH;AAEO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,YAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,IAAI,WAAW,WAAW,IAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,gBAAU,IAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  const root = document.querySelector(':root');\n  if (!root) return 13;\n  const fontSize = window.getComputedStyle(root).getPropertyValue('font-size');\n  if (!fontSize) return 13;\n  return Number(fontSize.match(/\\d+/)[0]);\n}\n\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW;AAEpB,SAAS,iBAAiB;AACxB,QAAM,OAAO,SAAS,cAAc,OAAO;AAC3C,MAAI,CAAC;AAAM,WAAO;AAClB,QAAM,WAAW,OAAO,iBAAiB,IAAI,EAAE,iBAAiB,WAAW;AAC3E,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,OAAO,SAAS,MAAM,KAAK,EAAE,CAAC,CAAC;AACxC;AAEO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,YAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,IAAI,WAAW,WAAW,IAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,gBAAU,IAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
   "names": []
 }

package/dist/types/Accordion/DSMobileAccordion.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import type { DSAccordionT } from '@elliemae/ds-accordion';
 type DSMobileAccordionPropsT = Omit<DSAccordionT.Props, 'isDSMobile'>;
 export declare const DSMobileAccordion: {
-    ({ children, ...props }: DSMobileAccordionPropsT): JSX.Element;
+    ({ children, ...props }: DSMobileAccordionPropsT): import("react/jsx-runtime.js").JSX.Element;
     displayName: string;
 };
 export declare const DSMobileAccordionItem: {
-    ({ children, ...props }: DSAccordionT.ItemProps): JSX.Element;
+    ({ children, ...props }: DSAccordionT.ItemProps): import("react/jsx-runtime.js").JSX.Element;
     displayName: string;
 };
 declare const DSMobileAccordionItemWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSAccordionT.ItemProps>;

package/dist/types/CategoryBox/CategoryBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DSCategoryBox: {
     ({ borderTop, actionsRight, title, headerLevel, children }: {
         borderTop?: boolean | undefined;
@@ -6,7 +5,7 @@ declare const DSCategoryBox: {
         title: any;
         headerLevel?: number | undefined;
         children: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Category Box title

package/dist/types/CollectionBox/CollectionBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DSCollectionBox: {
     ({ body, title, headerAction, footerAction, headerLevel }: {
         body: any;
@@ -6,7 +5,7 @@ declare const DSCollectionBox: {
         headerAction: any;
         footerAction: any;
         headerLevel?: number | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * body inside collection box

package/dist/types/FullPageContainer/FullPageContainer.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 declare const DSFullPageContainer: {
     ({ children, ...props }: {
         [x: string]: any;
         children: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<any>;
     };

package/dist/types/FullPageContainer/FullPageContainerScroll.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 declare const DSFullPageContainerScroll: {
     ({ style, children, ...props }: {
         [x: string]: any;
         style?: {} | undefined;
         children: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<any>;
         style: PropTypes.Requireable<object>;

package/dist/types/GlobalHeader/MobileGlobalHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DSGlobalHeader: {
     ({ containerProps, title, lastIcon, onSearchChange, topMenuItems, bottomMenuItems, }: {
         containerProps?: {} | undefined;
@@ -7,7 +6,7 @@ declare const DSGlobalHeader: {
         onSearchChange?: ((...args: any[]) => void) | undefined;
         topMenuItems: any;
         bottomMenuItems: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         /** props to inject to wrapper */
         containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;

package/dist/types/GroupBox/GroupBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DSGroupBox: {
     ({ children, title, background, headerLevel, actionsRight, borderTop }: {
         children: any;
@@ -7,7 +6,7 @@ declare const DSGroupBox: {
         headerLevel?: number | undefined;
         actionsRight?: never[] | undefined;
         borderTop: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * In-box children

package/dist/types/Icons/EM_logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const SvgIcon: () => JSX.Element;
+declare const SvgIcon: () => import("react/jsx-runtime").JSX.Element;
 export default SvgIcon;

package/dist/types/InfiniteLoader/Infiniteloader.d.ts

@@ -6,6 +6,6 @@ interface Props {
     children: React.ReactNode;
     height?: number | string;
 }
-declare const InfiniteLoader: ({ isFetching, fetchData, children, height, hasMoreItems }: Props) => JSX.Element;
+declare const InfiniteLoader: ({ isFetching, fetchData, children, height, hasMoreItems }: Props) => import("react/jsx-runtime.js").JSX.Element;
 declare const InfiniteLoaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<Props>;
 export { InfiniteLoader, InfiniteLoaderWithSchema };

package/dist/types/InfiniteLoader/Loader.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface Props {
     isOpen: boolean;
 }
 export declare const Loader: {
-    ({ isOpen }: Props): JSX.Element;
+    ({ isOpen }: Props): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         isOpen: PropTypes.Requireable<boolean>;
     };

package/dist/types/InfiniteLoader/VirtualizedInfiniteLoader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const VirtualizedInfiniteLoader: {
     ({ moreItemsLoading, hasNextPage, isItemLoaded, loadMoreItems, getItemSize, height, item: Row, }: {
         moreItemsLoading?: boolean | undefined;
@@ -8,7 +7,7 @@ declare const VirtualizedInfiniteLoader: {
         getItemSize?: (() => number) | undefined;
         height: any;
         item: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /** Function responsible for tracking the loaded state of each item. */
         isItemLoaded: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;

package/dist/types/MobileActionToolbar/MobileActionToolbarItem.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 declare const ToolbarItem: {
     ({ icon, ...otherProps }: {
         [x: string]: any;
         icon: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     propTypes: {
         /** toolbar item icon */

package/dist/types/MobileBanner/MobileBanner.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { DSMobileBannerT } from './propTypes.js';
 declare const DSMobileBanner: {
-    (props: DSMobileBannerT.Props): JSX.Element | null;
+    (props: DSMobileBannerT.Props): import("react/jsx-runtime.js").JSX.Element | null;
     propTypes: {
         type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         isOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;

package/dist/types/MobileBanner/utils/icons.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const icons: {
-    success: JSX.Element;
-    info: JSX.Element;
-    error: JSX.Element;
-    warning: JSX.Element;
+    success: import("react/jsx-runtime").JSX.Element;
+    info: import("react/jsx-runtime").JSX.Element;
+    error: import("react/jsx-runtime").JSX.Element;
+    warning: import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/MobileCard/ActionAddon.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 export declare const ActionAddon: {
     ({ label, onClick, icon }: {
         label: any;
         onClick: any;
         icon: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Addon label

package/dist/types/MobileCard/CardIcons.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 export declare const SubIcons: {
     ({ icons, colors }: {
         icons?: never[] | undefined;
         colors?: never[] | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Array of  Icons

package/dist/types/MobileCard/ExpandChevron.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 export declare const ExpandChevron: {
     ({ isExpanded, onClick, align }: {
         isExpanded: any;
         onClick: any;
         align: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Whether if the chevron is expanded or not

package/dist/types/MobileCard/ExpandableRegion.d.ts

@@ -4,7 +4,7 @@ export declare const ExpandableRegion: {
     ({ show, content }: {
         show: boolean;
         content: JSX.Element | JSX.Element[];
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         show: PropTypes.Requireable<boolean>;
         content: PropTypes.Requireable<PropTypes.ReactElementLike>;

package/dist/types/MobileContextMenu/MobileContextMenuGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DSMobileContextMenuGroup: {
     ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }: {
         title: any;
@@ -7,7 +6,7 @@ declare const DSMobileContextMenuGroup: {
         children: any;
         value: any;
         selectedItems: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Group title

package/dist/types/MobileDatePicker/Input.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Input: ({ innerRef, ...props }: {
     [x: string]: any;
     innerRef: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/MobileDatePicker/MobileDatePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DSMobileDatePicker: {
     ({ disabled, value, tabIndex, placeholder, onChange }: {
         disabled: any;
@@ -6,7 +5,7 @@ declare const DSMobileDatePicker: {
         tabIndex: any;
         placeholder: any;
         onChange: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     defaultProps: {
         disabled: boolean;
         tabIndex: number;

package/dist/types/MobileFilterbar/Filterbar.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare const DSMobileFilterbar: {
     ({ children }: {
         children: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };

package/dist/types/MobileFilterbar/FilterbarItem.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 declare const DSMobileFilterbarItem: {
     ({ children, onClick }: {
         children: any;
         onClick: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;

package/dist/types/MobileFilterbar/FilterbarSort.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare const DSMobileFilterbarSort: {
     ({ children }: {
         children: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };

package/dist/types/MobileFooter/Action.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 declare const DSMobileFooterAction: {
     ({ label, icon, onClick }: {
         label: any;
         icon: any;
         onClick: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /** Action label */
         label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;

package/dist/types/MobileFooter/Footer.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare const MobileFooter: {
     ({ children }: {
         children: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         /**
          * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction

package/dist/types/MobileFooter/Text.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare const DSMobileFooterText: {
     ({ children }: {
         children: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };

package/dist/types/MobileSelectList/styled.d.ts

@@ -9,6 +9,6 @@ export declare const ListContainer: import("styled-components").StyledComponent<
 } & {
     theme?: import("styled-components").DefaultTheme | undefined;
 }, never>;
-export declare const checkbox: JSX.Element;
-export declare const checked: JSX.Element;
-export declare const selectedMark: JSX.Element;
+export declare const checkbox: import("react/jsx-runtime.js").JSX.Element;
+export declare const checked: import("react/jsx-runtime.js").JSX.Element;
+export declare const selectedMark: import("react/jsx-runtime.js").JSX.Element;

package/dist/types/MobileSeparator/Separator.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 declare const MobileSeparator: {
     ({ color, direction, type, margin }: {
         color?: string[] | undefined;
         direction?: string | undefined;
         type?: string | undefined;
         margin?: string | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         direction: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;

package/dist/types/MobileTimePicker/Input.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Input: ({ innerRef, ...props }: {
     [x: string]: any;
     innerRef: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/MobileTimePicker/MobileTimePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DSMobileTimePicker: {
     ({ disabled, value, tabIndex, placeholder, onChange }: {
         disabled: any;
@@ -6,7 +5,7 @@ declare const DSMobileTimePicker: {
         tabIndex: any;
         placeholder: any;
         onChange: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     defaultProps: {
         disabled: boolean;
         tabIndex: number;

package/dist/types/Modal/Modal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Modal: {
     ({ zIndex, title, description, onClose, showSecondaryAction, secondaryActionProps, primaryActionProps, isOpen, children, }: {
         zIndex?: number | undefined;
@@ -16,7 +15,7 @@ declare const Modal: {
         } | undefined;
         isOpen?: boolean | undefined;
         children?: undefined;
-    }): JSX.Element | null;
+    }): import("react/jsx-runtime.js").JSX.Element | null;
     propTypes: {
         isOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;

package/dist/types/PageFilter/PageFilter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 declare const DSPageFilter: {
     ({ children, breadCrumb, pageTitle, leftProp, rightProp, footerButton, }: {
@@ -8,7 +7,7 @@ declare const DSPageFilter: {
         leftProp?: null | undefined;
         rightProp?: null | undefined;
         footerButton?: null | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         /**
          * Text to render in header title

package/dist/types/PageForm/PageForm.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 declare const DSPageForm: {
     ({ header, body, footer }: {
         header?: null | undefined;
         body?: null | undefined;
         footer?: null | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         header: PropTypes.Requireable<PropTypes.ReactElementLike>;
         body: PropTypes.Requireable<PropTypes.ReactElementLike>;
@@ -17,7 +16,7 @@ declare const DSMobilePageForm: {
         header?: null | undefined;
         body?: null | undefined;
         footer?: null | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         header: PropTypes.Requireable<PropTypes.ReactElementLike>;
         body: PropTypes.Requireable<PropTypes.ReactElementLike>;

package/dist/types/PageSummary/PageSummary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 declare const DSPageSummary: {
     ({ header, headerZIndex, bodyPrimary, actions, actionsZIndex, bodySecondary, }: {
@@ -8,7 +7,7 @@ declare const DSPageSummary: {
         actions?: null | undefined;
         actionsZIndex?: number | undefined;
         bodySecondary?: null | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         header: PropTypes.Requireable<PropTypes.ReactElementLike>;
         bodyPrimary: PropTypes.Requireable<PropTypes.ReactElementLike>;

package/dist/types/SideNav/SideNav.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DSSideNav: {
     ({ containerProps, title, onClose, menuItems, bottomMenuItems }: {
         containerProps?: {} | undefined;
@@ -6,7 +5,7 @@ declare const DSSideNav: {
         onClose?: ((...args: any[]) => void) | undefined;
         menuItems?: never[] | undefined;
         bottomMenuItems?: never[] | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         /** inject props to wrapper element of side nav */
         containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;

package/dist/types/SwipeToRefresh/ProgressIndicator.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 export declare const ProgressIndicator: {
     ({ progress }: {
         progress?: number | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         progress: PropTypes.Requireable<number>;
     };

package/dist/types/SwipeToRefresh/ProgressLoader.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const ProgressLoader: () => JSX.Element;
+export declare const ProgressLoader: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/SwipeToRefresh/SwipeToRefresh.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 declare const SwipeToRefresh: {
     ({ children, loading, onRefresh }: {
         children: any;
         loading: any;
         onRefresh: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         /** component inside swipe to refresh container */
         children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;

package/dist/types/Tabs/index.d.ts

@@ -3,12 +3,12 @@ import type { DSTabsT, DSTabT } from '@elliemae/ds-tabs';
 type DSMobileTabsPropsT = Omit<DSTabsT.InternalProps, 'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'>;
 type DSMobileTabPropsT = Omit<DSTabT.Props, 'isDSMobile'>;
 export declare const DSMobileTabs: {
-    ({ children, ...props }: DSMobileTabsPropsT): JSX.Element;
+    ({ children, ...props }: DSMobileTabsPropsT): import("react/jsx-runtime.js").JSX.Element;
     propTypes: WeakValidationMap<unknown>;
     displayName: string;
 };
 export declare const DSMobileTab: {
-    ({ children, ...props }: DSMobileTabPropsT): JSX.Element;
+    ({ children, ...props }: DSMobileTabPropsT): import("react/jsx-runtime.js").JSX.Element;
     propTypes: WeakValidationMap<unknown>;
     displayName: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mobile",
-  "version": "3.17.0-next.12",
+  "version": "3.17.0-next.14",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "files": [
@@ -439,22 +439,22 @@
     "prop-types": "~15.8.1",
     "react-window": "~1.8.8",
     "react-window-infinite-loader": "~1.0.8",
-    "@elliemae/ds-accordion": "3.17.0-next.12",
-    "@elliemae/ds-button": "3.17.0-next.12",
-    "@elliemae/ds-backdrop": "3.17.0-next.12",
-    "@elliemae/ds-circular-progress-indicator": "3.17.0-next.12",
-    "@elliemae/ds-form": "3.17.0-next.12",
-    "@elliemae/ds-form-checkbox": "3.17.0-next.12",
-    "@elliemae/ds-grid": "3.17.0-next.12",
-    "@elliemae/ds-icon": "3.17.0-next.12",
-    "@elliemae/ds-icons": "3.17.0-next.12",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.17.0-next.12",
-    "@elliemae/ds-props-helpers": "3.17.0-next.12",
-    "@elliemae/ds-shared": "3.17.0-next.12",
-    "@elliemae/ds-tabs": "3.17.0-next.12",
-    "@elliemae/ds-system": "3.17.0-next.12",
-    "@elliemae/ds-truncated-expandable-text": "3.17.0-next.12",
-    "@elliemae/ds-utilities": "3.17.0-next.12"
+    "@elliemae/ds-accordion": "3.17.0-next.14",
+    "@elliemae/ds-backdrop": "3.17.0-next.14",
+    "@elliemae/ds-circular-progress-indicator": "3.17.0-next.14",
+    "@elliemae/ds-button": "3.17.0-next.14",
+    "@elliemae/ds-form": "3.17.0-next.14",
+    "@elliemae/ds-form-checkbox": "3.17.0-next.14",
+    "@elliemae/ds-grid": "3.17.0-next.14",
+    "@elliemae/ds-icon": "3.17.0-next.14",
+    "@elliemae/ds-props-helpers": "3.17.0-next.14",
+    "@elliemae/ds-icons": "3.17.0-next.14",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.17.0-next.14",
+    "@elliemae/ds-shared": "3.17.0-next.14",
+    "@elliemae/ds-system": "3.17.0-next.14",
+    "@elliemae/ds-tabs": "3.17.0-next.14",
+    "@elliemae/ds-truncated-expandable-text": "3.17.0-next.14",
+    "@elliemae/ds-utilities": "3.17.0-next.14"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.7.0",