@elliemae/ds-card-navigation 3.55.0-next.9 → 3.55.1

package/dist/types/tests/overflow/DSCardNavigationOverflowTestRenderer.d.ts

@@ -0,0 +1,2 @@
+export const DSCardNavigationOverflowTestRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
+import React from 'react';

package/dist/types/tests/wraptext/DSCardNavigationWrapTextTestRenderer.d.ts

@@ -0,0 +1,2 @@
+export const DSCardNavigationWraptextTestRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
+import React from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-card-navigation",
-  "version": "3.55.0-next.9",
+  "version": "3.55.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Card Navigation",
   "files": [
@@ -37,22 +37,22 @@
   },
   "dependencies": {
     "@xstyled/styled-components": "~3.7.3",
-    "@elliemae/ds-grid": "3.55.0-next.9",
-    "@elliemae/ds-hooks-on-blur-out": "3.55.0-next.9",
-    "@elliemae/ds-hooks-on-overflow-change": "3.55.0-next.9",
-    "@elliemae/ds-props-helpers": "3.55.0-next.9",
-    "@elliemae/ds-system": "3.55.0-next.9",
-    "@elliemae/ds-icons": "3.55.0-next.9"
+    "@elliemae/ds-grid": "3.55.1",
+    "@elliemae/ds-hooks-on-blur-out": "3.55.1",
+    "@elliemae/ds-hooks-on-overflow-change": "3.55.1",
+    "@elliemae/ds-system": "3.55.1",
+    "@elliemae/ds-icons": "3.55.1",
+    "@elliemae/ds-props-helpers": "3.55.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.65",
     "@playwright/experimental-ct-react": "^1.51.1",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-typescript-helpers": "3.55.0-next.9",
-    "@elliemae/ds-icons": "3.55.0-next.9",
-    "@elliemae/ds-test-utils": "3.55.0-next.9",
-    "@elliemae/ds-monorepo-devops": "3.55.0-next.9"
+    "@elliemae/ds-icons": "3.55.1",
+    "@elliemae/ds-monorepo-devops": "3.55.1",
+    "@elliemae/ds-test-utils": "3.55.1",
+    "@elliemae/ds-typescript-helpers": "3.55.1"
   },
   "peerDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/dist/cjs/parts/ActionsRegion.js

@@ -1,63 +0,0 @@
-"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 ActionsRegion_exports = {};
-__export(ActionsRegion_exports, {
-  ActionsRegion: () => ActionsRegion
-});
-module.exports = __toCommonJS(ActionsRegion_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_button_v2 = require("@elliemae/ds-button-v2");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_style = require("./style.js");
-const ActionsRegion = ({ actions, instanceUid }) => {
-  if (actions.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationActions, { children: actions.map(({ icon, Icon, onClick, ...unexpectedButPreviouslySupportedOtherProps }, index) => {
-    const defaultIconJSX = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, { "aria-label": "More options" });
-    const iconJSX = icon ?? defaultIconJSX;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_style.StyledCardNavigationAction,
-      {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_ds_button_v2.DSButtonV3,
-          {
-            onClick,
-            "aria-label": "More options",
-            ...unexpectedButPreviouslySupportedOtherProps,
-            buttonType: import_ds_button_v2.BUTTON_TYPES.ICON,
-            size: import_ds_button_v2.BUTTON_SIZES.L,
-            children: Icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}) : iconJSX
-          }
-        )
-      },
-      `${instanceUid}-${index}`
-    );
-  }) });
-};
-//# sourceMappingURL=ActionsRegion.js.map

package/dist/cjs/parts/ActionsRegion.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/parts/ActionsRegion.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { BUTTON_SIZES, BUTTON_TYPES, DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport React from 'react';\nimport type { DSCardNavigationT } from '../react-desc-prop-types.js';\nimport { StyledCardNavigationAction, StyledCardNavigationActions } from './style.js';\n\ninterface ActionRegionProps {\n  actions: DSCardNavigationT.InternalProps['actions'];\n  instanceUid: string;\n}\n\nexport const ActionsRegion: React.ComponentType<ActionRegionProps> = ({ actions, instanceUid }) => {\n  if (actions.length === 0) return null;\n  return (\n    <StyledCardNavigationActions>\n      {actions.map(({ icon, Icon, onClick, ...unexpectedButPreviouslySupportedOtherProps }, index) => {\n        const defaultIconJSX = <MoreOptionsVert aria-label=\"More options\" />;\n        const iconJSX = icon ?? defaultIconJSX;\n        return (\n          <StyledCardNavigationAction\n            // eslint-disable-next-line react/no-array-index-key\n            key={`${instanceUid}-${index}`}\n          >\n            <DSButtonV3\n              onClick={onClick}\n              aria-label=\"More options\"\n              {...unexpectedButPreviouslySupportedOtherProps}\n              buttonType={BUTTON_TYPES.ICON}\n              size={BUTTON_SIZES.L}\n            >\n              {Icon ? <Icon /> : iconJSX}\n            </DSButtonV3>\n          </StyledCardNavigationAction>\n        );\n      })}\n    </StyledCardNavigationActions>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBQ;AAhB/B,0BAAuD;AACvD,sBAAgC;AAGhC,mBAAwE;AAOjE,MAAM,gBAAwD,CAAC,EAAE,SAAS,YAAY,MAAM;AACjG,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SACE,4CAAC,4CACE,kBAAQ,IAAI,CAAC,EAAE,MAAM,MAAM,SAAS,GAAG,2CAA2C,GAAG,UAAU;AAC9F,UAAM,iBAAiB,4CAAC,mCAAgB,cAAW,gBAAe;AAClE,UAAM,UAAU,QAAQ;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QAIC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,cAAW;AAAA,YACV,GAAG;AAAA,YACJ,YAAY,iCAAa;AAAA,YACzB,MAAM,iCAAa;AAAA,YAElB,iBAAO,4CAAC,QAAK,IAAK;AAAA;AAAA,QACrB;AAAA;AAAA,MAVK,GAAG,WAAW,IAAI,KAAK;AAAA,IAW9B;AAAA,EAEJ,CAAC,GACH;AAEJ;",
-  "names": []
-}

package/dist/cjs/parts/style.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/parts/style.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { css, styled } from '@elliemae/ds-system';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport { CARD_NAVIGATION_SLOTS, CardNavigationTypes, DSCardNavigationName } from '../constants/index.js';\n\nexport const StyledCardNavigationContentTitle = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.TITLE,\n})``;\n\nexport const StyledTitleTypography = styled(DSTypography)`\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 1.3846rem; // 18px -> 18/13 = 1.3846rem\n\n  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n    font-size: 1.125rem; // 18px -> 18/16 = 1.125rem\n  }\n`;\n\nexport const StyledDescriptionTypography = styled(DSTypography)`\n  color: ${(props) => props.theme.colors.neutral['500']};\n  font-size: 0.923rem; // 12px -> 12/13 = 0.923rem\n\n  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n    font-size: 0.8775rem; // 12px -> 10.5/12 = 0.8775rem\n  }\n`;\n\nexport const StyledCardNavigationContentTitleWrapper = styled.div`\n  width: 100%;\n`;\n\nexport const StyledCardNavigationContent = styled.div<{ wrapText?: boolean }>`\n  display: flex;\n  align-items: center;\n  flex: 1;\n  width: 100%;\n`;\n\nexport const StyledCardNavigationCentralContent = styled(Grid, {\n  slot: CARD_NAVIGATION_SLOTS.CENTRAL_CONTENT,\n  name: DSCardNavigationName,\n})<{ wrapText?: boolean; AnyOverFlow?: boolean }>`\n  padding: ${(props) => props.theme.space.xs};\n`;\ninterface StyledCardNavigationBoxWrapperProps {\n  fluid?: boolean;\n}\n\nexport const StyledCardNavigationBoxWrapper = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.ROOT,\n})<StyledCardNavigationBoxWrapperProps & { $isIconAndTextsRegionFocused?: boolean }>`\n  min-width: 240px;\n  min-height: 64px;\n  width: 337px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  box-shadow: 0 1px 4px 0px rgba(37, 41, 47, 0.5);\n  border-radius: 2px;\n  position: relative;\n  outline: none;\n\n  ${(props) => (props.fluid ? 'width: 100%' : '')};\n  @media (max-width: ${(props) => props.theme.breakpoints.small}) {\n    width: ${(props) => (props.fluid ? 'width: 100%' : '414px')};\n  }\n\n  :after {\n    display: block;\n    content: '';\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    border: solid ${(props) => props.theme.space.xxs} transparent;\n    border-radius: 2px;\n    pointer-events: none;\n  }\n  &:hover {\n    box-shadow: 0 3px 8px 0px rgba(37, 41, 47, 0.4);\n    outline-offset: 2px;\n  }\n\n  ${(props) =>\n    props.$isIconAndTextsRegionFocused\n      ? css`\n          outline: 2px solid ${props.theme.colors.brand['700']};\n          outline-offset: 2px;\n        `\n      : css``}\n`;\n\ninterface StyledCardNavigationIconProps {\n  $type: (typeof CardNavigationTypes)[keyof typeof CardNavigationTypes];\n}\n\nexport const StyledCardNavigationIcon = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.TYPE,\n})<StyledCardNavigationIconProps>`\n  min-width: 64px;\n  min-height: 64px;\n  height: 100%;\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n  padding: ${(props) => props.theme.space.xs};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: #ffffff;\n  background-color: ${({ $type }) =>\n    ($type === CardNavigationTypes.BORROWER && '#32aad1') ||\n    ($type === CardNavigationTypes.FINANCIAL && '#1ba88d') ||\n    ($type === CardNavigationTypes.LOAN && '#8e49b2') ||\n    ($type === CardNavigationTypes.REGULATORY && '#db5575') ||\n    '#32aad1'};\n`;\n\nexport const StyledCardNavigationActions = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.ACTIONS,\n})`\n  padding: 0 ${(props) => props.theme.space.xs};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: ${(props) => props.theme.space.xs};\n`;\n\nexport const StyledCardNavigationAction = styled('div')`\n  span,\n  svg {\n    height: ${({ theme }) => theme.space.s};\n    width: ${({ theme }) => theme.space.s};\n    fill: ${({ theme }) => theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledGridTextContainer = styled('div')`\n  display: grid;\n  grid-template-columns: max-content auto;\n  align-items: center;\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n  &:focus {\n    outline: none;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAA4B;AAC5B,2BAA6B;AAC7B,uBAAiF;AAE1E,MAAM,uCAAmC,yBAAO,OAAO;AAAA,EAC5D,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAEM,MAAM,4BAAwB,yBAAO,iCAAY;AAAA,WAC7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBACtC,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA;AAAA;AAAA,uBAGrC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAKtD,MAAM,kCAA8B,yBAAO,iCAAY;AAAA,WACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,uBAGhC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAKtD,MAAM,0CAA0C,wBAAO;AAAA;AAAA;AAIvD,MAAM,8BAA8B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,yCAAqC,yBAAO,qBAAM;AAAA,EAC7D,MAAM,uCAAsB;AAAA,EAC5B,MAAM;AACR,CAAC;AAAA,aACY,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAMrC,MAAM,qCAAiC,yBAAO,OAAO;AAAA,EAC1D,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYG,CAAC,UAAW,MAAM,QAAQ,gBAAgB,EAAG;AAAA,uBAC1B,CAAC,UAAU,MAAM,MAAM,YAAY,KAAK;AAAA,aAClD,CAAC,UAAW,MAAM,QAAQ,gBAAgB,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAW3C,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAShD,CAAC,UACD,MAAM,+BACF;AAAA,+BACuB,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA,YAGtD,sBAAK;AAAA;AAON,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMY,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKtB,CAAC,EAAE,MAAM,MAC1B,UAAU,qCAAoB,YAAY,aAC1C,UAAU,qCAAoB,aAAa,aAC3C,UAAU,qCAAoB,QAAQ,aACtC,UAAU,qCAAoB,cAAc,aAC7C,SAAS;AAAA;AAGN,MAAM,kCAA8B,yBAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAAA,eACc,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,SAIrC,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAGjC,MAAM,iCAA6B,yBAAO,KAAK;AAAA;AAAA;AAAA,cAGxC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA,aAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA,YAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAI7C,MAAM,8BAA0B,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/parts/text-region/IconAndTextsRegion.js

@@ -1,101 +0,0 @@
-"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 IconAndTextsRegion_exports = {};
-__export(IconAndTextsRegion_exports, {
-  IconAndTextsRegion: () => IconAndTextsRegion
-});
-module.exports = __toCommonJS(IconAndTextsRegion_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_grid = require("@elliemae/ds-grid");
-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 = __toESM(require("react"));
-var import_IconAndTextsRegionContent = require("./IconAndTextsRegionContent.js");
-const TooltipText = ({ title, description }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_typography.DSTypography, { variant: import_ds_typography.TYPOGRAPHY_VARIANTS.H5_ARTICLE, children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_typography.DSTypography, { variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1, children: description })
-] });
-const IconAndTextsRegion = ({
-  title,
-  description,
-  wrapText,
-  type,
-  Icon,
-  showFocusRingAroundAll,
-  hideFocusRingAroundAll
-}) => {
-  const [isTitleTruncating, setIsTitleTruncating] = import_react.default.useState(false);
-  const [isDescriptionTruncating, setIsDescriptionTruncating] = import_react.default.useState(false);
-  const AnyOverFlow = isTitleTruncating || isDescriptionTruncating;
-  const { handleRef: titleHandleRef } = (0, import_ds_hooks_on_overflow_change.useOnOverflowChange)({
-    onOverflowStateChange: setIsTitleTruncating
-  });
-  const { handleRef: descriptionHandleRef } = (0, import_ds_hooks_on_overflow_change.useOnOverflowChange)({
-    onOverflowStateChange: setIsDescriptionTruncating
-  });
-  const TooltipTextProps = import_react.default.useMemo(
-    () => ({
-      title,
-      description
-    }),
-    [title, description]
-  );
-  if (AnyOverFlow)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip_v3.DSTooltipV3, { Text: TooltipText, textProps: TooltipTextProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_IconAndTextsRegionContent.IconAndTextsRegionContent,
-      {
-        title,
-        description,
-        wrapText,
-        type,
-        Icon,
-        titleHandleRef,
-        descriptionHandleRef,
-        showFocusRingAroundAll,
-        hideFocusRingAroundAll
-      }
-    ) });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_IconAndTextsRegionContent.IconAndTextsRegionContent,
-    {
-      title,
-      description,
-      wrapText,
-      type,
-      Icon,
-      titleHandleRef,
-      descriptionHandleRef,
-      showFocusRingAroundAll,
-      hideFocusRingAroundAll
-    }
-  );
-};
-//# sourceMappingURL=IconAndTextsRegion.js.map

package/dist/cjs/parts/text-region/IconAndTextsRegion.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/text-region/IconAndTextsRegion.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { useOnOverflowChange } from '@elliemae/ds-hooks-on-overflow-change';\nimport type { DSTooltipV3T } from '@elliemae/ds-tooltip-v3';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip-v3';\nimport { DSTypography, TYPOGRAPHY_VARIANTS } from '@elliemae/ds-typography';\nimport React from 'react';\nimport type { DSCardNavigationT } from '../../react-desc-prop-types.js';\nimport { IconAndTextsRegionContent } from './IconAndTextsRegionContent.js';\n\ntype TooltipTextProps = DSTooltipV3T.CustomInterface<{\n  title: string;\n  description: string;\n}>;\n\nconst TooltipText: React.ComponentType<TooltipTextProps> = ({ title, description }) => (\n  <Grid>\n    <DSTypography variant={TYPOGRAPHY_VARIANTS.H5_ARTICLE}>{title}</DSTypography>\n    <DSTypography variant={TYPOGRAPHY_VARIANTS.B1}>{description}</DSTypography>\n  </Grid>\n);\n\ninterface IconAndTextsRegionProps {\n  title: DSCardNavigationT.InternalProps['title'];\n  description: DSCardNavigationT.InternalProps['description'];\n  wrapText: DSCardNavigationT.InternalProps['wrapText'];\n  type: DSCardNavigationT.InternalProps['type'];\n  Icon: DSCardNavigationT.InternalProps['Icon'];\n  showFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;\n  hideFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const IconAndTextsRegion: React.ComponentType<IconAndTextsRegionProps> = ({\n  title,\n  description,\n  wrapText,\n  type,\n  Icon,\n  showFocusRingAroundAll,\n  hideFocusRingAroundAll,\n}) => {\n  const [isTitleTruncating, setIsTitleTruncating] = React.useState(false);\n  const [isDescriptionTruncating, setIsDescriptionTruncating] = React.useState(false);\n\n  const AnyOverFlow = isTitleTruncating || isDescriptionTruncating;\n\n  const { handleRef: titleHandleRef } = useOnOverflowChange({\n    onOverflowStateChange: setIsTitleTruncating,\n  });\n\n  const { handleRef: descriptionHandleRef } = useOnOverflowChange({\n    onOverflowStateChange: setIsDescriptionTruncating,\n  });\n  const TooltipTextProps = React.useMemo(\n    () => ({\n      title,\n      description,\n    }),\n    [title, description],\n  );\n\n  if (AnyOverFlow)\n    return (\n      <DSTooltipV3<TooltipTextProps> Text={TooltipText} textProps={TooltipTextProps}>\n        <IconAndTextsRegionContent\n          title={title}\n          description={description}\n          wrapText={wrapText}\n          type={type}\n          Icon={Icon}\n          titleHandleRef={titleHandleRef}\n          descriptionHandleRef={descriptionHandleRef}\n          showFocusRingAroundAll={showFocusRingAroundAll}\n          hideFocusRingAroundAll={hideFocusRingAroundAll}\n        />\n      </DSTooltipV3>\n    );\n  return (\n    <IconAndTextsRegionContent\n      title={title}\n      description={description}\n      wrapText={wrapText}\n      type={type}\n      Icon={Icon}\n      titleHandleRef={titleHandleRef}\n      descriptionHandleRef={descriptionHandleRef}\n      showFocusRingAroundAll={showFocusRingAroundAll}\n      hideFocusRingAroundAll={hideFocusRingAroundAll}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADerB;AAfF,qBAAqB;AACrB,yCAAoC;AAEpC,2BAA4B;AAC5B,2BAAkD;AAClD,mBAAkB;AAElB,uCAA0C;AAO1C,MAAM,cAAqD,CAAC,EAAE,OAAO,YAAY,MAC/E,6CAAC,uBACC;AAAA,8CAAC,qCAAa,SAAS,yCAAoB,YAAa,iBAAM;AAAA,EAC9D,4CAAC,qCAAa,SAAS,yCAAoB,IAAK,uBAAY;AAAA,GAC9D;AAaK,MAAM,qBAAmE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,aAAAA,QAAM,SAAS,KAAK;AACtE,QAAM,CAAC,yBAAyB,0BAA0B,IAAI,aAAAA,QAAM,SAAS,KAAK;AAElF,QAAM,cAAc,qBAAqB;AAEzC,QAAM,EAAE,WAAW,eAAe,QAAI,wDAAoB;AAAA,IACxD,uBAAuB;AAAA,EACzB,CAAC;AAED,QAAM,EAAE,WAAW,qBAAqB,QAAI,wDAAoB;AAAA,IAC9D,uBAAuB;AAAA,EACzB,CAAC;AACD,QAAM,mBAAmB,aAAAA,QAAM;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AAEA,MAAI;AACF,WACE,4CAAC,oCAA8B,MAAM,aAAa,WAAW,kBAC3D;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
-  "names": ["React"]
-}

package/dist/cjs/parts/text-region/IconAndTextsRegionContent.js

@@ -1,88 +0,0 @@
-"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 IconAndTextsRegionContent_exports = {};
-__export(IconAndTextsRegionContent_exports, {
-  IconAndTextsRegionContent: () => IconAndTextsRegionContent
-});
-module.exports = __toCommonJS(IconAndTextsRegionContent_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_typography = require("@elliemae/ds-typography");
-var import_react = __toESM(require("react"));
-var import_constants = require("../../constants/index.js");
-var import_style = require("../style.js");
-const mainIconColor = ["neutral", "0"];
-const cols = ["1fr"];
-const IconAndTextsRegionContent = import_react.default.memo((props) => {
-  const {
-    title,
-    description,
-    wrapText,
-    titleHandleRef,
-    descriptionHandleRef,
-    type,
-    Icon,
-    showFocusRingAroundAll,
-    hideFocusRingAroundAll
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_style.StyledGridTextContainer,
-    {
-      role: "button",
-      tabIndex: 0,
-      onFocus: showFocusRingAroundAll,
-      onBlur: hideFocusRingAroundAll,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationIcon, { $type: type, "data-type": type, role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: "l", color: mainIconColor }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(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_style.StyledCardNavigationContentTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_style.StyledTitleTypography,
-            {
-              innerRef: titleHandleRef,
-              truncateWithEllipsis: !wrapText,
-              variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1,
-              children: title
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_style.StyledDescriptionTypography,
-            {
-              innerRef: descriptionHandleRef,
-              truncateWithEllipsis: !wrapText,
-              variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1,
-              "data-testid": import_constants.CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT,
-              children: description
-            }
-          ) })
-        ] }) }) })
-      ]
-    }
-  );
-});
-//# sourceMappingURL=IconAndTextsRegionContent.js.map

package/dist/cjs/parts/text-region/IconAndTextsRegionContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/text-region/IconAndTextsRegionContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { SvgIconT } from '@elliemae/ds-icons';\nimport { TYPOGRAPHY_VARIANTS } from '@elliemae/ds-typography';\nimport React from 'react';\nimport { CARD_NAVIGATION_DATA_TESTID } from '../../constants/index.js';\nimport type { DSCardNavigationT } from '../../react-desc-prop-types.js';\nimport {\n  StyledCardNavigationCentralContent,\n  StyledCardNavigationContent,\n  StyledCardNavigationContentTitle,\n  StyledCardNavigationContentTitleWrapper,\n  StyledCardNavigationIcon,\n  StyledDescriptionTypography,\n  StyledGridTextContainer,\n  StyledTitleTypography,\n} from '../style.js';\n\nconst mainIconColor = ['neutral', '0'] as SvgIconT.ColorType;\nconst cols = ['1fr'];\n\ninterface IconAndTextsRegionContentProps {\n  title: DSCardNavigationT.InternalProps['title'];\n  description: DSCardNavigationT.InternalProps['description'];\n  wrapText: DSCardNavigationT.InternalProps['wrapText'];\n  type: DSCardNavigationT.InternalProps['type'];\n  Icon: DSCardNavigationT.InternalProps['Icon'];\n\n  titleHandleRef: (node: HTMLElement | null) => void;\n  descriptionHandleRef: (node: HTMLElement | null) => void;\n  showFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;\n  hideFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const IconAndTextsRegionContent = React.memo((props: IconAndTextsRegionContentProps) => {\n  const {\n    title,\n    description,\n    wrapText,\n    titleHandleRef,\n    descriptionHandleRef,\n    type,\n    Icon,\n    showFocusRingAroundAll,\n    hideFocusRingAroundAll,\n  } = props;\n\n  return (\n    <StyledGridTextContainer\n      role=\"button\"\n      tabIndex={0}\n      onFocus={showFocusRingAroundAll}\n      onBlur={hideFocusRingAroundAll}\n    >\n      <StyledCardNavigationIcon $type={type} data-type={type} role=\"presentation\">\n        <Icon size=\"l\" color={mainIconColor} />\n      </StyledCardNavigationIcon>\n\n      <StyledCardNavigationCentralContent cols={cols}>\n        <StyledCardNavigationContent>\n          <StyledCardNavigationContentTitleWrapper>\n            <StyledCardNavigationContentTitle>\n              <StyledTitleTypography\n                innerRef={titleHandleRef}\n                truncateWithEllipsis={!wrapText}\n                variant={TYPOGRAPHY_VARIANTS.B1}\n              >\n                {title}\n              </StyledTitleTypography>\n            </StyledCardNavigationContentTitle>\n            <div>\n              <StyledDescriptionTypography\n                innerRef={descriptionHandleRef}\n                truncateWithEllipsis={!wrapText}\n                variant={TYPOGRAPHY_VARIANTS.B1}\n                data-testid={CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT}\n              >\n                {description}\n              </StyledDescriptionTypography>\n            </div>\n          </StyledCardNavigationContentTitleWrapper>\n        </StyledCardNavigationContent>\n      </StyledCardNavigationCentralContent>\n    </StyledGridTextContainer>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqDf;AApDR,2BAAoC;AACpC,mBAAkB;AAClB,uBAA4C;AAE5C,mBASO;AAEP,MAAM,gBAAgB,CAAC,WAAW,GAAG;AACrC,MAAM,OAAO,CAAC,KAAK;AAeZ,MAAM,4BAA4B,aAAAA,QAAM,KAAK,CAAC,UAA0C;AAC7F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MAER;AAAA,oDAAC,yCAAyB,OAAO,MAAM,aAAW,MAAM,MAAK,gBAC3D,sDAAC,QAAK,MAAK,KAAI,OAAO,eAAe,GACvC;AAAA,QAEA,4CAAC,mDAAmC,MAClC,sDAAC,4CACC,uDAAC,wDACC;AAAA,sDAAC,iDACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,sBAAsB,CAAC;AAAA,cACvB,SAAS,yCAAoB;AAAA,cAE5B;AAAA;AAAA,UACH,GACF;AAAA,UACA,4CAAC,SACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,sBAAsB,CAAC;AAAA,cACvB,SAAS,yCAAoB;AAAA,cAC7B,eAAa,6CAA4B;AAAA,cAExC;AAAA;AAAA,UACH,GACF;AAAA,WACF,GACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;",
-  "names": ["React"]
-}

package/dist/esm/parts/ActionsRegion.js

@@ -1,33 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { BUTTON_SIZES, BUTTON_TYPES, DSButtonV3 } from "@elliemae/ds-button-v2";
-import { MoreOptionsVert } from "@elliemae/ds-icons";
-import { StyledCardNavigationAction, StyledCardNavigationActions } from "./style.js";
-const ActionsRegion = ({ actions, instanceUid }) => {
-  if (actions.length === 0) return null;
-  return /* @__PURE__ */ jsx(StyledCardNavigationActions, { children: actions.map(({ icon, Icon, onClick, ...unexpectedButPreviouslySupportedOtherProps }, index) => {
-    const defaultIconJSX = /* @__PURE__ */ jsx(MoreOptionsVert, { "aria-label": "More options" });
-    const iconJSX = icon ?? defaultIconJSX;
-    return /* @__PURE__ */ jsx(
-      StyledCardNavigationAction,
-      {
-        children: /* @__PURE__ */ jsx(
-          DSButtonV3,
-          {
-            onClick,
-            "aria-label": "More options",
-            ...unexpectedButPreviouslySupportedOtherProps,
-            buttonType: BUTTON_TYPES.ICON,
-            size: BUTTON_SIZES.L,
-            children: Icon ? /* @__PURE__ */ jsx(Icon, {}) : iconJSX
-          }
-        )
-      },
-      `${instanceUid}-${index}`
-    );
-  }) });
-};
-export {
-  ActionsRegion
-};
-//# sourceMappingURL=ActionsRegion.js.map

package/dist/esm/parts/ActionsRegion.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ActionsRegion.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { BUTTON_SIZES, BUTTON_TYPES, DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport React from 'react';\nimport type { DSCardNavigationT } from '../react-desc-prop-types.js';\nimport { StyledCardNavigationAction, StyledCardNavigationActions } from './style.js';\n\ninterface ActionRegionProps {\n  actions: DSCardNavigationT.InternalProps['actions'];\n  instanceUid: string;\n}\n\nexport const ActionsRegion: React.ComponentType<ActionRegionProps> = ({ actions, instanceUid }) => {\n  if (actions.length === 0) return null;\n  return (\n    <StyledCardNavigationActions>\n      {actions.map(({ icon, Icon, onClick, ...unexpectedButPreviouslySupportedOtherProps }, index) => {\n        const defaultIconJSX = <MoreOptionsVert aria-label=\"More options\" />;\n        const iconJSX = icon ?? defaultIconJSX;\n        return (\n          <StyledCardNavigationAction\n            // eslint-disable-next-line react/no-array-index-key\n            key={`${instanceUid}-${index}`}\n          >\n            <DSButtonV3\n              onClick={onClick}\n              aria-label=\"More options\"\n              {...unexpectedButPreviouslySupportedOtherProps}\n              buttonType={BUTTON_TYPES.ICON}\n              size={BUTTON_SIZES.L}\n            >\n              {Icon ? <Icon /> : iconJSX}\n            </DSButtonV3>\n          </StyledCardNavigationAction>\n        );\n      })}\n    </StyledCardNavigationActions>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBQ;AAhB/B,SAAS,cAAc,cAAc,kBAAkB;AACvD,SAAS,uBAAuB;AAGhC,SAAS,4BAA4B,mCAAmC;AAOjE,MAAM,gBAAwD,CAAC,EAAE,SAAS,YAAY,MAAM;AACjG,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SACE,oBAAC,+BACE,kBAAQ,IAAI,CAAC,EAAE,MAAM,MAAM,SAAS,GAAG,2CAA2C,GAAG,UAAU;AAC9F,UAAM,iBAAiB,oBAAC,mBAAgB,cAAW,gBAAe;AAClE,UAAM,UAAU,QAAQ;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QAIC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,cAAW;AAAA,YACV,GAAG;AAAA,YACJ,YAAY,aAAa;AAAA,YACzB,MAAM,aAAa;AAAA,YAElB,iBAAO,oBAAC,QAAK,IAAK;AAAA;AAAA,QACrB;AAAA;AAAA,MAVK,GAAG,WAAW,IAAI,KAAK;AAAA,IAW9B;AAAA,EAEJ,CAAC,GACH;AAEJ;",
-  "names": []
-}

package/dist/esm/parts/style.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/style.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { css, styled } from '@elliemae/ds-system';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport { CARD_NAVIGATION_SLOTS, CardNavigationTypes, DSCardNavigationName } from '../constants/index.js';\n\nexport const StyledCardNavigationContentTitle = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.TITLE,\n})``;\n\nexport const StyledTitleTypography = styled(DSTypography)`\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 1.3846rem; // 18px -> 18/13 = 1.3846rem\n\n  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n    font-size: 1.125rem; // 18px -> 18/16 = 1.125rem\n  }\n`;\n\nexport const StyledDescriptionTypography = styled(DSTypography)`\n  color: ${(props) => props.theme.colors.neutral['500']};\n  font-size: 0.923rem; // 12px -> 12/13 = 0.923rem\n\n  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n    font-size: 0.8775rem; // 12px -> 10.5/12 = 0.8775rem\n  }\n`;\n\nexport const StyledCardNavigationContentTitleWrapper = styled.div`\n  width: 100%;\n`;\n\nexport const StyledCardNavigationContent = styled.div<{ wrapText?: boolean }>`\n  display: flex;\n  align-items: center;\n  flex: 1;\n  width: 100%;\n`;\n\nexport const StyledCardNavigationCentralContent = styled(Grid, {\n  slot: CARD_NAVIGATION_SLOTS.CENTRAL_CONTENT,\n  name: DSCardNavigationName,\n})<{ wrapText?: boolean; AnyOverFlow?: boolean }>`\n  padding: ${(props) => props.theme.space.xs};\n`;\ninterface StyledCardNavigationBoxWrapperProps {\n  fluid?: boolean;\n}\n\nexport const StyledCardNavigationBoxWrapper = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.ROOT,\n})<StyledCardNavigationBoxWrapperProps & { $isIconAndTextsRegionFocused?: boolean }>`\n  min-width: 240px;\n  min-height: 64px;\n  width: 337px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  box-shadow: 0 1px 4px 0px rgba(37, 41, 47, 0.5);\n  border-radius: 2px;\n  position: relative;\n  outline: none;\n\n  ${(props) => (props.fluid ? 'width: 100%' : '')};\n  @media (max-width: ${(props) => props.theme.breakpoints.small}) {\n    width: ${(props) => (props.fluid ? 'width: 100%' : '414px')};\n  }\n\n  :after {\n    display: block;\n    content: '';\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    border: solid ${(props) => props.theme.space.xxs} transparent;\n    border-radius: 2px;\n    pointer-events: none;\n  }\n  &:hover {\n    box-shadow: 0 3px 8px 0px rgba(37, 41, 47, 0.4);\n    outline-offset: 2px;\n  }\n\n  ${(props) =>\n    props.$isIconAndTextsRegionFocused\n      ? css`\n          outline: 2px solid ${props.theme.colors.brand['700']};\n          outline-offset: 2px;\n        `\n      : css``}\n`;\n\ninterface StyledCardNavigationIconProps {\n  $type: (typeof CardNavigationTypes)[keyof typeof CardNavigationTypes];\n}\n\nexport const StyledCardNavigationIcon = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.TYPE,\n})<StyledCardNavigationIconProps>`\n  min-width: 64px;\n  min-height: 64px;\n  height: 100%;\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n  padding: ${(props) => props.theme.space.xs};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: #ffffff;\n  background-color: ${({ $type }) =>\n    ($type === CardNavigationTypes.BORROWER && '#32aad1') ||\n    ($type === CardNavigationTypes.FINANCIAL && '#1ba88d') ||\n    ($type === CardNavigationTypes.LOAN && '#8e49b2') ||\n    ($type === CardNavigationTypes.REGULATORY && '#db5575') ||\n    '#32aad1'};\n`;\n\nexport const StyledCardNavigationActions = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.ACTIONS,\n})`\n  padding: 0 ${(props) => props.theme.space.xs};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: ${(props) => props.theme.space.xs};\n`;\n\nexport const StyledCardNavigationAction = styled('div')`\n  span,\n  svg {\n    height: ${({ theme }) => theme.space.s};\n    width: ${({ theme }) => theme.space.s};\n    fill: ${({ theme }) => theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledGridTextContainer = styled('div')`\n  display: grid;\n  grid-template-columns: max-content auto;\n  align-items: center;\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n  &:focus {\n    outline: none;\n  }\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,KAAK,cAAc;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB,qBAAqB,4BAA4B;AAE1E,MAAM,mCAAmC,OAAO,OAAO;AAAA,EAC5D,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAEM,MAAM,wBAAwB,OAAO,YAAY;AAAA,WAC7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBACtC,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA;AAAA;AAAA,uBAGrC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAKtD,MAAM,8BAA8B,OAAO,YAAY;AAAA,WACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,uBAGhC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAKtD,MAAM,0CAA0C,OAAO;AAAA;AAAA;AAIvD,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,qCAAqC,OAAO,MAAM;AAAA,EAC7D,MAAM,sBAAsB;AAAA,EAC5B,MAAM;AACR,CAAC;AAAA,aACY,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAMrC,MAAM,iCAAiC,OAAO,OAAO;AAAA,EAC1D,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYG,CAAC,UAAW,MAAM,QAAQ,gBAAgB,EAAG;AAAA,uBAC1B,CAAC,UAAU,MAAM,MAAM,YAAY,KAAK;AAAA,aAClD,CAAC,UAAW,MAAM,QAAQ,gBAAgB,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAW3C,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAShD,CAAC,UACD,MAAM,+BACF;AAAA,+BACuB,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA,YAGtD,KAAK;AAAA;AAON,MAAM,2BAA2B,OAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMY,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKtB,CAAC,EAAE,MAAM,MAC1B,UAAU,oBAAoB,YAAY,aAC1C,UAAU,oBAAoB,aAAa,aAC3C,UAAU,oBAAoB,QAAQ,aACtC,UAAU,oBAAoB,cAAc,aAC7C,SAAS;AAAA;AAGN,MAAM,8BAA8B,OAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAAA,eACc,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,SAIrC,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAGjC,MAAM,6BAA6B,OAAO,KAAK;AAAA;AAAA;AAAA,cAGxC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA,aAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA,YAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAI7C,MAAM,0BAA0B,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/text-region/IconAndTextsRegion.js

@@ -1,71 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Grid } from "@elliemae/ds-grid";
-import { useOnOverflowChange } from "@elliemae/ds-hooks-on-overflow-change";
-import { DSTooltipV3 } from "@elliemae/ds-tooltip-v3";
-import { DSTypography, TYPOGRAPHY_VARIANTS } from "@elliemae/ds-typography";
-import React2 from "react";
-import { IconAndTextsRegionContent } from "./IconAndTextsRegionContent.js";
-const TooltipText = ({ title, description }) => /* @__PURE__ */ jsxs(Grid, { children: [
-  /* @__PURE__ */ jsx(DSTypography, { variant: TYPOGRAPHY_VARIANTS.H5_ARTICLE, children: title }),
-  /* @__PURE__ */ jsx(DSTypography, { variant: TYPOGRAPHY_VARIANTS.B1, children: description })
-] });
-const IconAndTextsRegion = ({
-  title,
-  description,
-  wrapText,
-  type,
-  Icon,
-  showFocusRingAroundAll,
-  hideFocusRingAroundAll
-}) => {
-  const [isTitleTruncating, setIsTitleTruncating] = React2.useState(false);
-  const [isDescriptionTruncating, setIsDescriptionTruncating] = React2.useState(false);
-  const AnyOverFlow = isTitleTruncating || isDescriptionTruncating;
-  const { handleRef: titleHandleRef } = useOnOverflowChange({
-    onOverflowStateChange: setIsTitleTruncating
-  });
-  const { handleRef: descriptionHandleRef } = useOnOverflowChange({
-    onOverflowStateChange: setIsDescriptionTruncating
-  });
-  const TooltipTextProps = React2.useMemo(
-    () => ({
-      title,
-      description
-    }),
-    [title, description]
-  );
-  if (AnyOverFlow)
-    return /* @__PURE__ */ jsx(DSTooltipV3, { Text: TooltipText, textProps: TooltipTextProps, children: /* @__PURE__ */ jsx(
-      IconAndTextsRegionContent,
-      {
-        title,
-        description,
-        wrapText,
-        type,
-        Icon,
-        titleHandleRef,
-        descriptionHandleRef,
-        showFocusRingAroundAll,
-        hideFocusRingAroundAll
-      }
-    ) });
-  return /* @__PURE__ */ jsx(
-    IconAndTextsRegionContent,
-    {
-      title,
-      description,
-      wrapText,
-      type,
-      Icon,
-      titleHandleRef,
-      descriptionHandleRef,
-      showFocusRingAroundAll,
-      hideFocusRingAroundAll
-    }
-  );
-};
-export {
-  IconAndTextsRegion
-};
-//# sourceMappingURL=IconAndTextsRegion.js.map

package/dist/esm/parts/text-region/IconAndTextsRegion.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/text-region/IconAndTextsRegion.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { useOnOverflowChange } from '@elliemae/ds-hooks-on-overflow-change';\nimport type { DSTooltipV3T } from '@elliemae/ds-tooltip-v3';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip-v3';\nimport { DSTypography, TYPOGRAPHY_VARIANTS } from '@elliemae/ds-typography';\nimport React from 'react';\nimport type { DSCardNavigationT } from '../../react-desc-prop-types.js';\nimport { IconAndTextsRegionContent } from './IconAndTextsRegionContent.js';\n\ntype TooltipTextProps = DSTooltipV3T.CustomInterface<{\n  title: string;\n  description: string;\n}>;\n\nconst TooltipText: React.ComponentType<TooltipTextProps> = ({ title, description }) => (\n  <Grid>\n    <DSTypography variant={TYPOGRAPHY_VARIANTS.H5_ARTICLE}>{title}</DSTypography>\n    <DSTypography variant={TYPOGRAPHY_VARIANTS.B1}>{description}</DSTypography>\n  </Grid>\n);\n\ninterface IconAndTextsRegionProps {\n  title: DSCardNavigationT.InternalProps['title'];\n  description: DSCardNavigationT.InternalProps['description'];\n  wrapText: DSCardNavigationT.InternalProps['wrapText'];\n  type: DSCardNavigationT.InternalProps['type'];\n  Icon: DSCardNavigationT.InternalProps['Icon'];\n  showFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;\n  hideFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const IconAndTextsRegion: React.ComponentType<IconAndTextsRegionProps> = ({\n  title,\n  description,\n  wrapText,\n  type,\n  Icon,\n  showFocusRingAroundAll,\n  hideFocusRingAroundAll,\n}) => {\n  const [isTitleTruncating, setIsTitleTruncating] = React.useState(false);\n  const [isDescriptionTruncating, setIsDescriptionTruncating] = React.useState(false);\n\n  const AnyOverFlow = isTitleTruncating || isDescriptionTruncating;\n\n  const { handleRef: titleHandleRef } = useOnOverflowChange({\n    onOverflowStateChange: setIsTitleTruncating,\n  });\n\n  const { handleRef: descriptionHandleRef } = useOnOverflowChange({\n    onOverflowStateChange: setIsDescriptionTruncating,\n  });\n  const TooltipTextProps = React.useMemo(\n    () => ({\n      title,\n      description,\n    }),\n    [title, description],\n  );\n\n  if (AnyOverFlow)\n    return (\n      <DSTooltipV3<TooltipTextProps> Text={TooltipText} textProps={TooltipTextProps}>\n        <IconAndTextsRegionContent\n          title={title}\n          description={description}\n          wrapText={wrapText}\n          type={type}\n          Icon={Icon}\n          titleHandleRef={titleHandleRef}\n          descriptionHandleRef={descriptionHandleRef}\n          showFocusRingAroundAll={showFocusRingAroundAll}\n          hideFocusRingAroundAll={hideFocusRingAroundAll}\n        />\n      </DSTooltipV3>\n    );\n  return (\n    <IconAndTextsRegionContent\n      title={title}\n      description={description}\n      wrapText={wrapText}\n      type={type}\n      Icon={Icon}\n      titleHandleRef={titleHandleRef}\n      descriptionHandleRef={descriptionHandleRef}\n      showFocusRingAroundAll={showFocusRingAroundAll}\n      hideFocusRingAroundAll={hideFocusRingAroundAll}\n    />\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACerB,SACE,KADF;AAfF,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAEpC,SAAS,mBAAmB;AAC5B,SAAS,cAAc,2BAA2B;AAClD,OAAOA,YAAW;AAElB,SAAS,iCAAiC;AAO1C,MAAM,cAAqD,CAAC,EAAE,OAAO,YAAY,MAC/E,qBAAC,QACC;AAAA,sBAAC,gBAAa,SAAS,oBAAoB,YAAa,iBAAM;AAAA,EAC9D,oBAAC,gBAAa,SAAS,oBAAoB,IAAK,uBAAY;AAAA,GAC9D;AAaK,MAAM,qBAAmE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,mBAAmB,oBAAoB,IAAIA,OAAM,SAAS,KAAK;AACtE,QAAM,CAAC,yBAAyB,0BAA0B,IAAIA,OAAM,SAAS,KAAK;AAElF,QAAM,cAAc,qBAAqB;AAEzC,QAAM,EAAE,WAAW,eAAe,IAAI,oBAAoB;AAAA,IACxD,uBAAuB;AAAA,EACzB,CAAC;AAED,QAAM,EAAE,WAAW,qBAAqB,IAAI,oBAAoB;AAAA,IAC9D,uBAAuB;AAAA,EACzB,CAAC;AACD,QAAM,mBAAmBA,OAAM;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AAEA,MAAI;AACF,WACE,oBAAC,eAA8B,MAAM,aAAa,WAAW,kBAC3D;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
-  "names": ["React"]
-}

package/dist/esm/parts/text-region/IconAndTextsRegionContent.js

@@ -1,67 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { TYPOGRAPHY_VARIANTS } from "@elliemae/ds-typography";
-import React2 from "react";
-import { CARD_NAVIGATION_DATA_TESTID } from "../../constants/index.js";
-import {
-  StyledCardNavigationCentralContent,
-  StyledCardNavigationContent,
-  StyledCardNavigationContentTitle,
-  StyledCardNavigationContentTitleWrapper,
-  StyledCardNavigationIcon,
-  StyledDescriptionTypography,
-  StyledGridTextContainer,
-  StyledTitleTypography
-} from "../style.js";
-const mainIconColor = ["neutral", "0"];
-const cols = ["1fr"];
-const IconAndTextsRegionContent = React2.memo((props) => {
-  const {
-    title,
-    description,
-    wrapText,
-    titleHandleRef,
-    descriptionHandleRef,
-    type,
-    Icon,
-    showFocusRingAroundAll,
-    hideFocusRingAroundAll
-  } = props;
-  return /* @__PURE__ */ jsxs(
-    StyledGridTextContainer,
-    {
-      role: "button",
-      tabIndex: 0,
-      onFocus: showFocusRingAroundAll,
-      onBlur: hideFocusRingAroundAll,
-      children: [
-        /* @__PURE__ */ jsx(StyledCardNavigationIcon, { $type: type, "data-type": type, role: "presentation", children: /* @__PURE__ */ jsx(Icon, { size: "l", color: mainIconColor }) }),
-        /* @__PURE__ */ jsx(StyledCardNavigationCentralContent, { cols, children: /* @__PURE__ */ jsx(StyledCardNavigationContent, { children: /* @__PURE__ */ jsxs(StyledCardNavigationContentTitleWrapper, { children: [
-          /* @__PURE__ */ jsx(StyledCardNavigationContentTitle, { children: /* @__PURE__ */ jsx(
-            StyledTitleTypography,
-            {
-              innerRef: titleHandleRef,
-              truncateWithEllipsis: !wrapText,
-              variant: TYPOGRAPHY_VARIANTS.B1,
-              children: title
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-            StyledDescriptionTypography,
-            {
-              innerRef: descriptionHandleRef,
-              truncateWithEllipsis: !wrapText,
-              variant: TYPOGRAPHY_VARIANTS.B1,
-              "data-testid": CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT,
-              children: description
-            }
-          ) })
-        ] }) }) })
-      ]
-    }
-  );
-});
-export {
-  IconAndTextsRegionContent
-};
-//# sourceMappingURL=IconAndTextsRegionContent.js.map

package/dist/esm/parts/text-region/IconAndTextsRegionContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/text-region/IconAndTextsRegionContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { SvgIconT } from '@elliemae/ds-icons';\nimport { TYPOGRAPHY_VARIANTS } from '@elliemae/ds-typography';\nimport React from 'react';\nimport { CARD_NAVIGATION_DATA_TESTID } from '../../constants/index.js';\nimport type { DSCardNavigationT } from '../../react-desc-prop-types.js';\nimport {\n  StyledCardNavigationCentralContent,\n  StyledCardNavigationContent,\n  StyledCardNavigationContentTitle,\n  StyledCardNavigationContentTitleWrapper,\n  StyledCardNavigationIcon,\n  StyledDescriptionTypography,\n  StyledGridTextContainer,\n  StyledTitleTypography,\n} from '../style.js';\n\nconst mainIconColor = ['neutral', '0'] as SvgIconT.ColorType;\nconst cols = ['1fr'];\n\ninterface IconAndTextsRegionContentProps {\n  title: DSCardNavigationT.InternalProps['title'];\n  description: DSCardNavigationT.InternalProps['description'];\n  wrapText: DSCardNavigationT.InternalProps['wrapText'];\n  type: DSCardNavigationT.InternalProps['type'];\n  Icon: DSCardNavigationT.InternalProps['Icon'];\n\n  titleHandleRef: (node: HTMLElement | null) => void;\n  descriptionHandleRef: (node: HTMLElement | null) => void;\n  showFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;\n  hideFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const IconAndTextsRegionContent = React.memo((props: IconAndTextsRegionContentProps) => {\n  const {\n    title,\n    description,\n    wrapText,\n    titleHandleRef,\n    descriptionHandleRef,\n    type,\n    Icon,\n    showFocusRingAroundAll,\n    hideFocusRingAroundAll,\n  } = props;\n\n  return (\n    <StyledGridTextContainer\n      role=\"button\"\n      tabIndex={0}\n      onFocus={showFocusRingAroundAll}\n      onBlur={hideFocusRingAroundAll}\n    >\n      <StyledCardNavigationIcon $type={type} data-type={type} role=\"presentation\">\n        <Icon size=\"l\" color={mainIconColor} />\n      </StyledCardNavigationIcon>\n\n      <StyledCardNavigationCentralContent cols={cols}>\n        <StyledCardNavigationContent>\n          <StyledCardNavigationContentTitleWrapper>\n            <StyledCardNavigationContentTitle>\n              <StyledTitleTypography\n                innerRef={titleHandleRef}\n                truncateWithEllipsis={!wrapText}\n                variant={TYPOGRAPHY_VARIANTS.B1}\n              >\n                {title}\n              </StyledTitleTypography>\n            </StyledCardNavigationContentTitle>\n            <div>\n              <StyledDescriptionTypography\n                innerRef={descriptionHandleRef}\n                truncateWithEllipsis={!wrapText}\n                variant={TYPOGRAPHY_VARIANTS.B1}\n                data-testid={CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT}\n              >\n                {description}\n              </StyledDescriptionTypography>\n            </div>\n          </StyledCardNavigationContentTitleWrapper>\n        </StyledCardNavigationContent>\n      </StyledCardNavigationCentralContent>\n    </StyledGridTextContainer>\n  );\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqDf,cAKE,YALF;AApDR,SAAS,2BAA2B;AACpC,OAAOA,YAAW;AAClB,SAAS,mCAAmC;AAE5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,gBAAgB,CAAC,WAAW,GAAG;AACrC,MAAM,OAAO,CAAC,KAAK;AAeZ,MAAM,4BAA4BA,OAAM,KAAK,CAAC,UAA0C;AAC7F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MAER;AAAA,4BAAC,4BAAyB,OAAO,MAAM,aAAW,MAAM,MAAK,gBAC3D,8BAAC,QAAK,MAAK,KAAI,OAAO,eAAe,GACvC;AAAA,QAEA,oBAAC,sCAAmC,MAClC,8BAAC,+BACC,+BAAC,2CACC;AAAA,8BAAC,oCACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,sBAAsB,CAAC;AAAA,cACvB,SAAS,oBAAoB;AAAA,cAE5B;AAAA;AAAA,UACH,GACF;AAAA,UACA,oBAAC,SACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,sBAAsB,CAAC;AAAA,cACvB,SAAS,oBAAoB;AAAA,cAC7B,eAAa,4BAA4B;AAAA,cAExC;AAAA;AAAA,UACH,GACF;AAAA,WACF,GACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;",
-  "names": ["React"]
-}

package/dist/types/parts/ActionsRegion.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { DSCardNavigationT } from '../react-desc-prop-types.js';
-interface ActionRegionProps {
-    actions: DSCardNavigationT.InternalProps['actions'];
-    instanceUid: string;
-}
-export declare const ActionsRegion: React.ComponentType<ActionRegionProps>;
-export {};