@elliemae/ds-accordion 3.16.0-next.2 → 3.16.0-next.21

package/dist/cjs/react-desc-prop-types.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,40 +33,40 @@ __export(react_desc_prop_types_exports, {
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const accordionItemPropTypes = {
-  ...import_ds_utilities.globalAttributesPropTypes,
-  ...import_ds_utilities.xstyledPropTypes,
-  children: import_ds_utilities.PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
-  title: import_ds_utilities.PropTypes.string.description("Set a primary title."),
-  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description(
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  children: import_ds_props_helpers.PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
+  title: import_ds_props_helpers.PropTypes.string.description("Set a primary title."),
+  value: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description(
     "Dimsum AccordionItem value, this value should be unique."
   ).isRequired,
-  iconClosed: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is closed.").deprecated({ version: "3.x" }),
-  iconOpened: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is open.").deprecated({ version: "3.x" }),
-  secondaryTitle: import_ds_utilities.PropTypes.string.description("Set a secondary title"),
-  xStyledPropsContent: import_ds_utilities.PropTypes.object.description(
+  iconClosed: import_ds_props_helpers.PropTypes.node.description("Custom Dimsum Icon when it is closed.").deprecated({ version: "3.x" }),
+  iconOpened: import_ds_props_helpers.PropTypes.node.description("Custom Dimsum Icon when it is open.").deprecated({ version: "3.x" }),
+  secondaryTitle: import_ds_props_helpers.PropTypes.string.description("Set a secondary title"),
+  xStyledPropsContent: import_ds_props_helpers.PropTypes.shape(import_ds_props_helpers.xstyledPropTypes).description(
     "This property is xStyledProps object to apply in the content wrapper"
   ),
-  customActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("Set Dimsum AccordionItem custom actions.").deprecated({ version: "3.x" }),
-  renderCustomActions: import_ds_utilities.PropTypes.func.description(
+  customActions: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.object).description("Set Dimsum AccordionItem custom actions.").deprecated({ version: "3.x" }),
+  renderCustomActions: import_ds_props_helpers.PropTypes.func.description(
     "This property will render any JSX in the header controls area. You can access to all references and active values within the props. Rendered as a function which does not allow hook calls inside."
   ).deprecated({ version: "4.x" }),
-  CustomActions: import_ds_utilities.PropTypes.func.description(
+  CustomActions: import_ds_props_helpers.PropTypes.func.description(
     "This property will render any JSX in the header controls area. You can access to all references and active values within the props."
   )
 };
 const accordionPropTypes = {
-  ...import_ds_utilities.globalAttributesPropTypes,
-  ...import_ds_utilities.xstyledPropTypes,
-  containerProps: import_ds_utilities.PropTypes.object.description("Adds props to the container."),
-  activeValue: import_ds_utilities.PropTypes.oneOfType([
-    import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number])),
-    import_ds_utilities.PropTypes.string,
-    import_ds_utilities.PropTypes.number
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Adds props to the container.").deprecated({ version: "4.x" }),
+  activeValue: import_ds_props_helpers.PropTypes.oneOfType([
+    import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number])),
+    import_ds_props_helpers.PropTypes.string,
+    import_ds_props_helpers.PropTypes.number
   ]).description("Selected active value. This property makes the component a controlled one."),
-  children: import_ds_utilities.PropTypes.node.description("Dimsum AccordionItems to show."),
-  allowMultipleOpen: import_ds_utilities.PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
-  onChange: import_ds_utilities.PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
+  children: import_ds_props_helpers.PropTypes.node.description("Dimsum AccordionItems to show."),
+  allowMultipleOpen: import_ds_props_helpers.PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
+  onChange: import_ds_props_helpers.PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type React from 'react';\nimport type { XstyledProps } from '@elliemae/ds-utilities';\n\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport type { DSAccordionInternalsT } from './sharedTypes';\n\nexport declare namespace DSAccordionT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    allowMultipleOpen: boolean;\n    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n    children: React.ReactElement<InternalItemProps>[];\n    isDSMobile: boolean;\n  }\n\n  export interface OptionalProps {\n    activeValue?: DSAccordionInternalsT.InternalActiveValue;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactElement<ItemProps>[];\n  }\n\n  export interface Props extends OptionalProps, Partial<Omit<DefaultProps, 'children'>>, RequiredProps {}\n\n  export interface ItemDefaultProps {\n    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    title: string;\n    customActions: DSAccordionInternalsT.CustomActions[];\n    disabled: boolean;\n    xStyledPropsContent: XstyledProps;\n  }\n\n  export interface ItemOptionalProps {\n    secondaryTitle?: string;\n    renderCustomActions?: (props: {\n      allRefs: DSAccordionInternalsT.AllChildrenReferences;\n      actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n    }) => JSX.Element;\n    CustomActions?: React.ComponentType<{\n      allRefs: DSAccordionInternalsT.AllChildrenReferences;\n      actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n    }>;\n  }\n\n  export interface ItemRequiredProps {\n    children: React.ReactNode;\n    value: string | number;\n  }\n\n  export interface ItemProps extends ItemRequiredProps, ItemOptionalProps, Partial<ItemDefaultProps> {}\n\n  export interface InternalItemProps\n    extends ItemRequiredProps,\n      ItemOptionalProps,\n      Omit<ItemDefaultProps, 'disabled' | 'customActions' | 'iconClosed' | 'iconOpened'> {\n    dsIndex: number;\n    disabled: boolean;\n    customActions: DSAccordionInternalsT.CustomActions[];\n    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n  }\n\n  export interface InternalProps\n    extends OptionalProps,\n      Partial<Omit<DefaultProps, 'children' | 'isDSMobile' | 'onChange'>> {\n    children: React.ReactElement<InternalItemProps>[];\n    isDSMobile: boolean;\n    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n}\n\nexport const accordionItemPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.').deprecated({ version: '3.x' }),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.').deprecated({ version: '3.x' }),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  xStyledPropsContent: PropTypes.object.description(\n    'This property is xStyledProps object to apply in the content wrapper',\n  ),\n  customActions: PropTypes.arrayOf(PropTypes.object)\n    .description('Set Dimsum AccordionItem custom actions.')\n    .deprecated({ version: '3.x' }),\n  renderCustomActions: PropTypes.func\n    .description(\n      'This property will render any JSX in the header controls area. You can access to all references and active values within the props. Rendered as a function which does not allow hook calls inside.',\n    )\n    .deprecated({ version: '4.x' }),\n  CustomActions: PropTypes.func.description(\n    'This property will render any JSX in the header controls area. You can access to all references and active values within the props.',\n  ),\n};\n\nexport const accordionPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAAuE;AAsEhE,MAAM,yBAAyB;AAAA,EACpC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF,EAAE;AAAA,EACF,YAAY,8BAAU,KAAK,YAAY,uCAAuC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC7G,YAAY,8BAAU,KAAK,YAAY,qCAAqC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC3G,gBAAgB,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,qBAAqB,8BAAU,OAAO;AAAA,IACpC;AAAA,EACF;AAAA,EACA,eAAe,8BAAU,QAAQ,8BAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,8BAAU,KAC5B;AAAA,IACC;AAAA,EACF,EACC,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,eAAe,8BAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AACF;AAEO,MAAM,qBAAqB;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,8BAAU,UAAU;AAAA,IAC/B,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,8BAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,8BAAU,KAAK,YAAY,sDAAsD;AAC7F;",
+  "sourcesContent": ["import type React from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes, type XstyledProps } from '@elliemae/ds-props-helpers';\nimport type { DSAccordionInternalsT } from './sharedTypes.js';\n\nexport declare namespace DSAccordionT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    allowMultipleOpen: boolean;\n    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n    children: React.ReactElement<InternalItemProps>[];\n    isDSMobile: boolean;\n  }\n\n  export interface OptionalProps {\n    activeValue?: DSAccordionInternalsT.InternalActiveValue;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactElement<ItemProps>[];\n  }\n\n  export interface Props extends OptionalProps, Partial<Omit<DefaultProps, 'children'>>, RequiredProps {}\n\n  export interface ItemDefaultProps {\n    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    title: string;\n    customActions: DSAccordionInternalsT.CustomActions[];\n    disabled: boolean;\n    xStyledPropsContent: XstyledProps;\n  }\n\n  export interface ItemOptionalProps {\n    secondaryTitle?: string;\n    renderCustomActions?: (props: {\n      allRefs: DSAccordionInternalsT.AllChildrenReferences;\n      actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n    }) => JSX.Element;\n    CustomActions?: React.ComponentType<{\n      allRefs: DSAccordionInternalsT.AllChildrenReferences;\n      actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n    }>;\n  }\n\n  export interface ItemRequiredProps {\n    children: React.ReactNode;\n    value: string | number;\n  }\n\n  export interface ItemProps extends ItemRequiredProps, ItemOptionalProps, Partial<ItemDefaultProps> {}\n\n  export interface InternalItemProps\n    extends ItemRequiredProps,\n      ItemOptionalProps,\n      Omit<ItemDefaultProps, 'disabled' | 'customActions' | 'iconClosed' | 'iconOpened'> {\n    dsIndex: number;\n    disabled: boolean;\n    customActions: DSAccordionInternalsT.CustomActions[];\n    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n  }\n\n  export interface InternalProps\n    extends OptionalProps,\n      Partial<Omit<DefaultProps, 'children' | 'isDSMobile' | 'onChange'>> {\n    children: React.ReactElement<InternalItemProps>[];\n    isDSMobile: boolean;\n    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n}\n\nexport const accordionItemPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.').deprecated({ version: '3.x' }),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.').deprecated({ version: '3.x' }),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  xStyledPropsContent: PropTypes.shape(xstyledPropTypes).description(\n    'This property is xStyledProps object to apply in the content wrapper',\n  ),\n  customActions: PropTypes.arrayOf(PropTypes.object)\n    .description('Set Dimsum AccordionItem custom actions.')\n    .deprecated({ version: '3.x' }),\n  renderCustomActions: PropTypes.func\n    .description(\n      'This property will render any JSX in the header controls area. You can access to all references and active values within the props. Rendered as a function which does not allow hook calls inside.',\n    )\n    .deprecated({ version: '4.x' }),\n  CustomActions: PropTypes.func.description(\n    'This property will render any JSX in the header controls area. You can access to all references and active values within the props.',\n  ),\n};\n\nexport const accordionPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('Adds props to the container.').deprecated({ version: '4.x' }),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0F;AAsEnF,MAAM,yBAAyB;AAAA,EACpC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,kCAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF,EAAE;AAAA,EACF,YAAY,kCAAU,KAAK,YAAY,uCAAuC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC7G,YAAY,kCAAU,KAAK,YAAY,qCAAqC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC3G,gBAAgB,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,qBAAqB,kCAAU,MAAM,wCAAgB,EAAE;AAAA,IACrD;AAAA,EACF;AAAA,EACA,eAAe,kCAAU,QAAQ,kCAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,kCAAU,KAC5B;AAAA,IACC;AAAA,EACF,EACC,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,eAAe,kCAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AACF;AAEO,MAAM,qBAAqB;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,kCAAU,OAAO,YAAY,8BAA8B,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC1G,aAAa,kCAAU,UAAU;AAAA,IAC/B,kCAAU,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,kCAAU;AAAA,IACV,kCAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,kCAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,kCAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,kCAAU,KAAK,YAAY,sDAAsD;AAC7F;",
   "names": []
 }

package/dist/cjs/sharedTypes.js

@@ -14,6 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/sharedTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/sharedTypes.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export declare namespace DSAccordionInternalsT {\n  export interface CustomActions {\n    onClick: (e: React.MouseEvent) => void;\n    id: string;\n  }\n\n  export interface DefaultIconProps {\n    isDSMobile: boolean;\n  }\n\n  export interface FocusableChildrenReferences {\n    index: number;\n    value: string | number;\n    ref: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export interface AllChildrenReferences {\n    [index: string]: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export type InternalActiveValue = (string | number)[] | string | number | null | undefined;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "sourcesContent": ["export declare namespace DSAccordionInternalsT {\n  export interface CustomActions {\n    onClick: (e: React.MouseEvent) => void;\n    id: string;\n  }\n\n  export interface DefaultIconProps {\n    isDSMobile?: boolean;\n  }\n\n  export interface FocusableChildrenReferences {\n    index: number;\n    value: string | number;\n    ref: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export interface AllChildrenReferences {\n    [index: string]: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export type InternalActiveValue = (string | number)[] | string | number | null | undefined;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/esm/DSAccordion.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
-import { AccordionContent } from "./parts/accordionContent/AccordionContent";
-import { useAccordion } from "./config/useAccordion";
-import { DSAccordionContext } from "./DSAccordionCTX";
-import { accordionPropTypes } from "./react-desc-prop-types";
-import { DSAccordionName } from "./exported-related/theming";
+import { describe } from "@elliemae/ds-props-helpers";
+import { AccordionContent } from "./parts/accordionContent/AccordionContent.js";
+import { useAccordion } from "./config/useAccordion.js";
+import { DSAccordionContext } from "./DSAccordionCTX.js";
+import { accordionPropTypes } from "./react-desc-prop-types.js";
+import { DSAccordionName } from "./exported-related/theming.js";
 const DSAccordion = (props) => {
   const ctx = useAccordion(props);
   return /* @__PURE__ */ jsx(DSAccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(AccordionContent, {}) });

package/dist/esm/DSAccordion.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSAccordion.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { AccordionContent } from './parts/accordionContent/AccordionContent';\nimport { useAccordion } from './config/useAccordion';\nimport { DSAccordionContext } from './DSAccordionCTX';\nimport { accordionPropTypes } from './react-desc-prop-types';\nimport type { DSAccordionT } from './react-desc-prop-types';\nimport { DSAccordionName } from './exported-related/theming';\n\nconst DSAccordion = (props: DSAccordionT.Props): JSX.Element => {\n  const ctx = useAccordion(props);\n\n  return (\n    <DSAccordionContext.Provider value={ctx}>\n      <AccordionContent />\n    </DSAccordionContext.Provider>\n  );\n};\n\nDSAccordion.displayName = DSAccordionName;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = accordionPropTypes as WeakValidationMap<unknown>;\n\nexport { DSAccordion, DSAccordionWithSchema };\n\nexport default DSAccordion;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { AccordionContent } from './parts/accordionContent/AccordionContent.js';\nimport { useAccordion } from './config/useAccordion.js';\nimport { DSAccordionContext } from './DSAccordionCTX.js';\nimport { accordionPropTypes } from './react-desc-prop-types.js';\nimport type { DSAccordionT } from './react-desc-prop-types.js';\nimport { DSAccordionName } from './exported-related/theming.js';\n\nconst DSAccordion = (props: DSAccordionT.Props): JSX.Element => {\n  const ctx = useAccordion(props);\n\n  return (\n    <DSAccordionContext.Provider value={ctx}>\n      <AccordionContent />\n    </DSAccordionContext.Provider>\n  );\n};\n\nDSAccordion.displayName = DSAccordionName;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = accordionPropTypes as WeakValidationMap<unknown>;\n\nexport { DSAccordion, DSAccordionWithSchema };\n\nexport default DSAccordion;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACejB;AAbN,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AAEnC,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,UAA2C;AAC9D,QAAM,MAAM,aAAa,KAAK;AAE9B,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,KAClC,8BAAC,oBAAiB,GACpB;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/DSAccordionCTX.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSAccordionCTX.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DSAccordionT } from './react-desc-prop-types';\nimport type { DSAccordionInternalsT } from './sharedTypes';\n\ninterface DSAccordionContextT {\n  props: DSAccordionT.InternalProps;\n  actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n  setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n  focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[];\n  allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences;\n}\n\nconst defaultContext = {} as DSAccordionContextT;\n\nexport const DSAccordionContext = createContext<DSAccordionContextT>(defaultContext);\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DSAccordionT } from './react-desc-prop-types.js';\nimport type { DSAccordionInternalsT } from './sharedTypes.js';\n\ninterface DSAccordionContextT {\n  props: DSAccordionT.InternalProps;\n  actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n  setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n  focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[];\n  allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences;\n}\n\nconst defaultContext = {} as DSAccordionContextT;\n\nexport const DSAccordionContext = createContext<DSAccordionContextT>(defaultContext);\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAY9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,qBAAqB,cAAmC,cAAc;",
   "names": []
 }

package/dist/esm/config/useAccordion.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { useMemo, useState, useCallback } from "react";
-import { useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
-import { useAccordionRefs } from "./useAccordionRefs";
-import { defaultProps } from "../defaultProps";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { useAccordionRefs } from "./useAccordionRefs.js";
+import { defaultProps } from "../defaultProps.js";
 const useAccordion = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
   const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;

package/dist/esm/config/useAccordion.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useAccordion.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useMemo, useState, useCallback } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { useAccordionRefs } from './useAccordionRefs';\nimport { defaultProps } from '../defaultProps';\nimport type { DSAccordionT } from '../react-desc-prop-types';\nimport type { DSAccordionInternalsT } from '../sharedTypes';\n\ninterface DSAccordionUseAccordionContextT {\n  props: DSAccordionT.InternalProps;\n  actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n  setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n  focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[];\n  allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences;\n}\n\nexport const useAccordion = (props: DSAccordionT.Props): DSAccordionUseAccordionContextT => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSAccordionT.InternalProps;\n\n  const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;\n\n  const { focusableChildrenReferences, allChildrenReferences } = useAccordionRefs(propsWithDefaults);\n\n  const [internalActiveValue, setInternalActiveValue] =\n    useState<DSAccordionInternalsT.InternalActiveValue>(activeValue);\n\n  const actualActiveValue = useMemo(() => {\n    if (activeValue === undefined) return internalActiveValue;\n    return activeValue;\n  }, [activeValue, internalActiveValue]);\n\n  const setActiveValues = useCallback(\n    (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => {\n      let newState: DSAccordionInternalsT.InternalActiveValue;\n      if (allowMultipleOpen && (actualActiveValue === undefined || actualActiveValue === null)) newState = [value];\n      else if (allowMultipleOpen && Array.isArray(actualActiveValue))\n        if (!actualActiveValue.some((currentValues: string | number) => currentValues === value))\n          newState = [...actualActiveValue, value];\n        else newState = actualActiveValue.filter((currentValues: string | number) => currentValues !== value);\n      else if (actualActiveValue === value) newState = null;\n      else newState = value;\n      setInternalActiveValue(newState);\n      return onChange(newState, e);\n    },\n    [actualActiveValue, allowMultipleOpen, onChange],\n  );\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefaults,\n      actualActiveValue,\n      setActiveValues,\n      focusableChildrenReferences,\n      allChildrenReferences,\n    }),\n    [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues],\n  );\n\n  return ctx;\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useMemo, useState, useCallback } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useAccordionRefs } from './useAccordionRefs.js';\nimport { defaultProps } from '../defaultProps.js';\nimport type { DSAccordionT } from '../react-desc-prop-types.js';\nimport type { DSAccordionInternalsT } from '../sharedTypes.js';\n\ninterface DSAccordionUseAccordionContextT {\n  props: DSAccordionT.InternalProps;\n  actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n  setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n  focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[];\n  allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences;\n}\n\nexport const useAccordion = (props: DSAccordionT.Props): DSAccordionUseAccordionContextT => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSAccordionT.InternalProps;\n\n  const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;\n\n  const { focusableChildrenReferences, allChildrenReferences } = useAccordionRefs(propsWithDefaults);\n\n  const [internalActiveValue, setInternalActiveValue] =\n    useState<DSAccordionInternalsT.InternalActiveValue>(activeValue);\n\n  const actualActiveValue = useMemo(() => {\n    if (activeValue === undefined) return internalActiveValue;\n    return activeValue;\n  }, [activeValue, internalActiveValue]);\n\n  const setActiveValues = useCallback(\n    (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => {\n      let newState: DSAccordionInternalsT.InternalActiveValue;\n      if (allowMultipleOpen && (actualActiveValue === undefined || actualActiveValue === null)) newState = [value];\n      else if (allowMultipleOpen && Array.isArray(actualActiveValue))\n        if (!actualActiveValue.some((currentValues: string | number) => currentValues === value))\n          newState = [...actualActiveValue, value];\n        else newState = actualActiveValue.filter((currentValues: string | number) => currentValues !== value);\n      else if (actualActiveValue === value) newState = null;\n      else newState = value;\n      setInternalActiveValue(newState);\n      return onChange(newState, e);\n    },\n    [actualActiveValue, allowMultipleOpen, onChange],\n  );\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefaults,\n      actualActiveValue,\n      setActiveValues,\n      focusableChildrenReferences,\n      allChildrenReferences,\n    }),\n    [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues],\n  );\n\n  return ctx;\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,SAAS,UAAU,mBAAmB;AAC/C,SAAS,oCAAoC;AAC7C,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAYtB,MAAM,eAAe,CAAC,UAA+D;AAC1F,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAE1E,QAAM,EAAE,aAAa,mBAAmB,SAAS,IAAI;AAErD,QAAM,EAAE,6BAA6B,sBAAsB,IAAI,iBAAiB,iBAAiB;AAEjG,QAAM,CAAC,qBAAqB,sBAAsB,IAChD,SAAoD,WAAW;AAEjE,QAAM,oBAAoB,QAAQ,MAAM;AACtC,QAAI,gBAAgB;AAAW,aAAO;AACtC,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,mBAAmB,CAAC;AAErC,QAAM,kBAAkB;AAAA,IACtB,CAAC,OAAwB,MAA8C;AACrE,UAAI;AACJ,UAAI,sBAAsB,sBAAsB,UAAa,sBAAsB;AAAO,mBAAW,CAAC,KAAK;AAAA,eAClG,qBAAqB,MAAM,QAAQ,iBAAiB;AAC3D,YAAI,CAAC,kBAAkB,KAAK,CAAC,kBAAmC,kBAAkB,KAAK;AACrF,qBAAW,CAAC,GAAG,mBAAmB,KAAK;AAAA;AACpC,qBAAW,kBAAkB,OAAO,CAAC,kBAAmC,kBAAkB,KAAK;AAAA,eAC7F,sBAAsB;AAAO,mBAAW;AAAA;AAC5C,mBAAW;AAChB,6BAAuB,QAAQ;AAC/B,aAAO,SAAS,UAAU,CAAC;AAAA,IAC7B;AAAA,IACA,CAAC,mBAAmB,mBAAmB,QAAQ;AAAA,EACjD;AACA,QAAM,MAAM;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,uBAAuB,6BAA6B,mBAAmB,eAAe;AAAA,EAC5G;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/config/useAccordionRefs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useAccordionRefs.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport type { DSAccordionT } from '../react-desc-prop-types';\nimport type { DSAccordionInternalsT } from '../sharedTypes';\n\ninterface UseAccordionRefsPropsT {\n  children: React.ReactElement<DSAccordionT.InternalItemProps>[];\n}\n\ninterface UseAccordionRefsReturnTypeT {\n  focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[];\n  allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences;\n}\n\nexport const useAccordionRefs = ({ children }: UseAccordionRefsPropsT): UseAccordionRefsReturnTypeT =>\n  useMemo(() => {\n    const focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[] = [];\n    const allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences = {};\n\n    React.Children.map(children, (child: React.ReactElement<DSAccordionT.InternalItemProps>, index) => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const { value, disabled } = child.props;\n      const currentRef = React.createRef<HTMLButtonElement>();\n      allChildrenReferences[index] = currentRef;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      if (!disabled) focusableChildrenReferences.push({ index, value, ref: currentRef });\n    });\n    return { focusableChildrenReferences, allChildrenReferences };\n  }, [children]);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,eAAe;AAaxB,MAAM,mBAAmB,CAAC,EAAE,SAAS,MAC1C,QAAQ,MAAM;AACZ,QAAM,8BAAmF,CAAC;AAC1F,QAAM,wBAAqE,CAAC;AAE5E,EAAAA,OAAM,SAAS,IAAI,UAAU,CAAC,OAA2D,UAAU;AAEjG,UAAM,EAAE,OAAO,SAAS,IAAI,MAAM;AAClC,UAAM,aAAaA,OAAM,UAA6B;AACtD,0BAAsB,SAAS;AAE/B,QAAI,CAAC;AAAU,kCAA4B,KAAK,EAAE,OAAO,OAAO,KAAK,WAAW,CAAC;AAAA,EACnF,CAAC;AACD,SAAO,EAAE,6BAA6B,sBAAsB;AAC9D,GAAG,CAAC,QAAQ,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport type { DSAccordionT } from '../react-desc-prop-types.js';\nimport type { DSAccordionInternalsT } from '../sharedTypes.js';\n\ninterface UseAccordionRefsPropsT {\n  children: React.ReactElement<DSAccordionT.InternalItemProps>[];\n}\n\ninterface UseAccordionRefsReturnTypeT {\n  focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[];\n  allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences;\n}\n\nexport const useAccordionRefs = ({ children }: UseAccordionRefsPropsT): UseAccordionRefsReturnTypeT =>\n  useMemo(() => {\n    const focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[] = [];\n    const allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences = {};\n\n    React.Children.map(children, (child: React.ReactElement<DSAccordionT.InternalItemProps>, index) => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const { value, disabled } = child.props;\n      const currentRef = React.createRef<HTMLButtonElement>();\n      allChildrenReferences[index] = currentRef;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      if (!disabled) focusableChildrenReferences.push({ index, value, ref: currentRef });\n    });\n    return { focusableChildrenReferences, allChildrenReferences };\n  }, [children]);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,eAAe;AAaxB,MAAM,mBAAmB,CAAC,EAAE,SAAS,MAC1C,QAAQ,MAAM;AACZ,QAAM,8BAAmF,CAAC;AAC1F,QAAM,wBAAqE,CAAC;AAE5E,EAAAA,OAAM,SAAS,IAAI,UAAU,CAAC,OAA2D,UAAU;AAEjG,UAAM,EAAE,OAAO,SAAS,IAAI,MAAM;AAClC,UAAM,aAAaA,OAAM,UAA6B;AACtD,0BAAsB,KAAK,IAAI;AAE/B,QAAI,CAAC;AAAU,kCAA4B,KAAK,EAAE,OAAO,OAAO,KAAK,WAAW,CAAC;AAAA,EACnF,CAAC;AACD,SAAO,EAAE,6BAA6B,sBAAsB;AAC9D,GAAG,CAAC,QAAQ,CAAC;",
   "names": ["React"]
 }

package/dist/esm/defaultProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { memo } from 'react';\nimport { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from '@elliemae/ds-icons';\nimport type { DSAccordionInternalsT } from './sharedTypes';\nimport type { DSAccordionT } from './react-desc-prop-types';\n\nconst DefaultIconClosed = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n  isDSMobile ? <ChevronRight width=\"20px\" color={['brand-primary', '800']} /> : <ArrowheadRight width=\"20px\" />,\n);\n\nconst DefaultIconOpen = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n  isDSMobile ? <ChevronDown width=\"20px\" color={['brand-primary', '800']} /> : <ArrowheadDown width=\"20px\" />,\n);\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const defaultProps: DSAccordionT.DefaultProps = {\n  containerProps: {},\n  allowMultipleOpen: false,\n  onChange: noop,\n  children: [],\n  isDSMobile: false,\n};\n\nexport const accordionItemDefaultProps: DSAccordionT.ItemDefaultProps = {\n  iconClosed: DefaultIconClosed,\n  iconOpened: DefaultIconOpen,\n  title: '',\n  customActions: [],\n  disabled: false,\n  xStyledPropsContent: {},\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { memo } from 'react';\nimport { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from '@elliemae/ds-icons';\nimport type { DSAccordionInternalsT } from './sharedTypes.js';\nimport type { DSAccordionT } from './react-desc-prop-types.js';\n\nconst DefaultIconClosed = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n  isDSMobile ? <ChevronRight width=\"20px\" color={['brand-primary', '800']} /> : <ArrowheadRight width=\"20px\" />,\n);\n\nconst DefaultIconOpen = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n  isDSMobile ? <ChevronDown width=\"20px\" color={['brand-primary', '800']} /> : <ArrowheadDown width=\"20px\" />,\n);\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const defaultProps: DSAccordionT.DefaultProps = {\n  containerProps: {},\n  allowMultipleOpen: false,\n  onChange: noop,\n  children: [],\n  isDSMobile: false,\n};\n\nexport const accordionItemDefaultProps: DSAccordionT.ItemDefaultProps = {\n  iconClosed: DefaultIconClosed,\n  iconOpened: DefaultIconOpen,\n  title: '',\n  customActions: [],\n  disabled: false,\n  xStyledPropsContent: {},\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACMR;AANf,SAAgB,YAAY;AAC5B,SAAS,gBAAgB,eAAe,cAAc,mBAAmB;AAIzE,MAAM,oBAAoB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACnD,aAAa,oBAAC,gBAAa,OAAM,QAAO,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAAK,oBAAC,kBAAe,OAAM,QAAO;AAC7G;AAEA,MAAM,kBAAkB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACjD,aAAa,oBAAC,eAAY,OAAM,QAAO,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAAK,oBAAC,iBAAc,OAAM,QAAO;AAC3G;AAGA,MAAM,OAAO,MAAY;AAAC;AAEnB,MAAM,eAA0C;AAAA,EACrD,gBAAgB,CAAC;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,YAAY;AACd;AAEO,MAAM,4BAA2D;AAAA,EACtE,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe,CAAC;AAAA,EAChB,UAAU;AAAA,EACV,qBAAqB,CAAC;AACxB;",
   "names": []
 }

package/dist/esm/exported-related/index.js

@@ -1,4 +1,4 @@
 import * as React from "react";
-export * from "./DSAccordionDatatestid";
-export * from "./theming";
+export * from "./DSAccordionDatatestid.js";
+export * from "./theming.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/exported-related/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSAccordionDatatestid';\nexport * from './theming';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSAccordionDatatestid.js';\nexport * from './theming.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,8 +1,8 @@
 import * as React from "react";
-export * from "./DSAccordion";
-export * from "./parts/accordionItem/DSAccordionItem";
-export * from "./exported-related";
-import { default as default2 } from "./DSAccordion";
+export * from "./DSAccordion.js";
+export * from "./parts/accordionItem/DSAccordionItem.js";
+export * from "./exported-related/index.js";
+import { default as default2 } from "./DSAccordion.js";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSAccordion';\nexport * from './parts/accordionItem/DSAccordionItem';\nexport * from './exported-related';\n\nexport { default } from './DSAccordion';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSAccordion.js';\nexport * from './parts/accordionItem/DSAccordionItem.js';\nexport * from './exported-related/index.js';\n\nexport { default } from './DSAccordion.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/parts/accordionContent/AccordionContent.js

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import React2, { useContext } from "react";
-import { useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-utilities";
-import { DSAccordionContext } from "../../DSAccordionCTX";
-import { DSAccordionDataTestid } from "../../exported-related/DSAccordionDatatestid";
-import { StyledContainer } from "./styles";
+import { useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
+import { DSAccordionContext } from "../../DSAccordionCTX.js";
+import { DSAccordionDataTestid } from "../../exported-related/DSAccordionDatatestid.js";
+import { StyledContainer } from "./styles.js";
 const AccordionContent = () => {
   const {
     props: { containerProps, children, onChange, ...rest }

package/dist/esm/parts/accordionContent/AccordionContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionContent/AccordionContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../exported-related/DSAccordionDatatestid';\nimport { StyledContainer } from './styles';\nimport type { DSAccordionT } from '../../react-desc-prop-types';\n\nexport const AccordionContent = (): JSX.Element => {\n  const {\n    props: { containerProps, children, onChange, ...rest },\n  } = useContext(DSAccordionContext);\n\n  const childrenWithIndex: React.ReactElement<DSAccordionT.InternalItemProps>[] = [];\n\n  const xstyledAttrs = useGetXstyledProps(rest);\n\n  const globalAttrs = useGetGlobalAttributes(rest);\n\n  React.Children.forEach(children, (child, index) =>\n    childrenWithIndex.push(\n      React.cloneElement(child, {\n        dsIndex: index,\n      }),\n    ),\n  );\n\n  return (\n    <StyledContainer data-testid={DSAccordionDataTestid.GROUP} {...containerProps} {...globalAttrs} {...xstyledAttrs}>\n      {childrenWithIndex}\n    </StyledContainer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2BnB;AA3BJ,OAAOA,UAAS,kBAAkB;AAClC,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAGzB,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,aAAa,KAAK;AAAA,EACvD,IAAI,WAAW,kBAAkB;AAEjC,QAAM,oBAA0E,CAAC;AAEjF,QAAM,eAAe,mBAAmB,IAAI;AAE5C,QAAM,cAAc,uBAAuB,IAAI;AAE/C,EAAAA,OAAM,SAAS;AAAA,IAAQ;AAAA,IAAU,CAAC,OAAO,UACvC,kBAAkB;AAAA,MAChBA,OAAM,aAAa,OAAO;AAAA,QACxB,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SACE,oBAAC,mBAAgB,eAAa,sBAAsB,OAAQ,GAAG,gBAAiB,GAAG,aAAc,GAAG,cACjG,6BACH;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { DSAccordionContext } from '../../DSAccordionCTX.js';\nimport { DSAccordionDataTestid } from '../../exported-related/DSAccordionDatatestid.js';\nimport { StyledContainer } from './styles.js';\nimport type { DSAccordionT } from '../../react-desc-prop-types.js';\n\nexport const AccordionContent = (): JSX.Element => {\n  const {\n    props: { containerProps, children, onChange, ...rest },\n  } = useContext(DSAccordionContext);\n\n  const childrenWithIndex: React.ReactElement<DSAccordionT.InternalItemProps>[] = [];\n\n  const xstyledAttrs = useGetXstyledProps(rest);\n\n  const globalAttrs = useGetGlobalAttributes(rest);\n\n  React.Children.forEach(children, (child, index) =>\n    childrenWithIndex.push(\n      React.cloneElement(child, {\n        dsIndex: index,\n      }),\n    ),\n  );\n\n  return (\n    <StyledContainer data-testid={DSAccordionDataTestid.GROUP} {...containerProps} {...globalAttrs} {...xstyledAttrs}>\n      {childrenWithIndex}\n    </StyledContainer>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2BnB;AA3BJ,OAAOA,UAAS,kBAAkB;AAClC,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAGzB,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,UAAU,GAAG,KAAK;AAAA,EACvD,IAAI,WAAW,kBAAkB;AAEjC,QAAM,oBAA0E,CAAC;AAEjF,QAAM,eAAe,mBAAmB,IAAI;AAE5C,QAAM,cAAc,uBAAuB,IAAI;AAE/C,EAAAA,OAAM,SAAS;AAAA,IAAQ;AAAA,IAAU,CAAC,OAAO,UACvC,kBAAkB;AAAA,MAChBA,OAAM,aAAa,OAAO;AAAA,QACxB,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SACE,oBAAC,mBAAgB,eAAa,sBAAsB,OAAQ,GAAG,gBAAiB,GAAG,aAAc,GAAG,cACjG,6BACH;AAEJ;",
   "names": ["React"]
 }

package/dist/esm/parts/accordionContent/styles.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { styled, xStyledCommonProps } from "@elliemae/ds-system";
-import { DSAccordionName, DSAccordionSlots } from "../../exported-related";
+import { DSAccordionName, DSAccordionSlots } from "../../exported-related/index.js";
 const StyledContainer = styled("div", {
   name: DSAccordionName,
   slot: DSAccordionSlots.CONTAINER

package/dist/esm/parts/accordionContent/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionContent/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionSlots } from '../../exported-related';\n\nexport const StyledContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.CONTAINER,\n})`\n  min-width: 240px;\n  ${xStyledCommonProps};\n`;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionSlots } from '../../exported-related/index.js';\n\nexport const StyledContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.CONTAINER,\n})`\n  min-width: 240px;\n  ${xStyledCommonProps};\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,iBAAiB,wBAAwB;AAE3C,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA,IAEG;AAAA;",
   "names": []
 }

package/dist/esm/parts/accordionItem/DSAccordionItem.js

@@ -1,16 +1,17 @@
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useContext, useCallback, useMemo } from "react";
 import {
   useMemoMergePropsWithDefault,
   describe,
-  useIsShowingEllipsis,
   useGetGlobalAttributes,
   useGetXstyledProps
-} from "@elliemae/ds-utilities";
+} from "@elliemae/ds-props-helpers";
+import { Grid } from "@elliemae/ds-grid";
+import { useIsShowingEllipsis } from "@elliemae/ds-utilities";
 import { DSButton, BUTTON_TYPE } from "@elliemae/ds-button";
 import { DSPopperJS } from "@elliemae/ds-popperjs";
-import { accordionItemDefaultProps } from "../../defaultProps";
+import { accordionItemDefaultProps } from "../../defaultProps.js";
 import {
   StyledItemAddon,
   StyledItemContainer,
@@ -22,11 +23,11 @@ import {
   StyledPrimaryTitle,
   StyledSecondaryTitle,
   StyledTooltipContent
-} from "./styles";
-import { useAccordionItem } from "./useAccordionItem";
-import { DSAccordionContext } from "../../DSAccordionCTX";
-import { DSAccordionDataTestid } from "../../exported-related/DSAccordionDatatestid";
-import { accordionItemPropTypes } from "../../react-desc-prop-types";
+} from "./styles.js";
+import { useAccordionItem } from "./useAccordionItem.js";
+import { DSAccordionContext } from "../../DSAccordionCTX.js";
+import { DSAccordionDataTestid } from "../../exported-related/DSAccordionDatatestid.js";
+import { accordionItemPropTypes } from "../../react-desc-prop-types.js";
 const DSAccordionItem = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(
     props,
@@ -78,58 +79,6 @@ const DSAccordionItem = (props) => {
   }, [CustomActions, actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);
   const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();
   const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();
-  const Titles = useMemo(() => {
-    if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          StyledPrimaryTitle,
-          {
-            ref: setPrimaryElement,
-            ...title ? { id: `accordion_${title || ""}id` } : void 0,
-            disabled,
-            isDSMobile,
-            selected,
-            withSecondaryTitle: secondaryTitle,
-            children: title
-          }
-        ),
-        !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, { ref: setSecondaryElement, disabled, selected, children: secondaryTitle }),
-        /* @__PURE__ */ jsx(DSPopperJS, { referenceElement, showPopover, children: /* @__PURE__ */ jsxs(StyledTooltipContent, { children: [
-          /* @__PURE__ */ jsx("p", { children: title }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            " ",
-            secondaryTitle
-          ] })
-        ] }) })
-      ] });
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        StyledPrimaryTitle,
-        {
-          ref: setPrimaryElement,
-          ...title ? { id: `accordion_${title || ""}id` } : void 0,
-          disabled,
-          isDSMobile,
-          selected,
-          withSecondaryTitle: secondaryTitle,
-          children: title
-        }
-      ),
-      !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, { ref: setSecondaryElement, disabled, selected, children: secondaryTitle })
-    ] });
-  }, [
-    disabled,
-    isDSMobile,
-    isPrimaryShowingEllipsis,
-    isSecondaryShowingEllipsis,
-    referenceElement,
-    secondaryTitle,
-    setPrimaryElement,
-    setSecondaryElement,
-    showPopover,
-    selected,
-    title
-  ]);
   const onKeyDownWithIndex = useCallback(
     (e) => {
       handleOnKeyDown(e, dsIndex);
@@ -151,6 +100,84 @@ const DSAccordionItem = (props) => {
     onFocus: handleOnFocus,
     onBlur: handleOnBlur
   };
+  const titleDesktop = useMemo(
+    () => /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        onMouseEnter: handleOnFocus,
+        onMouseLeave: handleOnBlur,
+        rows: ["auto", "auto"],
+        rowGap: secondaryTitle ? "3px" : "0px",
+        padding: "6px 0px",
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsxs(Grid, { cols: ["20px", "auto"], children: [
+            /* @__PURE__ */ jsx(StyledItemAddon, { disabled, children: selected ? /* @__PURE__ */ jsx(IconOpened, {}) : /* @__PURE__ */ jsx(IconClosed, {}) }),
+            /* @__PURE__ */ jsx(StyledItemTitles, { withSecondaryTitle: secondaryTitle, selected, children: /* @__PURE__ */ jsx(
+              StyledPrimaryTitle,
+              {
+                ref: setPrimaryElement,
+                ...title ? { id: `accordion_${title || ""}id` } : void 0,
+                disabled,
+                selected,
+                withSecondaryTitle: secondaryTitle,
+                children: title
+              }
+            ) })
+          ] }),
+          secondaryTitle && /* @__PURE__ */ jsxs(Grid, { cols: ["20px", "auto"], children: [
+            /* @__PURE__ */ jsx("div", {}),
+            /* @__PURE__ */ jsx(StyledSecondaryTitle, { ref: setSecondaryElement, disabled, selected, children: secondaryTitle })
+          ] })
+        ]
+      }
+    ),
+    [
+      setPrimaryElement,
+      IconOpened,
+      IconClosed,
+      setSecondaryElement,
+      handleOnBlur,
+      handleOnFocus,
+      handleOnBlur,
+      secondaryTitle,
+      disabled,
+      selected,
+      IconOpened,
+      IconClosed,
+      setPrimaryElement,
+      title,
+      disabled
+    ]
+  );
+  const titleMobile = useMemo(
+    () => /* @__PURE__ */ jsx(Grid, { width: "100%", children: /* @__PURE__ */ jsxs(Grid, { cols: ["auto", "20px"], children: [
+      /* @__PURE__ */ jsx(
+        StyledItemTitles,
+        {
+          onMouseEnter: handleOnFocus,
+          onMouseLeave: handleOnBlur,
+          isDSMobile: true,
+          withSecondaryTitle: secondaryTitle,
+          selected,
+          children: /* @__PURE__ */ jsx(
+            StyledPrimaryTitle,
+            {
+              ref: setPrimaryElement,
+              ...title ? { id: `accordion_${title || ""}id` } : void 0,
+              disabled,
+              isDSMobile: true,
+              selected,
+              withSecondaryTitle: secondaryTitle,
+              children: title
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(StyledItemAddon, { disabled, isDSMobile: true, children: selected ? /* @__PURE__ */ jsx(IconOpened, { isDSMobile: true }) : /* @__PURE__ */ jsx(IconClosed, { isDSMobile: true }) })
+    ] }) }),
+    [handleOnFocus, handleOnBlur, secondaryTitle, selected, setPrimaryElement, title, disabled, IconOpened, IconClosed]
+  );
   return /* @__PURE__ */ jsxs(StyledItemContainer, { "data-testid": DSAccordionDataTestid.ITEM.CONTAINER, className, ...xstyledAttrs, children: [
     /* @__PURE__ */ jsxs(StyledItemHeaderContainer, { disabled, ref: setReferenceElement, children: [
       /* @__PURE__ */ jsxs(
@@ -173,18 +200,14 @@ const DSAccordionItem = (props) => {
           ...handlers,
           ...globalAttrs,
           children: [
-            /* @__PURE__ */ jsx(StyledItemAddon, { disabled, isDSMobile, children: selected ? /* @__PURE__ */ jsx(IconOpened, { isDSMobile }) : /* @__PURE__ */ jsx(IconClosed, { isDSMobile }) }),
-            /* @__PURE__ */ jsx(
-              StyledItemTitles,
-              {
-                onMouseEnter: handleOnFocus,
-                onMouseLeave: handleOnBlur,
-                isDSMobile,
-                withSecondaryTitle: secondaryTitle,
-                selected,
-                children: Titles
-              }
-            )
+            isDSMobile ? titleMobile : titleDesktop,
+            /* @__PURE__ */ jsx(DSPopperJS, { referenceElement, showPopover: !selected && showPopover, children: /* @__PURE__ */ jsxs(StyledTooltipContent, { children: [
+              /* @__PURE__ */ jsx("p", { children: title }),
+              /* @__PURE__ */ jsxs("p", { children: [
+                " ",
+                secondaryTitle
+              ] })
+            ] }) })
           ]
         }
       ),