@elliemae/ds-card-navigation 3.52.0-rc.9 → 3.52.0

package/dist/cjs/DSCardNavigation.js

@@ -28,65 +28,59 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSCardNavigation_exports = {};
 __export(DSCardNavigation_exports, {
-  CardNavigationTypes: () => import_types.CardNavigationTypes,
-  CardNavigationTypesValues: () => import_types.CardNavigationTypesValues,
   DSCardNavigation: () => DSCardNavigation,
-  DSCardNavigationWithSchema: () => DSCardNavigationWithSchema,
-  default: () => DSCardNavigation_default
+  DSCardNavigationWithSchema: () => DSCardNavigationWithSchema
 });
 module.exports = __toCommonJS(DSCardNavigation_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button_v2 = require("@elliemae/ds-button-v2");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react = require("react");
+var import_useCardNavigation = require("./config/useCardNavigation.js");
+var import_constants = require("./constants/index.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_style = require("./style.js");
-var import_types = require("./components/types.js");
-const DSCardNavigation = ({ containerProps = {}, title = "", description = "", type, Icon, actions = [], ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.TooltipTextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledCardNavigationBoxWrapper, { tabIndex: 0, ...rest, ...containerProps, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationIcon, { role: "button", "aria-label": title, type, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: "l", color: ["neutral", 0] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledCardNavigationCentralContent, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledCardNavigationContentTitleWrapper, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, { value: title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentDescription, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, { value: description, "data-testid": "ds-card-navigation--description" }) })
-    ] }) }),
-    actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationActions, { children: actions.map(({ icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, { "aria-label": "More options" }), ...otherProps }, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationAction, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_button_v2.DSButtonV2,
-      {
-        ...otherProps,
-        "aria-label": "More options",
-        buttonType: import_ds_button_v2.BUTTON_TYPES.ICON,
-        size: import_ds_button_v2.BUTTON_SIZES.L,
-        children: icon
-      }
-    ) }, key)) })
-  ] })
-] }) });
-DSCardNavigation.defaultProps = {
-  type: import_types.CardNavigationTypes.BORROWER,
-  Icon: import_ds_icons.LoanProducts
-};
-const props = {
-  /** props to inject to card navigation wrapper */
-  containerProps: import_ds_props_helpers.PropTypes.object.description("props to inject to card navigation wrapper"),
-  /** card navigation title */
-  title: import_ds_props_helpers.PropTypes.string.description("card navigation title"),
-  /** card navigation main icon */
-  Icon: import_ds_props_helpers.PropTypes.func.description("card navigation main icon"),
-  /** card navigation description */
-  description: import_ds_props_helpers.PropTypes.string.description("card navigation description"),
-  /** card navigation type */
-  type: import_ds_props_helpers.PropTypes.oneOf(import_types.CardNavigationTypesValues).description("card navigation type"),
-  /** card navigation actions array */
-  actions: import_ds_props_helpers.PropTypes.arrayOf(
-    import_ds_props_helpers.PropTypes.shape({
-      icon: import_ds_props_helpers.PropTypes.element,
-      onClick: import_ds_props_helpers.PropTypes.func
-    })
-  ).description("card navigation actions array")
+var import_TitleComponent = require("./TitleComponent.js");
+var import_DescriptionComponent = require("./DescriptionComponent.js");
+const mainIconColor = ["neutral", "0"];
+const DSCardNavigation = (props) => {
+  const { propsWithDefault, xstyledProps, instanceUid } = (0, import_useCardNavigation.useCardNavigation)(props);
+  const { containerProps, title, description, type, Icon, actions, wrapText, ...rest } = propsWithDefault;
+  const cols = (0, import_react.useMemo)(() => actions.length > 0 ? ["1fr", "min-content"] : ["1fr"], [actions.length]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledCardNavigationBoxWrapper, { tabIndex: 0, ...rest, ...xstyledProps, ...containerProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationIcon, { role: "button", "aria-label": title, $type: type, "data-type": type, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: "l", color: [...mainIconColor] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledCardNavigationCentralContent, { cols, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledCardNavigationContentTitleWrapper, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TitleComponent.TitleComponent, { title, wrapText }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DescriptionComponent.DescriptionComponent, { description, wrapText })
+      ] }) }),
+      actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationActions, { children: actions.map(
+        ({
+          icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, { "aria-label": "More options" }),
+          Icon: ActionIcon,
+          onClick,
+          ...unexpectedButPreviouslySupportedOtherProps
+        }, index) => (
+          // eslint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationAction, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_ds_button_v2.DSButtonV2,
+            {
+              onClick,
+              "aria-label": "More options",
+              ...unexpectedButPreviouslySupportedOtherProps,
+              buttonType: import_ds_button_v2.BUTTON_TYPES.ICON,
+              size: import_ds_button_v2.BUTTON_SIZES.L,
+              children: ActionIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, {}) : icon
+            }
+          ) }, `${instanceUid}-${index}`)
+        )
+      ) })
+    ] })
+  ] });
 };
-DSCardNavigation.displayName = "DSCardNavigation";
+DSCardNavigation.displayName = import_constants.DSCardNavigationName;
 const DSCardNavigationWithSchema = (0, import_ds_props_helpers.describe)(DSCardNavigation);
-DSCardNavigationWithSchema.propTypes = props;
-var DSCardNavigation_default = DSCardNavigation;
+DSCardNavigationWithSchema.propTypes = import_react_desc_prop_types.DSCardNavigationPropTypesSchema;
 //# sourceMappingURL=DSCardNavigation.js.map

package/dist/cjs/DSCardNavigation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSCardNavigation.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { MoreOptionsVert, LoanProducts } from '@elliemae/ds-icons';\nimport { DSButtonV2, BUTTON_SIZES, BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport {\n  StyledCardNavigationContentTitle,\n  StyledCardNavigationContentDescription,\n  StyledCardNavigationContentTitleWrapper,\n  StyledCardNavigationContent,\n  StyledCardNavigationCentralContent,\n  StyledCardNavigationBoxWrapper,\n  StyledCardNavigationIcon,\n  StyledCardNavigationAction,\n  StyledCardNavigationActions,\n} from './style.js';\nimport { CardNavigationTypes, CardNavigationTypesValues } from './components/types.js';\n\nconst DSCardNavigation = ({ containerProps = {}, title = '', description = '', type, Icon, actions = [], ...rest }) => (\n  <TooltipTextProvider>\n    <StyledCardNavigationBoxWrapper tabIndex={0} {...rest} {...containerProps}>\n      <StyledCardNavigationIcon role=\"button\" aria-label={title} type={type}>\n        <Icon size=\"l\" color={['neutral', 0]} />\n      </StyledCardNavigationIcon>\n      <StyledCardNavigationCentralContent>\n        <StyledCardNavigationContent>\n          <StyledCardNavigationContentTitleWrapper>\n            <StyledCardNavigationContentTitle>\n              <DSTruncatedTooltipText value={title} />\n            </StyledCardNavigationContentTitle>\n            <StyledCardNavigationContentDescription>\n              <DSTruncatedTooltipText value={description} data-testid=\"ds-card-navigation--description\" />\n            </StyledCardNavigationContentDescription>\n          </StyledCardNavigationContentTitleWrapper>\n        </StyledCardNavigationContent>\n        {actions.length > 0 && (\n          <StyledCardNavigationActions>\n            {actions.map(({ icon = <MoreOptionsVert aria-label=\"More options\" />, ...otherProps }, key) => (\n              <StyledCardNavigationAction key={key}>\n                <DSButtonV2\n                  {...otherProps}\n                  aria-label=\"More options\"\n                  buttonType={BUTTON_TYPES.ICON}\n                  size={BUTTON_SIZES.L}\n                >\n                  {icon}\n                </DSButtonV2>\n              </StyledCardNavigationAction>\n            ))}\n          </StyledCardNavigationActions>\n        )}\n      </StyledCardNavigationCentralContent>\n    </StyledCardNavigationBoxWrapper>\n  </TooltipTextProvider>\n);\n\nDSCardNavigation.defaultProps = {\n  type: CardNavigationTypes.BORROWER,\n  Icon: LoanProducts,\n};\n\nconst props = {\n  /** props to inject to card navigation wrapper */\n  containerProps: PropTypes.object.description('props to inject to card navigation wrapper'),\n  /** card navigation title */\n  title: PropTypes.string.description('card navigation title'),\n  /** card navigation main icon */\n  Icon: PropTypes.func.description('card navigation main icon'),\n  /** card navigation description */\n  description: PropTypes.string.description('card navigation description'),\n  /** card navigation type */\n  type: PropTypes.oneOf(CardNavigationTypesValues).description('card navigation type'),\n  /** card navigation actions array */\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      icon: PropTypes.element,\n      onClick: PropTypes.func,\n    }),\n  ).description('card navigation actions array'),\n};\n\nDSCardNavigation.displayName = 'DSCardNavigation';\nconst DSCardNavigationWithSchema = describe(DSCardNavigation);\nDSCardNavigationWithSchema.propTypes = props;\n\nexport { CardNavigationTypes, CardNavigationTypesValues, DSCardNavigationWithSchema, DSCardNavigation };\n\nexport default DSCardNavigation;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBf;AArBR,8BAAoC;AACpC,uCAA4D;AAC5D,sBAA8C;AAC9C,0BAAuD;AACvD,mBAUO;AACP,mBAA+D;AAE/D,MAAM,mBAAmB,CAAC,EAAE,iBAAiB,CAAC,GAAG,QAAQ,IAAI,cAAc,IAAI,MAAM,MAAM,UAAU,CAAC,GAAG,GAAG,KAAK,MAC/G,4CAAC,wDACC,uDAAC,+CAA+B,UAAU,GAAI,GAAG,MAAO,GAAG,gBACzD;AAAA,8CAAC,yCAAyB,MAAK,UAAS,cAAY,OAAO,MACzD,sDAAC,QAAK,MAAK,KAAI,OAAO,CAAC,WAAW,CAAC,GAAG,GACxC;AAAA,EACA,6CAAC,mDACC;AAAA,gDAAC,4CACC,uDAAC,wDACC;AAAA,kDAAC,iDACC,sDAAC,2DAAuB,OAAO,OAAO,GACxC;AAAA,MACA,4CAAC,uDACC,sDAAC,2DAAuB,OAAO,aAAa,eAAY,mCAAkC,GAC5F;AAAA,OACF,GACF;AAAA,IACC,QAAQ,SAAS,KAChB,4CAAC,4CACE,kBAAQ,IAAI,CAAC,EAAE,OAAO,4CAAC,mCAAgB,cAAW,gBAAe,GAAI,GAAG,WAAW,GAAG,QACrF,4CAAC,2CACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAW;AAAA,QACX,YAAY,iCAAa;AAAA,QACzB,MAAM,iCAAa;AAAA,QAElB;AAAA;AAAA,IACH,KAR+B,GASjC,CACD,GACH;AAAA,KAEJ;AAAA,GACF,GACF;AAGF,iBAAiB,eAAe;AAAA,EAC9B,MAAM,iCAAoB;AAAA,EAC1B,MAAM;AACR;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,kCAAU,OAAO,YAAY,4CAA4C;AAAA;AAAA,EAEzF,OAAO,kCAAU,OAAO,YAAY,uBAAuB;AAAA;AAAA,EAE3D,MAAM,kCAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAE5D,aAAa,kCAAU,OAAO,YAAY,6BAA6B;AAAA;AAAA,EAEvE,MAAM,kCAAU,MAAM,sCAAyB,EAAE,YAAY,sBAAsB;AAAA;AAAA,EAEnF,SAAS,kCAAU;AAAA,IACjB,kCAAU,MAAM;AAAA,MACd,MAAM,kCAAU;AAAA,MAChB,SAAS,kCAAU;AAAA,IACrB,CAAC;AAAA,EACH,EAAE,YAAY,+BAA+B;AAC/C;AAEA,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
+  "sourcesContent": ["import { BUTTON_SIZES, BUTTON_TYPES, DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport React, { useMemo } from 'react';\nimport { useCardNavigation } from './config/useCardNavigation.js';\nimport { DSCardNavigationName } from './constants/index.js';\nimport { type DSCardNavigationT, DSCardNavigationPropTypesSchema } from './react-desc-prop-types.js';\nimport {\n  StyledCardNavigationAction,\n  StyledCardNavigationActions,\n  StyledCardNavigationBoxWrapper,\n  StyledCardNavigationCentralContent,\n  StyledCardNavigationContent,\n  StyledCardNavigationContentTitleWrapper,\n  StyledCardNavigationIcon,\n} from './style.js';\nimport { TitleComponent } from './TitleComponent.js';\nimport { DescriptionComponent } from './DescriptionComponent.js';\n\nconst mainIconColor = ['neutral', '0'] as const;\n\nconst DSCardNavigation: React.FC<DSCardNavigationT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps, instanceUid } = useCardNavigation(props);\n  const { containerProps, title, description, type, Icon, actions, wrapText, ...rest } = propsWithDefault;\n\n  const cols = useMemo(() => (actions.length > 0 ? ['1fr', 'min-content'] : ['1fr']), [actions.length]);\n\n  return (\n    <StyledCardNavigationBoxWrapper tabIndex={0} {...rest} {...xstyledProps} {...containerProps}>\n      <StyledCardNavigationIcon role=\"button\" aria-label={title} $type={type} data-type={type}>\n        <Icon size=\"l\" color={[...mainIconColor]} />\n      </StyledCardNavigationIcon>\n\n      <StyledCardNavigationCentralContent cols={cols}>\n        <StyledCardNavigationContent>\n          <StyledCardNavigationContentTitleWrapper>\n            <TitleComponent title={title} wrapText={wrapText} />\n            <DescriptionComponent description={description} wrapText={wrapText} />\n          </StyledCardNavigationContentTitleWrapper>\n        </StyledCardNavigationContent>\n\n        {actions.length > 0 && (\n          <StyledCardNavigationActions>\n            {actions.map(\n              (\n                {\n                  icon = <MoreOptionsVert aria-label=\"More options\" />,\n                  Icon: ActionIcon,\n                  onClick,\n                  ...unexpectedButPreviouslySupportedOtherProps\n                },\n                index,\n              ) => (\n                // eslint-disable-next-line react/no-array-index-key\n                <StyledCardNavigationAction key={`${instanceUid}-${index}`}>\n                  <DSButtonV2\n                    onClick={onClick}\n                    aria-label=\"More options\"\n                    {...unexpectedButPreviouslySupportedOtherProps}\n                    buttonType={BUTTON_TYPES.ICON}\n                    size={BUTTON_SIZES.L}\n                  >\n                    {ActionIcon ? <ActionIcon /> : icon}\n                  </DSButtonV2>\n                </StyledCardNavigationAction>\n              ),\n            )}\n          </StyledCardNavigationActions>\n        )}\n      </StyledCardNavigationCentralContent>\n    </StyledCardNavigationBoxWrapper>\n  );\n};\n\nDSCardNavigation.displayName = DSCardNavigationName;\nconst DSCardNavigationWithSchema = describe(DSCardNavigation);\nDSCardNavigationWithSchema.propTypes = DSCardNavigationPropTypesSchema;\n\nexport { DSCardNavigation, DSCardNavigationWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8Bf;AA9BR,0BAAuD;AACvD,sBAAgC;AAChC,8BAAyB;AACzB,mBAA+B;AAC/B,+BAAkC;AAClC,uBAAqC;AACrC,mCAAwE;AACxE,mBAQO;AACP,4BAA+B;AAC/B,kCAAqC;AAErC,MAAM,gBAAgB,CAAC,WAAW,GAAG;AAErC,MAAM,mBAAsD,CAAC,UAAU;AACrE,QAAM,EAAE,kBAAkB,cAAc,YAAY,QAAI,4CAAkB,KAAK;AAC/E,QAAM,EAAE,gBAAgB,OAAO,aAAa,MAAM,MAAM,SAAS,UAAU,GAAG,KAAK,IAAI;AAEvF,QAAM,WAAO,sBAAQ,MAAO,QAAQ,SAAS,IAAI,CAAC,OAAO,aAAa,IAAI,CAAC,KAAK,GAAI,CAAC,QAAQ,MAAM,CAAC;AAEpG,SACE,6CAAC,+CAA+B,UAAU,GAAI,GAAG,MAAO,GAAG,cAAe,GAAG,gBAC3E;AAAA,gDAAC,yCAAyB,MAAK,UAAS,cAAY,OAAO,OAAO,MAAM,aAAW,MACjF,sDAAC,QAAK,MAAK,KAAI,OAAO,CAAC,GAAG,aAAa,GAAG,GAC5C;AAAA,IAEA,6CAAC,mDAAmC,MAClC;AAAA,kDAAC,4CACC,uDAAC,wDACC;AAAA,oDAAC,wCAAe,OAAc,UAAoB;AAAA,QAClD,4CAAC,oDAAqB,aAA0B,UAAoB;AAAA,SACtE,GACF;AAAA,MAEC,QAAQ,SAAS,KAChB,4CAAC,4CACE,kBAAQ;AAAA,QACP,CACE;AAAA,UACE,OAAO,4CAAC,mCAAgB,cAAW,gBAAe;AAAA,UAClD,MAAM;AAAA,UACN;AAAA,UACA,GAAG;AAAA,QACL,GACA;AAAA;AAAA,UAGA,4CAAC,2CACC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,cAAW;AAAA,cACV,GAAG;AAAA,cACJ,YAAY,iCAAa;AAAA,cACzB,MAAM,iCAAa;AAAA,cAElB,uBAAa,4CAAC,cAAW,IAAK;AAAA;AAAA,UACjC,KAT+B,GAAG,WAAW,IAAI,KAAK,EAUxD;AAAA;AAAA,MAEJ,GACF;AAAA,OAEJ;AAAA,KACF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
   "names": []
 }

package/dist/cjs/DescriptionComponent.js

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DescriptionComponent_exports = {};
+__export(DescriptionComponent_exports, {
+  DescriptionComponent: () => DescriptionComponent
+});
+module.exports = __toCommonJS(DescriptionComponent_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_hooks_on_overflow_change = require("@elliemae/ds-hooks-on-overflow-change");
+var import_ds_tooltip_v3 = require("@elliemae/ds-tooltip-v3");
+var import_ds_typography = require("@elliemae/ds-typography");
+var import_react = require("react");
+var import_constants = require("./constants/index.js");
+var import_style = require("./style.js");
+const DescriptionComponent = (props) => {
+  const { description, wrapText } = props;
+  const [isDescriptionTruncating, setIsDescriptionTruncating] = (0, import_react.useState)(false);
+  const { handleRef: descriptionHandleRef } = (0, import_ds_hooks_on_overflow_change.useOnOverflowChange)({
+    onOverflowStateChange: setIsDescriptionTruncating
+  });
+  if (wrapText)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentDescription, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_style.StyledDescriptionTypography,
+      {
+        innerRef: descriptionHandleRef,
+        truncateWithEllipsis: true,
+        variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1,
+        "data-testid": import_constants.CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT,
+        children: description
+      }
+    ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentDescription, { children: isDescriptionTruncating ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip_v3.DSTooltipV3, { text: description, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_style.StyledDescriptionTypography,
+    {
+      innerRef: descriptionHandleRef,
+      truncateWithEllipsis: true,
+      variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1,
+      "data-testid": import_constants.CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT,
+      children: description
+    }
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_style.StyledDescriptionTypography,
+    {
+      innerRef: descriptionHandleRef,
+      truncateWithEllipsis: true,
+      variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1,
+      "data-testid": import_constants.CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT,
+      children: description
+    }
+  ) });
+};
+//# sourceMappingURL=DescriptionComponent.js.map

package/dist/cjs/DescriptionComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DescriptionComponent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useOnOverflowChange } from '@elliemae/ds-hooks-on-overflow-change';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip-v3';\nimport { TYPOGRAPHY_VARIANTS } from '@elliemae/ds-typography';\nimport { useState } from 'react';\nimport { CARD_NAVIGATION_DATA_TESTID } from './constants/index.js';\nimport { StyledCardNavigationContentDescription, StyledDescriptionTypography } from './style.js';\n\nexport const DescriptionComponent = (props: { description: string; wrapText?: boolean }) => {\n  const { description, wrapText } = props;\n\n  const [isDescriptionTruncating, setIsDescriptionTruncating] = useState(false);\n\n  const { handleRef: descriptionHandleRef } = useOnOverflowChange({\n    onOverflowStateChange: setIsDescriptionTruncating,\n  });\n\n  if (wrapText)\n    return (\n      <StyledCardNavigationContentDescription>\n        <StyledDescriptionTypography\n          innerRef={descriptionHandleRef}\n          truncateWithEllipsis\n          variant={TYPOGRAPHY_VARIANTS.B1}\n          data-testid={CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT}\n        >\n          {description}\n        </StyledDescriptionTypography>\n      </StyledCardNavigationContentDescription>\n    );\n\n  return (\n    <StyledCardNavigationContentDescription>\n      {isDescriptionTruncating ? (\n        <DSTooltipV3 text={description}>\n          <StyledDescriptionTypography\n            innerRef={descriptionHandleRef}\n            truncateWithEllipsis\n            variant={TYPOGRAPHY_VARIANTS.B1}\n            data-testid={CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT}\n          >\n            {description}\n          </StyledDescriptionTypography>\n        </DSTooltipV3>\n      ) : (\n        <StyledDescriptionTypography\n          innerRef={descriptionHandleRef}\n          truncateWithEllipsis\n          variant={TYPOGRAPHY_VARIANTS.B1}\n          data-testid={CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT}\n        >\n          {description}\n        </StyledDescriptionTypography>\n      )}\n    </StyledCardNavigationContentDescription>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBf;AAnBR,yCAAoC;AACpC,2BAA4B;AAC5B,2BAAoC;AACpC,mBAAyB;AACzB,uBAA4C;AAC5C,mBAAoF;AAE7E,MAAM,uBAAuB,CAAC,UAAuD;AAC1F,QAAM,EAAE,aAAa,SAAS,IAAI;AAElC,QAAM,CAAC,yBAAyB,0BAA0B,QAAI,uBAAS,KAAK;AAE5E,QAAM,EAAE,WAAW,qBAAqB,QAAI,wDAAoB;AAAA,IAC9D,uBAAuB;AAAA,EACzB,CAAC;AAED,MAAI;AACF,WACE,4CAAC,uDACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,sBAAoB;AAAA,QACpB,SAAS,yCAAoB;AAAA,QAC7B,eAAa,6CAA4B;AAAA,QAExC;AAAA;AAAA,IACH,GACF;AAGJ,SACE,4CAAC,uDACE,oCACC,4CAAC,oCAAY,MAAM,aACjB;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,sBAAoB;AAAA,MACpB,SAAS,yCAAoB;AAAA,MAC7B,eAAa,6CAA4B;AAAA,MAExC;AAAA;AAAA,EACH,GACF,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,sBAAoB;AAAA,MACpB,SAAS,yCAAoB;AAAA,MAC7B,eAAa,6CAA4B;AAAA,MAExC;AAAA;AAAA,EACH,GAEJ;AAEJ;",
+  "names": []
+}

package/dist/cjs/TitleComponent.js

@@ -0,0 +1,51 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TitleComponent_exports = {};
+__export(TitleComponent_exports, {
+  TitleComponent: () => TitleComponent
+});
+module.exports = __toCommonJS(TitleComponent_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_hooks_on_overflow_change = require("@elliemae/ds-hooks-on-overflow-change");
+var import_ds_tooltip_v3 = require("@elliemae/ds-tooltip-v3");
+var import_ds_typography = require("@elliemae/ds-typography");
+var import_react = require("react");
+var import_style = require("./style.js");
+const TitleComponent = (props) => {
+  const { title, wrapText } = props;
+  const [isTitleTruncating, setIsTitleTruncating] = (0, import_react.useState)(false);
+  const { handleRef: titleHandleRef } = (0, import_ds_hooks_on_overflow_change.useOnOverflowChange)({
+    onOverflowStateChange: setIsTitleTruncating
+  });
+  if (wrapText)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitleTypography, { innerRef: titleHandleRef, truncateWithEllipsis: true, variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1, children: title }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentTitle, { children: isTitleTruncating ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip_v3.DSTooltipV3, { text: title, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitleTypography, { innerRef: titleHandleRef, truncateWithEllipsis: true, variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1, children: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitleTypography, { innerRef: titleHandleRef, truncateWithEllipsis: true, variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1, children: title }) });
+};
+//# sourceMappingURL=TitleComponent.js.map

package/dist/cjs/TitleComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TitleComponent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useOnOverflowChange } from '@elliemae/ds-hooks-on-overflow-change';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip-v3';\nimport { TYPOGRAPHY_VARIANTS } from '@elliemae/ds-typography';\nimport { useState } from 'react';\nimport { StyledCardNavigationContentTitle, StyledTitleTypography } from './style.js';\n\nexport const TitleComponent = (props: { title: string; wrapText?: boolean }) => {\n  const { title, wrapText } = props;\n\n  const [isTitleTruncating, setIsTitleTruncating] = useState(false);\n\n  const { handleRef: titleHandleRef } = useOnOverflowChange({\n    onOverflowStateChange: setIsTitleTruncating,\n  });\n\n  if (wrapText)\n    return (\n      <StyledCardNavigationContentTitle>\n        <StyledTitleTypography innerRef={titleHandleRef} truncateWithEllipsis variant={TYPOGRAPHY_VARIANTS.B1}>\n          {title}\n        </StyledTitleTypography>\n      </StyledCardNavigationContentTitle>\n    );\n\n  return (\n    <StyledCardNavigationContentTitle>\n      {isTitleTruncating ? (\n        <DSTooltipV3 text={title}>\n          <StyledTitleTypography innerRef={titleHandleRef} truncateWithEllipsis variant={TYPOGRAPHY_VARIANTS.B1}>\n            {title}\n          </StyledTitleTypography>\n        </DSTooltipV3>\n      ) : (\n        <StyledTitleTypography innerRef={titleHandleRef} truncateWithEllipsis variant={TYPOGRAPHY_VARIANTS.B1}>\n          {title}\n        </StyledTitleTypography>\n      )}\n    </StyledCardNavigationContentTitle>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBf;AAlBR,yCAAoC;AACpC,2BAA4B;AAC5B,2BAAoC;AACpC,mBAAyB;AACzB,mBAAwE;AAEjE,MAAM,iBAAiB,CAAC,UAAiD;AAC9E,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAS,KAAK;AAEhE,QAAM,EAAE,WAAW,eAAe,QAAI,wDAAoB;AAAA,IACxD,uBAAuB;AAAA,EACzB,CAAC;AAED,MAAI;AACF,WACE,4CAAC,iDACC,sDAAC,sCAAsB,UAAU,gBAAgB,sBAAoB,MAAC,SAAS,yCAAoB,IAChG,iBACH,GACF;AAGJ,SACE,4CAAC,iDACE,8BACC,4CAAC,oCAAY,MAAM,OACjB,sDAAC,sCAAsB,UAAU,gBAAgB,sBAAoB,MAAC,SAAS,yCAAoB,IAChG,iBACH,GACF,IAEA,4CAAC,sCAAsB,UAAU,gBAAgB,sBAAoB,MAAC,SAAS,yCAAoB,IAChG,iBACH,GAEJ;AAEJ;",
+  "names": []
+}

package/dist/cjs/config/useCardNavigation.js

@@ -0,0 +1,60 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useCardNavigation_exports = {};
+__export(useCardNavigation_exports, {
+  useCardNavigation: () => useCardNavigation
+});
+module.exports = __toCommonJS(useCardNavigation_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_uid = require("uid");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useCardNavigation = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSCardNavigationPropTypes);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const instanceUid = import_react.default.useMemo(() => `ds-card-navigation-${(0, import_uid.uid)(5)}`, []);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+//# sourceMappingURL=useCardNavigation.js.map

package/dist/cjs/config/useCardNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useCardNavigation.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSCardNavigationT, DSCardNavigationPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface CardNavigationCTX {\n  propsWithDefault: DSCardNavigationT.InternalProps;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useCardNavigation = (propsFromUser: DSCardNavigationT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSCardNavigationT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSCardNavigationPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const instanceUid = React.useMemo(() => `ds-card-navigation-${uid(5)}`, []);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // eventHandlers,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAiE;AACjE,iBAAoB;AACpB,mCAAgF;AAChF,8BAAiC;AAQ1B,MAAM,oBAAoB,CAAC,kBAA2C;AAI3E,QAAM,uBAAmB,sDAA8D,eAAe,yCAAY;AAClH,gDAAiB,kBAAkB,sDAAyB;AAI5D,QAAM,mBAAe,4CAAmB,gBAAgB;AAKxD,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,0BAAsB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAM1E,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/{components/types.js → config/useValidateProps.js}

@@ -26,18 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-__export(types_exports, {
-  CardNavigationTypes: () => CardNavigationTypes,
-  CardNavigationTypesValues: () => CardNavigationTypesValues
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
 });
-module.exports = __toCommonJS(types_exports);
+module.exports = __toCommonJS(useValidateProps_exports);
 var React = __toESM(require("react"));
-const CardNavigationTypes = {
-  BORROWER: "borrower",
-  FINANCIAL: "financial",
-  LOAN: "loan",
-  REGULATORY: "regulatory"
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSCardNavigationName);
 };
-const CardNavigationTypesValues = Object.values(CardNavigationTypes);
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSCardNavigationT } from '../react-desc-prop-types.js';\nimport { DSCardNavigationName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSCardNavigationT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSCardNavigationName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAqC;AAE9B,MAAM,mBAAmB,CAAC,OAAwC,cAA4C;AAEnH,8DAA+B,OAAO,WAAW,qCAAoB;AACvE;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,59 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  CARD_NAVIGATION_DATA_TESTID: () => CARD_NAVIGATION_DATA_TESTID,
+  CARD_NAVIGATION_SLOTS: () => CARD_NAVIGATION_SLOTS,
+  CardNavigationTypes: () => CardNavigationTypes,
+  CardNavigationTypesValues: () => CardNavigationTypesValues,
+  DSCardNavigationName: () => DSCardNavigationName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSCardNavigationName = "DSCardnavigation";
+const CARD_NAVIGATION_SLOTS = {
+  ROOT: "root",
+  TITLE: "title",
+  ACTIONS: "actions",
+  TYPE: "type",
+  CENTRAL_CONTENT: "central-content"
+};
+const CARD_NAVIGATION_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSCardNavigationName, CARD_NAVIGATION_SLOTS),
+  DESCRIPTION_TEXT: "ds-card-navigation--description"
+};
+const CardNavigationTypes = {
+  BORROWER: "borrower",
+  FINANCIAL: "financial",
+  LOAN: "loan",
+  REGULATORY: "regulatory"
+};
+const CardNavigationTypesValues = Object.values(CardNavigationTypes);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCardNavigationName = 'DSCardnavigation';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const CARD_NAVIGATION_SLOTS = {\n  ROOT: 'root',\n  TITLE: 'title',\n  ACTIONS: 'actions',\n  TYPE: 'type',\n  CENTRAL_CONTENT: 'central-content',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const CARD_NAVIGATION_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSCardNavigationName, CARD_NAVIGATION_SLOTS),\n  DESCRIPTION_TEXT: 'ds-card-navigation--description',\n};\n\nexport const CardNavigationTypes = {\n  BORROWER: 'borrower',\n  FINANCIAL: 'financial',\n  LOAN: 'loan',\n  REGULATORY: 'regulatory',\n} as const;\n\nexport const CardNavigationTypesValues = Object.values(CardNavigationTypes);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,uBAAuB;AAG7B,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,iBAAiB;AACnB;AAGO,MAAM,8BAA8B;AAAA,EACzC,OAAG,0CAAwB,sBAAsB,qBAAqB;AAAA,EACtE,kBAAkB;AACpB;AAEO,MAAM,sBAAsB;AAAA,EACjC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd;AAEO,MAAM,4BAA4B,OAAO,OAAO,mBAAmB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // 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-
@@ -24,7 +27,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
+__export(index_exports, {
+  CARD_NAVIGATION_DATA_TESTID: () => import_constants.CARD_NAVIGATION_DATA_TESTID,
+  CARD_NAVIGATION_SLOTS: () => import_constants.CARD_NAVIGATION_SLOTS,
+  CardNavigationTypes: () => import_constants.CardNavigationTypes,
+  CardNavigationTypesValues: () => import_constants.CardNavigationTypesValues,
+  DSCardNavigation: () => import_DSCardNavigation2.DSCardNavigation,
+  DSCardNavigationWithSchema: () => import_DSCardNavigation2.DSCardNavigationWithSchema,
+  default: () => index_default
+});
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
-__reExport(index_exports, require("./DSCardNavigation.js"), module.exports);
+var import_DSCardNavigation = require("./DSCardNavigation.js");
+var import_DSCardNavigation2 = require("./DSCardNavigation.js");
+var import_constants = require("./constants/index.js");
+var index_default = import_DSCardNavigation.DSCardNavigation;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSCardNavigation.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,kCAAd;",
-  "names": []
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport { DSCardNavigation } from './DSCardNavigation.js';\nimport type {} from '@xstyled/system';\nexport { DSCardNavigation, DSCardNavigationWithSchema } from './DSCardNavigation.js';\nexport { type DSCardNavigationT } from './react-desc-prop-types.js';\nexport {\n  CARD_NAVIGATION_SLOTS,\n  CARD_NAVIGATION_DATA_TESTID,\n  CardNavigationTypesValues,\n  CardNavigationTypes,\n} from './constants/index.js';\n\nexport default DSCardNavigation;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAiC;AAEjC,IAAAA,2BAA6D;AAE7D,uBAKO;AAEP,IAAO,gBAAQ;",
+  "names": ["import_DSCardNavigation"]
 }