@ant-design/agentic-ui 2.0.0

package/dist/ChatBoot/ButtonTab.js

@@ -0,0 +1,52 @@
+// src/ChatBoot/ButtonTab.tsx
+import React from "react";
+import { useStyle } from "./ButtonTabStyle";
+var ButtonTab = ({
+  children,
+  selected = false,
+  onClick,
+  onIconClick,
+  className,
+  icon,
+  prefixCls = "md-editor-button-tab"
+}) => {
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  const handleClick = () => {
+    onClick == null ? void 0 : onClick();
+  };
+  const handleIconClick = (e) => {
+    e.stopPropagation();
+    onIconClick == null ? void 0 : onIconClick();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onClick == null ? void 0 : onClick();
+    }
+  };
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: `${prefixCls} ${selected ? `${prefixCls}-selected` : ""} ${className || ""} ${hashId}`,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        tabIndex: 0
+      },
+      children && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-text ${hashId}` }, children),
+      icon && /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: `${prefixCls}-icon ${onIconClick ? `${prefixCls}-icon-clickable` : ""} ${hashId}`,
+          onClick: onIconClick ? handleIconClick : void 0
+        },
+        icon
+      )
+    )
+  );
+};
+var ButtonTab_default = ButtonTab;
+export {
+  ButtonTab_default as default
+};

package/dist/ChatBoot/ButtonTabGroup.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export interface ButtonTabItem {
+    /** Tab 的唯一标识 */
+    key: string;
+    /** Tab 显示的文本 */
+    label: React.ReactNode;
+    /** Tab 的图标 */
+    icon?: React.ReactNode;
+    /** 图标点击回调 */
+    onIconClick?: () => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+export interface ButtonTabGroupProps {
+    /** Tab 配置项 */
+    items?: ButtonTabItem[];
+    /** 当前选中的 Tab key */
+    activeKey?: string;
+    /** 默认选中的 Tab key（非受控模式） */
+    defaultActiveKey?: string;
+    /** Tab 切换时的回调 */
+    onChange?: (key: string) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 前缀类名 */
+    prefixCls?: string;
+}
+declare const ButtonTabGroup: React.FC<ButtonTabGroupProps>;
+export default ButtonTabGroup;

package/dist/ChatBoot/ButtonTabGroup.js

@@ -0,0 +1,45 @@
+// src/ChatBoot/ButtonTabGroup.tsx
+import React, { useState } from "react";
+import ButtonTab from "./ButtonTab";
+import { useStyle } from "./ButtonTabGroupStyle";
+var ButtonTabGroup = ({
+  items = [],
+  activeKey,
+  defaultActiveKey,
+  onChange,
+  className,
+  prefixCls = "md-editor-button-tab-group"
+}) => {
+  var _a;
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  const [internalActiveKey, setInternalActiveKey] = useState(
+    defaultActiveKey || ((_a = items[0]) == null ? void 0 : _a.key) || ""
+  );
+  const currentActiveKey = activeKey !== void 0 ? activeKey : internalActiveKey;
+  const handleTabClick = (key, disabled) => {
+    if (disabled)
+      return;
+    if (activeKey === void 0) {
+      setInternalActiveKey(key);
+    }
+    onChange == null ? void 0 : onChange(key);
+  };
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement("div", { className: `${prefixCls} ${className || ""} ${hashId}`, role: "group", "aria-label": "Tab group" }, items.map((item) => /* @__PURE__ */ React.createElement(
+      ButtonTab,
+      {
+        key: item.key,
+        selected: currentActiveKey === item.key,
+        onClick: () => handleTabClick(item.key, item.disabled),
+        onIconClick: item.onIconClick,
+        icon: item.icon,
+        className: item.disabled ? `${prefixCls}-item-disabled` : ""
+      },
+      item.label
+    )))
+  );
+};
+var ButtonTabGroup_default = ButtonTabGroup;
+export {
+  ButtonTabGroup_default as default
+};

package/dist/ChatBoot/ButtonTabGroupStyle.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * ButtonTabGroup 组件样式
+ */
+export declare const useStyle: (prefixCls?: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/dist/ChatBoot/ButtonTabGroupStyle.js

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/ChatBoot/ButtonTabGroupStyle.ts
+import {
+  useEditorStyleRegister
+} from "../hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "8px",
+      padding: "0",
+      "&-item-disabled": {
+        opacity: 0.5,
+        cursor: "not-allowed",
+        pointerEvents: "none"
+      }
+    }
+  };
+};
+var useStyle = (prefixCls) => {
+  return useEditorStyleRegister("ChatBootButtonTabGroup", (token) => {
+    const buttonTabGroupToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genStyle(buttonTabGroupToken)];
+  });
+};
+export {
+  useStyle
+};

package/dist/ChatBoot/ButtonTabStyle.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * ButtonTab 组件样式
+ */
+export declare const useStyle: (prefixCls?: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/dist/ChatBoot/ButtonTabStyle.js

@@ -0,0 +1,103 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/ChatBoot/ButtonTabStyle.ts
+import {
+  useEditorStyleRegister
+} from "../hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "6px",
+      padding: "8px 20px",
+      borderRadius: "200px",
+      boxShadow: "var(--shadow-border-base)",
+      border: "none",
+      fontSize: "14px",
+      fontWeight: 400,
+      lineHeight: "32px",
+      height: "32px",
+      cursor: "pointer",
+      transition: "all 0.2s ease",
+      backgroundColor: "var(--color-gray-bg-card-white)",
+      color: "var(--color-gray-text-secondary)",
+      outline: "none",
+      userSelect: "none",
+      "&:hover": {
+        // borderColor: 'rgba(0, 0, 0, 0.3)',
+        // color: 'rgba(0, 0, 0, 0.85)',
+      },
+      "&:active": {
+        transform: "scale(0.98)"
+      },
+      "&:focus-visible": {
+        boxShadow: "var(--shadow-border-base)"
+      },
+      "&-selected": {
+        backgroundColor: "var(--color-gray-control-fill-primary)",
+        color: "var(--color-gray-contrast)",
+        "&:hover": {
+          // backgroundColor: 'rgba(0, 0, 0, 0.85)',
+          // borderColor: 'rgba(0, 0, 0, 0.85)',
+        },
+        [`${token.componentCls}-icon`]: {
+          borderLeft: "1px solid rgba(255, 255, 255, 0.3)"
+        }
+      },
+      "&-icon": {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: "16px",
+        lineHeight: 1,
+        marginLeft: "6px",
+        paddingLeft: "6px",
+        borderLeft: "1px solid var(--color-gray-contrast)",
+        "&-clickable": {
+          cursor: "pointer",
+          "&:hover": {
+            opacity: 0.7
+          },
+          "&:active": {
+            opacity: 0.9
+          }
+        }
+      },
+      "&-text": {
+        display: "inline-flex",
+        alignItems: "center"
+      }
+    }
+  };
+};
+var useStyle = (prefixCls) => {
+  return useEditorStyleRegister("ChatBootButtonTab", (token) => {
+    const buttonTabToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genStyle(buttonTabToken)];
+  });
+};
+export {
+  useStyle
+};

package/dist/ChatBoot/CaseReply.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+export interface CaseReplyProps {
+    /**
+     * cover 区域背景色（使用 rgba 格式，如 'rgba(132, 220, 24, 0.15)'）
+     */
+    coverBackground?: string;
+    /**
+     * 引号图标的颜色（使用 rgb 格式，如 'rgb(132, 220, 24)'）
+     */
+    quoteIconColor?: string;
+    /**
+     * 引用文字内容（coverContent 内容）
+     */
+    quote?: React.ReactNode;
+    /**
+     * 卡片标题（底部标题）
+     */
+    title?: React.ReactNode;
+    /**
+     * 描述文字（底部描述，单行显示）
+     */
+    description?: React.ReactNode;
+    /**
+     * buttonBar 内容（悬停时显示的按钮区域）
+     */
+    buttonBar?: React.ReactNode;
+    /**
+     * 点击事件
+     */
+    onClick?: () => void;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 类名前缀
+     */
+    prefixCls?: string;
+}
+declare const CaseReply: React.FC<CaseReplyProps>;
+export default CaseReply;

package/dist/ChatBoot/CaseReply.js

@@ -0,0 +1,106 @@
+// src/ChatBoot/CaseReply.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useContext, useState } from "react";
+import { useStyle } from "./CaseReplyStyle";
+var CaseReply = ({
+  coverBackground = "rgba(132, 220, 24, 0.15)",
+  quoteIconColor = "rgb(132, 220, 24)",
+  quote,
+  title,
+  description,
+  buttonBar,
+  onClick,
+  style,
+  className,
+  prefixCls: customPrefixCls
+}) => {
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("chatboot-case-reply", customPrefixCls);
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  const [isHovered, setIsHovered] = useState(false);
+  const containerCls = classNames(prefixCls, hashId, className);
+  const coverCls = classNames(`${prefixCls}-cover`, hashId);
+  const coverContentCls = classNames(
+    `${prefixCls}-cover-content`,
+    hashId,
+    isHovered && `${prefixCls}-cover-content-hovered`
+  );
+  const quoteIconCls = classNames(`${prefixCls}-quote-icon`, hashId);
+  const quoteTextCls = classNames(`${prefixCls}-quote-text`, hashId);
+  const bottomCls = classNames(`${prefixCls}-bottom`, hashId);
+  const titleCls = classNames(`${prefixCls}-title`, hashId);
+  const descriptionCls = classNames(`${prefixCls}-description`, hashId);
+  const buttonBarCls = classNames(
+    `${prefixCls}-button-bar`,
+    hashId,
+    isHovered && `${prefixCls}-button-bar-visible`
+  );
+  const handleMouseEnter = () => {
+    setIsHovered(true);
+  };
+  const handleMouseLeave = () => {
+    setIsHovered(false);
+  };
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: containerCls,
+        style,
+        onClick,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: coverCls,
+          style: {
+            background: coverBackground
+          }
+        },
+        /* @__PURE__ */ React.createElement("div", { className: coverContentCls }, /* @__PURE__ */ React.createElement("div", { className: quoteIconCls }, /* @__PURE__ */ React.createElement(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 25.22317126393318 25.22317126393318",
+            fill: "none"
+          },
+          /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "master_svg0_1118_33390" }, /* @__PURE__ */ React.createElement(
+            "rect",
+            {
+              x: "23.967108249664307",
+              y: "25.22317126393318",
+              width: "24",
+              height: "24",
+              rx: "0"
+            }
+          ))),
+          /* @__PURE__ */ React.createElement(
+            "g",
+            {
+              transform: "matrix(-0.9986295104026794,-0.0523359589278698,0.0523359589278698,-0.9986295104026794,46.58129097149476,51.66611602701195)",
+              clipPath: "url(#master_svg0_1118_33390)"
+            },
+            /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+              "path",
+              {
+                d: "M29.779783327789307,38.963964076433186C28.651713327789306,40.719154076433185,27.054323327789305,42.204154076433184,25.489813327789307,43.26605407643318L27.250773327789307,45.12705407643318C31.293283327789307,43.54175407643318,35.144133327789305,39.44085407643318,35.144133327789305,34.61674407643318L35.11302332778931,34.61674407643318C35.126363327789306,34.47068407643318,35.13353332778931,34.32282407643318,35.13353332778931,34.173284076433184C35.13353332778931,31.51111407643318,32.97547332778931,29.35305407643318,30.313303327789306,29.35305407643318C27.651223327789307,29.35305407643318,25.493075247789307,31.51111407643318,25.493075247789307,34.173284076433184C25.493051107789306,36.65507407643318,27.368793327789305,38.69843407643318,29.779783327789307,38.963964076433186ZM36.8831133277893,43.26605407643318L38.64401332778931,45.12705407643318C42.68651332778931,43.54175407643318,46.53741332778931,39.44085407643318,46.53741332778931,34.61674407643318L46.50631332778931,34.61674407643318C46.51961332778931,34.47068407643318,46.526813327789306,34.32282407643318,46.526813327789306,34.173284076433184C46.526813327789306,31.51111407643318,44.36871332778931,29.35305407643318,41.706613327789306,29.35305407643318C39.04441332778931,29.35305407643318,36.88631332778931,31.51111407643318,36.88631332778931,34.173284076433184C36.88631332778931,36.65509407643318,38.762013327789305,38.69848407643318,41.17311332778931,38.96398407643318C40.045013327789306,40.719154076433185,38.447613327789306,42.204154076433184,36.8831133277893,43.26605407643318Z",
+                fill: quoteIconColor,
+                fillOpacity: "1"
+              }
+            ))
+          )
+        )), quote && /* @__PURE__ */ React.createElement("div", { className: quoteTextCls }, quote))
+      ),
+      /* @__PURE__ */ React.createElement("div", { className: bottomCls }, title && /* @__PURE__ */ React.createElement("h3", { className: titleCls }, title), description && /* @__PURE__ */ React.createElement("p", { className: descriptionCls }, description), buttonBar && /* @__PURE__ */ React.createElement("div", { className: buttonBarCls }, buttonBar))
+    )
+  );
+};
+var CaseReply_default = CaseReply;
+export {
+  CaseReply_default as default
+};

package/dist/ChatBoot/CaseReplyStyle.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * CaseReply 组件样式
+ */
+export declare const useStyle: (prefixCls?: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/dist/ChatBoot/CaseReplyStyle.js

@@ -0,0 +1,155 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/ChatBoot/CaseReplyStyle.ts
+import {
+  useEditorStyleRegister
+} from "../hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      maxWidth: "322px",
+      background: "#fdfdfd",
+      borderRadius: "var(--radius-card-base)",
+      boxShadow: "inset 0 0 1px 0 rgba(0, 0, 0, 0.15)",
+      position: "relative",
+      overflow: "hidden",
+      cursor: "pointer",
+      transition: "all 0.3s ease-in-out",
+      "&:hover": {
+        backgroundColor: "#ffffff",
+        boxShadow: "0 2px 12px 0 rgba(0, 0, 0, 0.08)",
+        transform: "scale(1.02)"
+      },
+      "&:active": {
+        transform: "scale(0.95)"
+      },
+      // cover 区域
+      "&-cover": {
+        WebkitMaskImage: "-webkit-linear-gradient(to bottom, black 0%, black 60%, transparent 100%)",
+        maskImage: "linear-gradient(to bottom, black 0%, black 60%, transparent 100%)",
+        width: "100%",
+        height: "185px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      // coverContent 白色子卡片
+      "&-cover-content": {
+        width: "80%",
+        marginTop: "24px",
+        marginBottom: "24px",
+        borderRadius: "16px",
+        boxShadow: "0px 0px 1px 0px rgba(71, 98, 234, 0.05), 0px 6px 16px 0px rgba(71, 98, 234, 0.12)",
+        background: "#ffffff",
+        padding: "16px",
+        transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+        transform: "rotate(0deg) translateY(0)"
+      },
+      // coverContent 悬停状态
+      "&-cover-content-hovered": {
+        transform: "rotate(8deg) translateY(16px)"
+      },
+      // 引号图标
+      "&-quote-icon": {
+        width: "24px",
+        height: "24px",
+        marginBottom: "8px",
+        "& svg": {
+          width: "24px",
+          height: "24px",
+          transform: "rotate(180deg)"
+        }
+      },
+      // 引用文字
+      "&-quote-text": {
+        fontSize: "14px",
+        fontWeight: 400,
+        lineHeight: "20px",
+        color: "var(--color-gray-text-light)",
+        maxHeight: "80px",
+        overflow: "hidden",
+        display: "-webkit-box",
+        WebkitLineClamp: 4,
+        WebkitBoxOrient: "vertical",
+        textOverflow: "ellipsis"
+      },
+      // 底部内容区域
+      "&-bottom": {
+        position: "relative",
+        height: 80,
+        padding: "16px 20px 20px"
+      },
+      // 标题
+      "&-title": {
+        fontSize: "16px",
+        fontWeight: 600,
+        lineHeight: "24px",
+        color: "var(--color-gray-text-default)",
+        marginTop: 0,
+        marginBottom: "4px"
+      },
+      // 描述
+      "&-description": {
+        fontSize: "13px",
+        fontWeight: 400,
+        lineHeight: "20px",
+        color: "var(--color-gray-text-secondary)",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      },
+      // buttonBar 按钮区域
+      "&-button-bar": {
+        position: "absolute",
+        textAlign: "right",
+        bottom: "8px",
+        left: "16px",
+        right: "16px",
+        marginBottom: 0,
+        background: "linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 40%)",
+        borderRadius: "4px",
+        padding: "8px",
+        width: "auto",
+        opacity: 0,
+        transform: "translateY(10px)",
+        transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+        pointerEvents: "none"
+      },
+      // buttonBar 显示状态
+      "&-button-bar-visible": {
+        opacity: 1,
+        transform: "translateY(0)",
+        pointerEvents: "auto"
+      }
+    }
+  };
+};
+var useStyle = (prefixCls) => {
+  return useEditorStyleRegister("ChatBootCaseReply", (token) => {
+    const caseReplyToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genStyle(caseReplyToken)];
+  });
+};
+export {
+  useStyle
+};

package/dist/ChatBoot/Title.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface TitleProps {
+    /**
+     * 主标题内容
+     */
+    title?: React.ReactNode;
+    /**
+     * 副标题内容
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 类名前缀
+     */
+    prefixCls?: string;
+}
+declare const Title: React.FC<TitleProps>;
+export default Title;

package/dist/ChatBoot/Title.js

@@ -0,0 +1,28 @@
+// src/ChatBoot/Title.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useContext } from "react";
+import { useStyle } from "./style";
+var Title = ({
+  title,
+  subtitle,
+  style,
+  className,
+  prefixCls: customPrefixCls
+}) => {
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("chatboot-title", customPrefixCls);
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  if (!title && !subtitle) {
+    return null;
+  }
+  const mainCls = classNames(`${prefixCls}-main`, hashId);
+  const subtitleCls = classNames(`${prefixCls}-subtitle`, hashId);
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId, className), style }, title && /* @__PURE__ */ React.createElement("div", { className: mainCls }, title), subtitle && /* @__PURE__ */ React.createElement("div", { className: subtitleCls }, subtitle))
+  );
+};
+var Title_default = Title;
+export {
+  Title_default as default
+};

package/dist/ChatBoot/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Title } from './Title';
+export type { TitleProps } from './Title';
+export { default as CaseReply } from './CaseReply';
+export type { CaseReplyProps } from './CaseReply';
+export { default as ButtonTab } from './ButtonTab';
+export type { ButtonTabProps } from './ButtonTab';
+export { default as ButtonTabGroup } from './ButtonTabGroup';
+export type { ButtonTabGroupProps, ButtonTabItem } from './ButtonTabGroup';