@lobehub/ui 4.6.7 → 4.7.0

package/es/ImageSelect/ImageSelect.d.mts

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

package/es/Layout/components/LayoutFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react61 from "react";
+import * as react49 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react61.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react49.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.mts.map

package/es/Layout/components/LayoutHeader.d.mts

@@ -1,8 +1,8 @@
 import { LayoutHeaderProps } from "../type.mjs";
-import * as react62 from "react";
+import * as react50 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react62.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react50.NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
 export { LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.mts.map

package/es/Layout/components/LayoutMain.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react63 from "react";
+import * as react51 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react63.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react51.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutMain };
 //# sourceMappingURL=LayoutMain.d.mts.map

package/es/Layout/components/LayoutSidebar.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarProps } from "../type.mjs";
-import * as react64 from "react";
+import * as react52 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react64.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react52.NamedExoticComponent<LayoutSidebarProps>;
 //#endregion
 export { LayoutSidebar };
 //# sourceMappingURL=LayoutSidebar.d.mts.map

package/es/Layout/components/LayoutSidebarInner.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarInnerProps } from "../type.mjs";
-import * as react65 from "react";
+import * as react53 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react65.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react53.NamedExoticComponent<LayoutSidebarInnerProps>;
 //#endregion
 export { LayoutSidebarInner };
 //# sourceMappingURL=LayoutSidebarInner.d.mts.map

package/es/Layout/components/LayoutToc.d.mts

@@ -1,8 +1,8 @@
 import { LayoutTocProps } from "../type.mjs";
-import * as react66 from "react";
+import * as react48 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react66.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react48.NamedExoticComponent<LayoutTocProps>;
 //#endregion
 export { LayoutToc };
 //# sourceMappingURL=LayoutToc.d.mts.map

package/es/List/ListItem/index.d.mts

@@ -1,8 +1,8 @@
 import { ListItemProps } from "../type.mjs";
-import * as react28 from "react";
+import * as react47 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react28.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react47.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/Markdown.d.mts

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

package/es/Markdown/Typography.d.mts

@@ -1,8 +1,8 @@
 import { TypographyProps } from "./type.mjs";
-import * as react24 from "react";
+import * as react36 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react24.NamedExoticComponent<TypographyProps>;
+declare const Typography: react36.NamedExoticComponent<TypographyProps>;
 //#endregion
 export { Typography };
 //# sourceMappingURL=Typography.d.mts.map

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../../Flex/type.mjs";
 import "../../../Flex/index.mjs";
-import * as react71 from "react";
+import * as react66 from "react";
 import { Ref } from "react";
 
 //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
   dataSource: string[] | SearchResultItem[];
   ref?: Ref<HTMLDivElement>;
 }
-declare const SearchResultCards: react71.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react66.NamedExoticComponent<SearchResultCardsProps>;
 //#endregion
 export { SearchResultCards, SearchResultCardsProps };
 //# sourceMappingURL=index.d.mts.map

package/es/MaskShadow/MaskShadow.d.mts

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

package/es/Menu/Menu.d.mts

@@ -1,8 +1,8 @@
 import { MenuProps } from "./type.mjs";
-import * as react21 from "react";
+import * as react39 from "react";
 
 //#region src/Menu/Menu.d.ts
-declare const Menu: react21.NamedExoticComponent<MenuProps<unknown>>;
+declare const Menu: react39.NamedExoticComponent<MenuProps<unknown>>;
 //#endregion
 export { Menu };
 //# sourceMappingURL=Menu.d.mts.map

package/es/Mermaid/Mermaid.d.mts

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

package/es/Mermaid/SyntaxMermaid/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxMermaidProps } from "../type.mjs";
-import * as react39 from "react";
+import * as react26 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react39.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react26.NamedExoticComponent<SyntaxMermaidProps>;
 //#endregion
 export { SyntaxMermaid };
 //# sourceMappingURL=index.d.mts.map

package/es/Modal/Modal.d.mts

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

package/es/Modal/ModalProvider.d.mts

@@ -1,9 +1,9 @@
 import { ModalContextValue } from "./type.mjs";
-import * as react31 from "react";
+import * as react22 from "react";
 import { ReactNode } from "react";
 
 //#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: react31.NamedExoticComponent<{
+declare const ModalProvider: react22.NamedExoticComponent<{
   children: ReactNode;
   value: ModalContextValue;
 }>;

package/es/MotionProvider/index.d.mts

@@ -1,4 +1,4 @@
-import * as react72 from "react";
+import * as react67 from "react";
 import { Context, ReactNode } from "react";
 import * as motion_react0 from "motion/react";
 import * as m from "motion/react-m";
@@ -6,7 +6,7 @@ import * as m from "motion/react-m";
 //#region src/MotionProvider/index.d.ts
 type MotionComponentType = typeof motion_react0.motion | typeof m;
 declare const MotionComponent: Context<MotionComponentType>;
-declare const MotionProvider: react72.NamedExoticComponent<{
+declare const MotionProvider: react67.NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;

package/es/SearchBar/SearchBar.d.mts

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

package/es/Segmented/Segmented.d.mts

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

package/es/Select/Select.d.mts

@@ -1,8 +1,8 @@
 import { SelectProps } from "./type.mjs";
-import * as react23 from "react";
+import * as react17 from "react";
 
 //#region src/Select/Select.d.ts
-declare const Input: react23.NamedExoticComponent<SelectProps>;
+declare const Input: react17.NamedExoticComponent<SelectProps>;
 //#endregion
 export { Input };
 //# sourceMappingURL=Select.d.mts.map

package/es/SideNav/SideNav.d.mts

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

package/es/SliderWithInput/SliderWithInput.d.mts

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

package/es/ThemeProvider/GlobalStyle/global.mjs

@@ -1,3 +1,4 @@
+import { CLASSNAMES } from "../../styles/classNames.mjs";
 import { css } from "antd-style";
 
 //#region src/ThemeProvider/GlobalStyle/global.ts
@@ -61,6 +62,12 @@ var global_default = (token) => css`
     box-sizing: border-box;
     vertical-align: baseline;
   }
+  @layer lobe-popup {
+    .${CLASSNAMES.ContextTrigger}[data-popup-open],
+      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {
+      background: ${token.colorFillTertiary};
+    }
+  }
 
   @layer lobe-base {
     :where(.lobe-flex) {

package/es/ThemeProvider/GlobalStyle/global.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { Theme, css } from 'antd-style';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ${token.fontFamilyCode} !important;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n\n  @layer lobe-base {\n    :where(.lobe-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --lobe-flex: 0 1 auto;\n      --lobe-flex-direction: column;\n      --lobe-flex-wrap: nowrap;\n      --lobe-flex-justify: flex-start;\n      --lobe-flex-align: stretch;\n      --lobe-flex-width: auto;\n      --lobe-flex-height: auto;\n      --lobe-flex-padding: 0;\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --lobe-flex-padding-inline: var(--lobe-flex-padding);\n      --lobe-flex-padding-block: var(--lobe-flex-padding);\n      --lobe-flex-gap: 0;\n\n      display: flex;\n\n      flex: var(--lobe-flex);\n      flex-direction: var(--lobe-flex-direction);\n      flex-wrap: var(--lobe-flex-wrap);\n      justify-content: var(--lobe-flex-justify);\n      align-items: var(--lobe-flex-align);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n\n      padding: var(--lobe-flex-padding);\n      padding-inline: var(--lobe-flex-padding-inline);\n      padding-block: var(--lobe-flex-padding-block);\n\n      gap: var(--lobe-flex-gap);\n    }\n\n    .lobe-flex--hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 5%;\n    }\n\n    100% {\n      fill-opacity: 100%;\n    }\n  }\n\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0%;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n"],"mappings":";;;AAEA,sBAAgB,UAAiB,GAAG;;;;;;;;;;oBAUhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;aAMnB,MAAM,cAAc;;;;;;wBAMT,MAAM,cAAc;;;;;;;mBAOzB,MAAM,eAAe;;;qBAGnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU"}
+{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { Theme, css } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ${token.fontFamilyCode} !important;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n  @layer lobe-popup {\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n      background: ${token.colorFillTertiary};\n    }\n  }\n\n  @layer lobe-base {\n    :where(.lobe-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --lobe-flex: 0 1 auto;\n      --lobe-flex-direction: column;\n      --lobe-flex-wrap: nowrap;\n      --lobe-flex-justify: flex-start;\n      --lobe-flex-align: stretch;\n      --lobe-flex-width: auto;\n      --lobe-flex-height: auto;\n      --lobe-flex-padding: 0;\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --lobe-flex-padding-inline: var(--lobe-flex-padding);\n      --lobe-flex-padding-block: var(--lobe-flex-padding);\n      --lobe-flex-gap: 0;\n\n      display: flex;\n\n      flex: var(--lobe-flex);\n      flex-direction: var(--lobe-flex-direction);\n      flex-wrap: var(--lobe-flex-wrap);\n      justify-content: var(--lobe-flex-justify);\n      align-items: var(--lobe-flex-align);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n\n      padding: var(--lobe-flex-padding);\n      padding-inline: var(--lobe-flex-padding-inline);\n      padding-block: var(--lobe-flex-padding-block);\n\n      gap: var(--lobe-flex-gap);\n    }\n\n    .lobe-flex--hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 5%;\n    }\n\n    100% {\n      fill-opacity: 100%;\n    }\n  }\n\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0%;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n"],"mappings":";;;;AAIA,sBAAgB,UAAiB,GAAG;;;;;;;;;;oBAUhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;aAMnB,MAAM,cAAc;;;;;;wBAMT,MAAM,cAAc;;;;;;;mBAOzB,MAAM,eAAe;;;qBAGnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU;;;;;;OAMhC,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}

package/es/ThemeProvider/ThemeProvider.d.mts

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

package/es/Toc/Toc.d.mts

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

package/es/Video/index.d.mts

@@ -1,7 +1,7 @@
 import { FlexboxProps } from "../Flex/type.mjs";
 import "../Flex/index.mjs";
 import { VideoProps as VideoProps$1 } from "../types/index.mjs";
-import * as react73 from "react";
+import * as react68 from "react";
 import { CSSProperties, Ref } from "react";
 
 //#region src/Video/index.d.ts
@@ -39,7 +39,7 @@ interface VideoProps extends VideoProps$1, Pick<FlexboxProps, 'width' | 'height'
   };
   variant?: 'borderless' | 'filled' | 'outlined';
 }
-declare const Video: react73.NamedExoticComponent<VideoProps>;
+declare const Video: react68.NamedExoticComponent<VideoProps>;
 //#endregion
 export { Video, VideoProps };
 //# sourceMappingURL=index.d.mts.map

package/es/awesome/AuroraBackground/AuroraBackground.d.mts

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

package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts

@@ -1,9 +1,9 @@
 import { ButtonProps } from "../../Button/type.mjs";
 import "../../Button/index.mjs";
-import * as react115 from "react";
+import * as react120 from "react";
 
 //#region src/awesome/BottomGradientButton/BottomGradientButton.d.ts
-declare const BottomGradientButton: react115.NamedExoticComponent<ButtonProps>;
+declare const BottomGradientButton: react120.NamedExoticComponent<ButtonProps>;
 //#endregion
 export { BottomGradientButton };
 //# sourceMappingURL=BottomGradientButton.d.mts.map

package/es/awesome/Features/Features.d.mts

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

package/es/awesome/Giscus/Giscus.d.mts

@@ -1,8 +1,8 @@
 import { GiscusProps } from "./type.mjs";
-import * as react113 from "react";
+import * as react122 from "react";
 
 //#region src/awesome/Giscus/Giscus.d.ts
-declare const Giscus: react113.NamedExoticComponent<GiscusProps>;
+declare const Giscus: react122.NamedExoticComponent<GiscusProps>;
 //#endregion
 export { Giscus };
 //# sourceMappingURL=Giscus.d.mts.map

package/es/awesome/GradientButton/GradientButton.d.mts

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

package/es/awesome/GridBackground/GridBackground.d.mts

@@ -1,8 +1,8 @@
 import { GridBackgroundProps } from "./type.mjs";
-import * as react119 from "react";
+import * as react124 from "react";
 
 //#region src/awesome/GridBackground/GridBackground.d.ts
-declare const GridBackground: react119.NamedExoticComponent<GridBackgroundProps>;
+declare const GridBackground: react124.NamedExoticComponent<GridBackgroundProps>;
 //#endregion
 export { GridBackground };
 //# sourceMappingURL=GridBackground.d.mts.map

package/es/awesome/GridBackground/GridShowcase.d.mts

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

package/es/awesome/Hero/Hero.d.mts

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

package/es/awesome/Spline/Spine.d.mts

@@ -1,9 +1,9 @@
 import { SplineProps } from "./type.mjs";
-import * as react123 from "react";
+import * as react127 from "react";
 import "@splinetool/runtime";
 
 //#region src/awesome/Spline/Spine.d.ts
-declare const Spline: react123.NamedExoticComponent<SplineProps>;
+declare const Spline: react127.NamedExoticComponent<SplineProps>;
 //#endregion
 export { Spline };
 //# sourceMappingURL=Spine.d.mts.map

package/es/awesome/Spotlight/Spotlight.d.mts

@@ -1,8 +1,8 @@
 import { SpotlightProps } from "./type.mjs";
-import * as react121 from "react";
+import * as react128 from "react";
 
 //#region src/awesome/Spotlight/Spotlight.d.ts
-declare const Spotlight: react121.NamedExoticComponent<SpotlightProps>;
+declare const Spotlight: react128.NamedExoticComponent<SpotlightProps>;
 //#endregion
 export { Spotlight };
 //# sourceMappingURL=Spotlight.d.mts.map

package/es/awesome/SpotlightCard/SpotlightCard.d.mts

@@ -1,8 +1,8 @@
 import { SpotlightCardProps } from "./type.mjs";
-import * as react124 from "react";
+import * as react129 from "react";
 
 //#region src/awesome/SpotlightCard/SpotlightCard.d.ts
-declare const SpotlightCard: react124.NamedExoticComponent<SpotlightCardProps<any>>;
+declare const SpotlightCard: react129.NamedExoticComponent<SpotlightCardProps<any>>;
 //#endregion
 export { SpotlightCard };
 //# sourceMappingURL=SpotlightCard.d.mts.map

package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts

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

package/es/brand/LobeChat/index.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react16 from "react";
+import * as react30 from "react";
 import { ReactNode } from "react";
 
 //#region src/brand/LobeChat/index.d.ts
@@ -8,7 +8,7 @@ interface LobeChatProps extends DivProps {
   size?: number;
   type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';
 }
-declare const LobeChat: react16.NamedExoticComponent<LobeChatProps>;
+declare const LobeChat: react30.NamedExoticComponent<LobeChatProps>;
 //#endregion
 export { LobeChat, LobeChatProps };
 //# sourceMappingURL=index.d.mts.map

package/es/brand/LobeHub/index.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react17 from "react";
+import * as react31 from "react";
 import { ReactNode } from "react";
 
 //#region src/brand/LobeHub/index.d.ts
@@ -8,7 +8,7 @@ interface LobeHubProps extends DivProps {
   size?: number;
   type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';
 }
-declare const LobeHub: react17.NamedExoticComponent<LobeHubProps>;
+declare const LobeHub: react31.NamedExoticComponent<LobeHubProps>;
 //#endregion
 export { LobeHub, LobeHubProps };
 //# sourceMappingURL=index.d.mts.map

package/es/brand/LogoThree/LogoSpline.d.mts

@@ -1,6 +1,6 @@
 import { SplineProps } from "../../awesome/Spline/type.mjs";
 import "../../awesome/Spline/index.mjs";
-import * as react15 from "react";
+import * as react21 from "react";
 import { CSSProperties } from "react";
 
 //#region src/brand/LogoThree/LogoSpline.d.ts
@@ -10,7 +10,7 @@ interface LogoSplineProps extends Partial<SplineProps> {
   style?: CSSProperties;
   width?: number | string;
 }
-declare const LogoSpline: react15.NamedExoticComponent<LogoSplineProps>;
+declare const LogoSpline: react21.NamedExoticComponent<LogoSplineProps>;
 //#endregion
 export { LogoSpline, LogoSplineProps };
 //# sourceMappingURL=LogoSpline.d.mts.map

package/es/brand/LogoThree/index.d.mts

@@ -1,6 +1,6 @@
 import { SplineProps } from "../../awesome/Spline/type.mjs";
 import "../../awesome/Spline/index.mjs";
-import * as react18 from "react";
+import * as react32 from "react";
 import { CSSProperties } from "react";
 
 //#region src/brand/LogoThree/index.d.ts
@@ -9,7 +9,7 @@ interface LogoThreeProps extends Partial<SplineProps> {
   size?: number;
   style?: CSSProperties;
 }
-declare const LogoThree: react18.NamedExoticComponent<LogoThreeProps>;
+declare const LogoThree: react32.NamedExoticComponent<LogoThreeProps>;
 //#endregion
 export { LogoThree, LogoThreeProps };
 //# sourceMappingURL=index.d.mts.map

package/es/chat/BackBottom/BackBottom.d.mts

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

package/es/chat/ChatInputArea/components/ChatInputAreaInner.d.mts

@@ -1,8 +1,8 @@
 import { ChatInputAreaInnerProps } from "../type.mjs";
-import * as react128 from "react";
+import * as react113 from "react";
 
 //#region src/chat/ChatInputArea/components/ChatInputAreaInner.d.ts
-declare const ChatInputAreaInner: react128.NamedExoticComponent<ChatInputAreaInnerProps>;
+declare const ChatInputAreaInner: react113.NamedExoticComponent<ChatInputAreaInnerProps>;
 //#endregion
 export { ChatInputAreaInner };
 //# sourceMappingURL=ChatInputAreaInner.d.mts.map

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

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