@carbon/ai-chat 0.4.0-rc.2 → 0.4.0-rc.3

package/dist/es/chat/web-components/components/markdownText/markdown/utils/renderTokenTree.js

@@ -1,191 +0,0 @@
-import DOMPurify from "dompurify";
-
-import { html } from "lit";
-
-import { repeat } from "lit/directives/repeat.js";
-
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-
-/*
- *  Copyright IBM Corp. 2025
- *
- *  This source code is licensed under the Apache-2.0 license found in the
- *  LICENSE file in the root directory of this source tree.
- *
- *  @license
- */ function renderTokenTree(node, sanitize) {
-  const {token: token, children: children} = node;
-  if (token.type === "html_block" || token.type === "html_inline") {
-    const raw = token.content;
-    return html`${unsafeHTML(sanitize ? DOMPurify.sanitize(raw, {
-      CUSTOM_ELEMENT_HANDLING: {
-        tagNameCheck: () => true,
-        attributeNameCheck: () => true,
-        allowCustomizedBuiltInElements: true
-      }
-    }) : raw)}`;
-  }
-  if (token.type === "text") {
-    return html`${token.content}`;
-  }
-  if (token.type === "code_inline") {
-    return html`<code class="WACWidget__MarkdownCode">${token.content}</code>`;
-  }
-  if (token.type === "fence") {
-    import("../../../codeElement/cds-aichat-code.js");
-    const language = token.info?.trim() ?? "";
-    return html`<cds-aichat-code
-      language=${language}
-      content=${token.content}
-    ></cds-aichat-code>`;
-  }
-  const tag = token.tag || "div";
-  const rawAttrs = (token.attrs || []).reduce((acc, [key, value]) => {
-    acc[key] = value;
-    return acc;
-  }, {});
-  const attrs = sanitize ? Object.fromEntries(Object.entries(rawAttrs).filter(([key, value]) => {
-    const fragment = DOMPurify.sanitize(`<a ${key}="${value}">`, {
-      RETURN_DOM: true
-    });
-    const element = fragment.firstChild;
-    return element?.getAttribute(key) !== null;
-  })) : rawAttrs;
-  const content = html`${repeat(children, c => c.key, c => renderTokenTree(c, sanitize))}`;
-  return renderWithStaticTag(tag, token, content, attrs);
-}
-
-function renderWithStaticTag(tag, token, content, attrs) {
-  switch (tag) {
-   case "p":
-    return html`<p class="WACWidget__MarkdownP" ...=${attrs}>${content}</p>`;
-
-   case "ul":
-    {
-      const className = `cds--list--unordered${token.level > 1 ? " cds--list--nested" : ""}`;
-      return html`<ul class=${className} ...=${attrs}>
-        ${content}
-      </ul>`;
-    }
-
-   case "ol":
-    {
-      const className = `cds--list--ordered${token.level > 1 ? " cds--list--nested" : ""}`;
-      return html`<ol class=${className} ...=${attrs}>
-        ${content}
-      </ol>`;
-    }
-
-   case "li":
-    return html`<li class="cds--list__item" ...=${attrs}>${content}</li>`;
-
-   case "h1":
-    return html`<h1 class="WACWidget__MarkdownHeading" ...=${attrs}>
-        ${content}
-      </h1>`;
-
-   case "h2":
-    return html`<h2 class="WACWidget__MarkdownHeading" ...=${attrs}>
-        ${content}
-      </h2>`;
-
-   case "h3":
-    return html`<h3 class="WACWidget__MarkdownHeading" ...=${attrs}>
-        ${content}
-      </h3>`;
-
-   case "h4":
-    return html`<h4 class="WACWidget__MarkdownHeading" ...=${attrs}>
-        ${content}
-      </h4>`;
-
-   case "h5":
-    return html`<h5 class="WACWidget__MarkdownHeading" ...=${attrs}>
-        ${content}
-      </h5>`;
-
-   case "h6":
-    return html`<h6 class="WACWidget__MarkdownHeading" ...=${attrs}>
-        ${content}
-      </h6>`;
-
-   case "blockquote":
-    return html`<blockquote
-        class="WACWidget__MarkdownBlockquote"
-        ...=${attrs}
-      >
-        ${content}
-      </blockquote>`;
-
-   case "pre":
-    return html`<pre class="WACWidget__MarkdownPre" ...=${attrs}>
-${content}</pre
-      >`;
-
-   case "code":
-    return html`<code class="WACWidget__MarkdownCode" ...=${attrs}
-        >${content}</code
-      >`;
-
-   case "strong":
-    return html`<strong ...=${attrs}>${content}</strong>`;
-
-   case "em":
-    return html`<em ...=${attrs}>${content}</em>`;
-
-   case "del":
-    return html`<del ...=${attrs}>${content}</del>`;
-
-   case "sub":
-    return html`<sub ...=${attrs}>${content}</del>`;
-
-   case "sup":
-    return html`<sup ...=${attrs}>${content}</del>`;
-
-   case "a":
-    if (!attrs.target) {
-      attrs.target = "_blank";
-    }
-    return html`<a class="cds--link cds--link-url" ...=${attrs}
-        >${content}</a
-      >`;
-
-   case "table":
-    {
-      const className = "cds--data-table cds--data-table--zebra cds--data-table--md";
-      return html`
-        <div class="cds--layer-two cds--data-table-content">
-          <table class=${className} ...=${attrs}>
-            ${content}
-          </table>
-        </div>
-      `;
-    }
-
-   case "thead":
-    return html`<thead ...=${attrs}>
-        ${content}
-      </thead>`;
-
-   case "tbody":
-    return html`<tbody ...=${attrs}>
-        ${content}
-      </tbody>`;
-
-   case "tr":
-    return html`<tr ...=${attrs}>
-        ${content}
-      </tr>`;
-
-   case "td":
-    return html`<td ...=${attrs}>${content}</td>`;
-
-   case "th":
-    return html`<th ...=${attrs}>${content}</th>`;
-
-   default:
-    return html`<div ...=${attrs}>${content}</div>`;
-  }
-}
-
-export { renderTokenTree };

package/dist/es/chat/web-components/components/markdownText/markdown/workers/workerManager.js

@@ -1,16 +0,0 @@
-/*
- *  Copyright IBM Corp. 2025
- *
- *  This source code is licensed under the Apache-2.0 license found in the
- *  LICENSE file in the root directory of this source tree.
- *
- *  @license
- */
-async function getMarkdownWorker(markdown, lastTree) {
-  const [{buildTokenTree: buildTokenTree, diffTokenTree: diffTokenTree}, {parseMarkdown: parseMarkdown}] = await Promise.all([ import("../utils/tokenTree.js"), import("../utils/markdown.js") ]);
-  const tokens = parseMarkdown(markdown);
-  const tree = buildTokenTree(tokens);
-  return diffTokenTree(lastTree, tree);
-}
-
-export { getMarkdownWorker };

package/dist/es/chat/web-components/components/markdownText/src/MarkdownElement.js

@@ -1,70 +0,0 @@
-import { __decorate } from "tslib";
-
-import { LitElement } from "lit";
-
-import { property, state } from "lit/decorators.js";
-
-import throttle from "lodash-es/throttle.js";
-
-import { getMarkdownWorker } from "../markdown/workers/workerManager.js";
-
-/*
- *  Copyright IBM Corp. 2025
- *
- *  This source code is licensed under the Apache-2.0 license found in the
- *  LICENSE file in the root directory of this source tree.
- *
- *  @license
- */ class MarkdownTextElement extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.sanitizeHTML = false;
-    this.fullText = "";
-    this.tokenTree = {
-      key: "root",
-      token: {
-        type: "root",
-        tag: "",
-        nesting: 0,
-        level: 0,
-        content: "",
-        attrs: null,
-        children: null,
-        markup: "",
-        block: true,
-        hidden: false,
-        map: null,
-        info: "",
-        meta: null
-      },
-      children: []
-    };
-    this.scheduleTokenParse = throttle(async () => {
-      this.tokenTree = await getMarkdownWorker(this.fullText, this.tokenTree);
-    }, 100);
-  }
-  set markdown(newMarkdown) {
-    if (newMarkdown !== this.fullText) {
-      this.fullText = newMarkdown;
-      this.scheduleTokenParse();
-    }
-  }
-}
-
-__decorate([ property({
-  type: String
-}) ], MarkdownTextElement.prototype, "markdown", null);
-
-__decorate([ property({
-  type: Boolean
-}) ], MarkdownTextElement.prototype, "sanitizeHTML", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "should-remove-padding",
-  reflect: true
-}) ], MarkdownTextElement.prototype, "shouldRemovePadding", void 0);
-
-__decorate([ state() ], MarkdownTextElement.prototype, "tokenTree", void 0);
-
-export { MarkdownTextElement as default };

package/dist/es/chat/web-components/components/markdownText/src/markdownElement.template.js

@@ -1,19 +0,0 @@
-import { html } from "lit";
-
-import { renderTokenTree } from "../markdown/utils/renderTokenTree.js";
-
-/*
- *  Copyright IBM Corp. 2025
- *
- *  This source code is licensed under the Apache-2.0 license found in the
- *  LICENSE file in the root directory of this source tree.
- *
- *  @license
- */ function markdownTextTemplate(customElementClass) {
-  const {tokenTree: tokenTree, sanitizeHTML: sanitizeHTML} = customElementClass;
-  return html`<div class="cds-aichat-markdown-text">
-    ${renderTokenTree(tokenTree, sanitizeHTML)}
-  </div>`;
-}
-
-export { markdownTextTemplate };

package/dist/es/chat/web-components/components/roundedButton/cds-aichat-rounded-button.js

@@ -1,29 +0,0 @@
-import { __decorate } from "tslib";
-
-import CDSButton from "@carbon/web-components/es-custom/components/button/button.js";
-
-import { unsafeCSS, css } from "lit";
-
-import { carbonElement } from "../../decorators/customElement.js";
-
-/*
- *  Copyright IBM Corp. 2025
- *
- *  This source code is licensed under the Apache-2.0 license found in the
- *  LICENSE file in the root directory of this source tree.
- *
- *  @license
- */ const ROUNDED_BUTTON_TAG_NAME = `cds-aichat-rounded-button`;
-
-const styles = `\n  .cds-custom--btn {\n    border-start-start-radius: var(--${ROUNDED_BUTTON_TAG_NAME}-top-left);\n    border-start-end-radius: var(--${ROUNDED_BUTTON_TAG_NAME}-top-right);\n    border-end-start-radius: var(--${ROUNDED_BUTTON_TAG_NAME}-bottom-left);\n    border-end-end-radius: var(--${ROUNDED_BUTTON_TAG_NAME}-bottom-right);\n    width: var(--${ROUNDED_BUTTON_TAG_NAME}-width);\n    max-width: var(--${ROUNDED_BUTTON_TAG_NAME}-max-width);\n  }`;
-
-let CDSRoundedButtonElement = class CDSRoundedButtonElement extends CDSButton {};
-
-CDSRoundedButtonElement.styles = css`
-    ${CDSButton.styles}
-    ${unsafeCSS(styles)}
-  `;
-
-CDSRoundedButtonElement = __decorate([ carbonElement(ROUNDED_BUTTON_TAG_NAME) ], CDSRoundedButtonElement);
-
-export { CDSRoundedButtonElement, ROUNDED_BUTTON_TAG_NAME };

package/dist/es/chat/web-components/components/stopStreamingButton/cds-aichat-stop-streaming-button.js

@@ -1,26 +0,0 @@
-import { __decorate } from "tslib";
-
-import { carbonElement } from "../../decorators/customElement.js";
-
-import { stopStreamingButtonTemplate } from "./src/stopStreamingButton.template.js";
-
-import { StopStreamingButtonElement } from "./src/StopStreamingButtonElement.js";
-
-/*
- *  Copyright IBM Corp. 2025
- *
- *  This source code is licensed under the Apache-2.0 license found in the
- *  LICENSE file in the root directory of this source tree.
- *
- *  @license
- */ const STOP_STREAMING_BUTTON_TAG_NAME = "cds-aichat-stop-streaming-button";
-
-let CDSChatStopStreamingButtonElement = class CDSChatStopStreamingButtonElement extends StopStreamingButtonElement {
-  render() {
-    return stopStreamingButtonTemplate(this);
-  }
-};
-
-CDSChatStopStreamingButtonElement = __decorate([ carbonElement(STOP_STREAMING_BUTTON_TAG_NAME) ], CDSChatStopStreamingButtonElement);
-
-export { CDSChatStopStreamingButtonElement as default };

package/dist/es/chat/web-components/components/stopStreamingButton/src/StopStreamingButtonElement.js

@@ -1,49 +0,0 @@
-import { __decorate } from "tslib";
-
-import { bind } from "bind-decorator";
-
-import { LitElement, unsafeCSS, css } from "lit";
-
-import { property } from "lit/decorators.js";
-
-import css_248z from "./stopStreamingButton.scss.js";
-
-/*
- *  Copyright IBM Corp. 2025
- *
- *  This source code is licensed under the Apache-2.0 license found in the
- *  LICENSE file in the root directory of this source tree.
- *
- *  @license
- */ class StopStreamingButtonElement extends LitElement {
-  _handleOnClick() {
-    this.onClick();
-  }
-}
-
-StopStreamingButtonElement.styles = css`
-    ${unsafeCSS(css_248z)}
-  `;
-
-__decorate([ property({
-  type: String,
-  attribute: "label"
-}) ], StopStreamingButtonElement.prototype, "label", void 0);
-
-__decorate([ property({
-  type: String,
-  attribute: "tooltip-alignment"
-}) ], StopStreamingButtonElement.prototype, "tooltipAlignment", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "disabled"
-}) ], StopStreamingButtonElement.prototype, "disabled", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], StopStreamingButtonElement.prototype, "onClick", void 0);
-
-__decorate([ bind ], StopStreamingButtonElement.prototype, "_handleOnClick", null);
-
-export { StopStreamingButtonElement };

package/dist/es/chat/web-components/components/stopStreamingButton/src/stopStreamingButton.scss.js

@@ -1,3 +0,0 @@
-var css_248z = ".cds--aichat-stop-icon svg{\n  fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}";
-
-export { css_248z as default };

package/dist/es/chat/web-components/components/stopStreamingButton/src/stopStreamingButton.template.js

@@ -1,44 +0,0 @@
-import "@carbon/web-components/es-custom/components/icon-button/index.js";
-
-import { toString } from "@carbon/icon-helpers";
-
-import StopFilled16 from "@carbon/icons/es/stop--filled/16.js";
-
-import { html } from "lit";
-
-import { unsafeSVG } from "lit/directives/unsafe-svg.js";
-
-import { CSS_CLASS_PREFIX } from "../../../settings.js";
-
-import { ButtonKindEnum, ButtonSizeEnum } from "../../../../../types/utilities/carbonTypes.js";
-
-/*
- *  Copyright IBM Corp. 2025
- *
- *  This source code is licensed under the Apache-2.0 license found in the
- *  LICENSE file in the root directory of this source tree.
- *
- *  @license
- */ const StopFilled16svg = toString(StopFilled16);
-
-function stopStreamingButtonTemplate({label: label, disabled: disabled, tooltipAlignment: tooltipAlignment, onClick: onClick}) {
-  return html`
-    <cds-custom-icon-button
-      class="${CSS_CLASS_PREFIX}-stop-streaming-button"
-      align="${tooltipAlignment}"
-      kind="${ButtonKindEnum.GHOST}"
-      size="${ButtonSizeEnum.SMALL}"
-      ?disabled=${disabled}
-      @click="${onClick}"
-    >
-      <span
-        class="${disabled ? `${CSS_CLASS_PREFIX}-stop-icon` : ""}"
-        slot="icon"
-        >${unsafeSVG(StopFilled16svg)}</span
-      >
-      <span slot="tooltip-content">${label}</span>
-    </cds-custom-icon-button>
-  `;
-}
-
-export { stopStreamingButtonTemplate };

package/dist/es/chat/web-components/components/table/cds-aichat-table.js

@@ -1,229 +0,0 @@
-import { __decorate } from "tslib";
-
-import { bind } from "bind-decorator";
-
-import { stringify } from "csv-stringify/browser/esm/sync";
-
-import { LitElement, html, unsafeCSS, css } from "lit";
-
-import { property, state } from "lit/decorators.js";
-
-import { carbonElement } from "../../decorators/customElement.js";
-
-import css_248z from "./src/table.scss.js";
-
-import { tableTemplate } from "./src/table.template.js";
-
-import { tablePaginationTemplate } from "./src/tablePagination.template.js";
-
-import { tableSkeletonTemplate } from "./src/tableSkeleton.template.js";
-
-/*
- *  Copyright IBM Corp. 2025
- *
- *  This source code is licensed under the Apache-2.0 license found in the
- *  LICENSE file in the root directory of this source tree.
- *
- *  @license
- */ const DEFAULT_TABLE_PAGE_SIZE = 5;
-
-const DEFAULT_TABLE_PAGE_SIZE_TALL_CHAT = 10;
-
-const POSSIBLE_PAGE_SIZES = [ DEFAULT_TABLE_PAGE_SIZE, DEFAULT_TABLE_PAGE_SIZE_TALL_CHAT, 15, 20, 50 ];
-
-const TALL_CHAT_HEIGHT = 850;
-
-const TABLE_COMPONENT_TAG_NAME = "cds-aichat-table";
-
-let TableElement = class TableElement extends LitElement {
-  constructor() {
-    super(...arguments);
-    this._isValid = true;
-    this._currentPageNumber = 1;
-    this._rowsPerPageChanged = false;
-    this._rowsWithIDs = [];
-  }
-  updated(changedProperties) {
-    if ((changedProperties.has("headers") || changedProperties.has("rows")) && this.headers !== undefined && this.rows !== undefined) {
-      this._calcIsTableValid();
-    }
-    if (changedProperties.has("rows") && this.rows !== undefined) {
-      this._initializeRowsArrays();
-    }
-    if (this._currentPageSize === undefined && changedProperties.has("chatHeight") && this.chatHeight !== changedProperties.get("chatHeight")) {
-      this._initializePageSize();
-    }
-  }
-  _calcIsTableValid() {
-    const columnCount = this.headers.length;
-    this._isValid = !this.rows.some(row => row.cells.length !== columnCount);
-  }
-  _initializeRowsArrays() {
-    this._rowsWithIDs = [];
-    this._filterVisibleRowIDs = new Set;
-    this.rows.forEach((row, index) => {
-      const id = index.toString();
-      this._rowsWithIDs.push({
-        ...row,
-        id: id
-      });
-      this._filterVisibleRowIDs.add(id);
-    });
-  }
-  _initializePageSize() {
-    if (this.chatHeight > TALL_CHAT_HEIGHT) {
-      this._currentPageSize = DEFAULT_TABLE_PAGE_SIZE_TALL_CHAT;
-    } else {
-      this._currentPageSize = DEFAULT_TABLE_PAGE_SIZE;
-    }
-    this._allowFiltering = this.rows.length > this._currentPageSize;
-    this._updateVisibleRows();
-  }
-  _handlePageChangeEvent(event) {
-    this._updateVisibleRows(event.detail?.page, event.detail?.pageSize);
-    event.stopPropagation();
-  }
-  _handlePageSizeChangeEvent(event) {
-    this._rowsPerPageChanged = true;
-    this._currentPageSize = event.detail?.pageSize;
-    this._updateVisibleRows();
-    event.stopPropagation();
-  }
-  _handleFilterEvent(event) {
-    this._filterVisibleRowIDs = new Set(event?.detail?.unfilteredRows.map(row => row.id));
-    this._currentPageNumber = 1;
-    this._updateVisibleRows();
-    event.stopPropagation();
-  }
-  _updateVisibleRows(page = this._currentPageNumber, pageSize = this._currentPageSize) {
-    this._currentPageNumber = page;
-    const rows = Array.from(this.renderRoot.querySelectorAll("cds-custom-table-row"));
-    rows.forEach(row => row.style.setProperty("display", "none"));
-    const filterVisibleRows = rows.filter(row => this._filterVisibleRowIDs.has(row.id));
-    const pageStart = (page - 1) * pageSize;
-    const pageEnd = page * pageSize - 1;
-    for (let index = pageStart; index <= pageEnd; index++) {
-      filterVisibleRows[index]?.removeAttribute("style");
-    }
-  }
-  _handleDownload() {
-    const tableArray = [ this.headers, ...this.rows.map(row => row.cells) ];
-    const stringifiedTable = stringify(tableArray);
-    const blob = new Blob([ stringifiedTable ], {
-      type: "text/csv;charset=utf-8;"
-    });
-    const link = document.createElement("a");
-    const url = URL.createObjectURL(blob);
-    link.setAttribute("href", url);
-    link.setAttribute("download", "table-data.csv");
-    link.style.visibility = "hidden";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  }
-  render() {
-    if (this.loading) {
-      return tableSkeletonTemplate();
-    }
-    if (this.rows.length > this._currentPageSize || this._rowsPerPageChanged) {
-      return html`${tableTemplate(this)} ${tablePaginationTemplate(this)}`;
-    }
-    return html`${tableTemplate(this)}`;
-  }
-};
-
-TableElement.styles = css`
-    ${unsafeCSS(css_248z)}
-  `;
-
-__decorate([ property({
-  type: String,
-  attribute: "table-title"
-}) ], TableElement.prototype, "tableTitle", void 0);
-
-__decorate([ property({
-  type: String,
-  attribute: "table-description"
-}) ], TableElement.prototype, "tableDescription", void 0);
-
-__decorate([ property({
-  type: Array
-}) ], TableElement.prototype, "headers", void 0);
-
-__decorate([ property({
-  type: Array
-}) ], TableElement.prototype, "rows", void 0);
-
-__decorate([ property({
-  type: Number,
-  attribute: "container-width"
-}) ], TableElement.prototype, "containerWidth", void 0);
-
-__decorate([ property({
-  type: Number,
-  attribute: "chat-height"
-}) ], TableElement.prototype, "chatHeight", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "loading"
-}) ], TableElement.prototype, "loading", void 0);
-
-__decorate([ property({
-  type: String,
-  attribute: "filter-placeholder-text"
-}) ], TableElement.prototype, "filterPlaceholderText", void 0);
-
-__decorate([ property({
-  type: String,
-  attribute: "previous-page-text"
-}) ], TableElement.prototype, "previousPageText", void 0);
-
-__decorate([ property({
-  type: String,
-  attribute: "next-page-text"
-}) ], TableElement.prototype, "nextPageText", void 0);
-
-__decorate([ property({
-  type: String,
-  attribute: "items-per-page-text"
-}) ], TableElement.prototype, "itemsPerPageText", void 0);
-
-__decorate([ property({
-  type: String,
-  attribute: "locale"
-}) ], TableElement.prototype, "locale", void 0);
-
-__decorate([ property({
-  type: Function,
-  attribute: false
-}) ], TableElement.prototype, "getPaginationSupplementalText", void 0);
-
-__decorate([ property({
-  type: Function,
-  attribute: false
-}) ], TableElement.prototype, "getPaginationStatusText", void 0);
-
-__decorate([ state() ], TableElement.prototype, "_isValid", void 0);
-
-__decorate([ state() ], TableElement.prototype, "_currentPageNumber", void 0);
-
-__decorate([ state() ], TableElement.prototype, "_currentPageSize", void 0);
-
-__decorate([ state() ], TableElement.prototype, "_rowsPerPageChanged", void 0);
-
-__decorate([ state() ], TableElement.prototype, "_filterVisibleRowIDs", void 0);
-
-__decorate([ state() ], TableElement.prototype, "_rowsWithIDs", void 0);
-
-__decorate([ state() ], TableElement.prototype, "_allowFiltering", void 0);
-
-__decorate([ bind ], TableElement.prototype, "_handlePageChangeEvent", null);
-
-__decorate([ bind ], TableElement.prototype, "_handlePageSizeChangeEvent", null);
-
-__decorate([ bind ], TableElement.prototype, "_handleFilterEvent", null);
-
-TableElement = __decorate([ carbonElement(TABLE_COMPONENT_TAG_NAME) ], TableElement);
-
-export { POSSIBLE_PAGE_SIZES, TABLE_COMPONENT_TAG_NAME, TableElement };

package/dist/es/chat/web-components/components/table/src/table.scss.js

@@ -1,3 +0,0 @@
-var css_248z = "cds-custom-table-header-title,\ncds-custom-table-header-description,\ncds-custom-table-toolbar{\n  position:sticky;\n  inline-size:var(--cds-chat-table-width, auto);\n  inset-inline-start:0;\n}\n\n:dir(rtl) cds-custom-table-header-title,\n:dir(rtl) cds-custom-table-header-description,\n:dir(rtl) cds-custom-table-toolbar{\n  right:0;\n  left:unset;\n}\n\ncds-custom-table-header-title,\ncds-custom-table-header-description{\n  padding:0 1rem;\n  inline-size:calc(var(--cds-chat-table-width, auto) - 1rem - 1rem);\n  margin-inline:-1rem;\n}\n\ncds-custom-table-header-description{\n  margin-block-end:-0.5rem;\n}\n\ncds-custom-pagination{\n  inline-size:100%;\n}";
-
-export { css_248z as default };