@elliemae/ds-chat-card 3.70.0-next.7 → 3.70.0-next.8

package/dist/cjs/ChatCard.js

@@ -29,7 +29,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var ChatCard_exports = {};
 __export(ChatCard_exports, {
   ChatCard: () => ChatCard,
-  ChatCardWithSchema: () => ChatCardWithSchema
+  ChatCardWithSchema: () => ChatCardWithSchema,
+  DSChatCard: () => DSChatCard,
+  DSChatCardWithSchema: () => DSChatCardWithSchema
 });
 module.exports = __toCommonJS(ChatCard_exports);
 var React = __toESM(require("react"));
@@ -38,22 +40,77 @@ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_TruncatedTooltipText = require("./TruncatedTooltipText.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_styled = require("./styled.js");
-var import_ChatCardDataTestIds = require("./ChatCardDataTestIds.js");
-var import_DSChatCardDefinitions = require("./DSChatCardDefinitions.js");
+var import_constants = require("./constants/index.js");
 const ChatCard = (props) => {
   const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.propTypes, import_DSChatCardDefinitions.DSChatCardName);
-  const { title, content, time, rightAddon } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.Wrapper, { cols: ["1fr", "auto"], "data-testid": import_ChatCardDataTestIds.ChatCardDataTestIds.CARD_WRAPPER, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.MainContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Title, { "data-testid": import_ChatCardDataTestIds.ChatCardDataTestIds.CARD_TITLE, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Content, { "data-testid": import_ChatCardDataTestIds.ChatCardDataTestIds.CARD_CONTENT, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TruncatedTooltipText.TruncatedTooltipText, { value: content }) }),
-      time && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Time, { "data-testid": import_ChatCardDataTestIds.ChatCardDataTestIds.CARD_TIME, children: time })
-    ] }),
-    rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.RightAddon, { "data-testid": import_ChatCardDataTestIds.ChatCardDataTestIds.CARD_RIGHT_ADDON, children: rightAddon })
-  ] });
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.propTypes, import_constants.DSChatCardName);
+  const globalAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const { wrap: wrapStripped, ...globalProps } = globalAttrs;
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const { getOwnerProps, getOwnerPropsArguments } = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
+  const { title, content, time, rightAddon, wrapText } = propsWithDefault;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.Wrapper,
+    {
+      ...globalProps,
+      ...xstyledProps,
+      cols: ["1fr", "auto"],
+      "data-testid": import_constants.CHAT_CARD_DATA_TESTID.ROOT,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.MainContent, { getOwnerProps, getOwnerPropsArguments, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styled.Title,
+            {
+              "data-testid": import_constants.CHAT_CARD_DATA_TESTID.TITLE,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: title
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styled.Content,
+            {
+              "data-testid": import_constants.CHAT_CARD_DATA_TESTID.CONTENT,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: wrapText ? content : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_TruncatedTooltipText.TruncatedTooltipText,
+                {
+                  value: content,
+                  getOwnerProps,
+                  getOwnerPropsArguments
+                }
+              )
+            }
+          ),
+          time && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styled.Time,
+            {
+              "data-testid": import_constants.CHAT_CARD_DATA_TESTID.TIME,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: time
+            }
+          )
+        ] }),
+        rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.RightAddon,
+          {
+            "data-testid": import_constants.CHAT_CARD_DATA_TESTID.RIGHT_ADDON,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: rightAddon
+          }
+        )
+      ]
+    }
+  );
 };
-ChatCard.displayName = import_DSChatCardDefinitions.DSChatCardName;
+ChatCard.displayName = import_constants.DSChatCardName;
 const ChatCardWithSchema = (0, import_ds_props_helpers.describe)(ChatCard);
 ChatCardWithSchema.propTypes = import_react_desc_prop_types.propTypes;
+const DSChatCard = ChatCard;
+const DSChatCardWithSchema = ChatCardWithSchema;
 //# sourceMappingURL=ChatCard.js.map

package/dist/cjs/ChatCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ChatCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { TruncatedTooltipText } from './TruncatedTooltipText.js';\nimport type { DSChatCardT } from './react-desc-prop-types.js';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled.js';\nimport { ChatCardDataTestIds } from './ChatCardDataTestIds.js';\nimport { DSChatCardName } from './DSChatCardDefinitions.js';\n\nconst ChatCard: React.ComponentType<DSChatCardT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatCardT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSChatCardName);\n\n  const { title, content, time, rightAddon } = props;\n  return (\n    <Wrapper cols={['1fr', 'auto']} data-testid={ChatCardDataTestIds.CARD_WRAPPER}>\n      <MainContent>\n        <Title data-testid={ChatCardDataTestIds.CARD_TITLE}>{title}</Title>\n        <Content data-testid={ChatCardDataTestIds.CARD_CONTENT}>\n          <TruncatedTooltipText value={content} />\n        </Content>\n        {time && <Time data-testid={ChatCardDataTestIds.CARD_TIME}>{time}</Time>}\n      </MainContent>\n      {rightAddon && <RightAddon data-testid={ChatCardDataTestIds.CARD_RIGHT_ADDON}>{rightAddon}</RightAddon>}\n    </Wrapper>\n  );\n};\n\nChatCard.displayName = DSChatCardName;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatCard, ChatCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBjB;AAfN,8BAAuF;AACvF,kCAAqC;AAErC,mCAAwC;AACxC,oBAAuE;AACvE,iCAAoC;AACpC,mCAA+B;AAE/B,MAAM,WAAmD,CAAC,UAAU;AAClE,QAAM,uBAAmB,sDAAwD,OAAO,yCAAY;AACpG,8DAA+B,kBAAkB,wCAAW,2CAAc;AAE1E,QAAM,EAAE,OAAO,SAAS,MAAM,WAAW,IAAI;AAC7C,SACE,6CAAC,yBAAQ,MAAM,CAAC,OAAO,MAAM,GAAG,eAAa,+CAAoB,cAC/D;AAAA,iDAAC,6BACC;AAAA,kDAAC,uBAAM,eAAa,+CAAoB,YAAa,iBAAM;AAAA,MAC3D,4CAAC,yBAAQ,eAAa,+CAAoB,cACxC,sDAAC,oDAAqB,OAAO,SAAS,GACxC;AAAA,MACC,QAAQ,4CAAC,sBAAK,eAAa,+CAAoB,WAAY,gBAAK;AAAA,OACnE;AAAA,IACC,cAAc,4CAAC,4BAAW,eAAa,+CAAoB,kBAAmB,sBAAW;AAAA,KAC5F;AAEJ;AAEA,SAAS,cAAc;AACvB,MAAM,yBAAqB,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { TruncatedTooltipText } from './TruncatedTooltipText.js';\nimport type { DSChatCardT } from './react-desc-prop-types.js';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled.js';\nimport { CHAT_CARD_DATA_TESTID, DSChatCardName } from './constants/index.js';\n\nconst ChatCard: React.ComponentType<DSChatCardT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatCardT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSChatCardName);\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  // strip `wrap` \u2014 Grid uses a strict literal type (`Wrap`) that collides with the generic string from globalAttributes.\n  // eslint-disable-next-line @typescript-eslint/naming-convention, @typescript-eslint/no-unused-vars\n  const { wrap: wrapStripped, ...globalProps } = globalAttrs as typeof globalAttrs & { wrap?: unknown };\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatCardT.Props>(propsWithDefault);\n\n  const { title, content, time, rightAddon, wrapText } = propsWithDefault;\n  return (\n    <Wrapper\n      {...globalProps}\n      {...xstyledProps}\n      cols={['1fr', 'auto']}\n      // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n      data-testid={CHAT_CARD_DATA_TESTID.ROOT}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <MainContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        <Title\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_CARD_DATA_TESTID.TITLE}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {title}\n        </Title>\n        <Content\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_CARD_DATA_TESTID.CONTENT}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {wrapText ? (\n            content\n          ) : (\n            <TruncatedTooltipText\n              value={content}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            />\n          )}\n        </Content>\n        {time && (\n          <Time\n            // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n            data-testid={CHAT_CARD_DATA_TESTID.TIME}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {time}\n          </Time>\n        )}\n      </MainContent>\n      {rightAddon && (\n        <RightAddon\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_CARD_DATA_TESTID.RIGHT_ADDON}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {rightAddon}\n        </RightAddon>\n      )}\n    </Wrapper>\n  );\n};\n\nChatCard.displayName = DSChatCardName;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\n// DS-prefixed canonical names (modern Dimsum convention) \u2014 ChatCard kept as alias for backwards compat\nconst DSChatCard = ChatCard;\nconst DSChatCardWithSchema = ChatCardWithSchema;\n\nexport { ChatCard, ChatCardWithSchema, DSChatCard, DSChatCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsCjB;AApCN,8BAOO;AACP,kCAAqC;AAErC,mCAAwC;AACxC,oBAAuE;AACvE,uBAAsD;AAEtD,MAAM,WAAmD,CAAC,UAAU;AAClE,QAAM,uBAAmB,sDAAwD,OAAO,yCAAY;AACpG,8DAA+B,kBAAkB,wCAAW,+BAAc;AAE1E,QAAM,kBAAc,gDAAuB,gBAAgB;AAG3D,QAAM,EAAE,MAAM,cAAc,GAAG,YAAY,IAAI;AAC/C,QAAM,mBAAe,4CAAmB,gBAAgB;AACxD,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAAiC,gBAAgB;AAEnG,QAAM,EAAE,OAAO,SAAS,MAAM,YAAY,SAAS,IAAI;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,MAAM,CAAC,OAAO,MAAM;AAAA,MAEpB,eAAa,uCAAsB;AAAA,MACnC;AAAA,MACA;AAAA,MAEA;AAAA,qDAAC,6BAAY,eAA8B,wBACzC;AAAA;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,uCAAsB;AAAA,cACnC;AAAA,cACA;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,uCAAsB;AAAA,cACnC;AAAA,cACA;AAAA,cAEC,qBACC,UAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP;AAAA,kBACA;AAAA;AAAA,cACF;AAAA;AAAA,UAEJ;AAAA,UACC,QACC;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,uCAAsB;AAAA,cACnC;AAAA,cACA;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA,QACC,cACC;AAAA,UAAC;AAAA;AAAA,YAEC,eAAa,uCAAsB;AAAA,YACnC;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,cAAc;AACvB,MAAM,yBAAqB,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAG/B,MAAM,aAAa;AACnB,MAAM,uBAAuB;",
   "names": []
 }

package/dist/cjs/ChatCardDataTestIds.js

@@ -32,11 +32,12 @@ __export(ChatCardDataTestIds_exports, {
 });
 module.exports = __toCommonJS(ChatCardDataTestIds_exports);
 var React = __toESM(require("react"));
+var import_constants = require("./constants/index.js");
 const ChatCardDataTestIds = {
-  CARD_TITLE: "chat-card-title",
-  CARD_WRAPPER: "chat-card-wrapper",
-  CARD_TIME: "chat-card-time",
-  CARD_RIGHT_ADDON: "chat-right-addon",
-  CARD_CONTENT: "chat-card-content"
+  CARD_TITLE: import_constants.CHAT_CARD_DATA_TESTID.TITLE,
+  CARD_WRAPPER: import_constants.CHAT_CARD_DATA_TESTID.ROOT,
+  CARD_TIME: import_constants.CHAT_CARD_DATA_TESTID.TIME,
+  CARD_RIGHT_ADDON: import_constants.CHAT_CARD_DATA_TESTID.RIGHT_ADDON,
+  CARD_CONTENT: import_constants.CHAT_CARD_DATA_TESTID.CONTENT
 };
 //# sourceMappingURL=ChatCardDataTestIds.js.map

package/dist/cjs/ChatCardDataTestIds.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ChatCardDataTestIds.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const ChatCardDataTestIds = {\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB;AAAA,EACjC,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAChB;",
+  "sourcesContent": ["import { CHAT_CARD_DATA_TESTID } from './constants/index.js';\n\n// Legacy export \u2014 preserved for backwards compatibility with consumers importing { ChatCardDataTestIds }.\n// New consumers should import { CHAT_CARD_DATA_TESTID } from '@elliemae/ds-chat-card' instead.\nexport const ChatCardDataTestIds = {\n  CARD_TITLE: CHAT_CARD_DATA_TESTID.TITLE,\n  CARD_WRAPPER: CHAT_CARD_DATA_TESTID.ROOT,\n  CARD_TIME: CHAT_CARD_DATA_TESTID.TIME,\n  CARD_RIGHT_ADDON: CHAT_CARD_DATA_TESTID.RIGHT_ADDON,\n  CARD_CONTENT: CHAT_CARD_DATA_TESTID.CONTENT,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAsC;AAI/B,MAAM,sBAAsB;AAAA,EACjC,YAAY,uCAAsB;AAAA,EAClC,cAAc,uCAAsB;AAAA,EACpC,WAAW,uCAAsB;AAAA,EACjC,kBAAkB,uCAAsB;AAAA,EACxC,cAAc,uCAAsB;AACtC;",
   "names": []
 }

package/dist/cjs/TruncatedTooltipText.js

@@ -37,14 +37,21 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_floating_context = require("@elliemae/ds-floating-context");
-const TruncatedSpan = import_ds_system.styled.span`
+var import_constants = require("./constants/index.js");
+const TruncatedSpan = (0, import_ds_system.styled)("span", {
+  name: import_constants.DSChatCardName,
+  slot: import_constants.CHAT_CARD_SLOTS.TRUNCATED_SPAN
+})`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: inline-block;
   max-width: 100%;
 `;
-const TooltipContainer = import_ds_system.styled.div`
+const TooltipContainer = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSChatCardName,
+  slot: import_constants.CHAT_CARD_SLOTS.TOOLTIP_CONTAINER
+})`
   text-align: center;
   min-width: ${({ theme }) => theme.space.l};
   max-width: 250px;
@@ -61,7 +68,12 @@ const TooltipContainer = import_ds_system.styled.div`
   color: ${({ theme }) => theme.colors.neutral[600]};
   pointer-events: none;
 `;
-const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
+const TruncatedTooltipText = ({
+  value = "",
+  placement = "top",
+  getOwnerProps,
+  getOwnerPropsArguments
+}) => {
   const [showTooltip, setShowTooltip] = (0, import_react.useState)(false);
   const { refs, floatingStyles, arrowStyles, context } = (0, import_ds_floating_context.useFloatingContext)({
     placement,
@@ -76,7 +88,17 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
     setShowTooltip(false);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TruncatedSpan, { innerRef: refs.setReference, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: value }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      TruncatedSpan,
+      {
+        innerRef: refs.setReference,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: value
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_ds_floating_context.FloatingWrapper,
       {
@@ -84,7 +106,7 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
         isOpen: showTooltip,
         floatingStyles,
         context,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipContainer, { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipContainer, { getOwnerProps, getOwnerPropsArguments, children: [
           value,
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_floating_context.PopoverArrow, { ...arrowStyles })
         ] })

package/dist/cjs/TruncatedTooltipText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TruncatedTooltipText.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  useFloatingContext,\n  FloatingWrapper,\n  PopoverArrow,\n  type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\n\nconst TruncatedSpan = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst TooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  pointer-events: none;\n`;\n\ninterface TruncatedTooltipTextProps {\n  value?: string;\n  placement?: DSHookFloatingContextT.PopperPlacementsT;\n}\n\nconst TruncatedTooltipText = ({ value = '', placement = 'top' }: TruncatedTooltipTextProps) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n    placement,\n    externallyControlledIsOpen: showTooltip,\n    withoutAnimation: true,\n  });\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n    const el = e.currentTarget;\n    setShowTooltip(el.offsetWidth < el.scrollWidth);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setShowTooltip(false);\n  }, []);\n\n  return (\n    <>\n      <TruncatedSpan innerRef={refs.setReference} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n        {value}\n      </TruncatedSpan>\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={showTooltip}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <TooltipContainer>\n          {value}\n          <PopoverArrow {...arrowStyles} />\n        </TooltipContainer>\n      </FloatingWrapper>\n    </>\n  );\n};\n\nexport { TruncatedTooltipText };\nexport default TruncatedTooltipText;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4DnB;AA5DJ,mBAA6C;AAC7C,uBAAuB;AACvB,iCAKO;AAEP,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,mBAAmB,wBAAO;AAAA;AAAA,eAEjB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AASnD,MAAM,uBAAuB,CAAC,EAAE,QAAQ,IAAI,YAAY,MAAM,MAAiC;AAC7F,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,QAAI,+CAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,uBAAmB,0BAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,0BAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,4EACE;AAAA,gDAAC,iBAAc,UAAU,KAAK,cAAc,cAAc,kBAAkB,cAAc,kBACvF,iBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,uDAAC,oBACE;AAAA;AAAA,UACD,4CAAC,2CAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
+  "sourcesContent": ["import React, { useCallback, useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  useFloatingContext,\n  FloatingWrapper,\n  PopoverArrow,\n  type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\nimport { CHAT_CARD_SLOTS, DSChatCardName } from './constants/index.js';\n\nconst TruncatedSpan = styled('span', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.TRUNCATED_SPAN,\n})`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst TooltipContainer = styled('div', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.TOOLTIP_CONTAINER,\n})`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  pointer-events: none;\n`;\n\ninterface TruncatedTooltipTextProps {\n  value?: string;\n  placement?: DSHookFloatingContextT.PopperPlacementsT;\n  // received from the parent ChatCard so the internal styled elements participate in the slot system\n  getOwnerProps?: () => object;\n  getOwnerPropsArguments?: () => object;\n}\n\nconst TruncatedTooltipText = ({\n  value = '',\n  placement = 'top',\n  getOwnerProps,\n  getOwnerPropsArguments,\n}: TruncatedTooltipTextProps) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n    placement,\n    externallyControlledIsOpen: showTooltip,\n    withoutAnimation: true,\n  });\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n    const el = e.currentTarget;\n    setShowTooltip(el.offsetWidth < el.scrollWidth);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setShowTooltip(false);\n  }, []);\n\n  return (\n    <>\n      <TruncatedSpan\n        innerRef={refs.setReference}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {value}\n      </TruncatedSpan>\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={showTooltip}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <TooltipContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          {value}\n          <PopoverArrow {...arrowStyles} />\n        </TooltipContainer>\n      </FloatingWrapper>\n    </>\n  );\n};\n\nexport { TruncatedTooltipText };\nexport default TruncatedTooltipText;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2EnB;AA3EJ,mBAA6C;AAC7C,uBAAuB;AACvB,iCAKO;AACP,uBAAgD;AAEhD,MAAM,oBAAgB,yBAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EACN,MAAM,iCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASD,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,iCAAgB;AACxB,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAYnD,MAAM,uBAAuB,CAAC;AAAA,EAC5B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,QAAI,+CAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,uBAAmB,0BAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,0BAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,uDAAC,oBAAiB,eAA8B,wBAC7C;AAAA;AAAA,UACD,4CAAC,2CAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/cjs/constants/index.js

@@ -0,0 +1,66 @@
+"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, {
+  CHAT_CARD_DATA_TESTID: () => CHAT_CARD_DATA_TESTID,
+  CHAT_CARD_SLOTS: () => CHAT_CARD_SLOTS,
+  DSChatCardName: () => DSChatCardName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSChatCardName = "DSChatcard";
+const CHAT_CARD_SLOTS = {
+  ROOT: "root",
+  MAIN_CONTENT: "main-content",
+  TITLE: "title",
+  // legacy ones...
+  CONTENT: "content",
+  // legacy ones...
+  TIME: "time",
+  // legacy ones...
+  RIGHT_ADDON: "right-addon",
+  // legacy ones...
+  TRUNCATED_SPAN: "truncated-span",
+  TOOLTIP_CONTAINER: "tooltip-container"
+};
+const CHAT_CARD_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSChatCardName, CHAT_CARD_SLOTS),
+  ROOT: "chat-card-wrapper",
+  // legacy value — breaking change if removed
+  TITLE: "chat-card-title",
+  // legacy value — breaking change if removed
+  CONTENT: "chat-card-content",
+  // legacy value — breaking change if removed
+  TIME: "chat-card-time",
+  // legacy value — breaking change if removed
+  RIGHT_ADDON: "chat-right-addon"
+  // legacy value (missing `-card-` segment) — breaking change if removed
+};
+//# 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 DSChatCardName = 'DSChatcard';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const CHAT_CARD_SLOTS = {\n  ROOT: 'root',\n  MAIN_CONTENT: 'main-content',\n  TITLE: 'title', // legacy ones...\n  CONTENT: 'content', // legacy ones...\n  TIME: 'time', // legacy ones...\n  RIGHT_ADDON: 'right-addon', // legacy ones...\n  TRUNCATED_SPAN: 'truncated-span',\n  TOOLTIP_CONTAINER: 'tooltip-container',\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\n// legacy data-testid values predate the slot naming convention; preserved at three layers (constants + preserveLegacyDataTestId + inline JSX) \u2014 breaking change if removed.\n// Note: RIGHT_ADDON legacy value is `chat-right-addon` (missing the `-card-` middle segment) \u2014 historical quirk, preserved as-is.\nexport const CHAT_CARD_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatCardName, CHAT_CARD_SLOTS),\n  ROOT: 'chat-card-wrapper', // legacy value \u2014 breaking change if removed\n  TITLE: 'chat-card-title', // legacy value \u2014 breaking change if removed\n  CONTENT: 'chat-card-content', // legacy value \u2014 breaking change if removed\n  TIME: 'chat-card-time', // legacy value \u2014 breaking change if removed\n  RIGHT_ADDON: 'chat-right-addon', // legacy value (missing `-card-` segment) \u2014 breaking change if removed\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,iBAAiB;AAGvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA;AAAA,EACP,SAAS;AAAA;AAAA,EACT,MAAM;AAAA;AAAA,EACN,aAAa;AAAA;AAAA,EACb,gBAAgB;AAAA,EAChB,mBAAmB;AACrB;AAKO,MAAM,wBAAwB;AAAA,EACnC,OAAG,0CAAwB,gBAAgB,eAAe;AAAA,EAC1D,MAAM;AAAA;AAAA,EACN,OAAO;AAAA;AAAA,EACP,SAAS;AAAA;AAAA,EACT,MAAM;AAAA;AAAA,EACN,aAAa;AAAA;AACf;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -28,12 +28,20 @@ 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, {
+  CHAT_CARD_DATA_TESTID: () => import_constants.CHAT_CARD_DATA_TESTID,
+  CHAT_CARD_SLOTS: () => import_constants.CHAT_CARD_SLOTS,
   ChatCard: () => import_ChatCard.ChatCard,
   ChatCardDataTestIds: () => import_ChatCardDataTestIds.ChatCardDataTestIds,
-  ChatCardWithSchema: () => import_ChatCard.ChatCardWithSchema
+  ChatCardWithSchema: () => import_ChatCard.ChatCardWithSchema,
+  DSChatCard: () => import_ChatCard.DSChatCard,
+  DSChatCardName: () => import_constants.DSChatCardName,
+  DSChatCardWithSchema: () => import_ChatCard.DSChatCardWithSchema,
+  propTypes: () => import_react_desc_prop_types.propTypes
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_ChatCard = require("./ChatCard.js");
 var import_ChatCardDataTestIds = require("./ChatCardDataTestIds.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
 //# 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 { ChatCard, ChatCardWithSchema } from './ChatCard.js';\nexport { ChatCardDataTestIds } from './ChatCardDataTestIds.js';\nexport type { DSChatCardT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA6C;AAC7C,iCAAoC;",
+  "sourcesContent": ["export { ChatCard, ChatCardWithSchema, DSChatCard, DSChatCardWithSchema } from './ChatCard.js';\nexport { ChatCardDataTestIds } from './ChatCardDataTestIds.js'; // LEGACY EXPORT\nexport { propTypes } from './react-desc-prop-types.js';\nexport type { DSChatCardT } from './react-desc-prop-types.js';\nexport { CHAT_CARD_DATA_TESTID, CHAT_CARD_SLOTS, DSChatCardName } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA+E;AAC/E,iCAAoC;AACpC,mCAA0B;AAE1B,uBAAuE;",
   "names": []
 }

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

@@ -34,14 +34,20 @@ __export(react_desc_prop_types_exports, {
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
 const defaultProps = {
   content: "",
-  time: ""
+  time: "",
+  wrapText: false
 };
 const propTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSChatCardName, import_constants.CHAT_CARD_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
   title: import_ds_props_helpers.PropTypes.string.isRequired.description(`Card's title`),
-  content: import_ds_props_helpers.PropTypes.string.description(`Card's content`),
-  time: import_ds_props_helpers.PropTypes.string.description("Time"),
-  rightAddon: import_ds_props_helpers.PropTypes.element.description("Right addon, badge or icon")
+  content: import_ds_props_helpers.PropTypes.string.description(`Card's content`).defaultValue(defaultProps.content),
+  time: import_ds_props_helpers.PropTypes.string.description("Time").defaultValue(defaultProps.time),
+  rightAddon: import_ds_props_helpers.PropTypes.element.description("Right addon, badge or icon"),
+  wrapText: import_ds_props_helpers.PropTypes.bool.description("When true, content wraps instead of being truncated with an ellipsis + tooltip.").defaultValue(defaultProps.wrapText)
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatCardT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    content: string;\n    time: string;\n  }\n\n  export interface OptionalProps {\n    rightAddon?: JSX.Element;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const defaultProps: DSChatCardT.DefaultProps = {\n  content: '',\n  time: '',\n};\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  content: PropTypes.string.description(`Card's content`),\n  time: PropTypes.string.description('Time'),\n  rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAqBnB,MAAM,eAAyC;AAAA,EACpD,SAAS;AAAA,EACT,MAAM;AACR;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,kCAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,kCAAU,OAAO,YAAY,gBAAgB;AAAA,EACtD,MAAM,kCAAU,OAAO,YAAY,MAAM;AAAA,EACzC,YAAY,kCAAU,QAAQ,YAAY,4BAA4B;AACxE;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { CHAT_CARD_SLOTS, DSChatCardName } from './constants/index.js';\n\nexport declare namespace DSChatCardT {\n  // hand-written per-slot function argument map \u2014 one entry per slot in CHAT_CARD_SLOTS\n  export type SlotFunctionArguments = {\n    dsChatcardRoot: () => object;\n    dsChatcardMainContent: () => object;\n    dsChatcardTitle: () => object;\n    dsChatcardContent: () => object;\n    dsChatcardTime: () => object;\n    dsChatcardRightAddon: () => object;\n    dsChatcardTruncatedSpan: () => object;\n    dsChatcardTooltipContainer: () => object;\n  };\n\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    content: string;\n    time: string;\n    wrapText: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChatCardName, typeof CHAT_CARD_SLOTS> {\n    rightAddon?: JSX.Element;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatCardT.DefaultProps = {\n  content: '',\n  time: '',\n  wrapText: false,\n};\n\nexport const propTypes: DSPropTypesSchema<DSChatCardT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatCardName, CHAT_CARD_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  content: PropTypes.string.description(`Card's content`).defaultValue(defaultProps.content),\n  time: PropTypes.string.description('Time').defaultValue(defaultProps.time),\n  rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n  wrapText: PropTypes.bool\n    .description('When true, content wraps instead of being truncated with an ellipsis + tooltip.')\n    .defaultValue(defaultProps.wrapText),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAEP,uBAAgD;AA6CzC,MAAM,eAAyC;AAAA,EACpD,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AACZ;AAEO,MAAM,YAAkD;AAAA,EAC7D,OAAG,kDAAyB,iCAAgB,gCAAe;AAAA,EAC3D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,kCAAU,OAAO,YAAY,gBAAgB,EAAE,aAAa,aAAa,OAAO;AAAA,EACzF,MAAM,kCAAU,OAAO,YAAY,MAAM,EAAE,aAAa,aAAa,IAAI;AAAA,EACzE,YAAY,kCAAU,QAAQ,YAAY,4BAA4B;AAAA,EACtE,UAAU,kCAAU,KACjB,YAAY,iFAAiF,EAC7F,aAAa,aAAa,QAAQ;AACvC;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -39,25 +39,49 @@ module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
-const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+var import_constants = require("./constants/index.js");
+const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatCardName,
+  slot: import_constants.CHAT_CARD_SLOTS.ROOT,
+  // legacy data-testid `chat-card-wrapper` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   min-width: 248px;
   border: 1px;
   border-bottom: 1px solid #ccc;
   padding: 12px 12px;
 `;
-const MainContent = import_ds_system.styled.div``;
-const Title = import_ds_system.styled.p`
+const MainContent = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSChatCardName,
+  slot: import_constants.CHAT_CARD_SLOTS.MAIN_CONTENT
+})``;
+const Title = (0, import_ds_system.styled)("p", {
+  name: import_constants.DSChatCardName,
+  slot: import_constants.CHAT_CARD_SLOTS.TITLE,
+  // legacy data-testid `chat-card-title` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   font-size: 16px;
   font-weight: 600;
   margin: 0;
 `;
-const Content = import_ds_system.styled.p`
+const Content = (0, import_ds_system.styled)("p", {
+  name: import_constants.DSChatCardName,
+  slot: import_constants.CHAT_CARD_SLOTS.CONTENT,
+  // legacy data-testid `chat-card-content` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   font-size: 12px;
   font-weight: 400;
   line-height: 1;
   margin: 0;
 `;
-const Time = import_ds_system.styled.p`
+const Time = (0, import_ds_system.styled)("p", {
+  name: import_constants.DSChatCardName,
+  slot: import_constants.CHAT_CARD_SLOTS.TIME,
+  // legacy data-testid `chat-card-time` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   font-size: 12px;
   font-weight: 100;
   margin: 0;
@@ -65,7 +89,12 @@ const Time = import_ds_system.styled.p`
   font-weight: ${(props) => props.theme.fontWeights.regular};
   color: ${(props) => props.theme.colors.neutral["500"]};
 `;
-const RightAddon = import_ds_system.styled.div`
+const RightAddon = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSChatCardName,
+  slot: import_constants.CHAT_CARD_SLOTS.RIGHT_ADDON,
+  // legacy data-testid `chat-right-addon` (missing `-card-` segment) is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   height: fit-content;
   margin-left: 12px;
 `;

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n  min-width: 248px;\n  border: 1px;\n  border-bottom: 1px solid #ccc;\n  padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n`;\n\nexport const Content = styled.p`\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n`;\n\nexport const Time = styled.p`\n  font-size: 12px;\n  font-weight: 100;\n  margin: 0;\n  margin-top: 8px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n  height: fit-content;\n  margin-left: 12px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,cAAU,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,cAAc,wBAAO;AAE3B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKV,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAGhD,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CHAT_CARD_SLOTS, DSChatCardName } from './constants/index.js';\n\nexport const Wrapper = styled(Grid, {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.ROOT,\n  // legacy data-testid `chat-card-wrapper` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  min-width: 248px;\n  border: 1px;\n  border-bottom: 1px solid #ccc;\n  padding: 12px 12px;\n`;\n\nexport const MainContent = styled('div', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.MAIN_CONTENT,\n})``;\n\nexport const Title = styled('p', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.TITLE,\n  // legacy data-testid `chat-card-title` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n`;\n\nexport const Content = styled('p', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.CONTENT,\n  // legacy data-testid `chat-card-content` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n`;\n\nexport const Time = styled('p', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.TIME,\n  // legacy data-testid `chat-card-time` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  font-size: 12px;\n  font-weight: 100;\n  margin: 0;\n  margin-top: 8px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled('div', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.RIGHT_ADDON,\n  // legacy data-testid `chat-right-addon` (missing `-card-` segment) is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  height: fit-content;\n  margin-left: 12px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,uBAAgD;AAEzC,MAAM,cAAU,yBAAO,qBAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,iCAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,kBAAc,yBAAO,OAAO;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,iCAAgB;AACxB,CAAC;AAEM,MAAM,YAAQ,yBAAO,KAAK;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM,iCAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAMM,MAAM,cAAU,yBAAO,KAAK;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,iCAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,WAAO,yBAAO,KAAK;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM,iCAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAGhD,MAAM,iBAAa,yBAAO,OAAO;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,iCAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-chat-card-valid.js

@@ -46,7 +46,8 @@ const testPropsAsSyntax = {
 };
 const testCompleteDefaults = {
   content: "",
-  time: ""
+  time: "",
+  wrapText: false
 };
 const testInternalProps = {
   ...testRequiredProps,
@@ -62,7 +63,8 @@ const testExplicitDefinition = {
   title: "",
   content: "",
   time: "",
-  rightAddon: MockAddon()
+  rightAddon: MockAddon(),
+  wrapText: true
 };
 const testInferedTypeCompatibility = {
   title: "",

package/dist/cjs/typescript-testing/typescript-chat-card-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-chat-card-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { ChatCard } from '../index.js';\nimport type { DSChatCardT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatCardT.Props;\ntype ComponentPropsInternals = DSChatCardT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatCardT.DefaultProps;\ntype ComponentPropsOptionalProps = DSChatCardT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatCardT.RequiredProps;\n\nconst MockAddon = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  rightAddon: MockAddon(),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  content: '',\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  content: '',\n  time: '',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatCard {...testExplicitDefinition} />\n    <ChatCard {...testInferedTypeCompatibility} />\n    <ChatCard {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatCard title=\"Card Title\" content=\"Card Content\" time=\"00:00 am\" rightAddon={<MockAddon />} />\n  </>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACWC;AAVxB,eAAyB;AAUzB,MAAM,YAAY,MAAM,4CAAC,SAAI;AAE7B,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,YAAY,UAAU;AACxB;AAIA,MAAM,sBAA2D;AAAA,EAC/D,SAAS;AACX;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,SAAS;AAAA,EACT,MAAM;AACR;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,qBAAU,GAAG,wBAAwB;AAAA,EACtC,4CAAC,qBAAU,GAAG,8BAA8B;AAAA,EAC5C,4CAAC,qBAAU,GAAG,uBAAuB;AAAA,EAErC,4CAAC,qBAAS,OAAM,cAAa,SAAQ,gBAAe,MAAK,YAAW,YAAY,4CAAC,aAAU,GAAI;AAAA,GACjG;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { ChatCard } from '../index.js';\nimport type { DSChatCardT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatCardT.Props;\ntype ComponentPropsInternals = DSChatCardT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatCardT.DefaultProps;\ntype ComponentPropsOptionalProps = DSChatCardT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatCardT.RequiredProps;\n\nconst MockAddon = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  rightAddon: MockAddon(),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  content: '',\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  content: '',\n  time: '',\n  wrapText: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n  wrapText: true,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatCard {...testExplicitDefinition} />\n    <ChatCard {...testInferedTypeCompatibility} />\n    <ChatCard {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatCard title=\"Card Title\" content=\"Card Content\" time=\"00:00 am\" rightAddon={<MockAddon />} />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACWC;AAVxB,eAAyB;AAUzB,MAAM,YAAY,MAAM,4CAAC,SAAI;AAE7B,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,YAAY,UAAU;AACxB;AAIA,MAAM,sBAA2D;AAAA,EAC/D,SAAS;AACX;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AACZ;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AAAA,EACtB,UAAU;AACZ;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,qBAAU,GAAG,wBAAwB;AAAA,EACtC,4CAAC,qBAAU,GAAG,8BAA8B;AAAA,EAC5C,4CAAC,qBAAU,GAAG,uBAAuB;AAAA,EAErC,4CAAC,qBAAS,OAAM,cAAa,SAAQ,gBAAe,MAAK,YAAW,YAAY,4CAAC,aAAU,GAAI;AAAA,GACjG;",
   "names": []
 }