@elliemae/ds-chat-container-header 3.50.1-next.9 → 3.51.0-beta.2

package/dist/cjs/DSChatContainerHeaderDefinitions.js

@@ -32,5 +32,5 @@ __export(DSChatContainerHeaderDefinitions_exports, {
 });
 module.exports = __toCommonJS(DSChatContainerHeaderDefinitions_exports);
 var React = __toESM(require("react"));
-const DSChatContainerHeaderName = "DSChatContainerHeader";
+const DSChatContainerHeaderName = "DSChatcontainerheader";
 //# sourceMappingURL=DSChatContainerHeaderDefinitions.js.map

package/dist/cjs/DSChatContainerHeaderDefinitions.js.map

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

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid, type DSGridT } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const StyledChatContainerContentHeader = styled(Grid)<DSGridT.Props>`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions as any} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: 1.6;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAmC;AAE5B,MAAM,8CAA0C,yBAAO,mBAAI;AAAA;AAAA;AAI3D,MAAM,uCAAmC,yBAAO,mBAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,gBACzD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IACxD,uCAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3C,MAAM,4CAAwC,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid, type DSGridT } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const StyledChatContainerContentHeader = styled(Grid)<DSGridT.Props>`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: 1.6;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAmC;AAE5B,MAAM,8CAA0C,yBAAO,mBAAI;AAAA;AAAA;AAI3D,MAAM,uCAAmC,yBAAO,mBAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,gBACzD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IACxD,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,4CAAwC,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-chat-container-header-valid.js

@@ -24,12 +24,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import__ = require("../index.js");
-const MockChildren = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {});
 const testRequiredProps = {
   title: ""
 };
 const testOptionalProps = {
-  children: MockChildren()
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
 };
 const testProps = {
   ...testRequiredProps,
@@ -41,20 +40,20 @@ const testPropsAsSyntax = {
 };
 const testExplicitDefinition = {
   title: "",
-  children: MockChildren()
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
 };
 const testInferedTypeCompatibility = {
   title: "",
-  children: MockChildren()
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
 };
 const testDefinitionAsConst = {
   title: "",
-  children: MockChildren()
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
 };
 const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ChatContainerHeader, { ...testExplicitDefinition }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ChatContainerHeader, { ...testInferedTypeCompatibility }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ChatContainerHeader, { ...testDefinitionAsConst }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ChatContainerHeader, { title: "", children: MockChildren() })
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ChatContainerHeader, { title: "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}) })
 ] });
 //# sourceMappingURL=typescript-chat-container-header-valid.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-chat-container-header-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { ChatContainerHeader } from '../index.js';\nimport type { DSChatContainerHeaderT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatContainerHeaderT.Props;\ntype ComponentPropsOptionalProps = DSChatContainerHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatContainerHeaderT.RequiredProps;\n\nconst MockChildren = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  children: MockChildren(),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n} as ComponentPropsForApp;\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  children: MockChildren(),\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  children: MockChildren(),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  children: MockChildren(),\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatContainerHeader {...testExplicitDefinition} />\n    <ChatContainerHeader {...testInferedTypeCompatibility} />\n    <ChatContainerHeader {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatContainerHeader title=\"\" children={MockChildren()} />\n  </>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACSI;AAR3B,eAAoC;AAQpC,MAAM,eAAe,MAAM,4CAAC,SAAI;AAEhC,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,UAAU,aAAa;AACzB;AAKA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,UAAU,aAAa;AACzB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,UAAU,aAAa;AACzB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU,aAAa;AACzB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,gCAAqB,GAAG,wBAAwB;AAAA,EACjD,4CAAC,gCAAqB,GAAG,8BAA8B;AAAA,EACvD,4CAAC,gCAAqB,GAAG,uBAAuB;AAAA,EAEhD,4CAAC,gCAAoB,OAAM,IAAG,UAAU,aAAa,GAAG;AAAA,GAC1D;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { DSChatContainerHeaderT } from '../index.js';\nimport { ChatContainerHeader } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatContainerHeaderT.Props;\ntype ComponentPropsOptionalProps = DSChatContainerHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatContainerHeaderT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  children: <div></div>,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n} as ComponentPropsForApp;\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  children: <div></div>,\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  children: <div></div>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  children: <div></div>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatContainerHeader {...testExplicitDefinition} />\n    <ChatContainerHeader {...testInferedTypeCompatibility} />\n    <ChatContainerHeader {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatContainerHeader title=\"\">\n      <div></div>\n    </ChatContainerHeader>\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACcX;AAZZ,eAAoC;AAOpC,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,UAAU,4CAAC,SAAI;AACjB;AAKA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,UAAU,4CAAC,SAAI;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,UAAU,4CAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU,4CAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,gCAAqB,GAAG,wBAAwB;AAAA,EACjD,4CAAC,gCAAqB,GAAG,8BAA8B;AAAA,EACvD,4CAAC,gCAAqB,GAAG,uBAAuB;AAAA,EAEhD,4CAAC,gCAAoB,OAAM,IACzB,sDAAC,SAAI,GACP;AAAA,GACF;",
   "names": []
 }

package/dist/esm/DSChatContainerHeaderDefinitions.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-const DSChatContainerHeaderName = "DSChatContainerHeader";
+const DSChatContainerHeaderName = "DSChatcontainerheader";
 export {
   DSChatContainerHeaderName
 };

package/dist/esm/DSChatContainerHeaderDefinitions.js.map

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

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid, type DSGridT } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const StyledChatContainerContentHeader = styled(Grid)<DSGridT.Props>`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions as any} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: 1.6;\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAA0B;AAE5B,MAAM,0CAA0C,OAAO,IAAI;AAAA;AAAA;AAI3D,MAAM,mCAAmC,OAAO,IAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,gBACzD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IACxD,uCAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3C,MAAM,wCAAwC,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid, type DSGridT } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const StyledChatContainerContentHeader = styled(Grid)<DSGridT.Props>`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: 1.6;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAA0B;AAE5B,MAAM,0CAA0C,OAAO,IAAI;AAAA;AAAA;AAI3D,MAAM,mCAAmC,OAAO,IAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,gBACzD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IACxD,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,wCAAwC,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-chat-container-header-valid.js

@@ -1,12 +1,11 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChatContainerHeader } from "../index.js";
-const MockChildren = () => /* @__PURE__ */ jsx("div", {});
 const testRequiredProps = {
   title: ""
 };
 const testOptionalProps = {
-  children: MockChildren()
+  children: /* @__PURE__ */ jsx("div", {})
 };
 const testProps = {
   ...testRequiredProps,
@@ -18,20 +17,20 @@ const testPropsAsSyntax = {
 };
 const testExplicitDefinition = {
   title: "",
-  children: MockChildren()
+  children: /* @__PURE__ */ jsx("div", {})
 };
 const testInferedTypeCompatibility = {
   title: "",
-  children: MockChildren()
+  children: /* @__PURE__ */ jsx("div", {})
 };
 const testDefinitionAsConst = {
   title: "",
-  children: MockChildren()
+  children: /* @__PURE__ */ jsx("div", {})
 };
 const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(ChatContainerHeader, { ...testExplicitDefinition }),
   /* @__PURE__ */ jsx(ChatContainerHeader, { ...testInferedTypeCompatibility }),
   /* @__PURE__ */ jsx(ChatContainerHeader, { ...testDefinitionAsConst }),
-  /* @__PURE__ */ jsx(ChatContainerHeader, { title: "", children: MockChildren() })
+  /* @__PURE__ */ jsx(ChatContainerHeader, { title: "", children: /* @__PURE__ */ jsx("div", {}) })
 ] });
 //# sourceMappingURL=typescript-chat-container-header-valid.js.map

package/dist/esm/typescript-testing/typescript-chat-container-header-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-chat-container-header-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { ChatContainerHeader } from '../index.js';\nimport type { DSChatContainerHeaderT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatContainerHeaderT.Props;\ntype ComponentPropsOptionalProps = DSChatContainerHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatContainerHeaderT.RequiredProps;\n\nconst MockChildren = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  children: MockChildren(),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n} as ComponentPropsForApp;\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  children: MockChildren(),\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  children: MockChildren(),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  children: MockChildren(),\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatContainerHeader {...testExplicitDefinition} />\n    <ChatContainerHeader {...testInferedTypeCompatibility} />\n    <ChatContainerHeader {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatContainerHeader title=\"\" children={MockChildren()} />\n  </>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACSI,SAyCzB,UAzCyB,KAyCzB,YAzCyB;AAR3B,SAAS,2BAA2B;AAQpC,MAAM,eAAe,MAAM,oBAAC,SAAI;AAEhC,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,UAAU,aAAa;AACzB;AAKA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,UAAU,aAAa;AACzB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,UAAU,aAAa;AACzB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU,aAAa;AACzB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,uBAAqB,GAAG,wBAAwB;AAAA,EACjD,oBAAC,uBAAqB,GAAG,8BAA8B;AAAA,EACvD,oBAAC,uBAAqB,GAAG,uBAAuB;AAAA,EAEhD,oBAAC,uBAAoB,OAAM,IAAG,UAAU,aAAa,GAAG;AAAA,GAC1D;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { DSChatContainerHeaderT } from '../index.js';\nimport { ChatContainerHeader } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatContainerHeaderT.Props;\ntype ComponentPropsOptionalProps = DSChatContainerHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatContainerHeaderT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  children: <div></div>,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n} as ComponentPropsForApp;\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  children: <div></div>,\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  children: <div></div>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  children: <div></div>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatContainerHeader {...testExplicitDefinition} />\n    <ChatContainerHeader {...testInferedTypeCompatibility} />\n    <ChatContainerHeader {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatContainerHeader title=\"\">\n      <div></div>\n    </ChatContainerHeader>\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACcX,SAkCV,UAlCU,KAkCV,YAlCU;AAZZ,SAAS,2BAA2B;AAOpC,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,UAAU,oBAAC,SAAI;AACjB;AAKA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,UAAU,oBAAC,SAAI;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,uBAAqB,GAAG,wBAAwB;AAAA,EACjD,oBAAC,uBAAqB,GAAG,8BAA8B;AAAA,EACvD,oBAAC,uBAAqB,GAAG,uBAAuB;AAAA,EAEhD,oBAAC,uBAAoB,OAAM,IACzB,8BAAC,SAAI,GACP;AAAA,GACF;",
   "names": []
 }

package/dist/types/DSChatContainerHeaderDefinitions.d.ts

@@ -1 +1 @@
-export declare const DSChatContainerHeaderName = "DSChatContainerHeader";
+export declare const DSChatContainerHeaderName = "DSChatcontainerheader";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat-container-header",
-  "version": "3.50.1-next.9",
+  "version": "3.51.0-beta.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat Container Header",
   "files": [
@@ -14,18 +14,6 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
-    },
-    "./styled": {
-      "import": "./dist/esm/styled.js",
-      "require": "./dist/cjs/styled.js"
-    },
-    "./props": {
-      "import": "./dist/esm/props.js",
-      "require": "./dist/cjs/props.js"
-    },
-    "./ChatContainerHeader": {
-      "import": "./dist/esm/ChatContainerHeader.js",
-      "require": "./dist/cjs/ChatContainerHeader.js"
     }
   },
   "repository": {
@@ -33,8 +21,8 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "pnpm": ">=9",
+    "node": ">=22"
   },
   "author": "ICE MT",
   "jestSonar": {
@@ -48,22 +36,22 @@
     "typeSafety": true
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.50.1-next.9",
-    "@elliemae/ds-system": "3.50.1-next.9",
-    "@elliemae/ds-props-helpers": "3.50.1-next.9",
-    "@elliemae/ds-truncated-tooltip-text": "3.50.1-next.9"
+    "@elliemae/ds-grid": "3.51.0-beta.2",
+    "@elliemae/ds-props-helpers": "3.51.0-beta.2",
+    "@elliemae/ds-system": "3.51.0-beta.2",
+    "@elliemae/ds-truncated-tooltip-text": "3.51.0-beta.2"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "9.0.0-next.31",
-    "@types/react": "latest",
+    "@elliemae/pui-cli": "9.0.0-next.55",
+    "@types/react": "^18.0.0",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.50.1-next.9"
+    "@elliemae/ds-monorepo-devops": "3.51.0-beta.2"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "styled-components": "~5.3.9"
   },
   "scripts": {