@lobehub/ui 4.9.3 → 4.10.0

package/es/FormModal/FormModal.d.mts

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

package/es/GuideCard/GuideCard.d.mts

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

package/es/Header/Header.d.mts

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

package/es/Highlighter/Highlighter.d.mts

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

package/es/Highlighter/SyntaxHighlighter/index.d.mts

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

package/es/Hotkey/Hotkey.d.mts

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

package/es/HotkeyInput/HotkeyInput.d.mts

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

package/es/Icon/Icon.d.mts

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

package/es/Icon/components/IconProvider.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../type.mjs";
-import * as react34 from "react";
+import * as react59 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react34.Context<IconContentConfig>;
-declare const IconProvider: react34.NamedExoticComponent<{
+declare const IconContext: react59.Context<IconContentConfig>;
+declare const IconProvider: react59.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

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

package/es/Input/Input.d.mts

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

package/es/Input/InputNumber.d.mts

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

package/es/Input/InputOPT.d.mts

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

package/es/Input/InputPassword.d.mts

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

package/es/Input/TextArea.d.mts

@@ -1,8 +1,8 @@
 import { TextAreaProps } from "./type.mjs";
-import * as react115 from "react";
+import * as react117 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react115.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react117.NamedExoticComponent<TextAreaProps>;
 //#endregion
 export { TextArea };
 //# sourceMappingURL=TextArea.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 react39 from "react";
+import * as react53 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react39.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react53.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 react38 from "react";
+import * as react54 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react38.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react54.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 react41 from "react";
+import * as react55 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react41.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react55.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 react40 from "react";
+import * as react56 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react40.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react56.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 react42 from "react";
+import * as react57 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react42.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react57.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 react43 from "react";
+import * as react58 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react43.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react58.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 react30 from "react";
+import * as react50 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react30.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react50.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 react29 from "react";
+import * as react52 from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react29.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: react52.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 react28 from "react";
+import * as react51 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react28.NamedExoticComponent<TypographyProps>;
+declare const Typography: react51.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 react4 from "react";
+import * as react3 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: react4.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react3.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 react26 from "react";
+import * as react46 from "react";
 
 //#region src/MaskShadow/MaskShadow.d.ts
-declare const MaskShadow: react26.NamedExoticComponent<MaskShadowProps>;
+declare const MaskShadow: react46.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 react27 from "react";
+import * as react41 from "react";
 
 //#region src/Menu/Menu.d.ts
-declare const Menu: react27.NamedExoticComponent<MenuProps<unknown>>;
+declare const Menu: react41.NamedExoticComponent<MenuProps<unknown>>;
 //#endregion
 export { Menu };
 //# sourceMappingURL=Menu.d.mts.map

package/es/Menu/sharedStyle.mjs

@@ -117,23 +117,69 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       0 0 15px 0 #00000008,
       0 2px 30px 0 #00000014,
       0 0 0 1px ${cssVar$1.colorBorder} inset;
+  `,
+	positioner: css$1`
+    z-index: 1100;
+
+    &[data-hover-trigger] {
+      --lobe-dropdown-animation-duration: 140ms;
+      --lobe-dropdown-animation-translate: 6px;
+      --lobe-dropdown-animation-scale: 0.98;
+      --lobe-dropdown-animation-ease-in: ease-in;
+      --lobe-dropdown-animation-ease-out: ${cssVar$1.motionEaseOut};
+      --lobe-dropdown-translate-x: 0;
+      --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);
+
+      & > * {
+        will-change: opacity, transform;
+        animation: none;
+      }
 
-    animation: context-menu-fade-in 150ms ${cssVar$1.motionEaseOut};
+      &[data-open] > * {
+        transform: translate3d(0, 0, 0) scale(1);
+        opacity: 1;
+        transition:
+          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),
+          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);
+      }
 
-    @keyframes context-menu-fade-in {
-      from {
-        transform: scale(0.96);
+      &[data-open] > *[data-starting-style] {
+        transform: translate3d(
+            var(--lobe-dropdown-translate-x),
+            var(--lobe-dropdown-translate-y),
+            0
+          )
+          scale(var(--lobe-dropdown-animation-scale));
         opacity: 0;
       }
 
-      to {
-        transform: scale(1);
-        opacity: 1;
+      &[data-closed] > * {
+        transform: translate3d(
+            var(--lobe-dropdown-translate-x),
+            var(--lobe-dropdown-translate-y),
+            0
+          )
+          scale(var(--lobe-dropdown-animation-scale));
+        opacity: 0;
+        transition:
+          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),
+          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);
+      }
+
+      &[data-placement='top'],
+      &[data-placement='topCenter'],
+      &[data-placement='topLeft'],
+      &[data-placement='topRight'] {
+        --lobe-dropdown-translate-y: var(--lobe-dropdown-animation-translate);
+      }
+
+      &[data-placement='bottom'],
+      &[data-placement='bottomCenter'],
+      &[data-placement='bottomLeft'],
+      &[data-placement='bottomRight'] {
+        --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);
       }
     }
-  `,
-	positioner: css$1`
-    z-index: 1100;
   `,
 	separator: css$1`
     height: 1px;

package/es/Menu/sharedStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n\n    animation: context-menu-fade-in 150ms ${cssVar.motionEaseOut};\n\n    @keyframes context-menu-fade-in {\n      from {\n        transform: scale(0.96);\n        opacity: 0;\n      }\n\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  `,\n  positioner: css`\n    z-index: 1100;\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;CAOV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;4CAEOA,SAAO,cAAc;;;;;;;;;;;;;;CAc/D,YAAY,KAAG;;;CAIf,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}
+{"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n  `,\n  positioner: css`\n    z-index: 1100;\n\n    &[data-hover-trigger] {\n      --lobe-dropdown-animation-duration: 140ms;\n      --lobe-dropdown-animation-translate: 6px;\n      --lobe-dropdown-animation-scale: 0.98;\n      --lobe-dropdown-animation-ease-in: ease-in;\n      --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n      --lobe-dropdown-translate-x: 0;\n      --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n\n      & > * {\n        will-change: opacity, transform;\n        animation: none;\n      }\n\n      &[data-open] > * {\n        transform: translate3d(0, 0, 0) scale(1);\n        opacity: 1;\n        transition:\n          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n      }\n\n      &[data-open] > *[data-starting-style] {\n        transform: translate3d(\n            var(--lobe-dropdown-translate-x),\n            var(--lobe-dropdown-translate-y),\n            0\n          )\n          scale(var(--lobe-dropdown-animation-scale));\n        opacity: 0;\n      }\n\n      &[data-closed] > * {\n        transform: translate3d(\n            var(--lobe-dropdown-translate-x),\n            var(--lobe-dropdown-translate-y),\n            0\n          )\n          scale(var(--lobe-dropdown-animation-scale));\n        opacity: 0;\n        transition:\n          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n      }\n\n      &[data-placement='top'],\n      &[data-placement='topCenter'],\n      &[data-placement='topLeft'],\n      &[data-placement='topRight'] {\n        --lobe-dropdown-translate-y: var(--lobe-dropdown-animation-translate);\n      }\n\n      &[data-placement='bottom'],\n      &[data-placement='bottomCenter'],\n      &[data-placement='bottomLeft'],\n      &[data-placement='bottomRight'] {\n        --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n      }\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;CAOV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;CAEnC,YAAY,KAAG;;;;;;;;4CAQ2BA,SAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD/D,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}

package/es/Mermaid/Mermaid.d.mts

@@ -1,8 +1,8 @@
 import { MermaidProps } from "./type.mjs";
-import * as react32 from "react";
+import * as react42 from "react";
 
 //#region src/Mermaid/Mermaid.d.ts
-declare const Mermaid: react32.NamedExoticComponent<MermaidProps>;
+declare const Mermaid: react42.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 react31 from "react";
+import * as react43 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react31.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react43.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 react18 from "react";
+import * as react38 from "react";
 
 //#region src/Modal/Modal.d.ts
-declare const Modal: react18.NamedExoticComponent<ModalProps>;
+declare const Modal: react38.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 react16 from "react";
+import * as react39 from "react";
 import { ReactNode } from "react";
 
 //#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: react16.NamedExoticComponent<{
+declare const ModalProvider: react39.NamedExoticComponent<{
   children: ReactNode;
   value: ModalContextValue;
 }>;

package/es/MotionProvider/index.d.mts

@@ -1,4 +1,4 @@
-import * as react5 from "react";
+import * as react4 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: react5.NamedExoticComponent<{
+declare const MotionProvider: react4.NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;

package/es/Popover/ArrowIcon.mjs

@@ -0,0 +1,22 @@
+'use client';
+
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Popover/ArrowIcon.tsx
+const PopoverArrowIcon = () => /* @__PURE__ */ jsxs("svg", {
+	"aria-hidden": "true",
+	height: "6",
+	viewBox: "0 0 12 6",
+	width: "12",
+	children: [/* @__PURE__ */ jsx("path", {
+		d: "M0 6L6 0L12 6Z",
+		"data-role": "fill"
+	}), /* @__PURE__ */ jsx("path", {
+		d: "M0 6L6 0L12 6",
+		"data-role": "stroke"
+	})]
+});
+
+//#endregion
+export { PopoverArrowIcon };
+//# sourceMappingURL=ArrowIcon.mjs.map

package/es/Popover/ArrowIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowIcon.mjs","names":["PopoverArrowIcon: FC"],"sources":["../../src/Popover/ArrowIcon.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nexport const PopoverArrowIcon: FC = () => (\n  <svg aria-hidden=\"true\" height=\"6\" viewBox=\"0 0 12 6\" width=\"12\">\n    <path d=\"M0 6L6 0L12 6Z\" data-role=\"fill\" />\n    <path d=\"M0 6L6 0L12 6\" data-role=\"stroke\" />\n  </svg>\n);\n"],"mappings":";;;;;AAIA,MAAaA,yBACX,qBAAC;CAAI,eAAY;CAAO,QAAO;CAAI,SAAQ;CAAW,OAAM;YAC1D,oBAAC;EAAK,GAAE;EAAiB,aAAU;GAAS,EAC5C,oBAAC;EAAK,GAAE;EAAgB,aAAU;GAAW;EACzC"}

package/es/Popover/Popover.d.mts

@@ -0,0 +1,9 @@
+import { PopoverProps } from "./type.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { FC } from "react";
+
+//#region src/Popover/Popover.d.ts
+declare const Popover: FC<PopoverProps>;
+//#endregion
+export { Popover };
+//# sourceMappingURL=Popover.d.mts.map

package/es/Popover/Popover.mjs

@@ -0,0 +1,20 @@
+'use client';
+
+import { PopoverGroupHandleContext } from "./groupContext.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { PopoverInGroup } from "./PopoverInGroup.mjs";
+import { PopoverStandalone } from "./PopoverStandalone.mjs";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Popover/Popover.tsx
+const Popover = (props) => {
+	const group = useContext(PopoverGroupHandleContext);
+	return Boolean(group) && props.open === void 0 && props.defaultOpen === void 0 ? /* @__PURE__ */ jsx(PopoverInGroup, { ...props }) : /* @__PURE__ */ jsx(PopoverStandalone, { ...props });
+};
+Popover.displayName = "Popover";
+var Popover_default = Popover;
+
+//#endregion
+export { Popover_default as default };
+//# sourceMappingURL=Popover.mjs.map

package/es/Popover/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","names":["Popover: FC<PopoverProps>"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useContext } from 'react';\n\nimport { PopoverInGroup } from './PopoverInGroup';\nimport { PopoverStandalone } from './PopoverStandalone';\nimport { PopoverGroupHandleContext } from './groupContext';\nimport type { PopoverProps } from './type';\n\nexport { parseTrigger } from './parseTrigger';\n\nconst Popover: FC<PopoverProps> = (props) => {\n  const group = useContext(PopoverGroupHandleContext);\n\n  // Group mode is driven by trigger interactions; keep standalone behavior for controlled cases.\n  const canUseGroup = Boolean(group) && props.open === undefined && props.defaultOpen === undefined;\n\n  return canUseGroup ? <PopoverInGroup {...props} /> : <PopoverStandalone {...props} />;\n};\n\nPopover.displayName = 'Popover';\n\nexport default Popover;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,WAA6B,UAAU;CAC3C,MAAM,QAAQ,WAAW,0BAA0B;AAKnD,QAFoB,QAAQ,MAAM,IAAI,MAAM,SAAS,UAAa,MAAM,gBAAgB,SAEnE,oBAAC,kBAAe,GAAI,QAAS,GAAG,oBAAC,qBAAkB,GAAI,QAAS;;AAGvF,QAAQ,cAAc;AAEtB,sBAAe"}

package/es/Popover/PopoverGroup.d.mts

@@ -0,0 +1,11 @@
+import { PopoverGroupSharedProps } from "./groupContext.mjs";
+import { FC, ReactNode } from "react";
+
+//#region src/Popover/PopoverGroup.d.ts
+type PopoverGroupProps = PopoverGroupSharedProps & {
+  children: ReactNode;
+};
+declare const PopoverGroup: FC<PopoverGroupProps>;
+//#endregion
+export { PopoverGroup };
+//# sourceMappingURL=PopoverGroup.d.mts.map