@elliemae/ds-left-navigation 3.16.0-next.2 → 3.16.0-next.21

package/dist/esm/prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { outOfTheBoxTypes } from './outOfTheBox';\n\nexport const leftNavItemProps = {\n  type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n  dsId: PropTypes.string.description('unique identifier for the left nav item'),\n  Component: PropTypes.func.description(\n    \"A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box\",\n  ),\n  CollapsedComponent: PropTypes.func.description('A component which is renderer when the left-nav is collapsed'),\n  itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n  containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n    .description('Set of Properties attached to the main container')\n    .defaultValue({ expandedWidth: '240px' }),\n  expanded: PropTypes.bool.description('Whether to show the left navigation expanded or collapsed').defaultValue(false),\n  loading: PropTypes.bool.description('Whether the left-nav is loading').defaultValue(false),\n  openedItem: PropTypes.string\n    .description('The id of the left navigation item you want to be opened')\n    .defaultValue(null),\n  footerLabel: PropTypes.string.description('The label to show in the footer item'),\n  onFooterExpand: PropTypes.func.description('The function to call when the left-nav is opened via the footer'),\n  onFooterClose: PropTypes.func.description('The function to call when the left-nav is closed via the footer'),\n  onSelectedChange: PropTypes.func\n    .description('A callback which triggers when the selected item changes')\n    .defaultValue(() => null),\n  onFocusChange: PropTypes.func\n    .description('A callback which triggers when the focused item changes')\n    .defaultValue(() => null),\n  items: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of items you want to render inside the left nav')\n    .defaultValue([]),\n  disableDefaultSelection: PropTypes.bool\n    .description('Whether you do not want to automatically select the first body item')\n    .defaultValue(false),\n};\n\nconst LeftNavItemProps = () => null;\nLeftNavItemProps.displayName = 'LeftNavItemProps';\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nLeftNavItemOptions.displayName = 'LeftNavItemOptions';\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { outOfTheBoxTypes } from './outOfTheBox/index.js';\n\nexport const leftNavItemProps = {\n  type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n  dsId: PropTypes.string.description('unique identifier for the left nav item'),\n  Component: PropTypes.func.description(\n    \"A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box\",\n  ),\n  CollapsedComponent: PropTypes.func.description('A component which is renderer when the left-nav is collapsed'),\n  itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n  containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n    .description('Set of Properties attached to the main container')\n    .defaultValue({ expandedWidth: '240px' }),\n  expanded: PropTypes.bool.description('Whether to show the left navigation expanded or collapsed').defaultValue(false),\n  loading: PropTypes.bool.description('Whether the left-nav is loading').defaultValue(false),\n  openedItem: PropTypes.string\n    .description('The id of the left navigation item you want to be opened')\n    .defaultValue(null),\n  footerLabel: PropTypes.string.description('The label to show in the footer item'),\n  onFooterExpand: PropTypes.func.description('The function to call when the left-nav is opened via the footer'),\n  onFooterClose: PropTypes.func.description('The function to call when the left-nav is closed via the footer'),\n  onSelectedChange: PropTypes.func\n    .description('A callback which triggers when the selected item changes')\n    .defaultValue(() => null),\n  onFocusChange: PropTypes.func\n    .description('A callback which triggers when the focused item changes')\n    .defaultValue(() => null),\n  items: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of items you want to render inside the left nav')\n    .defaultValue([]),\n  disableDefaultSelection: PropTypes.bool\n    .description('Whether you do not want to automatically select the first body item')\n    .defaultValue(false),\n};\n\nconst LeftNavItemProps = () => null;\nLeftNavItemProps.displayName = 'LeftNavItemProps';\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nLeftNavItemOptions.displayName = 'LeftNavItemOptions';\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,wBAAwB;AAE1B,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,gBAAgB,EAAE,YAAY,sBAAsB;AAAA,EAC1E,MAAM,UAAU,OAAO,YAAY,yCAAyC;AAAA,EAC5E,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,oBAAoB,UAAU,KAAK,YAAY,8DAA8D;AAAA,EAC7G,UAAU,UAAU,OAAO,YAAY,cAAc;AACvD;AAEO,MAAM,sBAAsB;AAAA,EACjC,gBAAgB,UAAU,MAAM,EAAE,eAAe,UAAU,OAAO,CAAC,EAChE,YAAY,kDAAkD,EAC9D,aAAa,EAAE,eAAe,QAAQ,CAAC;AAAA,EAC1C,UAAU,UAAU,KAAK,YAAY,2DAA2D,EAAE,aAAa,KAAK;AAAA,EACpH,SAAS,UAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,UAAU,OACnB,YAAY,0DAA0D,EACtE,aAAa,IAAI;AAAA,EACpB,aAAa,UAAU,OAAO,YAAY,sCAAsC;AAAA,EAChF,gBAAgB,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAC5G,eAAe,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAC3G,kBAAkB,UAAU,KACzB,YAAY,0DAA0D,EACtE,aAAa,MAAM,IAAI;AAAA,EAC1B,eAAe,UAAU,KACtB,YAAY,yDAAyD,EACrE,aAAa,MAAM,IAAI;AAAA,EAC1B,OAAO,UAAU,QAAQ,UAAU,MAAM,EACtC,YAAY,2DAA2D,EACvE,aAAa,CAAC,CAAC;AAAA,EAClB,yBAAyB,UAAU,KAChC,YAAY,qEAAqE,EACjF,aAAa,KAAK;AACvB;AAEA,MAAM,mBAAmB,MAAM;AAC/B,iBAAiB,cAAc;AACxB,MAAM,yBAAyB,SAAS,gBAAgB;AAC/D,uBAAuB,YAAY;AAEnC,MAAM,qBAAqB,MAAM;AACjC,mBAAmB,cAAc;AAC1B,MAAM,2BAA2B,SAAS,kBAAkB;AACnE,yBAAyB,YAAY;",
   "names": []
 }

package/dist/types/LeftNavigation.d.ts

@@ -2,19 +2,19 @@ import type { LeftNavProps } from './index.d';
 export declare const LeftNavigation: {
     (props: LeftNavProps): JSX.Element;
     propTypes: {
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        expanded: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        loading: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        openedItem: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        footerLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        onFooterExpand: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        onFooterClose: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        onSelectedChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        onFocusChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        items: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        disableDefaultSelection: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        expanded: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        loading: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        openedItem: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        footerLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onFooterExpand: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onFooterClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onSelectedChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onFocusChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        items: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        disableDefaultSelection: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     defaultProps: LeftNavProps;
     displayName: string;
 };
-export declare const LeftNavigationWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<LeftNavProps>;
+export declare const LeftNavigationWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<LeftNavProps>;

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

@@ -1,3 +1,3 @@
-export * from './getItemBackgroundStyle';
-export * from './getLeftBorderStyle';
-export * from './getScrollbarStyle';
+export * from './getItemBackgroundStyle.js';
+export * from './getLeftBorderStyle.js';
+export * from './getScrollbarStyle.js';

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

@@ -1,3 +1,3 @@
-import { useLeftNavConfig } from './useLeftNavConfig';
-export { useLeftNavConfig } from './useLeftNavConfig';
+import { useLeftNavConfig } from './useLeftNavConfig.js';
+export { useLeftNavConfig } from './useLeftNavConfig.js';
 export default useLeftNavConfig;

package/dist/types/configs/useLeftNavConfig.d.ts

@@ -1,4 +1,4 @@
 import type { LeftNavProps } from '../index.d';
-import type { ContextProps } from '../LeftNavigationContext';
+import type { ContextProps } from '../LeftNavigationContext.js';
 export declare const useLeftNavConfig: (props: LeftNavProps) => ContextProps;
 export default useLeftNavConfig;

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

@@ -1 +1 @@
-export * from './constants';
+export * from './constants.js';

package/dist/types/exported-related/ItemRenderer/styled.d.ts

@@ -8,10 +8,10 @@ interface ItemProps {
     shadowStyle: (theme: Theme) => string;
 }
 export declare const borderOutside: (color: string, weight?: number) => string;
-export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
+export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     minHeight: string;
 } & ItemProps, never>;
-export declare const StyledCollapsedContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
+export declare const StyledCollapsedContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
 export declare const StyledBorderBottom: import("styled-components").StyledComponent<"div", Theme, {
     opened: boolean;
     borderBottomMr?: string | undefined;

package/dist/types/exported-related/index.d.ts

@@ -1,6 +1,6 @@
-export * from './constants';
-export * from './ItemRenderer';
-export * from './ChevronItem';
-export * from './Notifications';
-export * from './OpenWindowItem';
-export * from './Icon';
+export * from './constants.js';
+export * from './ItemRenderer/index.js';
+export * from './ChevronItem/index.js';
+export * from './Notifications/index.js';
+export * from './OpenWindowItem/index.js';
+export * from './Icon/index.js';

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

@@ -1,3 +1,3 @@
-export * from './useOpenableOnClickHandler';
-export * from './useExpandableOnClickHandler';
-export * from './useKeyboardNavigation';
+export * from './useOpenableOnClickHandler.js';
+export * from './useExpandableOnClickHandler.js';
+export * from './useKeyboardNavigation.js';

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

@@ -1,6 +1,6 @@
 import type React from 'react';
 import { type Theme } from '@elliemae/ds-system';
-import type { ContextProps } from './LeftNavigationContext';
+import type { ContextProps } from './LeftNavigationContext.js';
 export type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';
 export interface LeftNavProps {
     expanded: boolean;

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
-import { LeftNavigation } from './LeftNavigation';
+import { LeftNavigation } from './LeftNavigation.js';
 export default LeftNavigation;
-export { LeftNavItemPropsSchema, LeftNavItemOptionsSchema } from './prop-types';
-export { LeftNavigation, LeftNavigationWithSchema } from './LeftNavigation';
-export * from './exported-related';
-export * from './constants';
+export { LeftNavItemPropsSchema, LeftNavItemOptionsSchema } from './prop-types.js';
+export { LeftNavigation, LeftNavigationWithSchema } from './LeftNavigation.js';
+export * from './exported-related/index.js';
+export * from './constants/index.js';

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

@@ -1,13 +1,13 @@
 import type React from 'react';
 import type { ComponentProps } from '../index.d';
-export * from './ItemControlledDrilldown';
-export * from './ItemUncontrolledDrilldown';
-export * from './ItemHeader';
-export * from './ItemLink';
-export * from './ItemSection';
-export * from './ItemSeparator';
-export * from './ItemSubmenu';
-export * from './ItemTextLabel';
-export * from './ItemWithDate';
+export * from './ItemControlledDrilldown/index.js';
+export * from './ItemUncontrolledDrilldown/index.js';
+export * from './ItemHeader/index.js';
+export * from './ItemLink/index.js';
+export * from './ItemSection/index.js';
+export * from './ItemSeparator/index.js';
+export * from './ItemSubmenu/index.js';
+export * from './ItemTextLabel/index.js';
+export * from './ItemWithDate/index.js';
 export declare const outOfTheBoxTypes: string[];
 export declare const outOfTheBoxComponents: Record<string, React.ComponentType<ComponentProps>>;

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

@@ -6,18 +6,18 @@ interface StyledLabelT {
     labelOverflow?: string;
     labelColor?: [ColorsKey, keyof Theme['colors'][ColorsKey]];
 }
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, StyledLabelT, never>;
-export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
-export declare const StyledArrowContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
-export declare const StyledRightContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, StyledLabelT, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
+export declare const StyledArrowContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
+export declare const StyledRightContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
 export declare const StyledSectionLabel: import("styled-components").StyledComponent<"span", Theme, object, never>;
 export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", Theme, object, never>;
 export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", Theme, object, never>;
-export declare const StyledSectionContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
-export declare const StyledBottomContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
-export declare const StyledLeftContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
-export declare const StyledItemLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
+export declare const StyledSectionContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
+export declare const StyledBottomContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
+export declare const StyledLeftContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
+export declare const StyledItemLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     labelOverflow: string;
 }, never>;
-export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, Theme, object, never>;
+export declare const StyledChevronLeft: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonT.Props>, Theme, object, never>;
 export {};

package/dist/types/parts/LeftNavContent/styled.d.ts

@@ -5,12 +5,12 @@ type LeftNavProps = {
     expandedWidth: string;
 };
 export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", Theme, LeftNavProps, never>;
-export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, LeftNavProps, never>;
+export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, LeftNavProps, never>;
 export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", Theme, {
     selected: boolean;
     selectedParent?: boolean | undefined;
 }, never>;
-export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
+export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
 export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", Theme, {
     selected: boolean;
     selectedParent?: boolean | undefined;

package/dist/types/parts/LeftNavFooterItem/styled.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
-export declare const StyledFooterItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
+export declare const StyledFooterItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
     expanded: boolean;
     opened: boolean;
     selected: boolean;
 }, never>;
-export declare const StyledFooterLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+export declare const StyledFooterLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
     labelOverflow: string;
 }, never>;
-export declare const StyledFooterSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
-export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("@elliemae/ds-system").Theme, object, never>;
+export declare const StyledFooterSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
+export declare const StyledMenuCollapse: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonT.Props>, import("@elliemae/ds-system").Theme, object, never>;

package/dist/types/prop-types.d.ts

@@ -1,22 +1,22 @@
 export declare const leftNavItemProps: {
-    type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    dsId: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    Component: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    CollapsedComponent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    itemOpts: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    Component: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    CollapsedComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    itemOpts: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
 };
 export declare const leftNavigationProps: {
-    containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    expanded: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    loading: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    openedItem: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    footerLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    onFooterExpand: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    onFooterClose: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    onSelectedChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    onFocusChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    items: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    disableDefaultSelection: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    expanded: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    loading: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    openedItem: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    footerLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    onFooterExpand: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    onFooterClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    onSelectedChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    onFocusChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    items: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    disableDefaultSelection: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
 };
-export declare const LeftNavItemPropsSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<unknown>;
-export declare const LeftNavItemOptionsSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<unknown>;
+export declare const LeftNavItemPropsSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<unknown>;
+export declare const LeftNavItemOptionsSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<unknown>;

package/dist/types/tests/a11y/axe-collapsed.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/a11y/axe-expanded.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/a11y/axe-opened.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Left Navigation",
   "files": [
@@ -235,17 +235,19 @@
     "typeSafety": false
   },
   "dependencies": {
-    "@elliemae/ds-circular-progress-indicator": "3.16.0-next.2",
-    "@elliemae/ds-grid": "3.16.0-next.2",
-    "@elliemae/ds-icons": "3.16.0-next.2",
-    "@elliemae/ds-system": "3.16.0-next.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "@elliemae/ds-props-helpers": "3.16.0-next.21",
+    "@elliemae/ds-icons": "3.16.0-next.21",
+    "@elliemae/ds-circular-progress-indicator": "3.16.0-next.21",
+    "@elliemae/ds-system": "3.16.0-next.21",
+    "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.21",
+    "@elliemae/ds-utilities": "3.16.0-next.21",
+    "@elliemae/ds-grid": "3.16.0-next.21",
+    "@elliemae/ds-button-v2": "3.16.0-next.21"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
-    "styled-components": "~5.3.6"
+    "styled-components": "~5.3.9"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -260,7 +262,7 @@
     "dts": "node ../../scripts/dts.mjs",
     "dev": "node ../../scripts/build/build.js -w",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }