@lobehub/ui 5.6.3 → 5.6.5

package/es/chat/ChatItem/style.mjs

@@ -1,63 +1,62 @@
 import { createStaticStyles, responsive } from "antd-style";
-
 //#region src/chat/ChatItem/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
-	const blockStylish = css$1`
+const styles = createStaticStyles(({ css, cssVar }) => {
+	const blockStylish = css`
     padding-block: 8px;
     padding-inline: 12px;
-    border: 1px solid color-mix(in srgb, ${cssVar$1.colorBorderSecondary} 66%, transparent);
-    border-radius: ${cssVar$1.borderRadiusLG};
+    border: 1px solid color-mix(in srgb, ${cssVar.colorBorderSecondary} 66%, transparent);
+    border-radius: ${cssVar.borderRadiusLG};
 
-    background-color: ${cssVar$1.colorBgContainer};
+    background-color: ${cssVar.colorBgContainer};
   `;
-	const rawStylishWithTitle = css$1`
+	const rawStylishWithTitle = css`
     padding-block-start: 0;
   `;
-	const rawStylishWithoutTitle = css$1`
+	const rawStylishWithoutTitle = css`
     padding-block-start: 6px;
   `;
-	const rawContainerStylish = css$1`
+	const rawContainerStylish = css`
     margin-block-end: -16px;
-    transition: background-color 100ms ${cssVar$1.motionEaseOut};
+    transition: background-color 100ms ${cssVar.motionEaseOut};
   `;
-	const editingStylish = css$1`
+	const editingStylish = css`
     width: 100%;
   `;
 	return {
-		actionsBubbleLeft: css$1`
+		actionsBubbleLeft: css`
       flex: none;
       align-self: flex-end;
       justify-content: flex-end;
     `,
-		actionsBubbleRight: css$1`
+		actionsBubbleRight: css`
       flex: none;
       align-self: flex-end;
       justify-content: flex-start;
     `,
-		actionsDocsLeft: css$1`
+		actionsDocsLeft: css`
       flex: none;
       align-self: flex-start;
       justify-content: flex-end;
     `,
-		actionsDocsRight: css$1`
+		actionsDocsRight: css`
       flex: none;
       align-self: flex-end;
       justify-content: flex-start;
     `,
-		actionsEditing: css$1`
+		actionsEditing: css`
       pointer-events: none !important;
       opacity: 0 !important;
     `,
-		avatarContainer: css$1`
+		avatarContainer: css`
       position: relative;
       flex: none;
       width: var(--chat-item-avatar-size, 40px);
       height: var(--chat-item-avatar-size, 40px);
     `,
-		avatarGroupContainer: css$1`
+		avatarGroupContainer: css`
       width: var(--chat-item-avatar-size, 40px);
     `,
-		container: css$1`
+		container: css`
       position: relative;
 
       width: 100%;
@@ -78,7 +77,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       div[role='menubar'] {
         pointer-events: none;
         opacity: 0;
-        transition: opacity 200ms ${cssVar$1.motionEaseOut};
+        transition: opacity 200ms ${cssVar.motionEaseOut};
       }
 
       &:hover {
@@ -95,7 +94,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         opacity: 1 !important;
 
         [data-popup-open] {
-          background: ${cssVar$1.colorFillTertiary};
+          background: ${cssVar.colorFillTertiary};
         }
       }
 
@@ -104,7 +103,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         padding-inline: 8px;
       }
     `,
-		containerDocs: css$1`
+		containerDocs: css`
       ${rawContainerStylish}
       position: relative;
 
@@ -126,7 +125,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       div[role='menubar'] {
         pointer-events: none;
         opacity: 0;
-        transition: opacity 200ms ${cssVar$1.motionEaseOut};
+        transition: opacity 200ms ${cssVar.motionEaseOut};
       }
 
       &:hover {
@@ -147,40 +146,40 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         padding-inline: 8px;
       }
     `,
-		editingContainer: css$1`
+		editingContainer: css`
       ${editingStylish}
       padding-block: 8px 12px;
       padding-inline: 12px;
-      border: 1px solid ${cssVar$1.colorBorderSecondary};
+      border: 1px solid ${cssVar.colorBorderSecondary};
 
       &:active,
       &:hover {
-        border-color: ${cssVar$1.colorBorder};
+        border-color: ${cssVar.colorBorder};
       }
     `,
-		editingContainerDocs: css$1`
+		editingContainerDocs: css`
       ${editingStylish}
       padding-block: 8px 12px;
       padding-inline: 12px;
-      border: 1px solid ${cssVar$1.colorBorderSecondary};
-      border-radius: ${cssVar$1.borderRadius};
+      border: 1px solid ${cssVar.colorBorderSecondary};
+      border-radius: ${cssVar.borderRadius};
 
-      background: ${cssVar$1.colorFillQuaternary};
+      background: ${cssVar.colorFillQuaternary};
 
       &:active,
       &:hover {
-        border-color: ${cssVar$1.colorBorder};
+        border-color: ${cssVar.colorBorder};
       }
     `,
-		editingInput: css$1`
+		editingInput: css`
       width: 100%;
     `,
-		errorContainer: css$1`
+		errorContainer: css`
       position: relative;
       overflow: hidden;
       width: 100%;
     `,
-		loadingLeft: css$1`
+		loadingLeft: css`
       position: absolute;
       inset-block-end: 0;
       inset-inline-start: -4px;
@@ -189,11 +188,11 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       height: 16px;
       border-radius: 50%;
 
-      color: ${cssVar$1.colorBgLayout};
+      color: ${cssVar.colorBgLayout};
 
-      background: ${cssVar$1.colorPrimary};
+      background: ${cssVar.colorPrimary};
     `,
-		loadingRight: css$1`
+		loadingRight: css`
       position: absolute;
       inset-block-end: 0;
       inset-inline-end: -4px;
@@ -202,11 +201,11 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       height: 16px;
       border-radius: 50%;
 
-      color: ${cssVar$1.colorBgLayout};
+      color: ${cssVar.colorBgLayout};
 
-      background: ${cssVar$1.colorPrimary};
+      background: ${cssVar.colorPrimary};
     `,
-		messageBubble: css$1`
+		messageBubble: css`
       ${blockStylish}
       position: relative;
       overflow: hidden;
@@ -216,7 +215,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         width: 100%;
       }
     `,
-		messageContainer: css$1`
+		messageContainer: css`
       position: relative;
       overflow: hidden;
       max-width: 100%;
@@ -225,7 +224,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         overflow-x: auto;
       }
     `,
-		messageContainerEditing: css$1`
+		messageContainerEditing: css`
       ${editingStylish}
       position: relative;
       overflow: hidden;
@@ -235,7 +234,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         overflow-x: auto;
       }
     `,
-		messageContainerEditingWithTime: css$1`
+		messageContainerEditingWithTime: css`
       ${editingStylish}
       position: relative;
       overflow: hidden;
@@ -246,7 +245,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         overflow-x: auto;
       }
     `,
-		messageContainerWithTime: css$1`
+		messageContainerWithTime: css`
       position: relative;
       overflow: hidden;
       max-width: 100%;
@@ -256,7 +255,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         overflow-x: auto;
       }
     `,
-		messageContent: css$1`
+		messageContent: css`
       position: relative;
       overflow: hidden;
       max-width: 100%;
@@ -265,7 +264,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         flex-direction: column !important;
       }
     `,
-		messageContentEditing: css$1`
+		messageContentEditing: css`
       ${editingStylish}
       position: relative;
       overflow: hidden;
@@ -275,7 +274,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         flex-direction: column !important;
       }
     `,
-		messageDocsWithTitle: css$1`
+		messageDocsWithTitle: css`
       ${rawStylishWithTitle}
       position: relative;
       overflow: hidden;
@@ -285,7 +284,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         width: 100%;
       }
     `,
-		messageDocsWithoutTitle: css$1`
+		messageDocsWithoutTitle: css`
       ${rawStylishWithoutTitle}
       position: relative;
       overflow: hidden;
@@ -295,32 +294,32 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         width: 100%;
       }
     `,
-		messageExtra: css$1`
+		messageExtra: css`
       /* message-extra class */
     `,
-		nameLeft: css$1`
+		nameLeft: css`
       pointer-events: none;
 
       margin-block-end: 6px;
 
       font-size: 12px;
       line-height: 1;
-      color: ${cssVar$1.colorTextDescription};
+      color: ${cssVar.colorTextDescription};
       text-align: start;
     `,
-		nameRight: css$1`
+		nameRight: css`
       pointer-events: none;
 
       margin-block-end: 6px;
 
       font-size: 12px;
       line-height: 1;
-      color: ${cssVar$1.colorTextDescription};
+      color: ${cssVar.colorTextDescription};
       text-align: end;
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/chat/ChatItem/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/chat/ChatItem/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const blockStylish = css`\n    padding-block: 8px;\n    padding-inline: 12px;\n    border: 1px solid color-mix(in srgb, ${cssVar.colorBorderSecondary} 66%, transparent);\n    border-radius: ${cssVar.borderRadiusLG};\n\n    background-color: ${cssVar.colorBgContainer};\n  `;\n\n  const rawStylishWithTitle = css`\n    padding-block-start: 0;\n  `;\n\n  const rawStylishWithoutTitle = css`\n    padding-block-start: 6px;\n  `;\n\n  const rawContainerStylish = css`\n    margin-block-end: -16px;\n    transition: background-color 100ms ${cssVar.motionEaseOut};\n  `;\n\n  const editingStylish = css`\n    width: 100%;\n  `;\n\n  return {\n    // Actions styles - placement + variant + editing combinations\n    actionsBubbleLeft: css`\n      flex: none;\n      align-self: flex-end;\n      justify-content: flex-end;\n    `,\n    actionsBubbleRight: css`\n      flex: none;\n      align-self: flex-end;\n      justify-content: flex-start;\n    `,\n    actionsDocsLeft: css`\n      flex: none;\n      align-self: flex-start;\n      justify-content: flex-end;\n    `,\n    actionsDocsRight: css`\n      flex: none;\n      align-self: flex-end;\n      justify-content: flex-start;\n    `,\n    actionsEditing: css`\n      pointer-events: none !important;\n      opacity: 0 !important;\n    `,\n\n    avatarContainer: css`\n      position: relative;\n      flex: none;\n      width: var(--chat-item-avatar-size, 40px);\n      height: var(--chat-item-avatar-size, 40px);\n    `,\n    avatarGroupContainer: css`\n      width: var(--chat-item-avatar-size, 40px);\n    `,\n    container: css`\n      position: relative;\n\n      width: 100%;\n      max-width: 100vw;\n      padding-block: 24px 12px;\n      padding-inline: 12px;\n\n      time {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      div[role='menubar'] {\n        display: flex;\n      }\n\n      time,\n      div[role='menubar'] {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity 200ms ${cssVar.motionEaseOut};\n      }\n\n      &:hover {\n        time,\n        div[role='menubar'] {\n          pointer-events: unset;\n          opacity: 1;\n        }\n      }\n\n      div[role='menubar']:has([data-popup-open]),\n      div[role='menubar'][data-popup-open] {\n        pointer-events: unset !important;\n        opacity: 1 !important;\n\n        [data-popup-open] {\n          background: ${cssVar.colorFillTertiary};\n        }\n      }\n\n      ${responsive.sm} {\n        padding-block-start: 12px;\n        padding-inline: 8px;\n      }\n    `,\n\n    containerDocs: css`\n      ${rawContainerStylish}\n      position: relative;\n\n      width: 100%;\n      max-width: 100vw;\n      padding-block: 24px 12px;\n      padding-inline: 12px;\n\n      time {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      div[role='menubar'] {\n        display: flex;\n      }\n\n      time,\n      div[role='menubar'] {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity 200ms ${cssVar.motionEaseOut};\n      }\n\n      &:hover {\n        time,\n        div[role='menubar'] {\n          pointer-events: unset;\n          opacity: 1;\n        }\n      }\n\n      div[role='menubar']:has(.lobe-dropdown-menu-trigger[data-popup-open]) {\n        pointer-events: unset;\n        opacity: 1;\n      }\n\n      ${responsive.sm} {\n        padding-block-start: 16px;\n        padding-inline: 8px;\n      }\n    `,\n    editingContainer: css`\n      ${editingStylish}\n      padding-block: 8px 12px;\n      padding-inline: 12px;\n      border: 1px solid ${cssVar.colorBorderSecondary};\n\n      &:active,\n      &:hover {\n        border-color: ${cssVar.colorBorder};\n      }\n    `,\n\n    editingContainerDocs: css`\n      ${editingStylish}\n      padding-block: 8px 12px;\n      padding-inline: 12px;\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillQuaternary};\n\n      &:active,\n      &:hover {\n        border-color: ${cssVar.colorBorder};\n      }\n    `,\n\n    editingInput: css`\n      width: 100%;\n    `,\n\n    errorContainer: css`\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n    `,\n\n    loadingLeft: css`\n      position: absolute;\n      inset-block-end: 0;\n      inset-inline-start: -4px;\n\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n\n      color: ${cssVar.colorBgLayout};\n\n      background: ${cssVar.colorPrimary};\n    `,\n\n    loadingRight: css`\n      position: absolute;\n      inset-block-end: 0;\n      inset-inline-end: -4px;\n\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n\n      color: ${cssVar.colorBgLayout};\n\n      background: ${cssVar.colorPrimary};\n    `,\n\n    messageBubble: css`\n      ${blockStylish}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        width: 100%;\n      }\n    `,\n\n    messageContainer: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        overflow-x: auto;\n      }\n    `,\n\n    messageContainerEditing: css`\n      ${editingStylish}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        overflow-x: auto;\n      }\n    `,\n\n    messageContainerEditingWithTime: css`\n      ${editingStylish}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n      margin-block-start: -16px;\n\n      ${responsive.sm} {\n        overflow-x: auto;\n      }\n    `,\n\n    messageContainerWithTime: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n      margin-block-start: -16px;\n\n      ${responsive.sm} {\n        overflow-x: auto;\n      }\n    `,\n\n    messageContent: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        flex-direction: column !important;\n      }\n    `,\n\n    messageContentEditing: css`\n      ${editingStylish}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        flex-direction: column !important;\n      }\n    `,\n\n    messageDocsWithTitle: css`\n      ${rawStylishWithTitle}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        width: 100%;\n      }\n    `,\n\n    messageDocsWithoutTitle: css`\n      ${rawStylishWithoutTitle}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        width: 100%;\n      }\n    `,\n\n    messageExtra: css`\n      /* message-extra class */\n    `,\n\n    nameLeft: css`\n      pointer-events: none;\n\n      margin-block-end: 6px;\n\n      font-size: 12px;\n      line-height: 1;\n      color: ${cssVar.colorTextDescription};\n      text-align: start;\n    `,\n\n    nameRight: css`\n      pointer-events: none;\n\n      margin-block-end: 6px;\n\n      font-size: 12px;\n      line-height: 1;\n      color: ${cssVar.colorTextDescription};\n      text-align: end;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;CAC5D,MAAM,eAAe,KAAG;;;2CAGiBA,SAAO,qBAAqB;qBAClDA,SAAO,eAAe;;wBAEnBA,SAAO,iBAAiB;;CAG9C,MAAM,sBAAsB,KAAG;;;CAI/B,MAAM,yBAAyB,KAAG;;;CAIlC,MAAM,sBAAsB,KAAG;;yCAEQA,SAAO,cAAc;;CAG5D,MAAM,iBAAiB,KAAG;;;AAI1B,QAAO;EAEL,mBAAmB,KAAG;;;;;EAKtB,oBAAoB,KAAG;;;;;EAKvB,iBAAiB,KAAG;;;;;EAKpB,kBAAkB,KAAG;;;;;EAKrB,gBAAgB,KAAG;;;;EAKnB,iBAAiB,KAAG;;;;;;EAMpB,sBAAsB,KAAG;;;EAGzB,WAAW,KAAG;;;;;;;;;;;;;;;;;;;;;oCAqBkBA,SAAO,cAAc;;;;;;;;;;;;;;;;;wBAiBjCA,SAAO,kBAAkB;;;;QAIzC,WAAW,GAAG;;;;;EAMlB,eAAe,KAAG;QACd,oBAAoB;;;;;;;;;;;;;;;;;;;;;oCAqBQA,SAAO,cAAc;;;;;;;;;;;;;;;;QAgBjD,WAAW,GAAG;;;;;EAKlB,kBAAkB,KAAG;QACjB,eAAe;;;0BAGGA,SAAO,qBAAqB;;;;wBAI9BA,SAAO,YAAY;;;EAIvC,sBAAsB,KAAG;QACrB,eAAe;;;0BAGGA,SAAO,qBAAqB;uBAC/BA,SAAO,aAAa;;oBAEvBA,SAAO,oBAAoB;;;;wBAIvBA,SAAO,YAAY;;;EAIvC,cAAc,KAAG;;;EAIjB,gBAAgB,KAAG;;;;;EAMnB,aAAa,KAAG;;;;;;;;;eASLA,SAAO,cAAc;;oBAEhBA,SAAO,aAAa;;EAGpC,cAAc,KAAG;;;;;;;;;eASNA,SAAO,cAAc;;oBAEhBA,SAAO,aAAa;;EAGpC,eAAe,KAAG;QACd,aAAa;;;;;QAKb,WAAW,GAAG;;;;EAKlB,kBAAkB,KAAG;;;;;QAKjB,WAAW,GAAG;;;;EAKlB,yBAAyB,KAAG;QACxB,eAAe;;;;;QAKf,WAAW,GAAG;;;;EAKlB,iCAAiC,KAAG;QAChC,eAAe;;;;;;QAMf,WAAW,GAAG;;;;EAKlB,0BAA0B,KAAG;;;;;;QAMzB,WAAW,GAAG;;;;EAKlB,gBAAgB,KAAG;;;;;QAKf,WAAW,GAAG;;;;EAKlB,uBAAuB,KAAG;QACtB,eAAe;;;;;QAKf,WAAW,GAAG;;;;EAKlB,sBAAsB,KAAG;QACrB,oBAAoB;;;;;QAKpB,WAAW,GAAG;;;;EAKlB,yBAAyB,KAAG;QACxB,uBAAuB;;;;;QAKvB,WAAW,GAAG;;;;EAKlB,cAAc,KAAG;;;EAIjB,UAAU,KAAG;;;;;;;eAOFA,SAAO,qBAAqB;;;EAIvC,WAAW,KAAG;;;;;;;eAOHA,SAAO,qBAAqB;;;EAGxC;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/ChatItem/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const blockStylish = css`\n    padding-block: 8px;\n    padding-inline: 12px;\n    border: 1px solid color-mix(in srgb, ${cssVar.colorBorderSecondary} 66%, transparent);\n    border-radius: ${cssVar.borderRadiusLG};\n\n    background-color: ${cssVar.colorBgContainer};\n  `;\n\n  const rawStylishWithTitle = css`\n    padding-block-start: 0;\n  `;\n\n  const rawStylishWithoutTitle = css`\n    padding-block-start: 6px;\n  `;\n\n  const rawContainerStylish = css`\n    margin-block-end: -16px;\n    transition: background-color 100ms ${cssVar.motionEaseOut};\n  `;\n\n  const editingStylish = css`\n    width: 100%;\n  `;\n\n  return {\n    // Actions styles - placement + variant + editing combinations\n    actionsBubbleLeft: css`\n      flex: none;\n      align-self: flex-end;\n      justify-content: flex-end;\n    `,\n    actionsBubbleRight: css`\n      flex: none;\n      align-self: flex-end;\n      justify-content: flex-start;\n    `,\n    actionsDocsLeft: css`\n      flex: none;\n      align-self: flex-start;\n      justify-content: flex-end;\n    `,\n    actionsDocsRight: css`\n      flex: none;\n      align-self: flex-end;\n      justify-content: flex-start;\n    `,\n    actionsEditing: css`\n      pointer-events: none !important;\n      opacity: 0 !important;\n    `,\n\n    avatarContainer: css`\n      position: relative;\n      flex: none;\n      width: var(--chat-item-avatar-size, 40px);\n      height: var(--chat-item-avatar-size, 40px);\n    `,\n    avatarGroupContainer: css`\n      width: var(--chat-item-avatar-size, 40px);\n    `,\n    container: css`\n      position: relative;\n\n      width: 100%;\n      max-width: 100vw;\n      padding-block: 24px 12px;\n      padding-inline: 12px;\n\n      time {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      div[role='menubar'] {\n        display: flex;\n      }\n\n      time,\n      div[role='menubar'] {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity 200ms ${cssVar.motionEaseOut};\n      }\n\n      &:hover {\n        time,\n        div[role='menubar'] {\n          pointer-events: unset;\n          opacity: 1;\n        }\n      }\n\n      div[role='menubar']:has([data-popup-open]),\n      div[role='menubar'][data-popup-open] {\n        pointer-events: unset !important;\n        opacity: 1 !important;\n\n        [data-popup-open] {\n          background: ${cssVar.colorFillTertiary};\n        }\n      }\n\n      ${responsive.sm} {\n        padding-block-start: 12px;\n        padding-inline: 8px;\n      }\n    `,\n\n    containerDocs: css`\n      ${rawContainerStylish}\n      position: relative;\n\n      width: 100%;\n      max-width: 100vw;\n      padding-block: 24px 12px;\n      padding-inline: 12px;\n\n      time {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      div[role='menubar'] {\n        display: flex;\n      }\n\n      time,\n      div[role='menubar'] {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity 200ms ${cssVar.motionEaseOut};\n      }\n\n      &:hover {\n        time,\n        div[role='menubar'] {\n          pointer-events: unset;\n          opacity: 1;\n        }\n      }\n\n      div[role='menubar']:has(.lobe-dropdown-menu-trigger[data-popup-open]) {\n        pointer-events: unset;\n        opacity: 1;\n      }\n\n      ${responsive.sm} {\n        padding-block-start: 16px;\n        padding-inline: 8px;\n      }\n    `,\n    editingContainer: css`\n      ${editingStylish}\n      padding-block: 8px 12px;\n      padding-inline: 12px;\n      border: 1px solid ${cssVar.colorBorderSecondary};\n\n      &:active,\n      &:hover {\n        border-color: ${cssVar.colorBorder};\n      }\n    `,\n\n    editingContainerDocs: css`\n      ${editingStylish}\n      padding-block: 8px 12px;\n      padding-inline: 12px;\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillQuaternary};\n\n      &:active,\n      &:hover {\n        border-color: ${cssVar.colorBorder};\n      }\n    `,\n\n    editingInput: css`\n      width: 100%;\n    `,\n\n    errorContainer: css`\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n    `,\n\n    loadingLeft: css`\n      position: absolute;\n      inset-block-end: 0;\n      inset-inline-start: -4px;\n\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n\n      color: ${cssVar.colorBgLayout};\n\n      background: ${cssVar.colorPrimary};\n    `,\n\n    loadingRight: css`\n      position: absolute;\n      inset-block-end: 0;\n      inset-inline-end: -4px;\n\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n\n      color: ${cssVar.colorBgLayout};\n\n      background: ${cssVar.colorPrimary};\n    `,\n\n    messageBubble: css`\n      ${blockStylish}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        width: 100%;\n      }\n    `,\n\n    messageContainer: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        overflow-x: auto;\n      }\n    `,\n\n    messageContainerEditing: css`\n      ${editingStylish}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        overflow-x: auto;\n      }\n    `,\n\n    messageContainerEditingWithTime: css`\n      ${editingStylish}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n      margin-block-start: -16px;\n\n      ${responsive.sm} {\n        overflow-x: auto;\n      }\n    `,\n\n    messageContainerWithTime: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n      margin-block-start: -16px;\n\n      ${responsive.sm} {\n        overflow-x: auto;\n      }\n    `,\n\n    messageContent: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        flex-direction: column !important;\n      }\n    `,\n\n    messageContentEditing: css`\n      ${editingStylish}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        flex-direction: column !important;\n      }\n    `,\n\n    messageDocsWithTitle: css`\n      ${rawStylishWithTitle}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        width: 100%;\n      }\n    `,\n\n    messageDocsWithoutTitle: css`\n      ${rawStylishWithoutTitle}\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ${responsive.sm} {\n        width: 100%;\n      }\n    `,\n\n    messageExtra: css`\n      /* message-extra class */\n    `,\n\n    nameLeft: css`\n      pointer-events: none;\n\n      margin-block-end: 6px;\n\n      font-size: 12px;\n      line-height: 1;\n      color: ${cssVar.colorTextDescription};\n      text-align: start;\n    `,\n\n    nameRight: css`\n      pointer-events: none;\n\n      margin-block-end: 6px;\n\n      font-size: 12px;\n      line-height: 1;\n      color: ${cssVar.colorTextDescription};\n      text-align: end;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,eAAe,GAAG;;;2CAGiB,OAAO,qBAAqB;qBAClD,OAAO,eAAe;;wBAEnB,OAAO,iBAAiB;;CAG9C,MAAM,sBAAsB,GAAG;;;CAI/B,MAAM,yBAAyB,GAAG;;;CAIlC,MAAM,sBAAsB,GAAG;;yCAEQ,OAAO,cAAc;;CAG5D,MAAM,iBAAiB,GAAG;;;AAI1B,QAAO;EAEL,mBAAmB,GAAG;;;;;EAKtB,oBAAoB,GAAG;;;;;EAKvB,iBAAiB,GAAG;;;;;EAKpB,kBAAkB,GAAG;;;;;EAKrB,gBAAgB,GAAG;;;;EAKnB,iBAAiB,GAAG;;;;;;EAMpB,sBAAsB,GAAG;;;EAGzB,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;oCAqBkB,OAAO,cAAc;;;;;;;;;;;;;;;;;wBAiBjC,OAAO,kBAAkB;;;;QAIzC,WAAW,GAAG;;;;;EAMlB,eAAe,GAAG;QACd,oBAAoB;;;;;;;;;;;;;;;;;;;;;oCAqBQ,OAAO,cAAc;;;;;;;;;;;;;;;;QAgBjD,WAAW,GAAG;;;;;EAKlB,kBAAkB,GAAG;QACjB,eAAe;;;0BAGG,OAAO,qBAAqB;;;;wBAI9B,OAAO,YAAY;;;EAIvC,sBAAsB,GAAG;QACrB,eAAe;;;0BAGG,OAAO,qBAAqB;uBAC/B,OAAO,aAAa;;oBAEvB,OAAO,oBAAoB;;;;wBAIvB,OAAO,YAAY;;;EAIvC,cAAc,GAAG;;;EAIjB,gBAAgB,GAAG;;;;;EAMnB,aAAa,GAAG;;;;;;;;;eASL,OAAO,cAAc;;oBAEhB,OAAO,aAAa;;EAGpC,cAAc,GAAG;;;;;;;;;eASN,OAAO,cAAc;;oBAEhB,OAAO,aAAa;;EAGpC,eAAe,GAAG;QACd,aAAa;;;;;QAKb,WAAW,GAAG;;;;EAKlB,kBAAkB,GAAG;;;;;QAKjB,WAAW,GAAG;;;;EAKlB,yBAAyB,GAAG;QACxB,eAAe;;;;;QAKf,WAAW,GAAG;;;;EAKlB,iCAAiC,GAAG;QAChC,eAAe;;;;;;QAMf,WAAW,GAAG;;;;EAKlB,0BAA0B,GAAG;;;;;;QAMzB,WAAW,GAAG;;;;EAKlB,gBAAgB,GAAG;;;;;QAKf,WAAW,GAAG;;;;EAKlB,uBAAuB,GAAG;QACtB,eAAe;;;;;QAKf,WAAW,GAAG;;;;EAKlB,sBAAsB,GAAG;QACrB,oBAAoB;;;;;QAKpB,WAAW,GAAG;;;;EAKlB,yBAAyB,GAAG;QACxB,uBAAuB;;;;;QAKvB,WAAW,GAAG;;;;EAKlB,cAAc,GAAG;;;EAIjB,UAAU,GAAG;;;;;;;eAOF,OAAO,qBAAqB;;;EAIvC,WAAW,GAAG;;;;;;;eAOH,OAAO,qBAAqB;;;EAGxC;EACD"}

package/es/chat/ChatItem/type.d.mts

@@ -1,16 +1,10 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
-import "../../Flex/index.mjs";
 import { DivProps } from "../../types/index.mjs";
 import { AlertProps } from "../../Alert/type.mjs";
-import "../../Alert/index.mjs";
 import { AvatarProps } from "../../Avatar/type.mjs";
-import "../../Avatar/index.mjs";
 import { MarkdownProps } from "../../Markdown/type.mjs";
-import "../../Markdown/index.mjs";
 import { EditableMessageProps } from "../EditableMessage/type.mjs";
-import "../EditableMessage/index.mjs";
 import { MetaData } from "../types/meta.mjs";
-import "../types/index.mjs";
 import { ReactNode } from "react";
 
 //#region src/chat/ChatItem/type.d.ts

package/es/chat/ChatList/ChatList.d.mts

@@ -1,8 +1,8 @@
 import { ChatListProps } from "./type.mjs";
-import * as react156 from "react";
+import * as _$react from "react";
 
 //#region src/chat/ChatList/ChatList.d.ts
-declare const ChatList: react156.NamedExoticComponent<ChatListProps>;
+declare const ChatList: _$react.NamedExoticComponent<ChatListProps>;
 //#endregion
 export { ChatList };
 //# sourceMappingURL=ChatList.d.mts.map

package/es/chat/ChatList/ChatList.mjs

@@ -1,12 +1,10 @@
-'use client';
-
-import ChatListItem_default from "./components/ChatListItem.mjs";
-import HistoryDivider_default from "./components/HistoryDivider.mjs";
+"use client";
+import ChatListItem from "./components/ChatListItem.mjs";
+import HistoryDivider from "./components/HistoryDivider.mjs";
 import { styles } from "./style.mjs";
 import { Fragment, memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/chat/ChatList/ChatList.tsx
 const ChatList = memo(({ onActionsClick, onAvatarsClick, renderMessagesExtra, className, data, variant = "bubble", text, showTitle, onMessageChange, renderMessages, renderErrorMessages, loadingId, renderItems, enableHistoryCount, renderActions, historyCount = 0, showAvatar, ...rest }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -29,18 +27,17 @@ const ChatList = memo(({ onActionsClick, onAvatarsClick, renderMessagesExtra, cl
 				variant
 			};
 			const historyLength = data.length;
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(HistoryDivider_default, {
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(HistoryDivider, {
 				enable: enableHistoryCount && historyLength > historyCount && historyCount === historyLength - index + 1,
 				text: text?.history
-			}), /* @__PURE__ */ jsx(ChatListItem_default, {
+			}), /* @__PURE__ */ jsx(ChatListItem, {
 				...itemProps,
 				...item
 			})] }, item.id);
 		})
 	});
 });
-var ChatList_default = ChatList;
-
 //#endregion
-export { ChatList_default as default };
+export { ChatList as default };
+
 //# sourceMappingURL=ChatList.mjs.map

package/es/chat/ChatList/ChatList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatList.mjs","names":["HistoryDivider","ChatListItem"],"sources":["../../../src/chat/ChatList/ChatList.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Fragment, memo } from 'react';\n\nimport ChatListItem from './components/ChatListItem';\nimport HistoryDivider from './components/HistoryDivider';\nimport { styles } from './style';\nimport type { ChatListProps } from './type';\n\nconst ChatList = memo<ChatListProps>(\n  ({\n    onActionsClick,\n    onAvatarsClick,\n    renderMessagesExtra,\n    className,\n    data,\n    variant = 'bubble',\n    text,\n    showTitle,\n    onMessageChange,\n    renderMessages,\n    renderErrorMessages,\n    loadingId,\n    renderItems,\n    enableHistoryCount,\n    renderActions,\n    historyCount = 0,\n    showAvatar,\n    ...rest\n  }) => {\n    return (\n      <div className={cx(styles.container, className)} {...rest}>\n        {data.map((item, index) => {\n          const itemProps = {\n            loading: loadingId === item.id,\n            onActionsClick,\n            onAvatarsClick,\n            onMessageChange,\n            renderActions,\n            renderErrorMessages,\n            renderItems,\n            renderMessages,\n            renderMessagesExtra,\n            showAvatar,\n            showTitle,\n            text,\n            variant,\n          };\n\n          const historyLength = data.length;\n          const enableHistoryDivider =\n            enableHistoryCount &&\n            historyLength > historyCount &&\n            historyCount === historyLength - index + 1;\n\n          return (\n            <Fragment key={item.id}>\n              <HistoryDivider enable={enableHistoryDivider} text={text?.history} />\n              <ChatListItem {...itemProps} {...item} />\n            </Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n);\n\nexport default ChatList;\n"],"mappings":";;;;;;;;;;AAUA,MAAM,WAAW,MACd,EACC,gBACA,gBACA,qBACA,WACA,MACA,UAAU,UACV,MACA,WACA,iBACA,gBACA,qBACA,WACA,aACA,oBACA,eACA,eAAe,GACf,YACA,GAAG,WACC;AACJ,QACE,oBAAC;EAAI,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;YAClD,KAAK,KAAK,MAAM,UAAU;GACzB,MAAM,YAAY;IAChB,SAAS,cAAc,KAAK;IAC5B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GAED,MAAM,gBAAgB,KAAK;AAM3B,UACE,qBAAC,uBACC,oBAACA;IAAe,QANlB,sBACA,gBAAgB,gBAChB,iBAAiB,gBAAgB,QAAQ;IAIO,MAAM,MAAM;KAAW,EACrE,oBAACC;IAAa,GAAI;IAAW,GAAI;KAAQ,KAF5B,KAAK,GAGT;IAEb;GACE;EAGX;AAED,uBAAe"}
+{"version":3,"file":"ChatList.mjs","names":[],"sources":["../../../src/chat/ChatList/ChatList.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Fragment, memo } from 'react';\n\nimport ChatListItem from './components/ChatListItem';\nimport HistoryDivider from './components/HistoryDivider';\nimport { styles } from './style';\nimport type { ChatListProps } from './type';\n\nconst ChatList = memo<ChatListProps>(\n  ({\n    onActionsClick,\n    onAvatarsClick,\n    renderMessagesExtra,\n    className,\n    data,\n    variant = 'bubble',\n    text,\n    showTitle,\n    onMessageChange,\n    renderMessages,\n    renderErrorMessages,\n    loadingId,\n    renderItems,\n    enableHistoryCount,\n    renderActions,\n    historyCount = 0,\n    showAvatar,\n    ...rest\n  }) => {\n    return (\n      <div className={cx(styles.container, className)} {...rest}>\n        {data.map((item, index) => {\n          const itemProps = {\n            loading: loadingId === item.id,\n            onActionsClick,\n            onAvatarsClick,\n            onMessageChange,\n            renderActions,\n            renderErrorMessages,\n            renderItems,\n            renderMessages,\n            renderMessagesExtra,\n            showAvatar,\n            showTitle,\n            text,\n            variant,\n          };\n\n          const historyLength = data.length;\n          const enableHistoryDivider =\n            enableHistoryCount &&\n            historyLength > historyCount &&\n            historyCount === historyLength - index + 1;\n\n          return (\n            <Fragment key={item.id}>\n              <HistoryDivider enable={enableHistoryDivider} text={text?.history} />\n              <ChatListItem {...itemProps} {...item} />\n            </Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n);\n\nexport default ChatList;\n"],"mappings":";;;;;;;;AAUA,MAAM,WAAW,MACd,EACC,gBACA,gBACA,qBACA,WACA,MACA,UAAU,UACV,MACA,WACA,iBACA,gBACA,qBACA,WACA,aACA,oBACA,eACA,eAAe,GACf,YACA,GAAG,WACC;AACJ,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;YAClD,KAAK,KAAK,MAAM,UAAU;GACzB,MAAM,YAAY;IAChB,SAAS,cAAc,KAAK;IAC5B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GAED,MAAM,gBAAgB,KAAK;AAM3B,UACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;IAAgB,QANlB,sBACA,gBAAgB,gBAChB,iBAAiB,gBAAgB,QAAQ;IAIO,MAAM,MAAM;IAAW,CAAA,EACrE,oBAAC,cAAD;IAAc,GAAI;IAAW,GAAI;IAAQ,CAAA,CAChC,EAAA,EAHI,KAAK,GAGT;IAEb;EACE,CAAA;EAGX"}

package/es/chat/ChatList/components/ChatActionsBar.mjs

@@ -1,11 +1,10 @@
-import ActionIconGroup_default from "../../../ActionIconGroup/ActionIconGroup.mjs";
+import ActionIconGroup from "../../../ActionIconGroup/ActionIconGroup.mjs";
 import { useChatListActionsBar } from "./useChatListActionsBar.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/chat/ChatList/components/ChatActionsBar.tsx
 const ChatActionsBar = ({ text, ref, ...rest }) => {
 	const { regenerate, edit, copy, divider, del } = useChatListActionsBar(text);
-	return /* @__PURE__ */ jsx(ActionIconGroup_default, {
+	return /* @__PURE__ */ jsx(ActionIconGroup, {
 		items: [regenerate, edit],
 		menu: [
 			edit,
@@ -18,8 +17,7 @@ const ChatActionsBar = ({ text, ref, ...rest }) => {
 		...rest
 	});
 };
-var ChatActionsBar_default = ChatActionsBar;
-
 //#endregion
-export { ChatActionsBar_default as default };
+export { ChatActionsBar as default };
+
 //# sourceMappingURL=ChatActionsBar.mjs.map

package/es/chat/ChatList/components/ChatActionsBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatActionsBar.mjs","names":["ChatActionsBar: FC<ChatActionsBarProps>","ActionIconGroup"],"sources":["../../../../src/chat/ChatList/components/ChatActionsBar.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport ActionIconGroup from '@/ActionIconGroup';\n\nimport type { ChatActionsBarProps } from '../type';\nimport { useChatListActionsBar } from './useChatListActionsBar';\n\nconst ChatActionsBar: FC<ChatActionsBarProps> = ({ text, ref, ...rest }) => {\n  const { regenerate, edit, copy, divider, del } = useChatListActionsBar(text);\n  return (\n    <ActionIconGroup\n      items={[regenerate, edit]}\n      menu={[edit, copy, regenerate, divider, del]}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n\nexport default ChatActionsBar;\n"],"mappings":";;;;;AAOA,MAAMA,kBAA2C,EAAE,MAAM,KAAK,GAAG,WAAW;CAC1E,MAAM,EAAE,YAAY,MAAM,MAAM,SAAS,QAAQ,sBAAsB,KAAK;AAC5E,QACE,oBAACC;EACC,OAAO,CAAC,YAAY,KAAK;EACzB,MAAM;GAAC;GAAM;GAAM;GAAY;GAAS;GAAI;EACvC;EACL,GAAI;GACJ;;AAIN,6BAAe"}
+{"version":3,"file":"ChatActionsBar.mjs","names":[],"sources":["../../../../src/chat/ChatList/components/ChatActionsBar.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport ActionIconGroup from '@/ActionIconGroup';\n\nimport type { ChatActionsBarProps } from '../type';\nimport { useChatListActionsBar } from './useChatListActionsBar';\n\nconst ChatActionsBar: FC<ChatActionsBarProps> = ({ text, ref, ...rest }) => {\n  const { regenerate, edit, copy, divider, del } = useChatListActionsBar(text);\n  return (\n    <ActionIconGroup\n      items={[regenerate, edit]}\n      menu={[edit, copy, regenerate, divider, del]}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n\nexport default ChatActionsBar;\n"],"mappings":";;;;AAOA,MAAM,kBAA2C,EAAE,MAAM,KAAK,GAAG,WAAW;CAC1E,MAAM,EAAE,YAAY,MAAM,MAAM,SAAS,QAAQ,sBAAsB,KAAK;AAC5E,QACE,oBAAC,iBAAD;EACE,OAAO,CAAC,YAAY,KAAK;EACzB,MAAM;GAAC;GAAM;GAAM;GAAY;GAAS;GAAI;EACvC;EACL,GAAI;EACJ,CAAA"}

package/es/chat/ChatList/components/ChatListItem.mjs

@@ -1,15 +1,14 @@
 import { copyToClipboard } from "../../../utils/copyToClipboard.mjs";
-import ChatItem_default from "../../ChatItem/ChatItem.mjs";
-import ChatActionsBar_default from "./ChatActionsBar.mjs";
+import ChatItem from "../../ChatItem/ChatItem.mjs";
+import ChatActionsBar from "./ChatActionsBar.mjs";
 import { memo, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { App } from "antd";
-
 //#region src/chat/ChatList/components/ChatListItem.tsx
 const ChatListItem = memo((props) => {
 	const { renderMessagesExtra, showTitle, onActionsClick, onAvatarsClick, onMessageChange, variant, text, renderMessages, renderErrorMessages, renderActions, loading, groupNav, renderItems, showAvatar, ...item } = props;
 	const [editing, setEditing] = useState(false);
-	const { message: message$1 } = App.useApp();
+	const { message } = App.useApp();
 	const RenderItem = useMemo(() => {
 		if (!renderItems || !item?.role) return;
 		let renderFunction;
@@ -50,16 +49,16 @@ const ChatListItem = memo((props) => {
 		let RenderFunction;
 		if (renderActions?.[item.role]) RenderFunction = renderActions[item.role];
 		if (renderActions?.["default"]) RenderFunction = renderActions["default"];
-		if (!RenderFunction) RenderFunction = ChatActionsBar_default;
-		const handleActionClick = async (action, data$1) => {
+		if (!RenderFunction) RenderFunction = ChatActionsBar;
+		const handleActionClick = async (action, data) => {
 			switch (action.key) {
 				case "copy":
-					await copyToClipboard(data$1.content);
-					message$1.success(text?.copySuccess || "Copy Success");
+					await copyToClipboard(data.content);
+					message.success(text?.copySuccess || "Copy Success");
 					break;
 				case "edit": setEditing(true);
 			}
-			onActionsClick?.(action, data$1);
+			onActionsClick?.(action, data);
 		};
 		return /* @__PURE__ */ jsx(RenderFunction, {
 			...data,
@@ -73,16 +72,16 @@ const ChatListItem = memo((props) => {
 	]);
 	const error = useMemo(() => {
 		if (!item.error) return;
-		const message$2 = item.error?.message;
+		const message = item.error?.message;
 		let alertConfig = {};
 		if (item.error.type && renderErrorMessages?.[item.error.type]) alertConfig = renderErrorMessages[item.error.type]?.config;
 		return {
-			message: message$2,
+			message,
 			...alertConfig
 		};
 	}, [renderErrorMessages, item.error]);
 	if (RenderItem) return /* @__PURE__ */ jsx(RenderItem, { ...props }, item.id);
-	return /* @__PURE__ */ jsx(ChatItem_default, {
+	return /* @__PURE__ */ jsx(ChatItem, {
 		actions: /* @__PURE__ */ jsx(Actions, { data: item }),
 		avatar: item.meta,
 		avatarAddon: groupNav,
@@ -113,8 +112,7 @@ const ChatListItem = memo((props) => {
 	});
 });
 ChatListItem.displayName = "ChatListItem";
-var ChatListItem_default = ChatListItem;
-
 //#endregion
-export { ChatListItem_default as default };
+export { ChatListItem as default };
+
 //# sourceMappingURL=ChatListItem.mjs.map

package/es/chat/ChatList/components/ChatListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatListItem.mjs","names":["ChatActionsBar","handleActionClick: ListItemProps['onActionsClick']","data","message","ChatItem"],"sources":["../../../../src/chat/ChatList/components/ChatListItem.tsx"],"sourcesContent":["import { App } from 'antd';\nimport { memo, type ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { type AlertProps } from '@/Alert';\nimport ChatItem from '@/chat/ChatItem';\nimport { type ChatMessage } from '@/chat/types';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { type ChatListItemProps, type ListItemProps } from '../type';\nimport ChatActionsBar from './ChatActionsBar';\n\nconst ChatListItem = memo<ChatListItemProps>((props) => {\n  const {\n    renderMessagesExtra,\n    showTitle,\n    onActionsClick,\n    onAvatarsClick,\n    onMessageChange,\n    variant,\n    text,\n    renderMessages,\n    renderErrorMessages,\n    renderActions,\n    loading,\n    groupNav,\n    renderItems,\n    showAvatar,\n    ...item\n  } = props;\n\n  const [editing, setEditing] = useState(false);\n\n  const { message } = App.useApp();\n\n  const RenderItem = useMemo(() => {\n    if (!renderItems || !item?.role) return;\n    let renderFunction;\n    if (renderItems?.[item.role]) renderFunction = renderItems[item.role];\n    if (!renderFunction && renderItems?.['default']) renderFunction = renderItems['default'];\n    if (!renderFunction) return;\n    return renderFunction;\n  }, [renderItems?.[item.role]]);\n\n  const RenderMessage = useCallback(\n    ({ editableContent, data }: { data: ChatMessage; editableContent: ReactNode }) => {\n      if (!renderMessages || !item?.role) return;\n      let RenderFunction;\n      if (renderMessages?.[item.role]) RenderFunction = renderMessages[item.role];\n      if (!RenderFunction && renderMessages?.['default'])\n        RenderFunction = renderMessages['default'];\n      if (!RenderFunction) return;\n      return <RenderFunction {...data} editableContent={editableContent} />;\n    },\n    [renderMessages?.[item.role]],\n  );\n\n  const MessageExtra = useCallback(\n    ({ data }: { data: ChatMessage }) => {\n      if (!renderMessagesExtra || !item?.role) return;\n      let RenderFunction;\n      if (renderMessagesExtra?.[item.role]) RenderFunction = renderMessagesExtra[item.role];\n      if (renderMessagesExtra?.['default']) RenderFunction = renderMessagesExtra['default'];\n      if (!RenderFunction) return;\n      return <RenderFunction {...data} />;\n    },\n    [renderMessagesExtra?.[item.role]],\n  );\n\n  const ErrorMessage = useCallback(\n    ({ data }: { data: ChatMessage }) => {\n      if (!renderErrorMessages || !item?.error?.type) return;\n      let RenderFunction;\n      if (renderErrorMessages?.[item.error.type])\n        RenderFunction = renderErrorMessages[item.error.type].Render;\n      if (!RenderFunction && renderErrorMessages?.['default'])\n        RenderFunction = renderErrorMessages['default'].Render;\n      if (!RenderFunction) return;\n      return <RenderFunction {...data} />;\n    },\n    [renderErrorMessages],\n  );\n\n  const Actions = useCallback(\n    ({ data }: { data: ChatMessage }) => {\n      if (!renderActions || !item?.role) return;\n      let RenderFunction;\n      if (renderActions?.[item.role]) RenderFunction = renderActions[item.role];\n      if (renderActions?.['default']) RenderFunction = renderActions['default'];\n      if (!RenderFunction) RenderFunction = ChatActionsBar;\n\n      const handleActionClick: ListItemProps['onActionsClick'] = async (action, data) => {\n        switch (action.key) {\n          case 'copy': {\n            await copyToClipboard(data.content);\n            message.success(text?.copySuccess || 'Copy Success');\n            break;\n          }\n          case 'edit': {\n            setEditing(true);\n          }\n        }\n\n        onActionsClick?.(action, data);\n      };\n\n      return (\n        <RenderFunction\n          {...data}\n          text={text}\n          onActionClick={(actionKey) => handleActionClick?.(actionKey, data)}\n        />\n      );\n    },\n    [renderActions?.[item.role], text, onActionsClick],\n  );\n\n  const error = useMemo(() => {\n    if (!item.error) return;\n    const message = item.error?.message;\n    let alertConfig = {};\n    if (item.error.type && renderErrorMessages?.[item.error.type]) {\n      alertConfig = renderErrorMessages[item.error.type]?.config as AlertProps;\n    }\n    return {\n      message,\n      ...alertConfig,\n    };\n  }, [renderErrorMessages, item.error]);\n\n  if (RenderItem) return <RenderItem key={item.id} {...props} />;\n\n  return (\n    <ChatItem\n      actions={<Actions data={item} />}\n      avatar={item.meta}\n      avatarAddon={groupNav}\n      editing={editing}\n      error={error}\n      errorMessage={<ErrorMessage data={item} />}\n      loading={loading}\n      message={item.content}\n      messageExtra={<MessageExtra data={item} />}\n      placement={variant === 'bubble' ? (item.role === 'user' ? 'right' : 'left') : 'left'}\n      primary={item.role === 'user'}\n      showAvatar={showAvatar}\n      showTitle={showTitle}\n      text={text}\n      time={item.updateAt || item.createAt}\n      variant={variant}\n      renderMessage={(editableContent) => (\n        <RenderMessage data={item} editableContent={editableContent} />\n      )}\n      onAvatarClick={onAvatarsClick?.(item.role)}\n      onChange={(value) => onMessageChange?.(item.id, value)}\n      onEditingChange={setEditing}\n      onDoubleClick={(e) => {\n        if (item.id === 'default' || item.error) return;\n        if (item.role && ['assistant', 'user'].includes(item.role) && e.altKey) {\n          setEditing(true);\n        }\n      }}\n    />\n  );\n});\n\nChatListItem.displayName = 'ChatListItem';\n\nexport default ChatListItem;\n"],"mappings":"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"}
+{"version":3,"file":"ChatListItem.mjs","names":[],"sources":["../../../../src/chat/ChatList/components/ChatListItem.tsx"],"sourcesContent":["import { App } from 'antd';\nimport { memo, type ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { type AlertProps } from '@/Alert';\nimport ChatItem from '@/chat/ChatItem';\nimport { type ChatMessage } from '@/chat/types';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { type ChatListItemProps, type ListItemProps } from '../type';\nimport ChatActionsBar from './ChatActionsBar';\n\nconst ChatListItem = memo<ChatListItemProps>((props) => {\n  const {\n    renderMessagesExtra,\n    showTitle,\n    onActionsClick,\n    onAvatarsClick,\n    onMessageChange,\n    variant,\n    text,\n    renderMessages,\n    renderErrorMessages,\n    renderActions,\n    loading,\n    groupNav,\n    renderItems,\n    showAvatar,\n    ...item\n  } = props;\n\n  const [editing, setEditing] = useState(false);\n\n  const { message } = App.useApp();\n\n  const RenderItem = useMemo(() => {\n    if (!renderItems || !item?.role) return;\n    let renderFunction;\n    if (renderItems?.[item.role]) renderFunction = renderItems[item.role];\n    if (!renderFunction && renderItems?.['default']) renderFunction = renderItems['default'];\n    if (!renderFunction) return;\n    return renderFunction;\n  }, [renderItems?.[item.role]]);\n\n  const RenderMessage = useCallback(\n    ({ editableContent, data }: { data: ChatMessage; editableContent: ReactNode }) => {\n      if (!renderMessages || !item?.role) return;\n      let RenderFunction;\n      if (renderMessages?.[item.role]) RenderFunction = renderMessages[item.role];\n      if (!RenderFunction && renderMessages?.['default'])\n        RenderFunction = renderMessages['default'];\n      if (!RenderFunction) return;\n      return <RenderFunction {...data} editableContent={editableContent} />;\n    },\n    [renderMessages?.[item.role]],\n  );\n\n  const MessageExtra = useCallback(\n    ({ data }: { data: ChatMessage }) => {\n      if (!renderMessagesExtra || !item?.role) return;\n      let RenderFunction;\n      if (renderMessagesExtra?.[item.role]) RenderFunction = renderMessagesExtra[item.role];\n      if (renderMessagesExtra?.['default']) RenderFunction = renderMessagesExtra['default'];\n      if (!RenderFunction) return;\n      return <RenderFunction {...data} />;\n    },\n    [renderMessagesExtra?.[item.role]],\n  );\n\n  const ErrorMessage = useCallback(\n    ({ data }: { data: ChatMessage }) => {\n      if (!renderErrorMessages || !item?.error?.type) return;\n      let RenderFunction;\n      if (renderErrorMessages?.[item.error.type])\n        RenderFunction = renderErrorMessages[item.error.type].Render;\n      if (!RenderFunction && renderErrorMessages?.['default'])\n        RenderFunction = renderErrorMessages['default'].Render;\n      if (!RenderFunction) return;\n      return <RenderFunction {...data} />;\n    },\n    [renderErrorMessages],\n  );\n\n  const Actions = useCallback(\n    ({ data }: { data: ChatMessage }) => {\n      if (!renderActions || !item?.role) return;\n      let RenderFunction;\n      if (renderActions?.[item.role]) RenderFunction = renderActions[item.role];\n      if (renderActions?.['default']) RenderFunction = renderActions['default'];\n      if (!RenderFunction) RenderFunction = ChatActionsBar;\n\n      const handleActionClick: ListItemProps['onActionsClick'] = async (action, data) => {\n        switch (action.key) {\n          case 'copy': {\n            await copyToClipboard(data.content);\n            message.success(text?.copySuccess || 'Copy Success');\n            break;\n          }\n          case 'edit': {\n            setEditing(true);\n          }\n        }\n\n        onActionsClick?.(action, data);\n      };\n\n      return (\n        <RenderFunction\n          {...data}\n          text={text}\n          onActionClick={(actionKey) => handleActionClick?.(actionKey, data)}\n        />\n      );\n    },\n    [renderActions?.[item.role], text, onActionsClick],\n  );\n\n  const error = useMemo(() => {\n    if (!item.error) return;\n    const message = item.error?.message;\n    let alertConfig = {};\n    if (item.error.type && renderErrorMessages?.[item.error.type]) {\n      alertConfig = renderErrorMessages[item.error.type]?.config as AlertProps;\n    }\n    return {\n      message,\n      ...alertConfig,\n    };\n  }, [renderErrorMessages, item.error]);\n\n  if (RenderItem) return <RenderItem key={item.id} {...props} />;\n\n  return (\n    <ChatItem\n      actions={<Actions data={item} />}\n      avatar={item.meta}\n      avatarAddon={groupNav}\n      editing={editing}\n      error={error}\n      errorMessage={<ErrorMessage data={item} />}\n      loading={loading}\n      message={item.content}\n      messageExtra={<MessageExtra data={item} />}\n      placement={variant === 'bubble' ? (item.role === 'user' ? 'right' : 'left') : 'left'}\n      primary={item.role === 'user'}\n      showAvatar={showAvatar}\n      showTitle={showTitle}\n      text={text}\n      time={item.updateAt || item.createAt}\n      variant={variant}\n      renderMessage={(editableContent) => (\n        <RenderMessage data={item} editableContent={editableContent} />\n      )}\n      onAvatarClick={onAvatarsClick?.(item.role)}\n      onChange={(value) => onMessageChange?.(item.id, value)}\n      onEditingChange={setEditing}\n      onDoubleClick={(e) => {\n        if (item.id === 'default' || item.error) return;\n        if (item.role && ['assistant', 'user'].includes(item.role) && e.altKey) {\n          setEditing(true);\n        }\n      }}\n    />\n  );\n});\n\nChatListItem.displayName = 'ChatListItem';\n\nexport default ChatListItem;\n"],"mappings":"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"}

package/es/chat/ChatList/components/HistoryDivider.mjs

@@ -1,22 +1,20 @@
-import Icon_default from "../../../Icon/Icon.mjs";
-import Tag_default from "../../../Tag/Tag.mjs";
+import Icon from "../../../Icon/Icon.mjs";
+import Tag$1 from "../../../Tag/Tag.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Divider } from "antd";
 import { Timer } from "lucide-react";
-
 //#region src/chat/ChatList/components/HistoryDivider.tsx
 const HistoryDivider = ({ enable, text }) => {
 	if (!enable) return null;
 	return /* @__PURE__ */ jsx("div", {
 		style: { padding: "0 20px" },
-		children: /* @__PURE__ */ jsx(Divider, { children: /* @__PURE__ */ jsx(Tag_default, {
-			icon: /* @__PURE__ */ jsx(Icon_default, { icon: Timer }),
+		children: /* @__PURE__ */ jsx(Divider, { children: /* @__PURE__ */ jsx(Tag$1, {
+			icon: /* @__PURE__ */ jsx(Icon, { icon: Timer }),
 			children: text || "History Message"
 		}) })
 	});
 };
-var HistoryDivider_default = HistoryDivider;
-
 //#endregion
-export { HistoryDivider_default as default };
+export { HistoryDivider as default };
+
 //# sourceMappingURL=HistoryDivider.mjs.map

package/es/chat/ChatList/components/HistoryDivider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HistoryDivider.mjs","names":["HistoryDivider: FC<HistoryDividerProps>","Tag","Icon"],"sources":["../../../../src/chat/ChatList/components/HistoryDivider.tsx"],"sourcesContent":["import { Divider } from 'antd';\nimport { Timer } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport Icon from '@/Icon';\nimport Tag from '@/Tag';\n\ninterface HistoryDividerProps {\n  enable?: boolean;\n  text?: string;\n}\n\nconst HistoryDivider: FC<HistoryDividerProps> = ({ enable, text }) => {\n  if (!enable) return null;\n\n  return (\n    <div style={{ padding: '0 20px' }}>\n      <Divider>\n        <Tag icon={<Icon icon={Timer} />}>{text || 'History Message'}</Tag>\n      </Divider>\n    </div>\n  );\n};\n\nexport default HistoryDivider;\n"],"mappings":";;;;;;;AAYA,MAAMA,kBAA2C,EAAE,QAAQ,WAAW;AACpE,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,oBAAC;EAAI,OAAO,EAAE,SAAS,UAAU;YAC/B,oBAAC,qBACC,oBAACC;GAAI,MAAM,oBAACC,gBAAK,MAAM,QAAS;aAAG,QAAQ;IAAwB,GAC3D;GACN;;AAIV,6BAAe"}
+{"version":3,"file":"HistoryDivider.mjs","names":["Tag"],"sources":["../../../../src/chat/ChatList/components/HistoryDivider.tsx"],"sourcesContent":["import { Divider } from 'antd';\nimport { Timer } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport Icon from '@/Icon';\nimport Tag from '@/Tag';\n\ninterface HistoryDividerProps {\n  enable?: boolean;\n  text?: string;\n}\n\nconst HistoryDivider: FC<HistoryDividerProps> = ({ enable, text }) => {\n  if (!enable) return null;\n\n  return (\n    <div style={{ padding: '0 20px' }}>\n      <Divider>\n        <Tag icon={<Icon icon={Timer} />}>{text || 'History Message'}</Tag>\n      </Divider>\n    </div>\n  );\n};\n\nexport default HistoryDivider;\n"],"mappings":";;;;;;AAYA,MAAM,kBAA2C,EAAE,QAAQ,WAAW;AACpE,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,oBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,UAAU;YAC/B,oBAAC,SAAD,EAAA,UACE,oBAACA,OAAD;GAAK,MAAM,oBAAC,MAAD,EAAM,MAAM,OAAS,CAAA;aAAG,QAAQ;GAAwB,CAAA,EAC3D,CAAA;EACN,CAAA"}

package/es/chat/ChatList/components/useChatListActionsBar.mjs

@@ -1,8 +1,6 @@
-'use client';
-
+"use client";
 import { useMemo } from "react";
 import { Copy, Edit, RotateCw, Trash } from "lucide-react";
-
 //#region src/chat/ChatList/components/useChatListActionsBar.tsx
 const useChatListActionsBar = (text) => {
 	return useMemo(() => ({
@@ -29,7 +27,7 @@ const useChatListActionsBar = (text) => {
 		}
 	}), [text]);
 };
-
 //#endregion
 export { useChatListActionsBar };
+
 //# sourceMappingURL=useChatListActionsBar.mjs.map