@elliemae/ds-chat-system-message 3.70.0-next.3 → 3.70.0-next.30

package/dist/cjs/SystemMessage.js

@@ -37,27 +37,59 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_style = require("./style.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
-var import_ChatSystemMessageDataTestIds = require("./ChatSystemMessageDataTestIds.js");
-var import_DSChatSystemMessageDefinitions = require("./DSChatSystemMessageDefinitions.js");
+var import_constants = require("./constants/index.js");
 const SystemMessage = (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.systemMessageProps, import_DSChatSystemMessageDefinitions.DSChatSystemMessageName);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSChatSystemMessagePropTypes, import_constants.DSChatSystemMessageName);
+  const { getOwnerProps, getOwnerPropsArguments } = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
   const {
     title,
     time = null,
     // undefined is technically not a valid React node, it should be null instead
     body
   } = propsWithDefault;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.Wrapper, { "data-testid": import_ChatSystemMessageDataTestIds.ChatSystemMessageDataTestIds.SYSTEM_MSG_ROOT, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.Header, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.EmptyDiv, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.Title, { "data-testid": import_ChatSystemMessageDataTestIds.ChatSystemMessageDataTestIds.SYSTEM_MSG_TITLE, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.Time, { "data-testid": import_ChatSystemMessageDataTestIds.ChatSystemMessageDataTestIds.SYSTEM_MSG_TIME, children: time })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.Message, { "data-testid": import_ChatSystemMessageDataTestIds.ChatSystemMessageDataTestIds.SYSTEM_MSG_BODY, children: body })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_style.Wrapper,
+    {
+      "data-testid": import_constants.CHAT_SYSTEM_MESSAGE_DATA_TESTID.ROOT,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.Header, { getOwnerProps, getOwnerPropsArguments, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.EmptyDiv, { getOwnerProps, getOwnerPropsArguments }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_style.Title,
+            {
+              "data-testid": import_constants.CHAT_SYSTEM_MESSAGE_DATA_TESTID.TITLE,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: title
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_style.Time,
+            {
+              "data-testid": import_constants.CHAT_SYSTEM_MESSAGE_DATA_TESTID.TIME,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: time
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_style.Message,
+          {
+            "data-testid": import_constants.CHAT_SYSTEM_MESSAGE_DATA_TESTID.BODY,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: body
+          }
+        )
+      ]
+    }
+  );
 };
-SystemMessage.displayName = import_DSChatSystemMessageDefinitions.DSChatSystemMessageName;
+SystemMessage.displayName = import_constants.DSChatSystemMessageName;
 const SystemMessageWithSchema = (0, import_ds_props_helpers.describe)(SystemMessage);
-SystemMessageWithSchema.propTypes = import_react_desc_prop_types.systemMessageProps;
+SystemMessageWithSchema.propTypes = import_react_desc_prop_types.DSChatSystemMessagePropTypes;
 //# sourceMappingURL=SystemMessage.js.map

package/dist/cjs/SystemMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SystemMessage.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Header, Title, Time, Message, EmptyDiv } from './style.js';\nimport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nimport { systemMessageProps, defaultProps } from './react-desc-prop-types.js';\nimport { ChatSystemMessageDataTestIds } from './ChatSystemMessageDataTestIds.js';\nimport { DSChatSystemMessageName } from './DSChatSystemMessageDefinitions.js';\n\nconst SystemMessage: React.ComponentType<DSChatSystemMessageT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatSystemMessageT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps, DSChatSystemMessageName);\n\n  const {\n    title,\n    time = null, // undefined is technically not a valid React node, it should be null instead\n    body,\n  } = propsWithDefault;\n  return (\n    <Wrapper data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_ROOT}>\n      <Header>\n        <EmptyDiv />\n        <Title data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TITLE}>{title}</Title>\n        <Time data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TIME}>{time}</Time>\n      </Header>\n      <Message data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_BODY}>{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.displayName = DSChatSystemMessageName;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as ValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBjB;AAvBN,8BAKO;AACP,mBAAgE;AAEhE,mCAAiD;AACjD,0CAA6C;AAC7C,4CAAwC;AAExC,MAAM,gBAAiE,CAAC,UAAU;AAChF,QAAM,uBAAmB,sDAAiE,OAAO,yCAAY;AAC7G,8DAA+B,kBAAkB,iDAAoB,6DAAuB;AAE5F,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA;AAAA,IACP;AAAA,EACF,IAAI;AACJ,SACE,6CAAC,wBAAQ,eAAa,iEAA6B,iBACjD;AAAA,iDAAC,uBACC;AAAA,kDAAC,yBAAS;AAAA,MACV,4CAAC,sBAAM,eAAa,iEAA6B,kBAAmB,iBAAM;AAAA,MAC1E,4CAAC,qBAAK,eAAa,iEAA6B,iBAAkB,gBAAK;AAAA,OACzE;AAAA,IACA,4CAAC,wBAAQ,eAAa,iEAA6B,iBAAkB,gBAAK;AAAA,KAC5E;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Header, Title, Time, Message, EmptyDiv } from './style.js';\nimport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nimport { DSChatSystemMessagePropTypes, defaultProps } from './react-desc-prop-types.js';\nimport { CHAT_SYSTEM_MESSAGE_DATA_TESTID, DSChatSystemMessageName } from './constants/index.js';\n\nconst SystemMessage: React.ComponentType<DSChatSystemMessageT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatSystemMessageT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSChatSystemMessagePropTypes, DSChatSystemMessageName);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatSystemMessageT.Props>(propsWithDefault);\n\n  const {\n    title,\n    time = null, // undefined is technically not a valid React node, it should be null instead\n    body,\n  } = propsWithDefault;\n  return (\n    <Wrapper\n      // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n      data-testid={CHAT_SYSTEM_MESSAGE_DATA_TESTID.ROOT}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <Header getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        <EmptyDiv getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n        <Title\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_SYSTEM_MESSAGE_DATA_TESTID.TITLE}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {title}\n        </Title>\n        <Time\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_SYSTEM_MESSAGE_DATA_TESTID.TIME}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {time}\n        </Time>\n      </Header>\n      <Message\n        // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n        data-testid={CHAT_SYSTEM_MESSAGE_DATA_TESTID.BODY}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {body}\n      </Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.displayName = DSChatSystemMessageName;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = DSChatSystemMessagePropTypes as ValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BjB;AA7BN,8BAMO;AACP,mBAAgE;AAEhE,mCAA2D;AAC3D,uBAAyE;AAEzE,MAAM,gBAAiE,CAAC,UAAU;AAChF,QAAM,uBAAmB,sDAAiE,OAAO,yCAAY;AAC7G,8DAA+B,kBAAkB,2DAA8B,wCAAuB;AACtG,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAA0C,gBAAgB;AAE5G,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA;AAAA,IACP;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,eAAa,iDAAgC;AAAA,MAC7C;AAAA,MACA;AAAA,MAEA;AAAA,qDAAC,uBAAO,eAA8B,wBACpC;AAAA,sDAAC,yBAAS,eAA8B,wBAAgD;AAAA,UACxF;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,iDAAgC;AAAA,cAC7C;AAAA,cACA;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,iDAAgC;AAAA,cAC7C;AAAA,cACA;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YAEC,eAAa,iDAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/{DSChatSystemMessageDefinitions.js → constants/index.js}

@@ -26,11 +26,44 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSChatSystemMessageDefinitions_exports = {};
-__export(DSChatSystemMessageDefinitions_exports, {
+var constants_exports = {};
+__export(constants_exports, {
+  CHAT_SYSTEM_MESSAGE_DATA_TESTID: () => CHAT_SYSTEM_MESSAGE_DATA_TESTID,
+  CHAT_SYSTEM_MESSAGE_SLOTS: () => CHAT_SYSTEM_MESSAGE_SLOTS,
+  ChatSystemMessageDataTestIds: () => ChatSystemMessageDataTestIds,
   DSChatSystemMessageName: () => DSChatSystemMessageName
 });
-module.exports = __toCommonJS(DSChatSystemMessageDefinitions_exports);
+module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
 const DSChatSystemMessageName = "DSChatsystemmessage";
-//# sourceMappingURL=DSChatSystemMessageDefinitions.js.map
+const CHAT_SYSTEM_MESSAGE_SLOTS = {
+  ROOT: "root",
+  // legacy ones...
+  HEADER: "header",
+  LEFT_SPACER: "left-spacer",
+  TITLE: "title",
+  // legacy ones...
+  TIME: "time",
+  // legacy ones...
+  BODY: "body"
+  // legacy ones...
+};
+const CHAT_SYSTEM_MESSAGE_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSChatSystemMessageName, CHAT_SYSTEM_MESSAGE_SLOTS),
+  ROOT: "chat-system-message-root",
+  // legacy value — breaking change if removed
+  TITLE: "chat-system-message-title",
+  // legacy value — breaking change if removed
+  TIME: "chat-system-message-time",
+  // legacy value — breaking change if removed
+  BODY: "chat-system-message-body"
+  // legacy value — breaking change if removed
+};
+const ChatSystemMessageDataTestIds = {
+  SYSTEM_MSG_ROOT: CHAT_SYSTEM_MESSAGE_DATA_TESTID.ROOT,
+  SYSTEM_MSG_TITLE: CHAT_SYSTEM_MESSAGE_DATA_TESTID.TITLE,
+  SYSTEM_MSG_TIME: CHAT_SYSTEM_MESSAGE_DATA_TESTID.TIME,
+  SYSTEM_MSG_BODY: CHAT_SYSTEM_MESSAGE_DATA_TESTID.BODY
+};
+//# 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 DSChatSystemMessageName = 'DSChatsystemmessage';\n\n// we are naming this with the ${component_name}_slots 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 + JSX inline `data-testid` prop on each slot consumer) \u2014 breaking change if removed.\nexport const CHAT_SYSTEM_MESSAGE_SLOTS = {\n  ROOT: 'root', // legacy ones...\n  HEADER: 'header',\n  LEFT_SPACER: 'left-spacer',\n  TITLE: 'title', // legacy ones...\n  TIME: 'time', // legacy ones...\n  BODY: 'body', // legacy ones...\n} as const;\n\nexport const CHAT_SYSTEM_MESSAGE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatSystemMessageName, CHAT_SYSTEM_MESSAGE_SLOTS),\n  ROOT: 'chat-system-message-root', // legacy value \u2014 breaking change if removed\n  TITLE: 'chat-system-message-title', // legacy value \u2014 breaking change if removed\n  TIME: 'chat-system-message-time', // legacy value \u2014 breaking change if removed\n  BODY: 'chat-system-message-body', // legacy value \u2014 breaking change if removed\n};\n\n// Legacy alias preserved for consumer compatibility \u2014 the original public export used\n// SYSTEM_MSG_* keys instead of slot-style ROOT/TITLE/TIME/BODY keys. Removing this alias is a\n// breaking change for any consumer that imports `ChatSystemMessageDataTestIds` and references\n// the SYSTEM_MSG_* property names.\nexport const ChatSystemMessageDataTestIds = {\n  SYSTEM_MSG_ROOT: CHAT_SYSTEM_MESSAGE_DATA_TESTID.ROOT,\n  SYSTEM_MSG_TITLE: CHAT_SYSTEM_MESSAGE_DATA_TESTID.TITLE,\n  SYSTEM_MSG_TIME: CHAT_SYSTEM_MESSAGE_DATA_TESTID.TIME,\n  SYSTEM_MSG_BODY: CHAT_SYSTEM_MESSAGE_DATA_TESTID.BODY,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,0BAA0B;AAIhC,MAAM,4BAA4B;AAAA,EACvC,MAAM;AAAA;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA;AAAA,EACP,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AACR;AAEO,MAAM,kCAAkC;AAAA,EAC7C,OAAG,0CAAwB,yBAAyB,yBAAyB;AAAA,EAC7E,MAAM;AAAA;AAAA,EACN,OAAO;AAAA;AAAA,EACP,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AACR;AAMO,MAAM,+BAA+B;AAAA,EAC1C,iBAAiB,gCAAgC;AAAA,EACjD,kBAAkB,gCAAgC;AAAA,EAClD,iBAAiB,gCAAgC;AAAA,EACjD,iBAAiB,gCAAgC;AACnD;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -29,13 +28,23 @@ 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, {
-  ChatSystemMessageDataTestIds: () => import_ChatSystemMessageDataTestIds.ChatSystemMessageDataTestIds,
+  CHAT_SYSTEM_MESSAGE_DATA_TESTID: () => import_constants.CHAT_SYSTEM_MESSAGE_DATA_TESTID,
+  CHAT_SYSTEM_MESSAGE_SLOTS: () => import_constants.CHAT_SYSTEM_MESSAGE_SLOTS,
+  ChatSystemMessageDataTestIds: () => import_constants.ChatSystemMessageDataTestIds,
+  DSChatSystemMessageName: () => import_constants.DSChatSystemMessageName,
+  DSChatSystemMessagePropTypes: () => import_react_desc_prop_types.DSChatSystemMessagePropTypes,
+  DSChatSystemMessagePropTypesSchema: () => import_react_desc_prop_types.DSChatSystemMessagePropTypesSchema,
+  Message: () => import_style.Message,
   SystemMessage: () => import_SystemMessage.SystemMessage,
-  SystemMessageWithSchema: () => import_SystemMessage.SystemMessageWithSchema
+  SystemMessageWithSchema: () => import_SystemMessage.SystemMessageWithSchema,
+  Time: () => import_style.Time,
+  Title: () => import_style.Title,
+  Wrapper: () => import_style.Wrapper
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_SystemMessage = require("./SystemMessage.js");
-var import_ChatSystemMessageDataTestIds = require("./ChatSystemMessageDataTestIds.js");
-__reExport(index_exports, require("./style.js"), module.exports);
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+var import_style = require("./style.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": ["import type {} from '@elliemae/ds-props-helpers';\nexport { SystemMessage, SystemMessageWithSchema } from './SystemMessage.js';\nexport { ChatSystemMessageDataTestIds } from './ChatSystemMessageDataTestIds.js';\nexport * from './style.js';\nexport type { DSChatSystemMessageT } 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;ADCvB,2BAAuD;AACvD,0CAA6C;AAC7C,0BAAc,uBAHd;",
+  "sourcesContent": ["import type {} from '@elliemae/ds-props-helpers';\n\nexport { SystemMessage, SystemMessageWithSchema } from './SystemMessage.js';\nexport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nexport { DSChatSystemMessagePropTypes, DSChatSystemMessagePropTypesSchema } from './react-desc-prop-types.js';\nexport {\n  DSChatSystemMessageName,\n  CHAT_SYSTEM_MESSAGE_SLOTS,\n  CHAT_SYSTEM_MESSAGE_DATA_TESTID,\n  ChatSystemMessageDataTestIds, // legacy alias \u2014 breaking change if removed\n} from './constants/index.js';\n// Styled re-exports \u2014 consumed by @elliemae/ds-chat-container/src/styled.ts. Removing any of\n// these is a breaking change for that package's compose-by-styling integration.\n// Replaces the previous `export * from './style.js'` (which violated the no-`export *` rule).\nexport { Wrapper, Title, Time, Message } from './style.js';\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;AAAA;ACAA,YAAuB;ADEvB,2BAAuD;AAEvD,mCAAiF;AACjF,uBAKO;AAIP,mBAA8C;",
   "names": []
 }

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

@@ -28,18 +28,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
-  defaultProps: () => defaultProps,
-  systemMessageProps: () => systemMessageProps
+  DSChatSystemMessagePropTypes: () => DSChatSystemMessagePropTypes,
+  DSChatSystemMessagePropTypesSchema: () => DSChatSystemMessagePropTypesSchema,
+  defaultProps: () => defaultProps
 });
 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 = {
   title: "System Message"
 };
-const systemMessageProps = {
+const DSChatSystemMessagePropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSChatSystemMessageName, import_constants.CHAT_SYSTEM_MESSAGE_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
   body: import_ds_props_helpers.PropTypes.string.isRequired.description("message"),
   title: import_ds_props_helpers.PropTypes.string.description("Message title").defaultValue("System Message"),
   time: import_ds_props_helpers.PropTypes.string.description("data of the message, ie: hour")
 };
+const DSChatSystemMessagePropTypesSchema = DSChatSystemMessagePropTypes;
 //# 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": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n// import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatSystemMessageT {\n  export interface DefaultProps {\n    title: string;\n  }\n  export interface OptionalProps {\n    time?: string;\n  }\n  export interface RequiredProps {\n    body: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      // currently the component doesn't accept global attributes...\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      // currently the component doesn't accept global attributes...\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatSystemMessageT.DefaultProps = {\n  title: 'System Message',\n};\n\nexport const systemMessageProps = {\n  body: PropTypes.string.isRequired.description('message'),\n  title: PropTypes.string.description('Message title').defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AA+BnB,MAAM,eAAkD;AAAA,EAC7D,OAAO;AACT;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM,kCAAU,OAAO,WAAW,YAAY,SAAS;AAAA,EACvD,OAAO,kCAAU,OAAO,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAClF,MAAM,kCAAU,OAAO,YAAY,+BAA+B;AACpE;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, 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_SYSTEM_MESSAGE_SLOTS, DSChatSystemMessageName } from './constants/index.js';\n\nexport declare namespace DSChatSystemMessageT {\n  export type SlotFunctionArguments = {\n    dsChatsystemmessageRoot: () => object;\n    dsChatsystemmessageHeader: () => object;\n    dsChatsystemmessageLeftSpacer: () => object;\n    dsChatsystemmessageTitle: () => object;\n    dsChatsystemmessageTime: () => object;\n    dsChatsystemmessageBody: () => object;\n  };\n\n  export interface DefaultProps {\n    title: string;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChatSystemMessageName, typeof CHAT_SYSTEM_MESSAGE_SLOTS> {\n    time?: string;\n  }\n\n  export interface RequiredProps {\n    body: string;\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: DSChatSystemMessageT.DefaultProps = {\n  title: 'System Message',\n};\n\nexport const DSChatSystemMessagePropTypes: DSPropTypesSchema<DSChatSystemMessageT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatSystemMessageName, CHAT_SYSTEM_MESSAGE_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  body: PropTypes.string.isRequired.description('message'),\n  title: PropTypes.string.description('Message title').defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n};\n\nexport const DSChatSystemMessagePropTypesSchema =\n  DSChatSystemMessagePropTypes as unknown as ValidationMap<DSChatSystemMessageT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAEP,uBAAmE;AAwC5D,MAAM,eAAkD;AAAA,EAC7D,OAAO;AACT;AAEO,MAAM,+BAA8E;AAAA,EACzF,OAAG,kDAAyB,0CAAyB,0CAAyB;AAAA,EAC9E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,OAAO,WAAW,YAAY,SAAS;AAAA,EACvD,OAAO,kCAAU,OAAO,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAClF,MAAM,kCAAU,OAAO,YAAY,+BAA+B;AACpE;AAEO,MAAM,qCACX;",
   "names": []
 }

package/dist/cjs/style.js

@@ -39,11 +39,15 @@ module.exports = __toCommonJS(style_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_constants = require("./constants/index.js");
 const wrapRule = import_ds_system.css`
   overflow-wrap: break-word;
   white-space: 'pre-wrap';
 `;
-const Wrapper = import_ds_system.styled.div`
+const Wrapper = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSChatSystemMessageName,
+  slot: import_constants.CHAT_SYSTEM_MESSAGE_SLOTS.ROOT
+})`
   align-items: center;
   min-width: 268px;
   padding: 0 8px 8px;
@@ -52,7 +56,10 @@ const Wrapper = import_ds_system.styled.div`
   background-color: ${(props) => props.theme.colors.neutral["080"]};
   box-shadow: none;
 `;
-const Header = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const Header = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatSystemMessageName,
+  slot: import_constants.CHAT_SYSTEM_MESSAGE_SLOTS.HEADER
+})`
   width: 100%;
   min-height: 36px;
   grid-auto-flow: column;
@@ -61,10 +68,16 @@ const Header = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   justify-items: stretch;
   padding-top: 10px;
 `;
-const EmptyDiv = import_ds_system.styled.div`
+const EmptyDiv = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSChatSystemMessageName,
+  slot: import_constants.CHAT_SYSTEM_MESSAGE_SLOTS.LEFT_SPACER
+})`
   min-width: 54.5px;
 `;
-const Title = import_ds_system.styled.p`
+const Title = (0, import_ds_system.styled)("p", {
+  name: import_constants.DSChatSystemMessageName,
+  slot: import_constants.CHAT_SYSTEM_MESSAGE_SLOTS.TITLE
+})`
   font-size: 1.077rem;
   font-weight: ${(props) => props.theme.fontWeights.semibold};
   color: ${(props) => props.theme.colors.neutral["700"]};
@@ -74,7 +87,10 @@ const Title = import_ds_system.styled.p`
   text-align: center;
   ${wrapRule}
 `;
-const Time = import_ds_system.styled.div`
+const Time = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSChatSystemMessageName,
+  slot: import_constants.CHAT_SYSTEM_MESSAGE_SLOTS.TIME
+})`
   font-size: 0.923rem;
   font-weight: ${(props) => props.theme.fontWeights.regular};
   color: ${(props) => props.theme.colors.neutral["700"]};
@@ -82,7 +98,10 @@ const Time = import_ds_system.styled.div`
   text-align: right;
   min-width: 54.5px;
 `;
-const Message = import_ds_system.styled.p`
+const Message = (0, import_ds_system.styled)("p", {
+  name: import_constants.DSChatSystemMessageName,
+  slot: import_constants.CHAT_SYSTEM_MESSAGE_SLOTS.BODY
+})`
   font-size: 1rem;
   font-weight: ${(props) => props.theme.fontWeights.regular};
   color: ${(props) => props.theme.colors.neutral["700"]};

package/dist/cjs/style.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/style.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled, css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst wrapRule = css`\n  overflow-wrap: break-word;\n  white-space: 'pre-wrap';\n`;\n\nconst Wrapper = styled.div`\n  align-items: center;\n  min-width: 268px;\n  padding: 0 8px 8px;\n  border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  border-radius: 10px;\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n  width: 100%;\n  min-height: 36px;\n  grid-auto-flow: column;\n  place-items: center;\n  align-items: start;\n  justify-items: stretch;\n  padding-top: 10px;\n`;\n\nconst EmptyDiv = styled.div`\n  min-width: 54.5px;\n`;\n\nconst Title = styled.p`\n  font-size: 1.077rem;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  padding-left: 16px;\n  padding-right: 16px;\n  text-align: center;\n  ${wrapRule}\n`;\n\nconst Time = styled.div`\n  font-size: 0.923rem;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  text-align: right;\n  min-width: 54.5px;\n`;\n\nconst Message = styled.p`\n  font-size: 1rem;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: 32px;\n  text-align: center;\n  margin: 0;\n  ${wrapRule}\n`;\n\nexport { Wrapper, Header, EmptyDiv, Title, Time, Message };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAC5B,qBAAqB;AAErB,MAAM,WAAW;AAAA;AAAA;AAAA;AAKjB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA,sBAID,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,sBAE5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIlE,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1B,MAAM,WAAW,wBAAO;AAAA;AAAA;AAIxB,MAAM,QAAQ,wBAAO;AAAA;AAAA,iBAEJ,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnD,QAAQ;AAAA;AAGZ,MAAM,OAAO,wBAAO;AAAA;AAAA,iBAEH,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,UAAU,wBAAO;AAAA;AAAA,iBAEN,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,IAInD,QAAQ;AAAA;",
+  "sourcesContent": ["import { styled, css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CHAT_SYSTEM_MESSAGE_SLOTS, DSChatSystemMessageName } from './constants/index.js';\n\nconst wrapRule = css`\n  overflow-wrap: break-word;\n  white-space: 'pre-wrap';\n`;\n\nconst Wrapper = styled('div', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.ROOT,\n})`\n  align-items: center;\n  min-width: 268px;\n  padding: 0 8px 8px;\n  border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  border-radius: 10px;\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  box-shadow: none;\n`;\n\nconst Header = styled(Grid, {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.HEADER,\n})`\n  width: 100%;\n  min-height: 36px;\n  grid-auto-flow: column;\n  place-items: center;\n  align-items: start;\n  justify-items: stretch;\n  padding-top: 10px;\n`;\n\nconst EmptyDiv = styled('div', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.LEFT_SPACER,\n})`\n  min-width: 54.5px;\n`;\n\nconst Title = styled('p', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.TITLE,\n})`\n  font-size: 1.077rem;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  padding-left: 16px;\n  padding-right: 16px;\n  text-align: center;\n  ${wrapRule}\n`;\n\nconst Time = styled('div', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.TIME,\n})`\n  font-size: 0.923rem;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  text-align: right;\n  min-width: 54.5px;\n`;\n\nconst Message = styled('p', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.BODY,\n})`\n  font-size: 1rem;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: 32px;\n  text-align: center;\n  margin: 0;\n  ${wrapRule}\n`;\n\nexport { Wrapper, Header, EmptyDiv, Title, Time, Message };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAC5B,qBAAqB;AACrB,uBAAmE;AAEnE,MAAM,WAAW;AAAA;AAAA;AAAA;AAKjB,MAAM,cAAU,yBAAO,OAAO;AAAA,EAC5B,MAAM;AAAA,EACN,MAAM,2CAA0B;AAClC,CAAC;AAAA;AAAA;AAAA;AAAA,sBAIqB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,sBAE5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIlE,MAAM,aAAS,yBAAO,qBAAM;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM,2CAA0B;AAClC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUD,MAAM,eAAW,yBAAO,OAAO;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM,2CAA0B;AAClC,CAAC;AAAA;AAAA;AAID,MAAM,YAAQ,yBAAO,KAAK;AAAA,EACxB,MAAM;AAAA,EACN,MAAM,2CAA0B;AAClC,CAAC;AAAA;AAAA,iBAEgB,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnD,QAAQ;AAAA;AAGZ,MAAM,WAAO,yBAAO,OAAO;AAAA,EACzB,MAAM;AAAA,EACN,MAAM,2CAA0B;AAClC,CAAC;AAAA;AAAA,iBAEgB,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,cAAU,yBAAO,KAAK;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM,2CAA0B;AAClC,CAAC;AAAA;AAAA,iBAEgB,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,IAInD,QAAQ;AAAA;",
   "names": []
 }

package/dist/cjs/{ChatSystemMessageDataTestIds.js → typescript-testing/slot-props.js}

@@ -5,10 +5,6 @@ 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))
@@ -25,17 +21,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ChatSystemMessageDataTestIds_exports = {};
-__export(ChatSystemMessageDataTestIds_exports, {
-  ChatSystemMessageDataTestIds: () => ChatSystemMessageDataTestIds
-});
-module.exports = __toCommonJS(ChatSystemMessageDataTestIds_exports);
 var React = __toESM(require("react"));
-const ChatSystemMessageDataTestIds = {
-  SYSTEM_MSG_ROOT: "chat-system-message-root",
-  SYSTEM_MSG_TITLE: "chat-system-message-title",
-  SYSTEM_MSG_BODY: "chat-system-message-body",
-  SYSTEM_MSG_TIME: "chat-system-message-time"
+const SlotPropsAsObj = {
+  dsChatsystemmessageRoot: { "aria-label": "just a typescript test" },
+  dsChatsystemmessageHeader: { "aria-label": "just a typescript test" },
+  dsChatsystemmessageLeftSpacer: { "aria-hidden": true },
+  dsChatsystemmessageTitle: { "aria-label": "just a typescript test" },
+  dsChatsystemmessageTime: { "aria-label": "just a typescript test" },
+  dsChatsystemmessageBody: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsChatsystemmessageRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsChatsystemmessageHeader: () => ({ "aria-label": "just a typescript test" }),
+  dsChatsystemmessageLeftSpacer: () => ({ "aria-hidden": true }),
+  dsChatsystemmessageTitle: () => ({ "aria-label": "just a typescript test" }),
+  dsChatsystemmessageTime: () => ({ "aria-label": "just a typescript test" }),
+  dsChatsystemmessageBody: () => ({ "aria-label": "just a typescript test" })
 };
-//# sourceMappingURL=ChatSystemMessageDataTestIds.js.map
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { CHAT_SYSTEM_MESSAGE_SLOTS, DSChatSystemMessageName } from '../constants/index.js';\nimport type { DSChatSystemMessageT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSChatSystemMessageT.Props> = {\n  dsChatsystemmessageRoot: { 'aria-label': 'just a typescript test' },\n  dsChatsystemmessageHeader: { 'aria-label': 'just a typescript test' },\n  dsChatsystemmessageLeftSpacer: { 'aria-hidden': true },\n  dsChatsystemmessageTitle: { 'aria-label': 'just a typescript test' },\n  dsChatsystemmessageTime: { 'aria-label': 'just a typescript test' },\n  dsChatsystemmessageBody: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSChatSystemMessageT.SlotFunctionArguments = {\n  dsChatsystemmessageRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatsystemmessageHeader: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatsystemmessageLeftSpacer: () => ({ 'aria-hidden': true }),\n  dsChatsystemmessageTitle: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatsystemmessageTime: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatsystemmessageBody: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSChatSystemMessageName, typeof CHAT_SYSTEM_MESSAGE_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACMvB,MAAM,iBAAsD;AAAA,EAC1D,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,2BAA2B,EAAE,cAAc,yBAAyB;AAAA,EACpE,+BAA+B,EAAE,eAAe,KAAK;AAAA,EACrD,0BAA0B,EAAE,cAAc,yBAAyB;AAAA,EACnE,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,yBAAyB,EAAE,cAAc,yBAAyB;AACpE;AAEA,MAAM,uBAAmE;AAAA,EACvE,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,2BAA2B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC3E,+BAA+B,OAAO,EAAE,eAAe,KAAK;AAAA,EAC5D,0BAA0B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC1E,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAC3E;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/SystemMessage.js

@@ -3,33 +3,66 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import {
   describe,
   useValidateTypescriptPropTypes,
-  useMemoMergePropsWithDefault
+  useMemoMergePropsWithDefault,
+  useOwnerProps
 } from "@elliemae/ds-props-helpers";
 import { Wrapper, Header, Title, Time, Message, EmptyDiv } from "./style.js";
-import { systemMessageProps, defaultProps } from "./react-desc-prop-types.js";
-import { ChatSystemMessageDataTestIds } from "./ChatSystemMessageDataTestIds.js";
-import { DSChatSystemMessageName } from "./DSChatSystemMessageDefinitions.js";
+import { DSChatSystemMessagePropTypes, defaultProps } from "./react-desc-prop-types.js";
+import { CHAT_SYSTEM_MESSAGE_DATA_TESTID, DSChatSystemMessageName } from "./constants/index.js";
 const SystemMessage = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps, DSChatSystemMessageName);
+  useValidateTypescriptPropTypes(propsWithDefault, DSChatSystemMessagePropTypes, DSChatSystemMessageName);
+  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);
   const {
     title,
     time = null,
     // undefined is technically not a valid React node, it should be null instead
     body
   } = propsWithDefault;
-  return /* @__PURE__ */ jsxs(Wrapper, { "data-testid": ChatSystemMessageDataTestIds.SYSTEM_MSG_ROOT, children: [
-    /* @__PURE__ */ jsxs(Header, { children: [
-      /* @__PURE__ */ jsx(EmptyDiv, {}),
-      /* @__PURE__ */ jsx(Title, { "data-testid": ChatSystemMessageDataTestIds.SYSTEM_MSG_TITLE, children: title }),
-      /* @__PURE__ */ jsx(Time, { "data-testid": ChatSystemMessageDataTestIds.SYSTEM_MSG_TIME, children: time })
-    ] }),
-    /* @__PURE__ */ jsx(Message, { "data-testid": ChatSystemMessageDataTestIds.SYSTEM_MSG_BODY, children: body })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Wrapper,
+    {
+      "data-testid": CHAT_SYSTEM_MESSAGE_DATA_TESTID.ROOT,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ jsxs(Header, { getOwnerProps, getOwnerPropsArguments, children: [
+          /* @__PURE__ */ jsx(EmptyDiv, { getOwnerProps, getOwnerPropsArguments }),
+          /* @__PURE__ */ jsx(
+            Title,
+            {
+              "data-testid": CHAT_SYSTEM_MESSAGE_DATA_TESTID.TITLE,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Time,
+            {
+              "data-testid": CHAT_SYSTEM_MESSAGE_DATA_TESTID.TIME,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: time
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Message,
+          {
+            "data-testid": CHAT_SYSTEM_MESSAGE_DATA_TESTID.BODY,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: body
+          }
+        )
+      ]
+    }
+  );
 };
 SystemMessage.displayName = DSChatSystemMessageName;
 const SystemMessageWithSchema = describe(SystemMessage);
-SystemMessageWithSchema.propTypes = systemMessageProps;
+SystemMessageWithSchema.propTypes = DSChatSystemMessagePropTypes;
 export {
   SystemMessage,
   SystemMessageWithSchema

package/dist/esm/SystemMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/SystemMessage.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Header, Title, Time, Message, EmptyDiv } from './style.js';\nimport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nimport { systemMessageProps, defaultProps } from './react-desc-prop-types.js';\nimport { ChatSystemMessageDataTestIds } from './ChatSystemMessageDataTestIds.js';\nimport { DSChatSystemMessageName } from './DSChatSystemMessageDefinitions.js';\n\nconst SystemMessage: React.ComponentType<DSChatSystemMessageT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatSystemMessageT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps, DSChatSystemMessageName);\n\n  const {\n    title,\n    time = null, // undefined is technically not a valid React node, it should be null instead\n    body,\n  } = propsWithDefault;\n  return (\n    <Wrapper data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_ROOT}>\n      <Header>\n        <EmptyDiv />\n        <Title data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TITLE}>{title}</Title>\n        <Time data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TIME}>{time}</Time>\n      </Header>\n      <Message data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_BODY}>{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.displayName = DSChatSystemMessageName;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as ValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBjB,SACE,KADF;AAvBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,SAAS,QAAQ,OAAO,MAAM,SAAS,gBAAgB;AAEhE,SAAS,oBAAoB,oBAAoB;AACjD,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AAExC,MAAM,gBAAiE,CAAC,UAAU;AAChF,QAAM,mBAAmB,6BAAiE,OAAO,YAAY;AAC7G,iCAA+B,kBAAkB,oBAAoB,uBAAuB;AAE5F,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA;AAAA,IACP;AAAA,EACF,IAAI;AACJ,SACE,qBAAC,WAAQ,eAAa,6BAA6B,iBACjD;AAAA,yBAAC,UACC;AAAA,0BAAC,YAAS;AAAA,MACV,oBAAC,SAAM,eAAa,6BAA6B,kBAAmB,iBAAM;AAAA,MAC1E,oBAAC,QAAK,eAAa,6BAA6B,iBAAkB,gBAAK;AAAA,OACzE;AAAA,IACA,oBAAC,WAAQ,eAAa,6BAA6B,iBAAkB,gBAAK;AAAA,KAC5E;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Header, Title, Time, Message, EmptyDiv } from './style.js';\nimport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nimport { DSChatSystemMessagePropTypes, defaultProps } from './react-desc-prop-types.js';\nimport { CHAT_SYSTEM_MESSAGE_DATA_TESTID, DSChatSystemMessageName } from './constants/index.js';\n\nconst SystemMessage: React.ComponentType<DSChatSystemMessageT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatSystemMessageT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSChatSystemMessagePropTypes, DSChatSystemMessageName);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatSystemMessageT.Props>(propsWithDefault);\n\n  const {\n    title,\n    time = null, // undefined is technically not a valid React node, it should be null instead\n    body,\n  } = propsWithDefault;\n  return (\n    <Wrapper\n      // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n      data-testid={CHAT_SYSTEM_MESSAGE_DATA_TESTID.ROOT}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <Header getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        <EmptyDiv getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n        <Title\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_SYSTEM_MESSAGE_DATA_TESTID.TITLE}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {title}\n        </Title>\n        <Time\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_SYSTEM_MESSAGE_DATA_TESTID.TIME}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {time}\n        </Time>\n      </Header>\n      <Message\n        // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n        data-testid={CHAT_SYSTEM_MESSAGE_DATA_TESTID.BODY}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {body}\n      </Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.displayName = DSChatSystemMessageName;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = DSChatSystemMessagePropTypes as ValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC8BjB,SACE,KADF;AA7BN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,SAAS,QAAQ,OAAO,MAAM,SAAS,gBAAgB;AAEhE,SAAS,8BAA8B,oBAAoB;AAC3D,SAAS,iCAAiC,+BAA+B;AAEzE,MAAM,gBAAiE,CAAC,UAAU;AAChF,QAAM,mBAAmB,6BAAiE,OAAO,YAAY;AAC7G,iCAA+B,kBAAkB,8BAA8B,uBAAuB;AACtG,QAAM,EAAE,eAAe,uBAAuB,IAAI,cAA0C,gBAAgB;AAE5G,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA;AAAA,IACP;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,eAAa,gCAAgC;AAAA,MAC7C;AAAA,MACA;AAAA,MAEA;AAAA,6BAAC,UAAO,eAA8B,wBACpC;AAAA,8BAAC,YAAS,eAA8B,wBAAgD;AAAA,UACxF;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,gCAAgC;AAAA,cAC7C;AAAA,cACA;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,gCAAgC;AAAA,cAC7C;AAAA,cACA;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YAEC,eAAa,gCAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/constants/index.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSChatSystemMessageName = "DSChatsystemmessage";
+const CHAT_SYSTEM_MESSAGE_SLOTS = {
+  ROOT: "root",
+  // legacy ones...
+  HEADER: "header",
+  LEFT_SPACER: "left-spacer",
+  TITLE: "title",
+  // legacy ones...
+  TIME: "time",
+  // legacy ones...
+  BODY: "body"
+  // legacy ones...
+};
+const CHAT_SYSTEM_MESSAGE_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSChatSystemMessageName, CHAT_SYSTEM_MESSAGE_SLOTS),
+  ROOT: "chat-system-message-root",
+  // legacy value — breaking change if removed
+  TITLE: "chat-system-message-title",
+  // legacy value — breaking change if removed
+  TIME: "chat-system-message-time",
+  // legacy value — breaking change if removed
+  BODY: "chat-system-message-body"
+  // legacy value — breaking change if removed
+};
+const ChatSystemMessageDataTestIds = {
+  SYSTEM_MSG_ROOT: CHAT_SYSTEM_MESSAGE_DATA_TESTID.ROOT,
+  SYSTEM_MSG_TITLE: CHAT_SYSTEM_MESSAGE_DATA_TESTID.TITLE,
+  SYSTEM_MSG_TIME: CHAT_SYSTEM_MESSAGE_DATA_TESTID.TIME,
+  SYSTEM_MSG_BODY: CHAT_SYSTEM_MESSAGE_DATA_TESTID.BODY
+};
+export {
+  CHAT_SYSTEM_MESSAGE_DATA_TESTID,
+  CHAT_SYSTEM_MESSAGE_SLOTS,
+  ChatSystemMessageDataTestIds,
+  DSChatSystemMessageName
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSChatSystemMessageName = 'DSChatsystemmessage';\n\n// we are naming this with the ${component_name}_slots 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 + JSX inline `data-testid` prop on each slot consumer) \u2014 breaking change if removed.\nexport const CHAT_SYSTEM_MESSAGE_SLOTS = {\n  ROOT: 'root', // legacy ones...\n  HEADER: 'header',\n  LEFT_SPACER: 'left-spacer',\n  TITLE: 'title', // legacy ones...\n  TIME: 'time', // legacy ones...\n  BODY: 'body', // legacy ones...\n} as const;\n\nexport const CHAT_SYSTEM_MESSAGE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatSystemMessageName, CHAT_SYSTEM_MESSAGE_SLOTS),\n  ROOT: 'chat-system-message-root', // legacy value \u2014 breaking change if removed\n  TITLE: 'chat-system-message-title', // legacy value \u2014 breaking change if removed\n  TIME: 'chat-system-message-time', // legacy value \u2014 breaking change if removed\n  BODY: 'chat-system-message-body', // legacy value \u2014 breaking change if removed\n};\n\n// Legacy alias preserved for consumer compatibility \u2014 the original public export used\n// SYSTEM_MSG_* keys instead of slot-style ROOT/TITLE/TIME/BODY keys. Removing this alias is a\n// breaking change for any consumer that imports `ChatSystemMessageDataTestIds` and references\n// the SYSTEM_MSG_* property names.\nexport const ChatSystemMessageDataTestIds = {\n  SYSTEM_MSG_ROOT: CHAT_SYSTEM_MESSAGE_DATA_TESTID.ROOT,\n  SYSTEM_MSG_TITLE: CHAT_SYSTEM_MESSAGE_DATA_TESTID.TITLE,\n  SYSTEM_MSG_TIME: CHAT_SYSTEM_MESSAGE_DATA_TESTID.TIME,\n  SYSTEM_MSG_BODY: CHAT_SYSTEM_MESSAGE_DATA_TESTID.BODY,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,0BAA0B;AAIhC,MAAM,4BAA4B;AAAA,EACvC,MAAM;AAAA;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA;AAAA,EACP,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AACR;AAEO,MAAM,kCAAkC;AAAA,EAC7C,GAAG,wBAAwB,yBAAyB,yBAAyB;AAAA,EAC7E,MAAM;AAAA;AAAA,EACN,OAAO;AAAA;AAAA,EACP,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AACR;AAMO,MAAM,+BAA+B;AAAA,EAC1C,iBAAiB,gCAAgC;AAAA,EACjD,kBAAkB,gCAAgC;AAAA,EAClD,iBAAiB,gCAAgC;AAAA,EACjD,iBAAiB,gCAAgC;AACnD;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,10 +1,25 @@
 import * as React from "react";
 import { SystemMessage, SystemMessageWithSchema } from "./SystemMessage.js";
-import { ChatSystemMessageDataTestIds } from "./ChatSystemMessageDataTestIds.js";
-export * from "./style.js";
+import { DSChatSystemMessagePropTypes, DSChatSystemMessagePropTypesSchema } from "./react-desc-prop-types.js";
+import {
+  DSChatSystemMessageName,
+  CHAT_SYSTEM_MESSAGE_SLOTS,
+  CHAT_SYSTEM_MESSAGE_DATA_TESTID,
+  ChatSystemMessageDataTestIds
+} from "./constants/index.js";
+import { Wrapper, Title, Time, Message } from "./style.js";
 export {
+  CHAT_SYSTEM_MESSAGE_DATA_TESTID,
+  CHAT_SYSTEM_MESSAGE_SLOTS,
   ChatSystemMessageDataTestIds,
+  DSChatSystemMessageName,
+  DSChatSystemMessagePropTypes,
+  DSChatSystemMessagePropTypesSchema,
+  Message,
   SystemMessage,
-  SystemMessageWithSchema
+  SystemMessageWithSchema,
+  Time,
+  Title,
+  Wrapper
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-props-helpers';\nexport { SystemMessage, SystemMessageWithSchema } from './SystemMessage.js';\nexport { ChatSystemMessageDataTestIds } from './ChatSystemMessageDataTestIds.js';\nexport * from './style.js';\nexport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,eAAe,+BAA+B;AACvD,SAAS,oCAAoC;AAC7C,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-props-helpers';\n\nexport { SystemMessage, SystemMessageWithSchema } from './SystemMessage.js';\nexport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nexport { DSChatSystemMessagePropTypes, DSChatSystemMessagePropTypesSchema } from './react-desc-prop-types.js';\nexport {\n  DSChatSystemMessageName,\n  CHAT_SYSTEM_MESSAGE_SLOTS,\n  CHAT_SYSTEM_MESSAGE_DATA_TESTID,\n  ChatSystemMessageDataTestIds, // legacy alias \u2014 breaking change if removed\n} from './constants/index.js';\n// Styled re-exports \u2014 consumed by @elliemae/ds-chat-container/src/styled.ts. Removing any of\n// these is a breaking change for that package's compose-by-styling integration.\n// Replaces the previous `export * from './style.js'` (which violated the no-`export *` rule).\nexport { Wrapper, Title, Time, Message } from './style.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,eAAe,+BAA+B;AAEvD,SAAS,8BAA8B,0CAA0C;AACjF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP,SAAS,SAAS,OAAO,MAAM,eAAe;",
   "names": []
 }

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

@@ -1,15 +1,26 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { CHAT_SYSTEM_MESSAGE_SLOTS, DSChatSystemMessageName } from "./constants/index.js";
 const defaultProps = {
   title: "System Message"
 };
-const systemMessageProps = {
+const DSChatSystemMessagePropTypes = {
+  ...getPropsPerSlotPropTypes(DSChatSystemMessageName, CHAT_SYSTEM_MESSAGE_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   body: PropTypes.string.isRequired.description("message"),
   title: PropTypes.string.description("Message title").defaultValue("System Message"),
   time: PropTypes.string.description("data of the message, ie: hour")
 };
+const DSChatSystemMessagePropTypesSchema = DSChatSystemMessagePropTypes;
 export {
-  defaultProps,
-  systemMessageProps
+  DSChatSystemMessagePropTypes,
+  DSChatSystemMessagePropTypesSchema,
+  defaultProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n// import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatSystemMessageT {\n  export interface DefaultProps {\n    title: string;\n  }\n  export interface OptionalProps {\n    time?: string;\n  }\n  export interface RequiredProps {\n    body: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      // currently the component doesn't accept global attributes...\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      // currently the component doesn't accept global attributes...\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatSystemMessageT.DefaultProps = {\n  title: 'System Message',\n};\n\nexport const systemMessageProps = {\n  body: PropTypes.string.isRequired.description('message'),\n  title: PropTypes.string.description('Message title').defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AA+BnB,MAAM,eAAkD;AAAA,EAC7D,OAAO;AACT;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM,UAAU,OAAO,WAAW,YAAY,SAAS;AAAA,EACvD,OAAO,UAAU,OAAO,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAClF,MAAM,UAAU,OAAO,YAAY,+BAA+B;AACpE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, 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_SYSTEM_MESSAGE_SLOTS, DSChatSystemMessageName } from './constants/index.js';\n\nexport declare namespace DSChatSystemMessageT {\n  export type SlotFunctionArguments = {\n    dsChatsystemmessageRoot: () => object;\n    dsChatsystemmessageHeader: () => object;\n    dsChatsystemmessageLeftSpacer: () => object;\n    dsChatsystemmessageTitle: () => object;\n    dsChatsystemmessageTime: () => object;\n    dsChatsystemmessageBody: () => object;\n  };\n\n  export interface DefaultProps {\n    title: string;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChatSystemMessageName, typeof CHAT_SYSTEM_MESSAGE_SLOTS> {\n    time?: string;\n  }\n\n  export interface RequiredProps {\n    body: string;\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: DSChatSystemMessageT.DefaultProps = {\n  title: 'System Message',\n};\n\nexport const DSChatSystemMessagePropTypes: DSPropTypesSchema<DSChatSystemMessageT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatSystemMessageName, CHAT_SYSTEM_MESSAGE_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  body: PropTypes.string.isRequired.description('message'),\n  title: PropTypes.string.description('Message title').defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n};\n\nexport const DSChatSystemMessagePropTypesSchema =\n  DSChatSystemMessagePropTypes as unknown as ValidationMap<DSChatSystemMessageT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,2BAA2B,+BAA+B;AAwC5D,MAAM,eAAkD;AAAA,EAC7D,OAAO;AACT;AAEO,MAAM,+BAA8E;AAAA,EACzF,GAAG,yBAAyB,yBAAyB,yBAAyB;AAAA,EAC9E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,OAAO,WAAW,YAAY,SAAS;AAAA,EACvD,OAAO,UAAU,OAAO,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAClF,MAAM,UAAU,OAAO,YAAY,+BAA+B;AACpE;AAEO,MAAM,qCACX;",
   "names": []
 }

package/dist/esm/style.js

@@ -1,11 +1,15 @@
 import * as React from "react";
 import { styled, css } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
+import { CHAT_SYSTEM_MESSAGE_SLOTS, DSChatSystemMessageName } from "./constants/index.js";
 const wrapRule = css`
   overflow-wrap: break-word;
   white-space: 'pre-wrap';
 `;
-const Wrapper = styled.div`
+const Wrapper = styled("div", {
+  name: DSChatSystemMessageName,
+  slot: CHAT_SYSTEM_MESSAGE_SLOTS.ROOT
+})`
   align-items: center;
   min-width: 268px;
   padding: 0 8px 8px;
@@ -14,7 +18,10 @@ const Wrapper = styled.div`
   background-color: ${(props) => props.theme.colors.neutral["080"]};
   box-shadow: none;
 `;
-const Header = styled(Grid)`
+const Header = styled(Grid, {
+  name: DSChatSystemMessageName,
+  slot: CHAT_SYSTEM_MESSAGE_SLOTS.HEADER
+})`
   width: 100%;
   min-height: 36px;
   grid-auto-flow: column;
@@ -23,10 +30,16 @@ const Header = styled(Grid)`
   justify-items: stretch;
   padding-top: 10px;
 `;
-const EmptyDiv = styled.div`
+const EmptyDiv = styled("div", {
+  name: DSChatSystemMessageName,
+  slot: CHAT_SYSTEM_MESSAGE_SLOTS.LEFT_SPACER
+})`
   min-width: 54.5px;
 `;
-const Title = styled.p`
+const Title = styled("p", {
+  name: DSChatSystemMessageName,
+  slot: CHAT_SYSTEM_MESSAGE_SLOTS.TITLE
+})`
   font-size: 1.077rem;
   font-weight: ${(props) => props.theme.fontWeights.semibold};
   color: ${(props) => props.theme.colors.neutral["700"]};
@@ -36,7 +49,10 @@ const Title = styled.p`
   text-align: center;
   ${wrapRule}
 `;
-const Time = styled.div`
+const Time = styled("div", {
+  name: DSChatSystemMessageName,
+  slot: CHAT_SYSTEM_MESSAGE_SLOTS.TIME
+})`
   font-size: 0.923rem;
   font-weight: ${(props) => props.theme.fontWeights.regular};
   color: ${(props) => props.theme.colors.neutral["700"]};
@@ -44,7 +60,10 @@ const Time = styled.div`
   text-align: right;
   min-width: 54.5px;
 `;
-const Message = styled.p`
+const Message = styled("p", {
+  name: DSChatSystemMessageName,
+  slot: CHAT_SYSTEM_MESSAGE_SLOTS.BODY
+})`
   font-size: 1rem;
   font-weight: ${(props) => props.theme.fontWeights.regular};
   color: ${(props) => props.theme.colors.neutral["700"]};

package/dist/esm/style.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/style.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst wrapRule = css`\n  overflow-wrap: break-word;\n  white-space: 'pre-wrap';\n`;\n\nconst Wrapper = styled.div`\n  align-items: center;\n  min-width: 268px;\n  padding: 0 8px 8px;\n  border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  border-radius: 10px;\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n  width: 100%;\n  min-height: 36px;\n  grid-auto-flow: column;\n  place-items: center;\n  align-items: start;\n  justify-items: stretch;\n  padding-top: 10px;\n`;\n\nconst EmptyDiv = styled.div`\n  min-width: 54.5px;\n`;\n\nconst Title = styled.p`\n  font-size: 1.077rem;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  padding-left: 16px;\n  padding-right: 16px;\n  text-align: center;\n  ${wrapRule}\n`;\n\nconst Time = styled.div`\n  font-size: 0.923rem;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  text-align: right;\n  min-width: 54.5px;\n`;\n\nconst Message = styled.p`\n  font-size: 1rem;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: 32px;\n  text-align: center;\n  margin: 0;\n  ${wrapRule}\n`;\n\nexport { Wrapper, Header, EmptyDiv, Title, Time, Message };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW;AAC5B,SAAS,YAAY;AAErB,MAAM,WAAW;AAAA;AAAA;AAAA;AAKjB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,sBAID,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,sBAE5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIlE,MAAM,SAAS,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1B,MAAM,WAAW,OAAO;AAAA;AAAA;AAIxB,MAAM,QAAQ,OAAO;AAAA;AAAA,iBAEJ,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnD,QAAQ;AAAA;AAGZ,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,UAAU,OAAO;AAAA;AAAA,iBAEN,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,IAInD,QAAQ;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CHAT_SYSTEM_MESSAGE_SLOTS, DSChatSystemMessageName } from './constants/index.js';\n\nconst wrapRule = css`\n  overflow-wrap: break-word;\n  white-space: 'pre-wrap';\n`;\n\nconst Wrapper = styled('div', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.ROOT,\n})`\n  align-items: center;\n  min-width: 268px;\n  padding: 0 8px 8px;\n  border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  border-radius: 10px;\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  box-shadow: none;\n`;\n\nconst Header = styled(Grid, {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.HEADER,\n})`\n  width: 100%;\n  min-height: 36px;\n  grid-auto-flow: column;\n  place-items: center;\n  align-items: start;\n  justify-items: stretch;\n  padding-top: 10px;\n`;\n\nconst EmptyDiv = styled('div', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.LEFT_SPACER,\n})`\n  min-width: 54.5px;\n`;\n\nconst Title = styled('p', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.TITLE,\n})`\n  font-size: 1.077rem;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  padding-left: 16px;\n  padding-right: 16px;\n  text-align: center;\n  ${wrapRule}\n`;\n\nconst Time = styled('div', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.TIME,\n})`\n  font-size: 0.923rem;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  text-align: right;\n  min-width: 54.5px;\n`;\n\nconst Message = styled('p', {\n  name: DSChatSystemMessageName,\n  slot: CHAT_SYSTEM_MESSAGE_SLOTS.BODY,\n})`\n  font-size: 1rem;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: 32px;\n  text-align: center;\n  margin: 0;\n  ${wrapRule}\n`;\n\nexport { Wrapper, Header, EmptyDiv, Title, Time, Message };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW;AAC5B,SAAS,YAAY;AACrB,SAAS,2BAA2B,+BAA+B;AAEnE,MAAM,WAAW;AAAA;AAAA;AAAA;AAKjB,MAAM,UAAU,OAAO,OAAO;AAAA,EAC5B,MAAM;AAAA,EACN,MAAM,0BAA0B;AAClC,CAAC;AAAA;AAAA;AAAA;AAAA,sBAIqB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,sBAE5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIlE,MAAM,SAAS,OAAO,MAAM;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM,0BAA0B;AAClC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUD,MAAM,WAAW,OAAO,OAAO;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM,0BAA0B;AAClC,CAAC;AAAA;AAAA;AAID,MAAM,QAAQ,OAAO,KAAK;AAAA,EACxB,MAAM;AAAA,EACN,MAAM,0BAA0B;AAClC,CAAC;AAAA;AAAA,iBAEgB,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnD,QAAQ;AAAA;AAGZ,MAAM,OAAO,OAAO,OAAO;AAAA,EACzB,MAAM;AAAA,EACN,MAAM,0BAA0B;AAClC,CAAC;AAAA;AAAA,iBAEgB,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,UAAU,OAAO,KAAK;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM,0BAA0B;AAClC,CAAC;AAAA;AAAA,iBAEgB,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,IAInD,QAAQ;AAAA;",
   "names": []
 }

package/dist/esm/typescript-testing/slot-props.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+const SlotPropsAsObj = {
+  dsChatsystemmessageRoot: { "aria-label": "just a typescript test" },
+  dsChatsystemmessageHeader: { "aria-label": "just a typescript test" },
+  dsChatsystemmessageLeftSpacer: { "aria-hidden": true },
+  dsChatsystemmessageTitle: { "aria-label": "just a typescript test" },
+  dsChatsystemmessageTime: { "aria-label": "just a typescript test" },
+  dsChatsystemmessageBody: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsChatsystemmessageRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsChatsystemmessageHeader: () => ({ "aria-label": "just a typescript test" }),
+  dsChatsystemmessageLeftSpacer: () => ({ "aria-hidden": true }),
+  dsChatsystemmessageTitle: () => ({ "aria-label": "just a typescript test" }),
+  dsChatsystemmessageTime: () => ({ "aria-label": "just a typescript test" }),
+  dsChatsystemmessageBody: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/esm/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { CHAT_SYSTEM_MESSAGE_SLOTS, DSChatSystemMessageName } from '../constants/index.js';\nimport type { DSChatSystemMessageT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSChatSystemMessageT.Props> = {\n  dsChatsystemmessageRoot: { 'aria-label': 'just a typescript test' },\n  dsChatsystemmessageHeader: { 'aria-label': 'just a typescript test' },\n  dsChatsystemmessageLeftSpacer: { 'aria-hidden': true },\n  dsChatsystemmessageTitle: { 'aria-label': 'just a typescript test' },\n  dsChatsystemmessageTime: { 'aria-label': 'just a typescript test' },\n  dsChatsystemmessageBody: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSChatSystemMessageT.SlotFunctionArguments = {\n  dsChatsystemmessageRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatsystemmessageHeader: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatsystemmessageLeftSpacer: () => ({ 'aria-hidden': true }),\n  dsChatsystemmessageTitle: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatsystemmessageTime: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatsystemmessageBody: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSChatSystemMessageName, typeof CHAT_SYSTEM_MESSAGE_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,iBAAsD;AAAA,EAC1D,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,2BAA2B,EAAE,cAAc,yBAAyB;AAAA,EACpE,+BAA+B,EAAE,eAAe,KAAK;AAAA,EACrD,0BAA0B,EAAE,cAAc,yBAAyB;AAAA,EACnE,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,yBAAyB,EAAE,cAAc,yBAAyB;AACpE;AAEA,MAAM,uBAAmE;AAAA,EACvE,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,2BAA2B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC3E,+BAA+B,OAAO,EAAE,eAAe,KAAK;AAAA,EAC5D,0BAA0B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC1E,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAC3E;AAGA,MAAM,6CAEF;",
+  "names": []
+}

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

@@ -0,0 +1,23 @@
+export declare const DSChatSystemMessageName = "DSChatsystemmessage";
+export declare const CHAT_SYSTEM_MESSAGE_SLOTS: {
+    readonly ROOT: "root";
+    readonly HEADER: "header";
+    readonly LEFT_SPACER: "left-spacer";
+    readonly TITLE: "title";
+    readonly TIME: "time";
+    readonly BODY: "body";
+};
+export declare const CHAT_SYSTEM_MESSAGE_DATA_TESTID: {
+    ROOT: string;
+    TITLE: string;
+    TIME: string;
+    BODY: string;
+    HEADER: "ds-chatsystemmessage-header";
+    LEFT_SPACER: "ds-chatsystemmessage-left-spacer";
+};
+export declare const ChatSystemMessageDataTestIds: {
+    SYSTEM_MSG_ROOT: string;
+    SYSTEM_MSG_TITLE: string;
+    SYSTEM_MSG_TIME: string;
+    SYSTEM_MSG_BODY: string;
+};

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export { SystemMessage, SystemMessageWithSchema } from './SystemMessage.js';
-export { ChatSystemMessageDataTestIds } from './ChatSystemMessageDataTestIds.js';
-export * from './style.js';
 export type { DSChatSystemMessageT } from './react-desc-prop-types.js';
+export { DSChatSystemMessagePropTypes, DSChatSystemMessagePropTypesSchema } from './react-desc-prop-types.js';
+export { DSChatSystemMessageName, CHAT_SYSTEM_MESSAGE_SLOTS, CHAT_SYSTEM_MESSAGE_DATA_TESTID, ChatSystemMessageDataTestIds, } from './constants/index.js';
+export { Wrapper, Title, Time, Message } from './style.js';

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

@@ -1,21 +1,29 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { CHAT_SYSTEM_MESSAGE_SLOTS, DSChatSystemMessageName } from './constants/index.js';
 export declare namespace DSChatSystemMessageT {
+    type SlotFunctionArguments = {
+        dsChatsystemmessageRoot: () => object;
+        dsChatsystemmessageHeader: () => object;
+        dsChatsystemmessageLeftSpacer: () => object;
+        dsChatsystemmessageTitle: () => object;
+        dsChatsystemmessageTime: () => object;
+        dsChatsystemmessageBody: () => object;
+    };
     interface DefaultProps {
         title: string;
     }
-    interface OptionalProps {
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChatSystemMessageName, typeof CHAT_SYSTEM_MESSAGE_SLOTS> {
         time?: string;
     }
     interface RequiredProps {
         body: string;
     }
-    interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, XstyledProps, RequiredProps {
     }
-    interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, XstyledProps, RequiredProps {
     }
 }
 export declare const defaultProps: DSChatSystemMessageT.DefaultProps;
-export declare const systemMessageProps: {
-    body: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    time: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-};
+export declare const DSChatSystemMessagePropTypes: DSPropTypesSchema<DSChatSystemMessageT.Props>;
+export declare const DSChatSystemMessagePropTypesSchema: ValidationMap<DSChatSystemMessageT.Props>;

package/dist/types/tests/DSChatSystemMessage.data-testid.test.d.ts

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

package/dist/types/tests/DSChatSystemMessage.exports.test.d.ts

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

package/dist/types/tests/DSChatSystemMessage.get-owner-props-arguments.test.d.ts

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

package/dist/types/tests/DSChatSystemMessage.proptype-schema.test.d.ts

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

package/dist/types/typescript-testing/slot-props.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat-system-message",
-  "version": "3.70.0-next.3",
+  "version": "3.70.0-next.30",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat System Message",
   "files": [
@@ -36,18 +36,18 @@
     "typeSafety": true
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.70.0-next.3",
-    "@elliemae/ds-props-helpers": "3.70.0-next.3",
-    "@elliemae/ds-system": "3.70.0-next.3"
+    "@elliemae/ds-props-helpers": "3.70.0-next.30",
+    "@elliemae/ds-grid": "3.70.0-next.30",
+    "@elliemae/ds-system": "3.70.0-next.30"
   },
   "devDependencies": {
     "jest": "^30.0.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-test-utils": "3.70.0-next.3",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.3"
+    "@elliemae/ds-test-utils": "3.70.0-next.30",
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.30"
   },
   "peerDependencies": {
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.18.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "~5.3.9"

package/dist/cjs/ChatSystemMessageDataTestIds.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ChatSystemMessageDataTestIds.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const ChatSystemMessageDataTestIds = {\n  SYSTEM_MSG_ROOT: 'chat-system-message-root',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,+BAA+B;AAAA,EAC1C,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;",
-  "names": []
-}

package/dist/cjs/DSChatSystemMessageDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSChatSystemMessageDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSChatSystemMessageName = 'DSChatsystemmessage';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,0BAA0B;",
-  "names": []
-}

package/dist/esm/ChatSystemMessageDataTestIds.js

@@ -1,11 +0,0 @@
-import * as React from "react";
-const ChatSystemMessageDataTestIds = {
-  SYSTEM_MSG_ROOT: "chat-system-message-root",
-  SYSTEM_MSG_TITLE: "chat-system-message-title",
-  SYSTEM_MSG_BODY: "chat-system-message-body",
-  SYSTEM_MSG_TIME: "chat-system-message-time"
-};
-export {
-  ChatSystemMessageDataTestIds
-};
-//# sourceMappingURL=ChatSystemMessageDataTestIds.js.map

package/dist/esm/ChatSystemMessageDataTestIds.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/ChatSystemMessageDataTestIds.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ChatSystemMessageDataTestIds = {\n  SYSTEM_MSG_ROOT: 'chat-system-message-root',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,+BAA+B;AAAA,EAC1C,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;",
-  "names": []
-}

package/dist/esm/DSChatSystemMessageDefinitions.js

@@ -1,6 +0,0 @@
-import * as React from "react";
-const DSChatSystemMessageName = "DSChatsystemmessage";
-export {
-  DSChatSystemMessageName
-};
-//# sourceMappingURL=DSChatSystemMessageDefinitions.js.map

package/dist/esm/DSChatSystemMessageDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSChatSystemMessageDefinitions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSChatSystemMessageName = 'DSChatsystemmessage';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,0BAA0B;",
-  "names": []
-}

package/dist/types/ChatSystemMessageDataTestIds.d.ts

@@ -1,6 +0,0 @@
-export declare const ChatSystemMessageDataTestIds: {
-    SYSTEM_MSG_ROOT: string;
-    SYSTEM_MSG_TITLE: string;
-    SYSTEM_MSG_BODY: string;
-    SYSTEM_MSG_TIME: string;
-};

package/dist/types/DSChatSystemMessageDefinitions.d.ts

@@ -1 +0,0 @@
-export declare const DSChatSystemMessageName = "DSChatsystemmessage";