@elliemae/ds-chat-container-header 3.61.5-rc.1 → 3.70.0-next.10

package/dist/cjs/ChatContainerHeader.js

@@ -29,7 +29,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var ChatContainerHeader_exports = {};
 __export(ChatContainerHeader_exports, {
   ChatContainerHeader: () => ChatContainerHeader,
-  ChatContainerHeaderWithSchema: () => ChatContainerHeaderWithSchema
+  ChatContainerHeaderWithSchema: () => ChatContainerHeaderWithSchema,
+  DSChatContainerHeader: () => DSChatContainerHeader,
+  DSChatContainerHeaderWithSchema: () => DSChatContainerHeaderWithSchema
 });
 module.exports = __toCommonJS(ChatContainerHeader_exports);
 var React = __toESM(require("react"));
@@ -37,46 +39,72 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_lodash_es = require("lodash-es");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_TruncatedTooltipText = require("./TruncatedTooltipText.js");
 var import_styled = require("./styled.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
-var import_ChatContainerHeaderDataTestIds = require("./ChatContainerHeaderDataTestIds.js");
-var import_DSChatContainerHeaderDefinitions = require("./DSChatContainerHeaderDefinitions.js");
+var import_constants = require("./constants/index.js");
 const ChatContainerHeader = (props) => {
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes, import_DSChatContainerHeaderDefinitions.DSChatContainerHeaderName);
-  const globalProps = (0, import_lodash_es.omit)((0, import_ds_props_helpers.useGetGlobalAttributes)(props), [
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.propTypes, import_constants.DSChatContainerHeaderName);
+  const globalProps = (0, import_lodash_es.omit)((0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault), [
     "cols",
     "rows",
     "wrap",
     "title"
   ]);
-  const { title, children } = props;
+  const { getOwnerProps, getOwnerPropsArguments } = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
+  const { title, children, wrapText } = propsWithDefault;
   const cols = import_react.default.useMemo(
     () => ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
     [children]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledChatContainerContentHeader, { alignItems: "center", cols, role: "heading", "aria-level": 2, ...globalProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_styled.StyledChatContainerContentHeaderLabel,
-      {
-        "data-testid": import_ChatContainerHeaderDataTestIds.ChatContainerHeaderDataTestIds.HEADER_TITLE,
-        pl: "xxs",
-        pr: "xxs",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, { value: title })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_styled.StyledChatContainerContentHeaderActions,
-      {
-        cols: import_react.default.Children.toArray(children).filter(Boolean).map(() => "32px"),
-        justifyContent: "flex-end",
-        "data-testid": import_ChatContainerHeaderDataTestIds.ChatContainerHeaderDataTestIds.HEADER_CHILDREN,
-        children
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.StyledChatContainerContentHeader,
+    {
+      alignItems: "center",
+      cols,
+      role: "heading",
+      "aria-level": 2,
+      ...globalProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledChatContainerContentHeaderLabel,
+          {
+            "data-testid": import_constants.CHAT_CONTAINER_HEADER_DATA_TESTID.HEADER_TITLE,
+            pl: "xxs",
+            pr: "xxs",
+            $wrapText: wrapText,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: wrapText ? title : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_TruncatedTooltipText.TruncatedTooltipText,
+              {
+                value: title,
+                getOwnerProps,
+                getOwnerPropsArguments
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledChatContainerContentHeaderActions,
+          {
+            cols: import_react.default.Children.toArray(children).filter(Boolean).map(() => "32px"),
+            justifyContent: "flex-end",
+            "data-testid": import_constants.CHAT_CONTAINER_HEADER_DATA_TESTID.HEADER_CHILDREN,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children
+          }
+        )
+      ]
+    }
+  );
 };
-ChatContainerHeader.displayName = import_DSChatContainerHeaderDefinitions.DSChatContainerHeaderName;
+ChatContainerHeader.displayName = import_constants.DSChatContainerHeaderName;
 const ChatContainerHeaderWithSchema = (0, import_ds_props_helpers.describe)(ChatContainerHeader);
-ChatContainerHeaderWithSchema.propTypes = import_react_desc_prop_types.propTypes;
+const DSChatContainerHeader = ChatContainerHeader;
+const DSChatContainerHeaderWithSchema = ChatContainerHeaderWithSchema;
 //# sourceMappingURL=ChatContainerHeader.js.map

package/dist/cjs/ChatContainerHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ChatContainerHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash-es';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { type DSGridT } from '@elliemae/ds-grid';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled.js';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions.js';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n  useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\n\n  const globalProps = omit(useGetGlobalAttributes<DSChatContainerHeaderT.InternalProps>(props), [\n    'cols',\n    'rows',\n    'wrap',\n    'title',\n  ]);\n  const { title, children } = props;\n  const cols = React.useMemo<DSGridT.Props['cols']>(\n    () => ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],\n    [children],\n  );\n\n  return (\n    <StyledChatContainerContentHeader alignItems=\"center\" cols={cols} role=\"heading\" aria-level={2} {...globalProps}>\n      <StyledChatContainerContentHeaderLabel\n        data-testid={ChatContainerHeaderDataTestIds.HEADER_TITLE}\n        pl=\"xxs\"\n        pr=\"xxs\"\n      >\n        <SimpleTruncatedTooltipText value={title} />\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={React.Children.toArray(children)\n          .filter(Boolean)\n          .map(() => '32px')}\n        justifyContent=\"flex-end\"\n        data-testid={ChatContainerHeaderDataTestIds.HEADER_CHILDREN}\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n\nChatContainerHeader.displayName = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BnB;AA/BJ,mBAAkB;AAClB,uBAAqB;AACrB,8BAAiF;AACjF,uCAA2C;AAE3C,oBAIO;AAEP,mCAA0B;AAC1B,4CAA+C;AAC/C,8CAA0C;AAE1C,MAAM,sBAAyE,CAAC,UAAU;AACxF,8DAA+B,OAAO,wCAAW,iEAAyB;AAE1E,QAAM,kBAAc,2BAAK,gDAA6D,KAAK,GAAG;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,OAAO,SAAS,IAAI;AAC5B,QAAM,OAAO,aAAAA,QAAM;AAAA,IACjB,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,6CAAC,kDAAiC,YAAW,UAAS,MAAY,MAAK,WAAU,cAAY,GAAI,GAAG,aAClG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,qEAA+B;AAAA,QAC5C,IAAG;AAAA,QACH,IAAG;AAAA,QAEH,sDAAC,+DAA2B,OAAO,OAAO;AAAA;AAAA,IAC5C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,QACnB,gBAAe;AAAA,QACf,eAAa,qEAA+B;AAAA,QAE3C;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash-es';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { type DSGridT } from '@elliemae/ds-grid';\nimport { TruncatedTooltipText } from './TruncatedTooltipText.js';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled.js';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\nimport { defaultProps, propTypes } from './react-desc-prop-types.js';\nimport { CHAT_CONTAINER_HEADER_DATA_TESTID, DSChatContainerHeaderName } from './constants/index.js';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatContainerHeaderT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSChatContainerHeaderName);\n\n  // `title` is omitted from globalProps to avoid forwarding it to the DOM as the native `title`\n  // attribute (which would produce an unwanted browser tooltip on the header element).\n  const globalProps = omit(useGetGlobalAttributes<DSChatContainerHeaderT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n    'title',\n  ]);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatContainerHeaderT.Props>(propsWithDefault);\n  const { title, children, wrapText } = propsWithDefault;\n  const cols = React.useMemo<DSGridT.Props['cols']>(\n    () => ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],\n    [children],\n  );\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={cols}\n      role=\"heading\"\n      aria-level={2}\n      {...globalProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledChatContainerContentHeaderLabel\n        // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n        data-testid={CHAT_CONTAINER_HEADER_DATA_TESTID.HEADER_TITLE}\n        pl=\"xxs\"\n        pr=\"xxs\"\n        $wrapText={wrapText}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {wrapText ? (\n          title\n        ) : (\n          <TruncatedTooltipText\n            value={title}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          />\n        )}\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={React.Children.toArray(children)\n          .filter(Boolean)\n          .map(() => '32px')}\n        justifyContent=\"flex-end\"\n        // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n        data-testid={CHAT_CONTAINER_HEADER_DATA_TESTID.HEADER_CHILDREN}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n\nChatContainerHeader.displayName = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\n\n// DS-prefixed canonical names (modern Dimsum convention) \u2014 ChatContainerHeader kept as alias for backwards compat\nconst DSChatContainerHeader = ChatContainerHeader;\nconst DSChatContainerHeaderWithSchema = ChatContainerHeaderWithSchema;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema, DSChatContainerHeader, DSChatContainerHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AAxCJ,mBAAkB;AAClB,uBAAqB;AACrB,8BAMO;AAEP,kCAAqC;AACrC,oBAIO;AAEP,mCAAwC;AACxC,uBAA6E;AAE7E,MAAM,sBAAyE,CAAC,UAAU;AACxF,QAAM,uBAAmB,sDAAmE,OAAO,yCAAY;AAC/G,8DAA+B,kBAAkB,wCAAW,0CAAyB;AAIrF,QAAM,kBAAc,2BAAK,gDAA6D,gBAAgB,GAAG;AAAA,IACvG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAA4C,gBAAgB;AAC9G,QAAM,EAAE,OAAO,UAAU,SAAS,IAAI;AACtC,QAAM,OAAO,aAAAA,QAAM;AAAA,IACjB,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YAEC,eAAa,mDAAkC;AAAA,YAC/C,IAAG;AAAA,YACH,IAAG;AAAA,YACH,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YAEC,qBACC,QAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,YACnB,gBAAe;AAAA,YAEf,eAAa,mDAAkC;AAAA,YAC/C;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAGlE,MAAM,wBAAwB;AAC9B,MAAM,kCAAkC;",
   "names": ["React"]
 }

package/dist/cjs/TruncatedTooltipText.js

@@ -0,0 +1,118 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TruncatedTooltipText_exports = {};
+__export(TruncatedTooltipText_exports, {
+  TruncatedTooltipText: () => TruncatedTooltipText,
+  default: () => TruncatedTooltipText_default
+});
+module.exports = __toCommonJS(TruncatedTooltipText_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_floating_context = require("@elliemae/ds-floating-context");
+var import_constants = require("./constants/index.js");
+const TruncatedSpan = (0, import_ds_system.styled)("span", {
+  name: import_constants.DSChatContainerHeaderName,
+  slot: import_constants.CHAT_CONTAINER_HEADER_SLOTS.TOOLTIP_TEXT
+})`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`;
+const TooltipContainer = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSChatContainerHeaderName,
+  slot: import_constants.CHAT_CONTAINER_HEADER_SLOTS.TOOLTIP_CONTAINER
+})`
+  text-align: center;
+  min-width: ${({ theme }) => theme.space.l};
+  max-width: 250px;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  min-height: 30px;
+  display: grid;
+  align-items: center;
+  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};
+  position: relative;
+  background-color: white;
+  border-radius: 2px;
+  font-size: 13px;
+  color: ${({ theme }) => theme.colors.neutral[600]};
+  pointer-events: none;
+`;
+const TruncatedTooltipText = ({
+  value = "",
+  placement = "top",
+  getOwnerProps,
+  getOwnerPropsArguments
+}) => {
+  const [showTooltip, setShowTooltip] = (0, import_react.useState)(false);
+  const { refs, floatingStyles, arrowStyles, context } = (0, import_ds_floating_context.useFloatingContext)({
+    placement,
+    externallyControlledIsOpen: showTooltip,
+    withoutAnimation: true
+  });
+  const handleMouseEnter = (0, import_react.useCallback)((e) => {
+    const el = e.currentTarget;
+    setShowTooltip(el.offsetWidth < el.scrollWidth);
+  }, []);
+  const handleMouseLeave = (0, import_react.useCallback)(() => {
+    setShowTooltip(false);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      TruncatedSpan,
+      {
+        innerRef: refs.setReference,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: value
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_floating_context.FloatingWrapper,
+      {
+        innerRef: refs.setFloating,
+        isOpen: showTooltip,
+        floatingStyles,
+        context,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipContainer, { getOwnerProps, getOwnerPropsArguments, children: [
+          value,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_floating_context.PopoverArrow, { ...arrowStyles })
+        ] })
+      }
+    )
+  ] });
+};
+var TruncatedTooltipText_default = TruncatedTooltipText;
+//# sourceMappingURL=TruncatedTooltipText.js.map

package/dist/cjs/TruncatedTooltipText.js.map

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

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

@@ -26,11 +26,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSChatContainerHeaderDefinitions_exports = {};
-__export(DSChatContainerHeaderDefinitions_exports, {
+var constants_exports = {};
+__export(constants_exports, {
+  CHAT_CONTAINER_HEADER_DATA_TESTID: () => CHAT_CONTAINER_HEADER_DATA_TESTID,
+  CHAT_CONTAINER_HEADER_SLOTS: () => CHAT_CONTAINER_HEADER_SLOTS,
   DSChatContainerHeaderName: () => DSChatContainerHeaderName
 });
-module.exports = __toCommonJS(DSChatContainerHeaderDefinitions_exports);
+module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
 const DSChatContainerHeaderName = "DSChatcontainerheader";
-//# sourceMappingURL=DSChatContainerHeaderDefinitions.js.map
+const CHAT_CONTAINER_HEADER_SLOTS = {
+  ROOT: "root",
+  HEADER_TITLE: "header-title",
+  // legacy data-testid override applied below
+  HEADER_CHILDREN: "header-children",
+  // legacy data-testid override applied below
+  TOOLTIP_TEXT: "tooltip-text",
+  TOOLTIP_CONTAINER: "tooltip-container"
+};
+const CHAT_CONTAINER_HEADER_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSChatContainerHeaderName, CHAT_CONTAINER_HEADER_SLOTS),
+  // legacy values — preserved for QA/consumer compatibility, breaking change if removed
+  HEADER_TITLE: "chat-header-title",
+  HEADER_CHILDREN: "chat-header-children"
+};
+//# 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 DSChatContainerHeaderName = 'DSChatcontainerheader';\n\nexport const CHAT_CONTAINER_HEADER_SLOTS = {\n  ROOT: 'root',\n  HEADER_TITLE: 'header-title', // legacy data-testid override applied below\n  HEADER_CHILDREN: 'header-children', // legacy data-testid override applied below\n  TOOLTIP_TEXT: 'tooltip-text',\n  TOOLTIP_CONTAINER: 'tooltip-container',\n} as const;\n\nexport const CHAT_CONTAINER_HEADER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatContainerHeaderName, CHAT_CONTAINER_HEADER_SLOTS),\n  // legacy values \u2014 preserved for QA/consumer compatibility, breaking change if removed\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,4BAA4B;AAElC,MAAM,8BAA8B;AAAA,EACzC,MAAM;AAAA,EACN,cAAc;AAAA;AAAA,EACd,iBAAiB;AAAA;AAAA,EACjB,cAAc;AAAA,EACd,mBAAmB;AACrB;AAEO,MAAM,oCAAoC;AAAA,EAC/C,OAAG,0CAAwB,2BAA2B,2BAA2B;AAAA;AAAA,EAEjF,cAAc;AAAA,EACd,iBAAiB;AACnB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -28,12 +28,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
+  CHAT_CONTAINER_HEADER_DATA_TESTID: () => import_constants.CHAT_CONTAINER_HEADER_DATA_TESTID,
+  CHAT_CONTAINER_HEADER_SLOTS: () => import_constants.CHAT_CONTAINER_HEADER_SLOTS,
   ChatContainerHeader: () => import_ChatContainerHeader.ChatContainerHeader,
-  ChatContainerHeaderDataTestIds: () => import_ChatContainerHeaderDataTestIds.ChatContainerHeaderDataTestIds,
-  ChatContainerHeaderWithSchema: () => import_ChatContainerHeader.ChatContainerHeaderWithSchema
+  ChatContainerHeaderDataTestIds: () => import_constants.CHAT_CONTAINER_HEADER_DATA_TESTID,
+  ChatContainerHeaderPropTypes: () => import_react_desc_prop_types.propTypes,
+  ChatContainerHeaderWithSchema: () => import_ChatContainerHeader.ChatContainerHeaderWithSchema,
+  DSChatContainerHeader: () => import_ChatContainerHeader.DSChatContainerHeader,
+  DSChatContainerHeaderName: () => import_constants.DSChatContainerHeaderName,
+  DSChatContainerHeaderWithSchema: () => import_ChatContainerHeader.DSChatContainerHeaderWithSchema
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_ChatContainerHeader = require("./ChatContainerHeader.js");
-var import_ChatContainerHeaderDataTestIds = require("./ChatContainerHeaderDataTestIds.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { ChatContainerHeader, ChatContainerHeaderWithSchema } from './ChatContainerHeader.js';\nexport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\nexport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAmE;AACnE,4CAA+C;",
+  "sourcesContent": ["export {\n  ChatContainerHeader,\n  ChatContainerHeaderWithSchema,\n  DSChatContainerHeader,\n  DSChatContainerHeaderWithSchema,\n} from './ChatContainerHeader.js';\nexport { type DSChatContainerHeaderT, propTypes as ChatContainerHeaderPropTypes } from './react-desc-prop-types.js';\nexport {\n  CHAT_CONTAINER_HEADER_DATA_TESTID as ChatContainerHeaderDataTestIds, // LEGACY EXPORT\n  CHAT_CONTAINER_HEADER_DATA_TESTID,\n  CHAT_CONTAINER_HEADER_SLOTS,\n  DSChatContainerHeaderName,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAKO;AACP,mCAAuF;AACvF,uBAKO;",
   "names": []
 }

package/dist/cjs/package.json

@@ -1,4 +1,7 @@
 {
   "type": "commonjs",
-  "sideEffects": false
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  }
 }

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

@@ -28,15 +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,
   propTypes: () => propTypes
 });
 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 = {
+  wrapText: false
+};
 const propTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSChatContainerHeaderName, import_constants.CHAT_CONTAINER_HEADER_SLOTS),
   ...import_ds_props_helpers.globalAttributesPropTypes,
   ...import_ds_props_helpers.xstyledPropTypes,
-  title: import_ds_props_helpers.PropTypes.string.isRequired.description(`Card's title`),
-  children: import_ds_props_helpers.PropTypes.node.description("Childrens")
+  title: import_ds_props_helpers.PropTypes.string.isRequired.description(`Header title`),
+  children: import_ds_props_helpers.PropTypes.node.description("Children rendered in the actions area"),
+  wrapText: import_ds_props_helpers.PropTypes.bool.description(
+    "When true, the title wraps onto multiple lines and the built-in truncation tooltip is NOT rendered. When false (default) the title is truncated with an ellipsis and a tooltip is shown on hover/focus."
+  ).defaultValue(defaultProps.wrapText)
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatContainerHeaderT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface OptionalProps {\n    children?: React.ReactNode;\n  }\n\n  export interface DefaultProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  children: PropTypes.node.description('Childrens'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AA4BhE,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,kCAAU,KAAK,YAAY,WAAW;AAClD;",
+  "sourcesContent": ["import type React from 'react';\nimport {\n  type DSPropTypesSchema,\n  type GlobalAttributesT,\n  type XstyledProps,\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from './constants/index.js';\n\nexport declare namespace DSChatContainerHeaderT {\n  // hand-written per-slot function argument map \u2014 one entry per slot in CHAT_CONTAINER_HEADER_SLOTS.\n  export type SlotFunctionArguments = {\n    dsChatcontainerheaderRoot: () => object;\n    dsChatcontainerheaderHeaderTitle: () => object;\n    dsChatcontainerheaderHeaderChildren: () => object;\n    dsChatcontainerheaderTooltipText: () => object;\n    dsChatcontainerheaderTooltipContainer: () => object;\n  };\n\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    wrapText: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSChatContainerHeaderName,\n      typeof CHAT_CONTAINER_HEADER_SLOTS\n    > {\n    children?: React.ReactNode;\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: DSChatContainerHeaderT.DefaultProps = {\n  wrapText: false,\n};\n\nexport const propTypes: DSPropTypesSchema<DSChatContainerHeaderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatContainerHeaderName, CHAT_CONTAINER_HEADER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.isRequired.description(`Header title`),\n  children: PropTypes.node.description('Children rendered in the actions area'),\n  wrapText: PropTypes.bool\n    .description(\n      'When true, the title wraps onto multiple lines and the built-in truncation tooltip is NOT rendered. ' +\n        'When false (default) the title is truncated with an ellipsis and a tooltip is shown on hover/focus.',\n    )\n    .defaultValue(defaultProps.wrapText),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAQO;AAEP,uBAAuE;AA2ChE,MAAM,eAAoD;AAAA,EAC/D,UAAU;AACZ;AAEO,MAAM,YAA6D;AAAA,EACxE,OAAG,kDAAyB,4CAA2B,4CAA2B;AAAA,EAClF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,kCAAU,KAAK,YAAY,uCAAuC;AAAA,EAC5E,UAAU,kCAAU,KACjB;AAAA,IACC;AAAA,EAEF,EACC,aAAa,aAAa,QAAQ;AACvC;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -36,10 +36,19 @@ module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
-const StyledChatContainerContentHeaderActions = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+var import_constants = require("./constants/index.js");
+const StyledChatContainerContentHeaderActions = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatContainerHeaderName,
+  slot: import_constants.CHAT_CONTAINER_HEADER_SLOTS.HEADER_CHILDREN,
+  // legacy data-testid `chat-header-children` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   max-width: 80px;
 `;
-const StyledChatContainerContentHeader = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const StyledChatContainerContentHeader = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatContainerHeaderName,
+  slot: import_constants.CHAT_CONTAINER_HEADER_SLOTS.ROOT
+})`
   width: 100%;
   min-height: 48px;
   border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
@@ -50,12 +59,23 @@ const StyledChatContainerContentHeader = (0, import_ds_system.styled)(import_ds_
     }
   }
 `;
-const StyledChatContainerContentHeaderLabel = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const wrapTextLabelCss = import_ds_system.css`
+  overflow-wrap: break-word;
+  word-break: break-word;
+  white-space: normal;
+`;
+const StyledChatContainerContentHeaderLabel = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatContainerHeaderName,
+  slot: import_constants.CHAT_CONTAINER_HEADER_SLOTS.HEADER_TITLE,
+  // legacy data-testid `chat-header-title` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   justify-content: center;
   align-items: center;
   font-weight: 600;
   font-size: 18px;
   color: ${(props) => props.theme.colors.neutral["700"]};
   line-height: 1.6;
+  ${({ $wrapText }) => $wrapText ? wrapTextLabelCss : ""}
 `;
 //# sourceMappingURL=styled.js.map

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} {\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;",
+  "sourcesContent": ["import { styled, css } from '@elliemae/ds-system';\nimport { Grid, type DSGridT } from '@elliemae/ds-grid';\nimport { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from './constants/index.js';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid, {\n  name: DSChatContainerHeaderName,\n  slot: CHAT_CONTAINER_HEADER_SLOTS.HEADER_CHILDREN,\n  // legacy data-testid `chat-header-children` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  max-width: 80px;\n`;\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const StyledChatContainerContentHeader = styled(Grid, {\n  name: DSChatContainerHeaderName,\n  slot: CHAT_CONTAINER_HEADER_SLOTS.ROOT,\n})<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\n// When wrapText is enabled, the consumer-passed `title` is rendered directly into the label\n// instead of being wrapped by TruncatedTooltipText. We expand the label vertically and break\n// long unbroken words so a long single token cannot overflow horizontally.\nconst wrapTextLabelCss = css`\n  overflow-wrap: break-word;\n  word-break: break-word;\n  white-space: normal;\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid, {\n  name: DSChatContainerHeaderName,\n  slot: CHAT_CONTAINER_HEADER_SLOTS.HEADER_TITLE,\n  // legacy data-testid `chat-header-title` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})<{ $wrapText?: boolean }>`\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  ${({ $wrapText }) => ($wrapText ? wrapTextLabelCss : '')}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAC5B,qBAAmC;AACnC,uBAAuE;AAEhE,MAAM,8CAA0C,yBAAO,qBAAM;AAAA,EAClE,MAAM;AAAA,EACN,MAAM,6CAA4B;AAAA;AAAA,EAElC,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAIM,MAAM,uCAAmC,yBAAO,qBAAM;AAAA,EAC3D,MAAM;AAAA,EACN,MAAM,6CAA4B;AACpC,CAAC;AAAA;AAAA;AAAA,6BAG4B,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;AAW3C,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,4CAAwC,yBAAO,qBAAM;AAAA,EAChE,MAAM;AAAA,EACN,MAAM,6CAA4B;AAAA;AAAA,EAElC,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKU,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,IAEnD,CAAC,EAAE,UAAU,MAAO,YAAY,mBAAmB,EAAG;AAAA;",
   "names": []
 }

package/dist/cjs/{ChatContainerHeaderDataTestIds.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,15 +21,20 @@ 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 ChatContainerHeaderDataTestIds_exports = {};
-__export(ChatContainerHeaderDataTestIds_exports, {
-  ChatContainerHeaderDataTestIds: () => ChatContainerHeaderDataTestIds
-});
-module.exports = __toCommonJS(ChatContainerHeaderDataTestIds_exports);
 var React = __toESM(require("react"));
-const ChatContainerHeaderDataTestIds = {
-  HEADER_TITLE: "chat-header-title",
-  HEADER_CHILDREN: "chat-header-children"
+const SlotPropsAsObject = {
+  dsChatcontainerheaderRoot: { "aria-label": "just a typescript test" },
+  dsChatcontainerheaderHeaderTitle: { "aria-label": "just a typescript test" },
+  dsChatcontainerheaderHeaderChildren: { "aria-label": "just a typescript test" },
+  dsChatcontainerheaderTooltipText: { "aria-label": "just a typescript test" },
+  dsChatcontainerheaderTooltipContainer: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsChatcontainerheaderRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsChatcontainerheaderHeaderTitle: () => ({ "aria-label": "just a typescript test" }),
+  dsChatcontainerheaderHeaderChildren: () => ({ "aria-label": "just a typescript test" }),
+  dsChatcontainerheaderTooltipText: () => ({ "aria-label": "just a typescript test" }),
+  dsChatcontainerheaderTooltipContainer: () => ({ "aria-label": "just a typescript test" })
 };
-//# sourceMappingURL=ChatContainerHeaderDataTestIds.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 */\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from '../constants/index.js';\nimport type { DSChatContainerHeaderT } from '../index.js';\n\n// One entry per slot \u2014 object form\nconst SlotPropsAsObject: Partial<DSChatContainerHeaderT.Props> = {\n  dsChatcontainerheaderRoot: { 'aria-label': 'just a typescript test' },\n  dsChatcontainerheaderHeaderTitle: { 'aria-label': 'just a typescript test' },\n  dsChatcontainerheaderHeaderChildren: { 'aria-label': 'just a typescript test' },\n  dsChatcontainerheaderTooltipText: { 'aria-label': 'just a typescript test' },\n  dsChatcontainerheaderTooltipContainer: { 'aria-label': 'just a typescript test' },\n};\n\n// One entry per slot \u2014 function form\nconst SlotPropsAsFunctions: DSChatContainerHeaderT.SlotFunctionArguments = {\n  dsChatcontainerheaderRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatcontainerheaderHeaderTitle: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatcontainerheaderHeaderChildren: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatcontainerheaderTooltipText: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatcontainerheaderTooltipContainer: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if any slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSChatContainerHeaderName, typeof CHAT_CONTAINER_HEADER_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACMvB,MAAM,oBAA2D;AAAA,EAC/D,2BAA2B,EAAE,cAAc,yBAAyB;AAAA,EACpE,kCAAkC,EAAE,cAAc,yBAAyB;AAAA,EAC3E,qCAAqC,EAAE,cAAc,yBAAyB;AAAA,EAC9E,kCAAkC,EAAE,cAAc,yBAAyB;AAAA,EAC3E,uCAAuC,EAAE,cAAc,yBAAyB;AAClF;AAGA,MAAM,uBAAqE;AAAA,EACzE,2BAA2B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC3E,kCAAkC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAClF,qCAAqC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACrF,kCAAkC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAClF,uCAAuC,OAAO,EAAE,cAAc,yBAAyB;AACzF;AAGA,MAAM,6CAEF;",
+  "names": []
+}

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

@@ -30,21 +30,36 @@ const testRequiredProps = {
 const testOptionalProps = {
   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
 };
+const testPartialDefaults = {
+  wrapText: false
+};
 const testProps = {
   ...testRequiredProps,
-  ...testOptionalProps
+  ...testOptionalProps,
+  ...testPartialDefaults
 };
 const testPropsAsSyntax = {
   ...testRequiredProps,
-  ...testOptionalProps
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  wrapText: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
 };
 const testExplicitDefinition = {
   title: "",
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
+  wrapText: true
 };
 const testInferedTypeCompatibility = {
   title: "",
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
+  wrapText: false
 };
 const testDefinitionAsConst = {
   title: "",
@@ -54,6 +69,8 @@ const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)
   /* @__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: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}) })
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ChatContainerHeader, { title: "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}) }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ChatContainerHeader, { title: "example", wrapText: true }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ChatContainerHeader, { title: "example", wrapText: false })
 ] });
 //# 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 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;",
+  "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 ComponentPropsInternals = DSChatContainerHeaderT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatContainerHeaderT.DefaultProps;\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 between Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  wrapText: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  wrapText: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\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  wrapText: true,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  title: '',\n  children: <div></div>,\n  wrapText: false,\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    {/* wrapText accepted as a boolean and is optional */}\n    <ChatContainerHeader title=\"example\" wrapText />\n    <ChatContainerHeader title=\"example\" wrapText={false} />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACgBX;AAdZ,eAAoC;AASpC,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,UAAU,4CAAC,SAAI;AACjB;AAIA,MAAM,sBAA2D;AAAA,EAC/D,UAAU;AACZ;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,UAAU;AACZ;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,UAAU,4CAAC,SAAI;AAAA,EACf,UAAU;AACZ;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,UAAU,4CAAC,SAAI;AAAA,EACf,UAAU;AACZ;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,EAEA,4CAAC,gCAAoB,OAAM,WAAU,UAAQ,MAAC;AAAA,EAC9C,4CAAC,gCAAoB,OAAM,WAAU,UAAU,OAAO;AAAA,GACxD;",
   "names": []
 }