@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/index.mjs

@@ -1,129 +1,172 @@
+import FontLoader from "./FontLoader/index.mjs";
 import { installGlobalFocusRing } from "./GlobalFocusRing/index.mjs";
 import { MotionComponent, MotionProvider, useMotionComponent } from "./MotionProvider/index.mjs";
 import { genCdnUrl } from "./utils/genCdnUrl.mjs";
-import ConfigProvider, { useCdnFn } from "./ConfigProvider/index.mjs";
+import { useAppElement } from "./ConfigProvider/AppElementContext.mjs";
+import ConfigProvider, { LOBE_THEME_APP_ID, useCdnFn, useDirection } from "./ConfigProvider/index.mjs";
 import A from "./A/index.mjs";
+import { accordionStyles } from "./Accordion/style.mjs";
+import { AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, useAccordionContext } from "./Accordion/atoms.mjs";
 import Accordion from "./Accordion/Accordion.mjs";
+import { IconProvider } from "./Icon/components/IconProvider.mjs";
+import Icon from "./Icon/Icon.mjs";
+import { buttonPaddingInline, buttonStyles } from "./Button/style.mjs";
+import Button from "./Button/Button.mjs";
+import { getFloatingCollisionPadding, setFloatingCollisionPadding } from "./internal/floating/collisionPadding.mjs";
+import { placementMap, toFloatingUIPlacement } from "./utils/placement.mjs";
+import { KeyMapEnum } from "./Hotkey/const.mjs";
 import FlexBasic_default from "./Flex/FlexBasic.mjs";
 import Center from "./Flex/Center.mjs";
-import { findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches } from "./styles/customTheme.mjs";
-import { generateCustomStylish } from "./styles/theme/customStylish.mjs";
-import { staticStylish } from "./styles/theme/customStylishStatic.mjs";
-import { generateCustomToken } from "./styles/theme/customToken.mjs";
 import { generateColorNeutralPalette, generateColorPalette } from "./styles/theme/generateColorPalette.mjs";
-import Block from "./Block/Block.mjs";
-import { useAppElement } from "./ThemeProvider/AppElementContext.mjs";
-import { placementMap, toFloatingUIPlacement } from "./utils/placement.mjs";
-import { KeyMapEnum } from "./Hotkey/const.mjs";
-import { IconProvider } from "./Icon/components/IconProvider.mjs";
-import Icon from "./Icon/Icon.mjs";
+import { createLobeToken } from "./styles/theme/createLobeToken.mjs";
+import { LobeThemeScript, ThemeScope, setLobeTheme, useResponsive, useTheme, useThemeMode } from "./styles/theme/scope.mjs";
 import { combineKeys } from "./Hotkey/utils.mjs";
 import Hotkey from "./Hotkey/Hotkey.mjs";
-import { Tooltip } from "./base-ui/Tooltip/Tooltip.mjs";
-import TooltipGroup from "./base-ui/Tooltip/TooltipGroup.mjs";
-import Text from "./Text/Text.mjs";
-import { preventDefault, preventDefaultAndStopPropagation, stopPropagation } from "./utils/dom.mjs";
-import AccordionItem from "./Accordion/AccordionItem.mjs";
+import { Tooltip } from "./Tooltip/Tooltip.mjs";
+import TooltipGroup from "./Tooltip/TooltipGroup.mjs";
+import { actionIconStyles } from "./ActionIcon/style.mjs";
 import ActionIcon from "./ActionIcon/ActionIcon.mjs";
-import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./base-ui/ScrollArea/atoms.mjs";
+import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./ScrollArea/atoms.mjs";
 import { CLASSNAMES } from "./styles/classNames.mjs";
-import { styles } from "./base-ui/DropdownMenu/sharedStyle.mjs";
-import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger } from "./base-ui/DropdownMenu/atoms.mjs";
-import { renderDropdownMenuItems } from "./base-ui/DropdownMenu/renderItems.mjs";
-import DropdownMenu from "./base-ui/DropdownMenu/DropdownMenu.mjs";
+import { SwitchIcon, SwitchRoot, SwitchThumb, switchStyles, useSwitchContext } from "./Switch/atoms.mjs";
+import Switch from "./Switch/Switch.mjs";
+import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger } from "./DropdownMenu/atoms.mjs";
+import { parseTrigger } from "./utils/parseTrigger.mjs";
+import { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "./internal/menu/renderUtils.mjs";
+import { renderDropdownMenuItems } from "./DropdownMenu/renderItems.mjs";
+import DropdownMenu from "./DropdownMenu/DropdownMenu.mjs";
 import ActionIconGroup from "./ActionIconGroup/ActionIconGroup.mjs";
+import { alertStyles } from "./Alert/style.mjs";
 import Alert from "./Alert/Alert.mjs";
-import AutoComplete from "./AutoComplete/Select.mjs";
+import Anchor from "./Anchor/Anchor.mjs";
+import { I18nProvider } from "./i18n/context.mjs";
+import { useTranslation } from "./i18n/useTranslation.mjs";
+import { inputClassNames, rootVariants } from "./Input/style.mjs";
+import Input_default from "./Input/Input.mjs";
+import InputNumber_default from "./Input/InputNumber.mjs";
+import InputOTP from "./Input/InputOTP.mjs";
+import InputPassword_default from "./Input/InputPassword.mjs";
+import TextArea_default from "./Input/TextArea.mjs";
+import { styles as styles$2 } from "./DropdownMenu/sharedStyle.mjs";
+import { styles } from "./AutoComplete/style.mjs";
+import AutoComplete from "./AutoComplete/AutoComplete.mjs";
 import FluentEmoji from "./FluentEmoji/FluentEmoji.mjs";
 import AvatarGroup from "./Avatar/AvatarGroup/index.mjs";
 import Avatar from "./Avatar/index.mjs";
-import Badge from "./base-ui/Badge/Badge.mjs";
-import Pagination from "./base-ui/Pagination/Pagination.mjs";
-import Progress from "./base-ui/Progress/Progress.mjs";
-import Result from "./base-ui/Result/Result.mjs";
-import Spin from "./base-ui/Spin/Spin.mjs";
-import Upload from "./base-ui/Upload/Upload.mjs";
-import UploadDragger from "./base-ui/Upload/UploadDragger.mjs";
+import Badge from "./Badge/Badge.mjs";
+import Block from "./Block/Block.mjs";
+import Breadcrumb from "./Breadcrumb/Breadcrumb.mjs";
+import { drawerBackdropTransition, getDrawerMotionConfig } from "./Drawer/constants.mjs";
+import { DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger, useDrawerActions, useDrawerOpen } from "./Drawer/atoms.mjs";
+import Drawer from "./Drawer/Drawer.mjs";
+import List from "./List/List.mjs";
 import Burger from "./Burger/Burger.mjs";
-import Button from "./Button/Button.mjs";
+import SplitButton from "./Button/SplitButton.mjs";
+import Carousel from "./Carousel/Carousel.mjs";
+import { groupStyles, textStyles, variants } from "./Text/style.mjs";
+import Text from "./Text/Text.mjs";
+import { checkboxStyles } from "./Checkbox/style.mjs";
+import Checkbox_default from "./Checkbox/Checkbox.mjs";
 import CheckboxGroup from "./Checkbox/CheckboxGroup.mjs";
-import Checkbox from "./Checkbox/index.mjs";
 import FileTypeIcon from "./FileTypeIcon/FileTypeIcon.mjs";
 import MaterialFileTypeIcon from "./MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./Tag/utils.mjs";
+import Tag from "./Tag/Tag.mjs";
+import { preventDefault, preventDefaultAndStopPropagation, stopPropagation } from "./utils/dom.mjs";
 import lobe_theme_default from "./Highlighter/theme/lobe-theme.mjs";
 import { CodeDiff } from "./CodeDiff/CodeDiff.mjs";
 import { PatchDiff } from "./CodeDiff/PatchDiff.mjs";
 import { highlighterThemes } from "./Highlighter/const.mjs";
 import SyntaxHighlighter from "./Highlighter/SyntaxHighlighter/index.mjs";
 import CodeEditor from "./CodeEditor/CodeEditor.mjs";
-import Collapse from "./Collapse/Collapse.mjs";
-import { I18nProvider } from "./i18n/context.mjs";
-import { useTranslation } from "./i18n/useTranslation.mjs";
-import { PopoverArrowIcon } from "./base-ui/Popover/ArrowIcon.mjs";
-import { usePopoverPortalContainer } from "./base-ui/Popover/PopoverPortal.mjs";
-import { PopoverArrow, PopoverBackdrop, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "./base-ui/Popover/atoms.mjs";
-import { PopoverProvider, usePopoverContext } from "./base-ui/Popover/context.mjs";
-import { usePopoverGroupHandle } from "./base-ui/Popover/groupContext.mjs";
-import Popover from "./base-ui/Popover/Popover.mjs";
-import PopoverGroup from "./base-ui/Popover/PopoverGroup.mjs";
+import { createStaticStyles, css, cssVar, cx, extractStaticStyle, injectGlobal, keyframes, responsive } from "./styles/css.mjs";
+import { createGlobalStyle } from "./styles/createGlobalStyle.mjs";
+import { findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches } from "./styles/customTheme.mjs";
+import { staticStylish } from "./styles/theme/customStylishStatic.mjs";
+import { getGlobalCss, getThemeCss } from "./styles/theme/themeCss.mjs";
+import Collapsible from "./Collapsible/Collapsible.mjs";
+import { PopoverArrowIcon } from "./Popover/ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./Popover/PopoverPortal.mjs";
+import { PopoverArrow, PopoverBackdrop, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "./Popover/atoms.mjs";
+import { PopoverProvider, usePopoverContext } from "./Popover/context.mjs";
+import { usePopoverGroupHandle } from "./Popover/groupContext.mjs";
+import Popover from "./Popover/Popover.mjs";
+import PopoverGroup from "./Popover/PopoverGroup.mjs";
+import { sliderStyles } from "./Slider/style.mjs";
+import Slider from "./Slider/Slider.mjs";
+import SliderWithInput from "./Slider/SliderWithInput.mjs";
+import ColorPicker from "./ColorPicker/ColorPicker.mjs";
 import ColorSwatches from "./ColorSwatches/ColorSwatches.mjs";
-import { closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems } from "./base-ui/ContextMenu/store.mjs";
-import { ContextMenuHost } from "./base-ui/ContextMenu/ContextMenuHost.mjs";
-import { ContextMenuTrigger } from "./base-ui/ContextMenu/ContextMenuTrigger.mjs";
+import { closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems } from "./ContextMenu/store.mjs";
+import { ContextMenuHost } from "./ContextMenu/ContextMenuHost.mjs";
+import { ContextMenuTrigger } from "./ContextMenu/ContextMenuTrigger.mjs";
 import { copyToClipboard } from "./utils/copyToClipboard.mjs";
 import CopyButton from "./CopyButton/CopyButton.mjs";
 import DatePicker from "./DatePicker/DatePicker.mjs";
+import DateRangePicker from "./DatePicker/DateRangePicker.mjs";
+import Descriptions from "./Descriptions/Descriptions.mjs";
+import Divider from "./Divider/Divider.mjs";
 import DownloadButton from "./DownloadButton/DownloadButton.mjs";
-import DraggablePanelBody from "./DraggablePanel/components/DraggablePanelBody.mjs";
-import DraggablePanelContainer from "./DraggablePanel/components/DraggablePanelContainer.mjs";
-import DraggablePanelFooter from "./DraggablePanel/components/DraggablePanelFooter.mjs";
-import DraggablePanelHeader from "./DraggablePanel/components/DraggablePanelHeader.mjs";
-import DraggablePanel from "./DraggablePanel/index.mjs";
+import { useDraggablePanelContext } from "./DraggablePanel/context.mjs";
+import { DraggablePanelBody, DraggablePanelContainer, DraggablePanelContent, DraggablePanelFooter, DraggablePanelHandle, DraggablePanelHeader, DraggablePanelRoot, DraggablePanelToggle } from "./DraggablePanel/atoms.mjs";
+import DraggablePanel from "./DraggablePanel/DraggablePanel.mjs";
 import DraggableSideNav from "./DraggableSideNav/DraggableSideNav.mjs";
-import Drawer from "./Drawer/Drawer.mjs";
-import Menu from "./Menu/Menu.mjs";
-import Dropdown from "./Dropdown/Dropdown.mjs";
 import EditableText from "./EditableText/EditableText.mjs";
-import { LOBE_THEME_APP_ID } from "./ThemeProvider/constants.mjs";
-import Meta from "./ThemeProvider/Meta.mjs";
-import FontLoader from "./FontLoader/index.mjs";
-import ThemeProvider from "./ThemeProvider/ThemeProvider.mjs";
 import EditorSlashMenu from "./EditorSlashMenu/EditorSlashMenu.mjs";
-import { ToastHost, toast, useToast } from "./base-ui/Toast/imperative.mjs";
+import { tabsStyles } from "./Tabs/style.mjs";
+import { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, useTabsContext } from "./Tabs/atoms.mjs";
+import Tabs from "./Tabs/Tabs.mjs";
+import { ToastHost, toast, useToast } from "./Toast/imperative.mjs";
+import Upload from "./Upload/Upload.mjs";
+import UploadDragger from "./Upload/UploadDragger.mjs";
 import EmojiPicker from "./EmojiPicker/EmojiPicker.mjs";
 import Empty from "./Empty/Empty.mjs";
-import Footer from "./Footer/Footer.mjs";
-import FormGroup from "./Form/components/FormGroup.mjs";
-import Tag from "./Tag/Tag.mjs";
+import { backdropTransition, modalMotionConfig } from "./Modal/constants.mjs";
+import { ModalBackdrop, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, useModalActions, useModalOpen } from "./Modal/atoms.mjs";
+import { ModalContext, useModalContext } from "./Modal/context.mjs";
+import { ModalHost, confirmModal, createModal, createModalSystem } from "./Modal/imperative.mjs";
+import Modal from "./Modal/Modal.mjs";
+import { FloatingPanel } from "./FloatingPanel/FloatingPanel.mjs";
+import { FloatingSheet } from "./FloatingSheet/FloatingSheet.mjs";
+import { getActiveScopeId, getLastFocusedItem, registerScope, setActiveScope, setLastFocusedItem, useActiveScopeId, useFocusScopeActive } from "./FocusScope/store.mjs";
+import { styles as styles$1 } from "./FocusScope/style.mjs";
+import { FocusScope, useFocusScopeId } from "./FocusScope/FocusScope.mjs";
+import { focusScopeItem, notifyScopeItemFocus, useScopeArrowNav } from "./FocusScope/useScopeArrowNav.mjs";
+import { useScopeSwitcher } from "./FocusScope/useScopeSwitcher.mjs";
+import FormDivider from "./Form/components/FormDivider.mjs";
+import { useFormContext } from "./Form/context.mjs";
 import FormTitle from "./Form/components/FormTitle.mjs";
-import FormItem from "./Form/components/FormItem.mjs";
+import FormField from "./Form/components/FormField.mjs";
+import FormFlatGroup from "./Form/components/FormFlatGroup.mjs";
+import FormFooter from "./Form/components/FormFooter.mjs";
+import FormGroup from "./Form/components/FormGroup.mjs";
 import FormSubmitFooter from "./Form/components/FormSubmitFooter.mjs";
-import Form from "./Form/index.mjs";
-import Modal from "./Modal/Modal.mjs";
-import { ModalProvider, useModalContext } from "./Modal/ModalProvider.mjs";
-import { ModalHost, createModal, createRawModal } from "./Modal/imperative.mjs";
-import FormModal from "./FormModal/FormModal.mjs";
+import { Form } from "./Form/index.mjs";
 import Freeze from "./Freeze/Freeze.mjs";
 import Grid from "./Grid/Grid.mjs";
 import GroupAvatar from "./GroupAvatar/GroupAvatar.mjs";
 import GuideCard from "./GuideCard/GuideCard.mjs";
 import Header from "./Header/Header.mjs";
+import { SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue } from "./Select/atoms.mjs";
+import Select from "./Select/Select.mjs";
 import { Highlighter } from "./Highlighter/Highlighter.mjs";
 import { preprocessMarkdownContent } from "./hooks/useMarkdown/utils.mjs";
 import HotkeyInput from "./HotkeyInput/HotkeyInput.mjs";
 import { DEFAULT_HEIGHT, DEFAULT_SANDBOX, containsScript, isFullHtmlDocument, isHtmlContentClosed } from "./HtmlPreview/const.mjs";
+import { SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot } from "./Segmented/atoms.mjs";
+import Segmented from "./Segmented/Segmented.mjs";
+import Spin from "./Spin/Spin.mjs";
 import { AUTO_HEIGHT_MESSAGE_TYPE } from "./HtmlPreview/injectAutoHeightScript.mjs";
 import { HtmlPreviewIframe } from "./HtmlPreview/Iframe.mjs";
 import HtmlPreview from "./HtmlPreview/HtmlPreview.mjs";
+import SkeletonAvatar from "./Skeleton/SkeletonAvatar.mjs";
+import SkeletonText from "./Skeleton/SkeletonText.mjs";
+import Skeleton from "./Skeleton/index.mjs";
 import PreviewGroup from "./Image/PreviewGroup.mjs";
 import { useImagePreview } from "./Image/useImagePreview.mjs";
 import Image from "./Image/index.mjs";
 import ImageSelect from "./ImageSelect/ImageSelect.mjs";
-import Input from "./Input/Input.mjs";
-import InputNumber from "./Input/InputNumber.mjs";
-import InputOPT from "./Input/InputOPT.mjs";
-import InputPassword from "./Input/InputPassword.mjs";
-import TextArea from "./Input/TextArea.mjs";
+import { controlHeight } from "./internal/controlSize.mjs";
 import { LayoutFooter } from "./Layout/components/LayoutFooter.mjs";
 import { LayoutHeader } from "./Layout/components/LayoutHeader.mjs";
 import { LayoutMain } from "./Layout/components/LayoutMain.mjs";
@@ -131,8 +174,6 @@ import { LayoutSidebar } from "./Layout/components/LayoutSidebar.mjs";
 import { LayoutSidebarInner } from "./Layout/components/LayoutSidebarInner.mjs";
 import { LayoutToc } from "./Layout/components/LayoutToc.mjs";
 import Layout from "./Layout/index.mjs";
-import ListItem from "./List/ListItem/index.mjs";
-import List from "./List/index.mjs";
 import { mermaidThemes } from "./Mermaid/const.mjs";
 import SyntaxMermaid from "./Mermaid/SyntaxMermaid/index.mjs";
 import Mermaid from "./Mermaid/Mermaid.mjs";
@@ -150,23 +191,27 @@ import Typography from "./Markdown/Typography.mjs";
 import Markdown from "./Markdown/Markdown.mjs";
 import { remarkColor } from "./Markdown/plugins/remarkColor.mjs";
 import MaskShadow from "./MaskShadow/MaskShadow.mjs";
-import { ScrollArea } from "./base-ui/ScrollArea/ScrollArea.mjs";
+import Pagination from "./Pagination/Pagination.mjs";
+import Progress from "./Progress/Progress.mjs";
+import QRCode from "./QRCode/QRCode.mjs";
+import { radioStyles } from "./Radio/style.mjs";
+import Radio from "./Radio/Radio.mjs";
+import RadioGroup from "./Radio/RadioGroup.mjs";
+import Rate from "./Rate/Rate.mjs";
+import Result from "./Result/Result.mjs";
+import { ScrollArea } from "./ScrollArea/ScrollArea.mjs";
 import SearchBar from "./SearchBar/SearchBar.mjs";
-import Segmented from "./Segmented/Segmented.mjs";
-import Select from "./Select/Select.mjs";
 import SideNav from "./SideNav/SideNav.mjs";
-import SkeletonBlock from "./Skeleton/SkeletonBlock.mjs";
-import SkeletonAvatar from "./Skeleton/SkeletonAvatar.mjs";
-import SkeletonParagraph from "./Skeleton/SkeletonParagraph.mjs";
-import SkeletonTitle from "./Skeleton/SkeletonTitle.mjs";
-import SkeletonButton from "./Skeleton/SkeletonButton.mjs";
-import SkeletonTags from "./Skeleton/SkeletonTags.mjs";
-import Skeleton from "./Skeleton/index.mjs";
-import SliderWithInput from "./SliderWithInput/SliderWithInput.mjs";
 import SortableList from "./SortableList/SortableList.mjs";
-import Tabs from "./Tabs/Tabs.mjs";
-import ThemeSwitch from "./ThemeSwitch/ThemeSwitch.mjs";
-import Toc from "./Toc/Toc.mjs";
+import { formatStatisticValue } from "./Statistic/formatValue.mjs";
+import Statistic from "./Statistic/Statistic.mjs";
+import Steps from "./Steps/Steps.mjs";
+import Table from "./Table/Table.mjs";
+import { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot, toggleGroupStyles } from "./ToggleGroup/atoms.mjs";
+import ToggleGroup from "./ToggleGroup/ToggleGroup.mjs";
+import { styles as styles$3 } from "./Tree/style.mjs";
+import { conductCheck, flattenVisible, getAllKeys } from "./Tree/utils.mjs";
+import Tree from "./Tree/Tree.mjs";
 import { rehypeStreamAnimated } from "@lobehub/streamdown";
 import { ErrorBoundary } from "react-error-boundary";
-export { A, Accordion, AccordionItem, ActionIcon, ActionIconGroup, Alert, AutoComplete, Avatar, AvatarGroup, Badge, Block, Burger, Button, CLASSNAMES, Center, Checkbox, CheckboxGroup, CodeDiff, CodeEditor, Collapse, ColorSwatches, ConfigProvider, ContextMenuHost, ContextMenuTrigger, CopyButton, DatePicker, DownloadButton, DraggablePanel, DraggablePanelBody, DraggablePanelContainer, DraggablePanelFooter, DraggablePanelHeader, DraggableSideNav, Drawer, Dropdown, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EditableText, EditorSlashMenu, EmojiPicker, Empty, ErrorBoundary, FileTypeIcon, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox, FluentEmoji, FontLoader, Footer, Form, FormGroup, FormItem, FormModal, FormSubmitFooter, FormTitle, Freeze, Grid, GroupAvatar, GuideCard, DEFAULT_HEIGHT as HTML_PREVIEW_DEFAULT_HEIGHT, DEFAULT_SANDBOX as HTML_PREVIEW_DEFAULT_SANDBOX, AUTO_HEIGHT_MESSAGE_TYPE as HTML_PREVIEW_RESIZE_MESSAGE, Header, Highlighter, Hotkey, HotkeyInput, HtmlPreview, HtmlPreviewIframe, I18nProvider, Icon, IconProvider, Image, ImageSelect, Input, InputNumber, InputOPT, InputPassword, KeyMapEnum, LOBE_THEME_APP_ID, Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSidebar, LayoutSidebarInner, LayoutToc, List, ListItem, I18nProvider as LobeUIProvider, Markdown, MaskShadow, MaterialFileTypeIcon, Menu, Mermaid, Meta, Modal, ModalHost, ModalProvider, MotionComponent, MotionProvider, Pagination, PatchDiff, Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, PreviewGroup, Progress, Result, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, ScrollShadow, SearchBar, SearchResultCards, Segmented, Select, lobe_theme_default as ShikiLobeTheme, SideNav, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonButton, SkeletonParagraph, SkeletonTags, SkeletonTitle, SliderWithInput, Snippet, SortableList, Spin, SyntaxHighlighter, SyntaxMermaid, Tabs, Tag, Text, TextArea, ThemeProvider, ThemeSwitch, ToastHost, Toc, Tooltip, TooltipGroup, Typography, Upload, UploadDragger, Video, closeContextMenu, combineKeys, copyToClipboard, createModal, createRawModal, findCustomThemeName, genCdnUrl, generateColorNeutralPalette, generateColorPalette, highlighterThemes, containsScript as htmlPreviewContainsScript, installGlobalFocusRing, isFullHtmlDocument, isHtmlContentClosed, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, styles as menuSharedStyles, mermaidThemes, neutralColors, neutralColorsSwatches, placementMap, preprocessMarkdownContent, preventDefault, preventDefaultAndStopPropagation, primaryColors, primaryColorsSwatches, rehypeCustomFootnotes, rehypeKatexDir, rehypeStreamAnimated, remarkBr, remarkColor, remarkCustomFootnotes, remarkGfmPlus, remarkVideo, renderDropdownMenuItems, setContextMenuInterceptor, showContextMenu, stopPropagation, toFloatingUIPlacement, toast, updateContextMenuItems, useAppElement, useCdnFn, useImagePreview, useModalContext, useMotionComponent, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useToast, useTranslation };
+export { A, Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, ActionIcon, ActionIconGroup, Alert, Anchor, AutoComplete, Avatar, AvatarGroup, Badge, Block, Breadcrumb, Burger, Button, CLASSNAMES, Carousel, Center, Checkbox_default as Checkbox, CheckboxGroup, CodeDiff, CodeEditor, Collapsible, ColorPicker, ColorSwatches, ConfigProvider, ContextMenuHost, ContextMenuTrigger, CopyButton, DatePicker, DateRangePicker, Descriptions, Divider, DownloadButton, DraggablePanel, DraggablePanelBody, DraggablePanelContainer, DraggablePanelContent, DraggablePanelFooter, DraggablePanelHandle, DraggablePanelHeader, DraggablePanelRoot, DraggablePanelToggle, DraggableSideNav, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger, EditableText, EditorSlashMenu, EmojiPicker, Empty, ErrorBoundary, FileTypeIcon, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox, FloatingPanel, FloatingSheet, FluentEmoji, FocusScope, FontLoader, Form, FormDivider, FormField, FormFlatGroup, FormFooter, FormGroup, FormSubmitFooter, FormTitle, Freeze, Grid, GroupAvatar, GuideCard, DEFAULT_HEIGHT as HTML_PREVIEW_DEFAULT_HEIGHT, DEFAULT_SANDBOX as HTML_PREVIEW_DEFAULT_SANDBOX, AUTO_HEIGHT_MESSAGE_TYPE as HTML_PREVIEW_RESIZE_MESSAGE, Header, Highlighter, Hotkey, HotkeyInput, HtmlPreview, HtmlPreviewIframe, I18nProvider, Icon, IconProvider, Image, ImageSelect, Input_default as Input, InputNumber_default as InputNumber, InputOTP, InputPassword_default as InputPassword, KeyMapEnum, LOBE_THEME_APP_ID, Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSidebar, LayoutSidebarInner, LayoutToc, List, LobeThemeScript, I18nProvider as LobeUIProvider, Markdown, MaskShadow, MaterialFileTypeIcon, Mermaid, Modal, ModalBackdrop, ModalClose, ModalContent, ModalContext, ModalDescription, ModalFooter, ModalHeader, ModalHost, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, MotionComponent, MotionProvider, Pagination, PatchDiff, Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, PreviewGroup, Progress, QRCode, Radio, RadioGroup, Rate, Result, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, ScrollShadow, SearchBar, SearchResultCards, Segmented, SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot, Select, SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, lobe_theme_default as ShikiLobeTheme, SideNav, Skeleton, SkeletonAvatar, SkeletonText, Slider, SliderWithInput, Snippet, SortableList, Spin, SplitButton, Statistic, Steps, Switch, SwitchIcon, SwitchRoot, SwitchThumb, SyntaxHighlighter, SyntaxMermaid, Table, Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, Tag, Text, TextArea_default as TextArea, ThemeScope, ToastHost, ToggleGroup, ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot, Tooltip, TooltipGroup, Tree, Typography, Upload, UploadDragger, Video, accordionStyles, actionIconStyles, alertStyles, styles as autoCompleteStyles, backdropTransition, buttonPaddingInline, buttonStyles, checkboxStyles, closeContextMenu, colorsPreset, colorsPresetSystem, combineKeys, conductCheck, confirmModal, controlHeight, copyToClipboard, createGlobalStyle, createLobeToken, createModal, createModalSystem, createStaticStyles, css, cssVar, cx, drawerBackdropTransition, extractStaticStyle, findCustomThemeName, flattenVisible, focusScopeItem, styles$1 as focusScopeStyles, formatStatisticValue, genCdnUrl, generateColorNeutralPalette, generateColorPalette, getActiveScopeId, getAllKeys, getDrawerMotionConfig, getFloatingCollisionPadding, getGlobalCss, getItemKey, getItemLabel, getLastFocusedItem, getThemeCss, hasAnyIcon, hasCheckboxAndIcon, highlighterThemes, containsScript as htmlPreviewContainsScript, injectGlobal, inputClassNames as inputStyles, rootVariants as inputVariants, installGlobalFocusRing, isFullHtmlDocument, isHtmlContentClosed, keyframes, staticStylish as lobeStaticStylish, styles$2 as menuSharedStyles, mermaidThemes, modalMotionConfig, neutralColors, neutralColorsSwatches, notifyScopeItemFocus, parseTrigger, placementMap, preprocessMarkdownContent, presetColors, presetSystemColors, preventDefault, preventDefaultAndStopPropagation, primaryColors, primaryColorsSwatches, radioStyles, registerScope, rehypeCustomFootnotes, rehypeKatexDir, rehypeStreamAnimated, remarkBr, remarkColor, remarkCustomFootnotes, remarkGfmPlus, remarkVideo, renderDropdownMenuItems, renderIcon, responsive, setActiveScope, setContextMenuInterceptor, setFloatingCollisionPadding, setLastFocusedItem, setLobeTheme, showContextMenu, sliderStyles, stopPropagation, switchStyles, tabsStyles, groupStyles as textGroupStyles, textStyles, variants as textVariants, toFloatingUIPlacement, toast, toggleGroupStyles, styles$3 as treeStyles, updateContextMenuItems, useAccordionContext, useActiveScopeId, useAppElement, useCdnFn, useDirection, useDraggablePanelContext, useDrawerActions, useDrawerOpen, useFocusScopeActive, useFocusScopeId, useFormContext, useImagePreview, useModalActions, useModalContext, useModalOpen, useMotionComponent, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useResponsive, useScopeArrowNav, useScopeSwitcher, useSwitchContext, useTabsContext, useTheme, useThemeMode, useToast, useTranslation };

package/es/internal/SubmenuArrowIcon.mjs

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/internal/SubmenuArrowIcon.tsx
+const SubmenuArrowIcon = () => /* @__PURE__ */ jsx("svg", {
+	"aria-hidden": true,
+	fill: "currentColor",
+	stroke: "currentColor",
+	strokeLinejoin: "round",
+	strokeWidth: 1.5,
+	viewBox: "0 0 16 16",
+	children: /* @__PURE__ */ jsx("path", { d: "M6 5l4 3-4 3z" })
+});
+//#endregion
+export { SubmenuArrowIcon };
+
+//# sourceMappingURL=SubmenuArrowIcon.mjs.map

package/es/internal/SubmenuArrowIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmenuArrowIcon.mjs","names":[],"sources":["../../src/internal/SubmenuArrowIcon.tsx"],"sourcesContent":["export const SubmenuArrowIcon = () => (\n  <svg\n    aria-hidden\n    fill=\"currentColor\"\n    stroke=\"currentColor\"\n    strokeLinejoin=\"round\"\n    strokeWidth={1.5}\n    viewBox=\"0 0 16 16\"\n  >\n    <path d=\"M6 5l4 3-4 3z\" />\n  </svg>\n);\n"],"mappings":";;AAAA,MAAa,yBACX,oBAAC,OAAD;CACE,eAAA;CACA,MAAK;CACL,QAAO;CACP,gBAAe;CACf,aAAa;CACb,SAAQ;CAER,UAAA,oBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;AACtB,CAAA"}

package/es/internal/controlSize.d.mts

@@ -0,0 +1,9 @@
+//#region src/internal/controlSize.d.ts
+export declare const controlHeight: {
+  readonly large: 40;
+  readonly middle: 32;
+  readonly small: 24;
+};
+export type ControlSize = keyof typeof controlHeight;
+//#endregion
+//# sourceMappingURL=controlSize.d.mts.map

package/es/internal/controlSize.mjs

@@ -0,0 +1,10 @@
+//#region src/internal/controlSize.ts
+const controlHeight = {
+	large: 40,
+	middle: 32,
+	small: 24
+};
+//#endregion
+export { controlHeight };
+
+//# sourceMappingURL=controlSize.mjs.map

package/es/internal/controlSize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlSize.mjs","names":[],"sources":["../../src/internal/controlSize.ts"],"sourcesContent":["export const controlHeight = {\n  large: 40,\n  middle: 32,\n  small: 24,\n} as const;\n\nexport type ControlSize = keyof typeof controlHeight;\n"],"mappings":";AAAA,MAAa,gBAAgB;CAC3B,OAAO;CACP,QAAQ;CACR,OAAO;AACT"}

package/es/internal/floating/collisionPadding.d.mts

@@ -0,0 +1,6 @@
+//#region src/internal/floating/collisionPadding.d.ts
+export type FloatingCollisionPadding = number | Partial<Record<'bottom' | 'left' | 'right' | 'top', number>>;
+export declare const setFloatingCollisionPadding: (padding?: FloatingCollisionPadding) => void;
+export declare const getFloatingCollisionPadding: () => FloatingCollisionPadding | undefined;
+//#endregion
+//# sourceMappingURL=collisionPadding.d.mts.map

package/es/internal/floating/collisionPadding.mjs

@@ -0,0 +1,17 @@
+//#region src/internal/floating/collisionPadding.ts
+const BASE_UI_DEFAULT_PADDING = 5;
+let floatingCollisionPadding;
+const setFloatingCollisionPadding = (padding) => {
+	floatingCollisionPadding = padding !== void 0 && typeof padding === "object" ? {
+		bottom: BASE_UI_DEFAULT_PADDING,
+		left: BASE_UI_DEFAULT_PADDING,
+		right: BASE_UI_DEFAULT_PADDING,
+		top: BASE_UI_DEFAULT_PADDING,
+		...padding
+	} : padding;
+};
+const getFloatingCollisionPadding = () => floatingCollisionPadding;
+//#endregion
+export { getFloatingCollisionPadding, setFloatingCollisionPadding };
+
+//# sourceMappingURL=collisionPadding.mjs.map

package/es/internal/floating/collisionPadding.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collisionPadding.mjs","names":[],"sources":["../../../src/internal/floating/collisionPadding.ts"],"sourcesContent":["export type FloatingCollisionPadding =\n  number | Partial<Record<'bottom' | 'left' | 'right' | 'top', number>>;\n\nconst BASE_UI_DEFAULT_PADDING = 5;\n\nlet floatingCollisionPadding: FloatingCollisionPadding | undefined;\n\n// Module-level rather than context: it is read at render time by every base-ui positioner,\n// so it must be set once at app bootstrap before any floating layer mounts (e.g. reserve the\n// Electron title bar). Partial objects keep base-ui's 5px default on the unspecified sides.\nexport const setFloatingCollisionPadding = (padding?: FloatingCollisionPadding) => {\n  floatingCollisionPadding =\n    padding !== undefined && typeof padding === 'object'\n      ? {\n          bottom: BASE_UI_DEFAULT_PADDING,\n          left: BASE_UI_DEFAULT_PADDING,\n          right: BASE_UI_DEFAULT_PADDING,\n          top: BASE_UI_DEFAULT_PADDING,\n          ...padding,\n        }\n      : padding;\n};\n\nexport const getFloatingCollisionPadding = () => floatingCollisionPadding;\n"],"mappings":";AAGA,MAAM,0BAA0B;AAEhC,IAAI;AAKJ,MAAa,+BAA+B,YAAuC;CACjF,2BACE,YAAY,KAAA,KAAa,OAAO,YAAY,WACxC;EACE,QAAQ;EACR,MAAM;EACN,OAAO;EACP,KAAK;EACL,GAAG;CACL,IACA;AACR;AAEA,MAAa,oCAAoC"}

package/es/internal/menu/baseItem.d.mts

@@ -0,0 +1,64 @@
+import { IconProps } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
+import { MenuCheckboxItemType } from "./checkboxItem.mjs";
+import { MenuSwitchItemType } from "./switchItem.mjs";
+import { MenuDividerType, MenuItemType, SubMenuType } from "./type.mjs";
+import { ComponentPropsWithRef, Key, MouseEventHandler, ReactNode } from "react";
+import { MenuSubmenuRoot } from "@base-ui/react/menu";
+//#region src/internal/menu/baseItem.d.ts
+/**
+ * Group type for Base UI driven menus (DropdownMenu / ContextMenu).
+ * Unlike MenuItemGroupType, this supports checkbox/switch items in children.
+ */
+export interface BaseMenuItemGroupType {
+  children?: BaseMenuItemType[];
+  key?: Key;
+  label?: ReactNode;
+  type: 'group';
+}
+/**
+ * Submenu type for Base UI driven menus (DropdownMenu / ContextMenu).
+ * Unlike rc-menu's SubMenuType, this maps to @base-ui's Menu.SubmenuRoot + Menu.SubmenuTrigger.
+ */
+export interface BaseSubMenuType {
+  children?: BaseMenuItemType[];
+  /** Hover-close delay in ms. Requires `openOnHover`. */
+  closeDelay?: number;
+  danger?: boolean;
+  /** Initial open state when uncontrolled. */
+  defaultOpen?: boolean;
+  /** Hover-open delay in ms. Requires `openOnHover`. */
+  delay?: number;
+  desc?: ReactNode;
+  disabled?: boolean;
+  /** Pinned footer slot, rendered below the scrollable submenu items with a divider border. */
+  footer?: ReactNode;
+  /** Pinned header slot, rendered above the scrollable submenu items with a divider border. */
+  header?: ReactNode;
+  icon?: IconProps['icon'];
+  key?: Key;
+  label?: ReactNode;
+  /** Click handler on the trigger. */
+  onClick?: MouseEventHandler<HTMLElement>;
+  /** Fired when the submenu opens or closes. */
+  onOpenChange?: (open: boolean, eventDetails: MenuSubmenuRoot.ChangeEventDetails) => void;
+  /** Controlled open state of the submenu. */
+  open?: boolean;
+  /** Open the submenu when the trigger is hovered. */
+  openOnHover?: boolean;
+  /**
+   * Extra DOM props spread onto the trigger element.
+   * Use for `ref`, `id`, `style`, `data-*`, `aria-*`, mouse/focus events, etc.
+   */
+  triggerProps?: ComponentPropsWithRef<'div'>;
+  type?: 'submenu';
+}
+/**
+ * Base item union for Base UI driven menus (DropdownMenu / ContextMenu).
+ *
+ * Note: This intentionally does NOT change `GenericItemType` itself,
+ * because `GenericItemType` maps to rc-menu/antd Menu item types.
+ */
+export type BaseMenuItemType = MenuItemType | BaseSubMenuType | SubMenuType | BaseMenuItemGroupType | MenuDividerType | MenuCheckboxItemType | MenuSwitchItemType | null;
+//#endregion
+//# sourceMappingURL=baseItem.d.mts.map

package/es/internal/menu/checkboxItem.d.mts

@@ -0,0 +1,25 @@
+import { IconProps } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
+import { Key, ReactNode } from "react";
+//#region src/internal/menu/checkboxItem.d.ts
+/**
+ * Checkbox menu item shared by DropdownMenu / ContextMenu.
+ * This is intentionally aligned with Base UI's `Menu.CheckboxItem` API we use.
+ */
+export interface MenuCheckboxItemType {
+  checked?: boolean;
+  closeOnClick?: boolean;
+  danger?: boolean;
+  defaultChecked?: boolean;
+  desc?: ReactNode;
+  disabled?: boolean;
+  extra?: ReactNode;
+  icon?: IconProps['icon'];
+  key: Key;
+  label?: ReactNode;
+  onCheckedChange?: (checked: boolean) => void;
+  title?: ReactNode;
+  type: 'checkbox';
+}
+//#endregion
+//# sourceMappingURL=checkboxItem.d.mts.map

package/es/internal/menu/index.d.mts

@@ -0,0 +1,7 @@
+import { MenuCheckboxItemType } from "./checkboxItem.mjs";
+import { MenuSwitchItemType } from "./switchItem.mjs";
+import { MenuInfo } from "./itemInterface.mjs";
+import { GenericItemType, ItemType, MenuDividerType, MenuItemGroupType, MenuItemType, SubMenuType } from "./type.mjs";
+import { BaseMenuItemGroupType, BaseMenuItemType, BaseSubMenuType } from "./baseItem.mjs";
+import { IconAlign, IconSpaceMode, RenderItemContentOptions, RenderOptions, getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "./renderUtils.mjs";
+export { type BaseMenuItemGroupType, type BaseMenuItemType, type BaseSubMenuType, type GenericItemType, type IconAlign, type ItemType, type MenuCheckboxItemType, type MenuDividerType, type MenuInfo, type MenuItemGroupType, type MenuItemType, type MenuSwitchItemType, type RenderItemContentOptions, type RenderOptions, type SubMenuType, getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon };

package/es/internal/menu/itemInterface.d.mts

@@ -0,0 +1,70 @@
+import { CSSProperties, Key, KeyboardEvent, MouseEvent, ReactInstance, ReactNode, Ref } from "react";
+//#region src/internal/menu/itemInterface.d.ts
+export interface MenuInfo {
+  domEvent: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>;
+  item: ReactInstance;
+  key: string;
+  keyPath: string[];
+}
+export interface MenuTitleInfo {
+  domEvent: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>;
+  key: string;
+}
+export type MenuClickEventHandler = (info: MenuInfo) => void;
+export type MenuHoverEventHandler = (info: {
+  domEvent: MouseEvent<HTMLElement>;
+  key: string;
+}) => void;
+export interface RenderIconInfo {
+  disabled?: boolean;
+  isOpen?: boolean;
+  isSelected?: boolean;
+  isSubMenu?: boolean;
+}
+export type RenderIconType = ReactNode | ((props: RenderIconInfo) => ReactNode);
+interface ItemSharedProps {
+  className?: string;
+  ref?: Ref<HTMLLIElement | null>;
+  style?: CSSProperties;
+}
+export interface RcSubMenuType extends ItemSharedProps {
+  children: RcItemType[];
+  disabled?: boolean;
+  expandIcon?: RenderIconType;
+  itemIcon?: RenderIconType;
+  key: string;
+  label?: ReactNode;
+  onClick?: MenuClickEventHandler;
+  onMouseEnter?: MenuHoverEventHandler;
+  onMouseLeave?: MenuHoverEventHandler;
+  onTitleClick?: (info: MenuTitleInfo) => void;
+  onTitleMouseEnter?: MenuHoverEventHandler;
+  onTitleMouseLeave?: MenuHoverEventHandler;
+  popupClassName?: string;
+  popupOffset?: number[];
+  popupStyle?: CSSProperties;
+  rootClassName?: string;
+  type?: 'submenu';
+}
+export interface RcMenuItemType extends ItemSharedProps {
+  disabled?: boolean;
+  extra?: ReactNode;
+  itemIcon?: RenderIconType;
+  key: Key;
+  label?: ReactNode;
+  onClick?: MenuClickEventHandler;
+  onMouseEnter?: MenuHoverEventHandler;
+  onMouseLeave?: MenuHoverEventHandler;
+  type?: 'item';
+}
+export interface RcMenuItemGroupType extends ItemSharedProps {
+  children?: RcItemType[];
+  label?: ReactNode;
+  type: 'group';
+}
+export interface RcMenuDividerType extends Omit<ItemSharedProps, 'ref'> {
+  type: 'divider';
+}
+export type RcItemType = RcSubMenuType | RcMenuItemType | RcMenuItemGroupType | RcMenuDividerType | null;
+//#endregion
+//# sourceMappingURL=itemInterface.d.mts.map

package/es/internal/menu/renderUtils.d.mts

@@ -0,0 +1,36 @@
+import { IconSize } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
+import { MenuCheckboxItemType } from "./checkboxItem.mjs";
+import { MenuItemType, SubMenuType } from "./type.mjs";
+import { BaseMenuItemType } from "./baseItem.mjs";
+import { Key, ReactNode } from "react";
+//#region src/internal/menu/renderUtils.d.ts
+export type IconSpaceMode = 'global' | 'group';
+export type IconAlign = 'center' | 'start';
+export interface RenderOptions {
+  iconAlign?: IconAlign;
+  iconSpaceMode?: IconSpaceMode;
+  indicatorOnRight?: boolean;
+  reserveIconSpace?: boolean;
+}
+export interface RenderItemContentOptions {
+  iconAlign?: IconAlign;
+  indicatorOnRight?: boolean;
+  reserveIconSpace?: boolean;
+  submenu?: boolean;
+}
+type KeyableItem = {
+  key?: Key;
+};
+export declare const getItemKey: (item: KeyableItem, fallback: string) => Key;
+type LabelableItem = {
+  key?: Key;
+  label?: ReactNode;
+  title?: ReactNode;
+};
+export declare const getItemLabel: (item: MenuItemType | SubMenuType | MenuCheckboxItemType | LabelableItem) => ReactNode;
+export declare const renderIcon: (icon: MenuItemType["icon"], size?: IconSize) => ReactNode;
+export declare const hasAnyIcon: (items: BaseMenuItemType[], recursive?: boolean) => boolean;
+export declare const hasCheckboxAndIcon: (items: BaseMenuItemType[]) => boolean;
+//#endregion
+//# sourceMappingURL=renderUtils.d.mts.map