@lobehub/ui 4.6.7 → 4.7.0

package/es/chat/ChatItem/style.mjs

@@ -89,6 +89,16 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
 
+      div[role='menubar']:has([data-popup-open]),
+      div[role='menubar'][data-popup-open] {
+        pointer-events: unset !important;
+        opacity: 1 !important;
+
+        [data-popup-open] {
+          background: ${cssVar$1.colorFillTertiary};
+        }
+      }
+
       ${responsive.sm} {
         padding-block-start: 12px;
         padding-inline: 8px;
@@ -127,6 +137,11 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
 
+      div[role='menubar']:has(.lobe-dropdown-menu-trigger[data-popup-open]) {
+        pointer-events: unset;
+        opacity: 1;
+      }
+
       ${responsive.sm} {
         padding-block-start: 16px;
         padding-inline: 8px;

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      ${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      ${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;;;;;;;;;;;QAWjD,WAAW,GAAG;;;;;EAMlB,eAAe,KAAG;QACd,oBAAoB;;;;;;;;;;;;;;;;;;;;;oCAqBQA,SAAO,cAAc;;;;;;;;;;;QAWjD,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":["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"}

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

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

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

@@ -7,13 +7,13 @@ const ChatActionsBar = ({ text, ref, ...rest }) => {
 	const { regenerate, edit, copy, divider, del } = useChatListActionsBar(text);
 	return /* @__PURE__ */ jsx(ActionIconGroup_default, {
 		items: [regenerate, edit],
-		menu: { items: [
+		menu: [
 			edit,
 			copy,
 			regenerate,
 			divider,
 			del
-		] },
+		],
 		ref,
 		...rest
 	});

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={{\n        items: [edit, copy, regenerate, divider, del],\n      }}\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,EACJ,OAAO;GAAC;GAAM;GAAM;GAAY;GAAS;GAAI,EAC9C;EACI;EACL,GAAI;GACJ;;AAIN,6BAAe"}
+{"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"}

package/es/chat/EditableMessage/EditableMessage.d.mts

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

package/es/chat/EditableMessageList/EditableMessageList.d.mts

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

package/es/chat/MessageInput/MessageInput.d.mts

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

package/es/chat/MessageModal/MessageModal.d.mts

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

package/es/color/ColorScales/index.d.mts

@@ -1,5 +1,5 @@
 import { ColorScaleItem } from "../types.mjs";
-import * as react14 from "react";
+import * as react27 from "react";
 
 //#region src/color/ColorScales/index.d.ts
 interface ColorScalesProps {
@@ -16,7 +16,7 @@ interface ColorScalesProps {
    */
   scale: ColorScaleItem;
 }
-declare const ColorScales: react14.NamedExoticComponent<ColorScalesProps>;
+declare const ColorScales: react27.NamedExoticComponent<ColorScalesProps>;
 //#endregion
 export { ColorScales, ColorScalesProps };
 //# sourceMappingURL=index.d.mts.map

package/es/color/CssVar/index.d.mts

@@ -1,5 +1,5 @@
 import { ColorScaleItem } from "../types.mjs";
-import * as react13 from "react";
+import * as react28 from "react";
 
 //#region src/color/CssVar/index.d.ts
 interface ColorScalesProps {
@@ -16,7 +16,7 @@ interface ColorScalesProps {
    */
   scale: ColorScaleItem;
 }
-declare const ColorScales: react13.NamedExoticComponent<ColorScalesProps>;
+declare const ColorScales: react28.NamedExoticComponent<ColorScalesProps>;
 //#endregion
 export { ColorScales };
 //# sourceMappingURL=index.d.mts.map

package/es/i18n/context.d.mts

@@ -1,7 +1,7 @@
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import { I18nContextValue, TranslationKey, TranslationResources, TranslationResourcesInput } from "./types.mjs";
 import "../ConfigProvider/index.mjs";
-import * as react12 from "react";
+import * as react29 from "react";
 import { ReactNode } from "react";
 
 //#region src/i18n/context.d.ts
@@ -11,7 +11,7 @@ interface I18nProviderProps {
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const I18nProvider: react12.NamedExoticComponent<I18nProviderProps>;
+declare const I18nProvider: react29.NamedExoticComponent<I18nProviderProps>;
 //#endregion
 export { I18nProvider, I18nProviderProps };
 //# sourceMappingURL=context.d.mts.map

package/es/icons/lucideExtra/BotPromptIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react74 from "react";
-import * as lucide_react0 from "lucide-react";
+import * as react78 from "react";
+import * as lucide_react1 from "lucide-react";
 
 //#region src/icons/lucideExtra/BotPromptIcon.d.ts
-declare const BotPromptIcon: react74.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react74.RefAttributes<SVGSVGElement>>;
+declare const BotPromptIcon: react78.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react78.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { BotPromptIcon };
 //# sourceMappingURL=BotPromptIcon.d.mts.map

package/es/icons/lucideExtra/CreateBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react76 from "react";
-import * as lucide_react0 from "lucide-react";
+import * as react82 from "react";
+import * as lucide_react3 from "lucide-react";
 
 //#region src/icons/lucideExtra/CreateBotIcon.d.ts
-declare const CreateBotIcon: react76.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react76.RefAttributes<SVGSVGElement>>;
+declare const CreateBotIcon: react82.ForwardRefExoticComponent<Omit<lucide_react3.LucideProps, "ref"> & react82.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { CreateBotIcon };
 //# sourceMappingURL=CreateBotIcon.d.mts.map

package/es/icons/lucideExtra/DiscordIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react78 from "react";
-import * as lucide_react1 from "lucide-react";
+import * as react86 from "react";
+import * as lucide_react5 from "lucide-react";
 
 //#region src/icons/lucideExtra/DiscordIcon.d.ts
-declare const DiscordIcon: react78.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react78.RefAttributes<SVGSVGElement>>;
+declare const DiscordIcon: react86.ForwardRefExoticComponent<Omit<lucide_react5.LucideProps, "ref"> & react86.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { DiscordIcon };
 //# sourceMappingURL=DiscordIcon.d.mts.map

package/es/icons/lucideExtra/GlobeOffIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react80 from "react";
-import * as lucide_react2 from "lucide-react";
+import * as react102 from "react";
+import * as lucide_react13 from "lucide-react";
 
 //#region src/icons/lucideExtra/GlobeOffIcon.d.ts
-declare const GlobeOffIcon: react80.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react80.RefAttributes<SVGSVGElement>>;
+declare const GlobeOffIcon: react102.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react102.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GlobeOffIcon };
 //# sourceMappingURL=GlobeOffIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react82 from "react";
-import * as lucide_react3 from "lucide-react";
+import * as react74 from "react";
+import * as lucide_react0 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotIcon.d.ts
-declare const GroupBotIcon: react82.ForwardRefExoticComponent<Omit<lucide_react3.LucideProps, "ref"> & react82.RefAttributes<SVGSVGElement>>;
+declare const GroupBotIcon: react74.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react74.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotIcon };
 //# sourceMappingURL=GroupBotIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react84 from "react";
-import * as lucide_react4 from "lucide-react";
+import * as react80 from "react";
+import * as lucide_react2 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotSquareIcon.d.ts
-declare const GroupBotSquareIcon: react84.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react84.RefAttributes<SVGSVGElement>>;
+declare const GroupBotSquareIcon: react80.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react80.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotSquareIcon };
 //# sourceMappingURL=GroupBotSquareIcon.d.mts.map

package/es/icons/lucideExtra/LeftClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react92 from "react";
-import * as lucide_react8 from "lucide-react";
+import * as react84 from "react";
+import * as lucide_react4 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftClickIcon.d.ts
-declare const LeftClickIcon: react92.ForwardRefExoticComponent<Omit<lucide_react8.LucideProps, "ref"> & react92.RefAttributes<SVGSVGElement>>;
+declare const LeftClickIcon: react84.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react84.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftClickIcon };
 //# sourceMappingURL=LeftClickIcon.d.mts.map

package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react86 from "react";
-import * as lucide_react5 from "lucide-react";
+import * as react88 from "react";
+import * as lucide_react6 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftDoubleClickIcon.d.ts
-declare const LeftDoubleClickIcon: react86.ForwardRefExoticComponent<Omit<lucide_react5.LucideProps, "ref"> & react86.RefAttributes<SVGSVGElement>>;
+declare const LeftDoubleClickIcon: react88.ForwardRefExoticComponent<Omit<lucide_react6.LucideProps, "ref"> & react88.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftDoubleClickIcon };
 //# sourceMappingURL=LeftDoubleClickIcon.d.mts.map

package/es/icons/lucideExtra/McpIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react88 from "react";
-import * as lucide_react6 from "lucide-react";
+import * as react96 from "react";
+import * as lucide_react10 from "lucide-react";
 
 //#region src/icons/lucideExtra/McpIcon.d.ts
-declare const McpIcon: react88.ForwardRefExoticComponent<Omit<lucide_react6.LucideProps, "ref"> & react88.RefAttributes<SVGSVGElement>>;
+declare const McpIcon: react96.ForwardRefExoticComponent<Omit<lucide_react10.LucideProps, "ref"> & react96.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { McpIcon };
 //# sourceMappingURL=McpIcon.d.mts.map

package/es/icons/lucideExtra/ProviderIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react90 from "react";
-import * as lucide_react7 from "lucide-react";
+import * as react100 from "react";
+import * as lucide_react12 from "lucide-react";
 
 //#region src/icons/lucideExtra/ProviderIcon.d.ts
-declare const ProviderIcon: react90.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react90.RefAttributes<SVGSVGElement>>;
+declare const ProviderIcon: react100.ForwardRefExoticComponent<Omit<lucide_react12.LucideProps, "ref"> & react100.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { ProviderIcon };
 //# sourceMappingURL=ProviderIcon.d.mts.map

package/es/icons/lucideExtra/RightClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react94 from "react";
-import * as lucide_react9 from "lucide-react";
+import * as react92 from "react";
+import * as lucide_react8 from "lucide-react";
 
 //#region src/icons/lucideExtra/RightClickIcon.d.ts
-declare const RightClickIcon: react94.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react94.RefAttributes<SVGSVGElement>>;
+declare const RightClickIcon: react92.ForwardRefExoticComponent<Omit<lucide_react8.LucideProps, "ref"> & react92.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { RightClickIcon };
 //# sourceMappingURL=RightClickIcon.d.mts.map

package/es/icons/lucideExtra/RightDoubleClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react100 from "react";
-import * as lucide_react12 from "lucide-react";
+import * as react90 from "react";
+import * as lucide_react7 from "lucide-react";
 
 //#region src/icons/lucideExtra/RightDoubleClickIcon.d.ts
-declare const RightDoubleClickIcon: react100.ForwardRefExoticComponent<Omit<lucide_react12.LucideProps, "ref"> & react100.RefAttributes<SVGSVGElement>>;
+declare const RightDoubleClickIcon: react90.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react90.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { RightDoubleClickIcon };
 //# sourceMappingURL=RightDoubleClickIcon.d.mts.map

package/es/icons/lucideExtra/ShapesUploadIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react96 from "react";
-import * as lucide_react10 from "lucide-react";
+import * as react94 from "react";
+import * as lucide_react9 from "lucide-react";
 
 //#region src/icons/lucideExtra/ShapesUploadIcon.d.ts
-declare const ShapesUploadIcon: react96.ForwardRefExoticComponent<Omit<lucide_react10.LucideProps, "ref"> & react96.RefAttributes<SVGSVGElement>>;
+declare const ShapesUploadIcon: react94.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react94.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { ShapesUploadIcon };
 //# sourceMappingURL=ShapesUploadIcon.d.mts.map

package/es/icons/lucideExtra/TreeDownRightIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react102 from "react";
-import * as lucide_react13 from "lucide-react";
+import * as react98 from "react";
+import * as lucide_react11 from "lucide-react";
 
 //#region src/icons/lucideExtra/TreeDownRightIcon.d.ts
-declare const TreeDownRightIcon: react102.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react102.RefAttributes<SVGSVGElement>>;
+declare const TreeDownRightIcon: react98.ForwardRefExoticComponent<Omit<lucide_react11.LucideProps, "ref"> & react98.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { TreeDownRightIcon };
 //# sourceMappingURL=TreeDownRightIcon.d.mts.map

package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react98 from "react";
-import * as lucide_react11 from "lucide-react";
+import * as react76 from "react";
+import * as lucide_react0 from "lucide-react";
 
 //#region src/icons/lucideExtra/TreeUpDownRightIcon.d.ts
-declare const TreeUpDownRightIcon: react98.ForwardRefExoticComponent<Omit<lucide_react11.LucideProps, "ref"> & react98.RefAttributes<SVGSVGElement>>;
+declare const TreeUpDownRightIcon: react76.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react76.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { TreeUpDownRightIcon };
 //# sourceMappingURL=TreeUpDownRightIcon.d.mts.map

package/es/index.d.mts

@@ -31,9 +31,9 @@ import "./ActionIcon/index.mjs";
 import { GenericItemType, ItemType, MenuInfo, MenuItemType, MenuProps } from "./Menu/type.mjs";
 import { Menu } from "./Menu/Menu.mjs";
 import "./Menu/index.mjs";
-import { DropdownProps } from "./Dropdown/type.mjs";
-import { Dropdown } from "./Dropdown/Dropdown.mjs";
-import "./Dropdown/index.mjs";
+import { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps } from "./DropdownMenu/type.mjs";
+import { DropdownMenu } from "./DropdownMenu/DropdownMenu.mjs";
+import "./DropdownMenu/index.mjs";
 import { ActionIconGroupEvent, ActionIconGroupProps } from "./ActionIconGroup/type.mjs";
 import { ActionIconGroup } from "./ActionIconGroup/ActionIconGroup.mjs";
 import "./ActionIconGroup/index.mjs";
@@ -92,9 +92,9 @@ import "./DraggableSideNav/index.mjs";
 import { DrawerProps } from "./Drawer/type.mjs";
 import { Drawer } from "./Drawer/Drawer.mjs";
 import "./Drawer/index.mjs";
-import { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps } from "./DropdownMenu/type.mjs";
-import { DropdownMenu } from "./DropdownMenu/DropdownMenu.mjs";
-import "./DropdownMenu/index.mjs";
+import { DropdownProps } from "./Dropdown/type.mjs";
+import { Dropdown } from "./Dropdown/Dropdown.mjs";
+import "./Dropdown/index.mjs";
 import { InputNumberProps, InputOPTProps, InputPasswordProps, InputProps, TextAreaProps } from "./Input/type.mjs";
 import { Input } from "./Input/Input.mjs";
 import { InputNumber } from "./Input/InputNumber.mjs";

package/es/index.mjs

@@ -19,14 +19,14 @@ import Hotkey_default from "./Hotkey/Hotkey.mjs";
 import { LOBE_THEME_APP_ID } from "./ThemeProvider/constants.mjs";
 import Meta_default from "./ThemeProvider/Meta.mjs";
 import FontLoader_default from "./FontLoader/index.mjs";
+import { CLASSNAMES } from "./styles/classNames.mjs";
 import ThemeProvider_default from "./ThemeProvider/ThemeProvider.mjs";
 import Tooltip_default from "./Tooltip/Tooltip.mjs";
 import TooltipGroup_default from "./Tooltip/TooltipGroup.mjs";
 import Text_default from "./Text/Text.mjs";
 import AccordionItem_default from "./Accordion/AccordionItem.mjs";
 import ActionIcon_default from "./ActionIcon/ActionIcon.mjs";
-import Menu_default from "./Menu/Menu.mjs";
-import Dropdown_default from "./Dropdown/Dropdown.mjs";
+import DropdownMenu_default from "./DropdownMenu/DropdownMenu.mjs";
 import ActionIconGroup_default from "./ActionIconGroup/ActionIconGroup.mjs";
 import Alert_default from "./Alert/Alert.mjs";
 import Select_default from "./AutoComplete/Select.mjs";
@@ -45,7 +45,6 @@ import Collapse_default from "./Collapse/Collapse.mjs";
 import ColorSwatches_default from "./ColorSwatches/ColorSwatches.mjs";
 import { showContextMenu } from "./ContextMenu/store.mjs";
 import { ContextMenuHost } from "./ContextMenu/ContextMenuHost.mjs";
-import { CLASSNAMES } from "./styles/classNames.mjs";
 import { ContextMenuTrigger } from "./ContextMenu/ContextMenuTrigger.mjs";
 import { copyToClipboard } from "./utils/copyToClipboard.mjs";
 import CopyButton_default from "./CopyButton/CopyButton.mjs";
@@ -58,7 +57,8 @@ import DraggablePanelHeader_default from "./DraggablePanel/components/DraggableP
 import DraggablePanel_default from "./DraggablePanel/index.mjs";
 import DraggableSideNav_default from "./DraggableSideNav/DraggableSideNav.mjs";
 import Drawer_default from "./Drawer/Drawer.mjs";
-import DropdownMenu_default from "./DropdownMenu/DropdownMenu.mjs";
+import Menu_default from "./Menu/Menu.mjs";
+import Dropdown_default from "./Dropdown/Dropdown.mjs";
 import Input_default from "./Input/Input.mjs";
 import InputNumber_default from "./Input/InputNumber.mjs";
 import InputOPT_default from "./Input/InputOPT.mjs";

package/es/mdx/Mdx/index.d.mts

@@ -1,6 +1,6 @@
 import { TypographyProps } from "../../Markdown/type.mjs";
 import "../../Markdown/index.mjs";
-import * as react11 from "react";
+import * as react35 from "react";
 import { ReactNode } from "react";
 import { Pluggable } from "unified";
 
@@ -18,7 +18,7 @@ interface MdxProps extends Omit<TypographyProps, 'children'> {
   remarkPlugins?: Pluggable[];
   variant?: 'normal' | 'chat';
 }
-declare const Mdx: react11.NamedExoticComponent<MdxProps>;
+declare const Mdx: react35.NamedExoticComponent<MdxProps>;
 //#endregion
 export { Mdx, MdxProps };
 //# sourceMappingURL=index.d.mts.map

package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts

@@ -1,8 +1,8 @@
 import { ChatHeaderTitleProps } from "./type.mjs";
-import * as react112 from "react";
+import * as react131 from "react";
 
 //#region src/mobile/ChatHeader/ChatHeaderTitle.d.ts
-declare const ChatHeaderTitle: react112.NamedExoticComponent<ChatHeaderTitleProps>;
+declare const ChatHeaderTitle: react131.NamedExoticComponent<ChatHeaderTitleProps>;
 //#endregion
 export { ChatHeaderTitle };
 //# sourceMappingURL=ChatHeaderTitle.d.mts.map

package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts

@@ -1,8 +1,8 @@
 import { ChatSendButtonProps } from "../type.mjs";
-import * as react111 from "react";
+import * as react132 from "react";
 
 //#region src/mobile/ChatInputArea/components/ChatSendButton.d.ts
-declare const ChatSendButton: react111.NamedExoticComponent<ChatSendButtonProps>;
+declare const ChatSendButton: react132.NamedExoticComponent<ChatSendButtonProps>;
 //#endregion
 export { ChatSendButton };
 //# sourceMappingURL=ChatSendButton.d.mts.map

package/es/mobile/TabBar/TabBar.d.mts

@@ -1,8 +1,8 @@
 import { TabBarProps } from "./type.mjs";
-import * as react110 from "react";
+import * as react130 from "react";
 
 //#region src/mobile/TabBar/TabBar.d.ts
-declare const TabBar: react110.NamedExoticComponent<TabBarProps>;
+declare const TabBar: react130.NamedExoticComponent<TabBarProps>;
 //#endregion
 export { TabBar };
 //# sourceMappingURL=TabBar.d.mts.map

package/es/storybook/StoryBook/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react10 from "react";
+import * as react24 from "react";
 import { Ref } from "react";
 import { useControls, useCreateStore } from "leva";
 
@@ -10,7 +10,7 @@ interface StoryBookProps extends FlexboxProps {
   noPadding?: boolean;
   ref?: Ref<HTMLDivElement>;
 }
-declare const StoryBook: react10.NamedExoticComponent<StoryBookProps>;
+declare const StoryBook: react24.NamedExoticComponent<StoryBookProps>;
 //#endregion
 export { StoryBook, StoryBookProps, useControls, useCreateStore };
 //# sourceMappingURL=index.d.mts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "4.6.7",
+  "version": "4.7.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",