@lobehub/ui 5.20.3 → 5.21.0

package/es/index.d.mts

@@ -1,176 +1,227 @@
 import { CenterProps, FlexBasicProps, FlexboxProps } from "./Flex/type.mjs";
-import { Center } from "./Flex/Center.mjs";
-import { _default } from "./Flex/FlexBasic.mjs";
+import Center from "./Flex/Center.mjs";
+import _default from "./Flex/FlexBasic.mjs";
+import "./Flex/index.mjs";
 import { BlockProps } from "./Block/type.mjs";
-import { Block } from "./Block/Block.mjs";
+import Block from "./Block/Block.mjs";
+import "./Block/index.mjs";
 import { AccordionItemProps, AccordionProps } from "./Accordion/type.mjs";
-import { Accordion } from "./Accordion/Accordion.mjs";
-import { AccordionItem } from "./Accordion/AccordionItem.mjs";
+import Accordion from "./Accordion/Accordion.mjs";
+import AccordionItem from "./Accordion/AccordionItem.mjs";
+import "./Accordion/index.mjs";
 import { LobeCustomStylish } from "./types/customStylish.mjs";
 import { ColorPalettes, ColorPalettesAlpha, ColorToken, LobeCustomToken, PresetColorKey, PresetColorType, PresetSystemColorKey, PresetSystemColorType, SystemColorToken } from "./types/customToken.mjs";
 import { Trigger } from "./types/trigger.mjs";
 import { AProps, DivProps, ImgProps, SpanProps, SvgProps } from "./types/index.mjs";
 import { IconProps, IconSize } from "./Icon/type.mjs";
 import { IconProvider } from "./Icon/components/IconProvider.mjs";
-import { Icon } from "./Icon/Icon.mjs";
+import Icon from "./Icon/Icon.mjs";
+import "./Icon/index.mjs";
 import { KeyMapEnum } from "./Hotkey/const.mjs";
 import { HotkeyProps } from "./Hotkey/type.mjs";
-import { Hotkey } from "./Hotkey/Hotkey.mjs";
+import Hotkey from "./Hotkey/Hotkey.mjs";
 import { combineKeys } from "./Hotkey/utils.mjs";
+import "./Hotkey/index.mjs";
 import { Placement, PlacementConfig, placementMap, toFloatingUIPlacement } from "./utils/placement.mjs";
 import { TooltipProps } from "./base-ui/Tooltip/type.mjs";
 import { Tooltip } from "./base-ui/Tooltip/Tooltip.mjs";
-import { TooltipGroup } from "./base-ui/Tooltip/TooltipGroup.mjs";
+import TooltipGroup from "./base-ui/Tooltip/TooltipGroup.mjs";
+import "./Tooltip/index.mjs";
 import { ActionIconProps, ActionIconSize } from "./ActionIcon/type.mjs";
-import { ActionIcon } from "./ActionIcon/ActionIcon.mjs";
+import ActionIcon from "./ActionIcon/ActionIcon.mjs";
+import "./ActionIcon/index.mjs";
 import { MenuCheckboxItemType } from "./Menu/checkboxItem.mjs";
 import { GenericItemType, ItemType, MenuInfo, MenuItemType, MenuProps } from "./Menu/type.mjs";
 import { BaseMenuItemType } from "./Menu/baseItem.mjs";
-import { Menu } from "./Menu/Menu.mjs";
+import Menu from "./Menu/Menu.mjs";
+import "./Menu/index.mjs";
 import { renderDropdownMenuItems } from "./base-ui/DropdownMenu/renderItems.mjs";
 import { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps } from "./base-ui/DropdownMenu/type.mjs";
 import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuGroupLabelProps, DropdownMenuHeader, DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemContentProps, DropdownMenuItemExtra, DropdownMenuItemExtraProps, DropdownMenuItemIcon, DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelProps, DropdownMenuItemProps, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuScrollViewportProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from "./base-ui/DropdownMenu/atoms.mjs";
-import { DropdownMenu } from "./base-ui/DropdownMenu/DropdownMenu.mjs";
+import DropdownMenu from "./base-ui/DropdownMenu/DropdownMenu.mjs";
+import "./DropdownMenu/index.mjs";
 import { ActionIconGroupEvent, ActionIconGroupProps } from "./ActionIconGroup/type.mjs";
-import { ActionIconGroup } from "./ActionIconGroup/ActionIconGroup.mjs";
+import ActionIconGroup from "./ActionIconGroup/ActionIconGroup.mjs";
+import "./ActionIconGroup/index.mjs";
 import { AlertProps } from "./Alert/type.mjs";
-import { Alert } from "./Alert/Alert.mjs";
+import Alert from "./Alert/Alert.mjs";
+import "./Alert/index.mjs";
 import { AutoCompleteProps } from "./AutoComplete/type.mjs";
-import { AutoComplete } from "./AutoComplete/Select.mjs";
+import AutoComplete from "./AutoComplete/Select.mjs";
+import "./AutoComplete/index.mjs";
 import { AvatarGroupProps, AvatarProps } from "./Avatar/type.mjs";
-import { AvatarGroup } from "./Avatar/AvatarGroup/index.mjs";
+import AvatarGroup from "./Avatar/AvatarGroup/index.mjs";
 import Avatar from "./Avatar/index.mjs";
 import { BurgerProps } from "./Burger/type.mjs";
-import { Burger } from "./Burger/Burger.mjs";
+import Burger from "./Burger/Burger.mjs";
+import "./Burger/index.mjs";
 import { ButtonProps } from "./Button/type.mjs";
-import { Button } from "./Button/Button.mjs";
+import Button from "./Button/Button.mjs";
+import "./Button/index.mjs";
 import { TextProps } from "./Text/type.mjs";
-import { Text } from "./Text/Text.mjs";
+import Text from "./Text/Text.mjs";
+import "./Text/index.mjs";
 import { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps } from "./Checkbox/type.mjs";
-import { CheckboxGroup } from "./Checkbox/CheckboxGroup.mjs";
+import CheckboxGroup from "./Checkbox/CheckboxGroup.mjs";
 import Checkbox from "./Checkbox/index.mjs";
 import { CodeDiffProps, DiffViewMode, PatchDiffProps } from "./CodeDiff/type.mjs";
 import { CodeDiff } from "./CodeDiff/CodeDiff.mjs";
 import { PatchDiff } from "./CodeDiff/PatchDiff.mjs";
+import "./CodeDiff/index.mjs";
 import { CodeEditorProps } from "./CodeEditor/type.mjs";
-import { CodeEditor } from "./CodeEditor/CodeEditor.mjs";
+import CodeEditor from "./CodeEditor/CodeEditor.mjs";
+import "./CodeEditor/index.mjs";
 import { CollapseItemType, CollapseProps } from "./Collapse/type.mjs";
-import { Collapse } from "./Collapse/Collapse.mjs";
+import Collapse from "./Collapse/Collapse.mjs";
+import "./Collapse/index.mjs";
 import { ColorSwatchesProps } from "./ColorSwatches/type.mjs";
-import { ColorSwatches } from "./ColorSwatches/ColorSwatches.mjs";
+import ColorSwatches from "./ColorSwatches/ColorSwatches.mjs";
+import "./ColorSwatches/index.mjs";
 import { ContextMenuCheckboxItem, ContextMenuItem } from "./base-ui/ContextMenu/type.mjs";
 import { ContextMenuTrigger } from "./base-ui/ContextMenu/ContextMenuTrigger.mjs";
 import { ContextMenuHost } from "./base-ui/ContextMenu/ContextMenuHost.mjs";
 import { closeContextMenu, showContextMenu, updateContextMenuItems } from "./base-ui/ContextMenu/store.mjs";
+import "./ContextMenu/index.mjs";
 import { CopyButtonProps } from "./CopyButton/type.mjs";
-import { CopyButton } from "./CopyButton/CopyButton.mjs";
+import CopyButton from "./CopyButton/CopyButton.mjs";
+import "./CopyButton/index.mjs";
 import { DatePickerProps } from "./DatePicker/type.mjs";
-import { DatePicker } from "./DatePicker/DatePicker.mjs";
+import DatePicker from "./DatePicker/DatePicker.mjs";
+import "./DatePicker/index.mjs";
 import { DownloadButtonProps } from "./DownloadButton/type.mjs";
-import { DownloadButton } from "./DownloadButton/DownloadButton.mjs";
-import { DraggablePanelBody, DraggablePanelBodyProps } from "./DraggablePanel/components/DraggablePanelBody.mjs";
-import { DraggablePanelContainer, DraggablePanelContainerProps } from "./DraggablePanel/components/DraggablePanelContainer.mjs";
-import { DraggablePanelFooter, DraggablePanelFooterProps } from "./DraggablePanel/components/DraggablePanelFooter.mjs";
-import { DraggablePanelHeader, DraggablePanelHeaderProps } from "./DraggablePanel/components/DraggablePanelHeader.mjs";
+import DownloadButton from "./DownloadButton/DownloadButton.mjs";
+import "./DownloadButton/index.mjs";
+import DraggablePanelBody, { DraggablePanelBodyProps } from "./DraggablePanel/components/DraggablePanelBody.mjs";
+import DraggablePanelContainer, { DraggablePanelContainerProps } from "./DraggablePanel/components/DraggablePanelContainer.mjs";
+import DraggablePanelFooter, { DraggablePanelFooterProps } from "./DraggablePanel/components/DraggablePanelFooter.mjs";
+import DraggablePanelHeader, { DraggablePanelHeaderProps } from "./DraggablePanel/components/DraggablePanelHeader.mjs";
 import { DraggablePanelProps } from "./DraggablePanel/type.mjs";
 import DraggablePanel from "./DraggablePanel/index.mjs";
 import { DraggableSideNavProps } from "./DraggableSideNav/type.mjs";
-import { DraggableSideNav } from "./DraggableSideNav/DraggableSideNav.mjs";
+import DraggableSideNav from "./DraggableSideNav/DraggableSideNav.mjs";
+import "./DraggableSideNav/index.mjs";
 import { DrawerProps } from "./Drawer/type.mjs";
-import { Drawer } from "./Drawer/Drawer.mjs";
+import Drawer from "./Drawer/Drawer.mjs";
+import "./Drawer/index.mjs";
 import { DropdownProps } from "./Dropdown/type.mjs";
-import { Dropdown } from "./Dropdown/Dropdown.mjs";
+import Dropdown from "./Dropdown/Dropdown.mjs";
+import "./Dropdown/index.mjs";
 import { InputNumberProps, InputOPTProps, InputPasswordProps, InputProps, TextAreaProps } from "./Input/type.mjs";
-import { Input } from "./Input/Input.mjs";
-import { InputNumber } from "./Input/InputNumber.mjs";
-import { InputOPT } from "./Input/InputOPT.mjs";
-import { InputPassword } from "./Input/InputPassword.mjs";
-import { TextArea } from "./Input/TextArea.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 "./Input/index.mjs";
 import { EditableTextProps } from "./EditableText/type.mjs";
-import { EditableText } from "./EditableText/EditableText.mjs";
+import EditableText from "./EditableText/EditableText.mjs";
+import "./EditableText/index.mjs";
 import { EditorSlashMenuGroup } from "./EditorSlashMenu/atoms.mjs";
 import { EditorSlashMenuItems, EditorSlashMenuOption } from "./EditorSlashMenu/type.mjs";
-import { EditorSlashMenu } from "./EditorSlashMenu/EditorSlashMenu.mjs";
+import EditorSlashMenu from "./EditorSlashMenu/EditorSlashMenu.mjs";
+import "./EditorSlashMenu/index.mjs";
 import { PopoverArrowIcon } from "./base-ui/Popover/ArrowIcon.mjs";
 import { PopoverPlacement, PopoverProps, PopoverTrigger } from "./base-ui/Popover/type.mjs";
 import { PopoverArrow, PopoverArrowAtomProps, PopoverBackdrop, PopoverPopup, PopoverPopupAtomProps, PopoverPortal, PopoverPortalAtomProps, PopoverPositioner, PopoverPositionerAtomProps, PopoverRoot, PopoverTriggerElement, PopoverTriggerElementProps, PopoverViewport, PopoverViewportAtomProps } from "./base-ui/Popover/atoms.mjs";
 import { PopoverContextValue, PopoverProvider, usePopoverContext } from "./base-ui/Popover/context.mjs";
-import { Popover } from "./base-ui/Popover/Popover.mjs";
-import { PopoverGroup } from "./base-ui/Popover/PopoverGroup.mjs";
+import Popover from "./base-ui/Popover/Popover.mjs";
+import PopoverGroup from "./base-ui/Popover/PopoverGroup.mjs";
 import { usePopoverPortalContainer } from "./base-ui/Popover/PopoverPortal.mjs";
+import "./Popover/index.mjs";
 import { EmojiPickerProps } from "./EmojiPicker/type.mjs";
-import { EmojiPicker } from "./EmojiPicker/EmojiPicker.mjs";
+import EmojiPicker from "./EmojiPicker/EmojiPicker.mjs";
+import "./EmojiPicker/index.mjs";
 import { EmptyProps } from "./Empty/type.mjs";
-import { Empty } from "./Empty/Empty.mjs";
+import Empty from "./Empty/Empty.mjs";
+import "./Empty/index.mjs";
 import { FileTypeIconProps } from "./FileTypeIcon/type.mjs";
-import { FileTypeIcon } from "./FileTypeIcon/FileTypeIcon.mjs";
+import FileTypeIcon from "./FileTypeIcon/FileTypeIcon.mjs";
+import "./FileTypeIcon/index.mjs";
 import { FluentEmojiProps } from "./FluentEmoji/type.mjs";
-import { FluentEmoji } from "./FluentEmoji/FluentEmoji.mjs";
+import FluentEmoji from "./FluentEmoji/FluentEmoji.mjs";
+import "./FluentEmoji/index.mjs";
 import { FooterProps } from "./Footer/type.mjs";
-import { Footer } from "./Footer/Footer.mjs";
+import Footer from "./Footer/Footer.mjs";
+import "./Footer/index.mjs";
 import { TagProps } from "./Tag/type.mjs";
-import { Tag } from "./Tag/Tag.mjs";
+import Tag from "./Tag/Tag.mjs";
+import "./Tag/index.mjs";
 import { FormGroupItemType, FormGroupProps, FormInstance, FormItemProps, FormProps, FormSubmitFooterProps, FormTitleProps } from "./Form/type.mjs";
-import { FormGroup } from "./Form/components/FormGroup.mjs";
-import { FormItem } from "./Form/components/FormItem.mjs";
-import { FormSubmitFooter } from "./Form/components/FormSubmitFooter.mjs";
-import { FormTitle } from "./Form/components/FormTitle.mjs";
+import FormGroup from "./Form/components/FormGroup.mjs";
+import FormItem from "./Form/components/FormItem.mjs";
+import FormSubmitFooter from "./Form/components/FormSubmitFooter.mjs";
+import FormTitle from "./Form/components/FormTitle.mjs";
 import Form from "./Form/index.mjs";
 import { ImperativeModalProps, ModalInstance, ModalProps, RawModalComponent, RawModalComponentProps, RawModalInstance, RawModalKeyOptions, RawModalOptions } from "./Modal/type.mjs";
 import { ModalHost, ModalHostProps, createModal, createRawModal } from "./Modal/imperative.mjs";
-import { Modal } from "./Modal/Modal.mjs";
+import Modal from "./Modal/Modal.mjs";
 import { ModalProvider, useModalContext } from "./Modal/ModalProvider.mjs";
+import "./Modal/index.mjs";
 import { FormModalProps } from "./FormModal/type.mjs";
-import { FormModal } from "./FormModal/FormModal.mjs";
+import FormModal from "./FormModal/FormModal.mjs";
+import "./FormModal/index.mjs";
 import { FreezeProps } from "./Freeze/type.mjs";
-import { Freeze } from "./Freeze/Freeze.mjs";
+import Freeze from "./Freeze/Freeze.mjs";
+import "./Freeze/index.mjs";
 import { GridProps } from "./Grid/type.mjs";
-import { Grid } from "./Grid/Grid.mjs";
+import Grid from "./Grid/Grid.mjs";
+import "./Grid/index.mjs";
 import { GroupAvatarProps } from "./GroupAvatar/type.mjs";
-import { GroupAvatar } from "./GroupAvatar/GroupAvatar.mjs";
+import GroupAvatar from "./GroupAvatar/GroupAvatar.mjs";
+import "./GroupAvatar/index.mjs";
 import { HeaderProps } from "./Header/type.mjs";
-import { Header } from "./Header/Header.mjs";
+import Header from "./Header/Header.mjs";
+import "./Header/index.mjs";
 import { highlighterThemes } from "./Highlighter/const.mjs";
 import { HighlighterProps, SyntaxHighlighterProps } from "./Highlighter/type.mjs";
 import { Highlighter } from "./Highlighter/Highlighter.mjs";
-import { SyntaxHighlighter } from "./Highlighter/SyntaxHighlighter/index.mjs";
+import SyntaxHighlighter from "./Highlighter/SyntaxHighlighter/index.mjs";
+import "./Highlighter/index.mjs";
 import { HotkeyInputProps } from "./HotkeyInput/type.mjs";
-import { HotkeyInput } from "./HotkeyInput/HotkeyInput.mjs";
+import HotkeyInput from "./HotkeyInput/HotkeyInput.mjs";
+import "./HotkeyInput/index.mjs";
 import { DEFAULT_HEIGHT, DEFAULT_SANDBOX, containsScript, isFullHtmlDocument, isHtmlContentClosed } from "./HtmlPreview/const.mjs";
 import { HtmlPreviewIframeProps, HtmlPreviewMode, HtmlPreviewProps, HtmlPreviewStreamingMode } from "./HtmlPreview/type.mjs";
-import { HtmlPreview } from "./HtmlPreview/HtmlPreview.mjs";
+import HtmlPreview from "./HtmlPreview/HtmlPreview.mjs";
 import { HtmlPreviewIframe } from "./HtmlPreview/Iframe.mjs";
 import { AUTO_HEIGHT_MESSAGE_TYPE } from "./HtmlPreview/injectAutoHeightScript.mjs";
+import "./HtmlPreview/index.mjs";
 import { ImageProps, PreviewGroupProps } from "./Image/type.mjs";
-import { PreviewGroup } from "./Image/PreviewGroup.mjs";
+import PreviewGroup from "./Image/PreviewGroup.mjs";
 import Image from "./Image/index.mjs";
-import { A } from "./A/index.mjs";
+import A from "./A/index.mjs";
 import { styles } from "./base-ui/DropdownMenu/sharedStyle.mjs";
 import { MotionComponent, MotionComponentType, MotionProvider, useMotionComponent } from "./MotionProvider/index.mjs";
 import { CDN, genCdnUrl } from "./utils/genCdnUrl.mjs";
-import { Config, ConfigProvider, useCdnFn } from "./ConfigProvider/index.mjs";
-import { FontLoader, FontLoaderProps } from "./FontLoader/index.mjs";
+import ConfigProvider, { Config, useCdnFn } from "./ConfigProvider/index.mjs";
+import FontLoader, { FontLoaderProps } from "./FontLoader/index.mjs";
 import { GuideCardProps } from "./GuideCard/type.mjs";
-import { GuideCard } from "./GuideCard/GuideCard.mjs";
+import GuideCard from "./GuideCard/GuideCard.mjs";
+import "./GuideCard/index.mjs";
 import { preprocessMarkdownContent } from "./hooks/useMarkdown/utils.mjs";
 import { ImageSelectItem, ImageSelectProps } from "./ImageSelect/type.mjs";
-import { ImageSelect } from "./ImageSelect/ImageSelect.mjs";
+import ImageSelect from "./ImageSelect/ImageSelect.mjs";
+import "./ImageSelect/index.mjs";
 import { ListItemProps, ListProps } from "./List/type.mjs";
-import { ListItem } from "./List/ListItem/index.mjs";
+import ListItem from "./List/ListItem/index.mjs";
 import List from "./List/index.mjs";
 import { mermaidThemes } from "./Mermaid/const.mjs";
 import { MermaidProps, SyntaxMermaidProps } from "./Mermaid/type.mjs";
-import { Mermaid } from "./Mermaid/Mermaid.mjs";
-import { SyntaxMermaid } from "./Mermaid/SyntaxMermaid/index.mjs";
+import Mermaid from "./Mermaid/Mermaid.mjs";
+import SyntaxMermaid from "./Mermaid/SyntaxMermaid/index.mjs";
+import "./Mermaid/index.mjs";
 import { SnippetProps } from "./Snippet/type.mjs";
-import { Snippet } from "./Snippet/Snippet.mjs";
-import { Video, VideoProps } from "./Video/index.mjs";
+import Snippet from "./Snippet/Snippet.mjs";
+import "./Snippet/index.mjs";
+import Video, { VideoProps } from "./Video/index.mjs";
 import { TabsProps } from "./Tabs/type.mjs";
-import { Tabs } from "./Tabs/Tabs.mjs";
+import Tabs from "./Tabs/Tabs.mjs";
+import "./Tabs/index.mjs";
 import { MarkdownProps, TypographyProps } from "./Markdown/type.mjs";
-import { Markdown } from "./Markdown/Markdown.mjs";
-import { Typography } from "./Markdown/Typography.mjs";
-import { SearchResultCards, SearchResultCardsProps } from "./Markdown/components/SearchResultCards/index.mjs";
+import Markdown from "./Markdown/Markdown.mjs";
+import Typography from "./Markdown/Typography.mjs";
+import "./Markdown/index.mjs";
+import SearchResultCards, { SearchResultCardsProps } from "./Markdown/components/SearchResultCards/index.mjs";
 import { rehypeCustomFootnotes } from "./Markdown/plugins/rehypeCustomFootnotes.mjs";
 import { rehypeKatexDir } from "./Markdown/plugins/rehypeKatexDir.mjs";
 import { rehypeStreamAnimated } from "./Markdown/plugins/rehypeStreamAnimated.mjs";
@@ -180,58 +231,75 @@ import { remarkCustomFootnotes } from "./Markdown/plugins/remarkCustomFootnotes.
 import { remarkGfmPlus } from "./Markdown/plugins/remarkGfmPlus.mjs";
 import { remarkVideo } from "./Markdown/plugins/remarkVideo.mjs";
 import { MaskShadowProps } from "./MaskShadow/type.mjs";
-import { MaskShadow } from "./MaskShadow/MaskShadow.mjs";
+import MaskShadow from "./MaskShadow/MaskShadow.mjs";
+import "./MaskShadow/index.mjs";
 import { MaterialFileTypeIconProps } from "./MaterialFileTypeIcon/type.mjs";
-import { MaterialFileTypeIcon } from "./MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import MaterialFileTypeIcon from "./MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import "./MaterialFileTypeIcon/index.mjs";
 import { NeuralNetworkLoadingProps } from "./NeuralNetworkLoading/type.mjs";
-import { NeuralNetworkLoading } from "./NeuralNetworkLoading/NeuralNetworkLoading.mjs";
+import NeuralNetworkLoading from "./NeuralNetworkLoading/NeuralNetworkLoading.mjs";
+import "./NeuralNetworkLoading/index.mjs";
 import { I18nProvider, I18nProviderProps } from "./i18n/context.mjs";
 import { useTranslation } from "./i18n/useTranslation.mjs";
+import "./Provider.mjs";
 import { ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps } from "./base-ui/ScrollArea/atoms.mjs";
 import { ScrollAreaProps } from "./base-ui/ScrollArea/type.mjs";
 import { ScrollArea } from "./base-ui/ScrollArea/ScrollArea.mjs";
+import "./ScrollArea/index.mjs";
 import { ScrollShadowProps } from "./ScrollShadow/type.mjs";
-import { ScrollShadow } from "./ScrollShadow/ScrollShadow.mjs";
+import ScrollShadow from "./ScrollShadow/ScrollShadow.mjs";
+import "./ScrollShadow/index.mjs";
 import { SearchBarProps } from "./SearchBar/type.mjs";
-import { SearchBar } from "./SearchBar/SearchBar.mjs";
+import SearchBar from "./SearchBar/SearchBar.mjs";
+import "./SearchBar/index.mjs";
 import { SegmentedProps } from "./Segmented/type.mjs";
-import { Segmented } from "./Segmented/Segmented.mjs";
+import Segmented from "./Segmented/Segmented.mjs";
+import "./Segmented/index.mjs";
 import { SelectProps } from "./Select/type.mjs";
-import { Select } from "./Select/Select.mjs";
+import Select from "./Select/Select.mjs";
+import "./Select/index.mjs";
 import { SideNavProps } from "./SideNav/type.mjs";
-import { SideNav } from "./SideNav/SideNav.mjs";
+import SideNav from "./SideNav/SideNav.mjs";
+import "./SideNav/index.mjs";
 import { SkeletonAvatarProps, SkeletonBlockProps, SkeletonButtonProps, SkeletonParagraphProps, SkeletonProps, SkeletonTagsProps, SkeletonTitleProps } from "./Skeleton/type.mjs";
-import { SkeletonAvatar } from "./Skeleton/SkeletonAvatar.mjs";
-import { SkeletonBlock } from "./Skeleton/SkeletonBlock.mjs";
-import { SkeletonButton } from "./Skeleton/SkeletonButton.mjs";
-import { SkeletonParagraph } from "./Skeleton/SkeletonParagraph.mjs";
-import { SkeletonTags } from "./Skeleton/SkeletonTags.mjs";
-import { SkeletonTitle } from "./Skeleton/SkeletonTitle.mjs";
+import SkeletonAvatar from "./Skeleton/SkeletonAvatar.mjs";
+import SkeletonBlock from "./Skeleton/SkeletonBlock.mjs";
+import SkeletonButton from "./Skeleton/SkeletonButton.mjs";
+import SkeletonParagraph from "./Skeleton/SkeletonParagraph.mjs";
+import SkeletonTags from "./Skeleton/SkeletonTags.mjs";
+import SkeletonTitle from "./Skeleton/SkeletonTitle.mjs";
 import Skeleton from "./Skeleton/index.mjs";
 import { SliderWithInputProps } from "./SliderWithInput/type.mjs";
-import { SliderWithInput } from "./SliderWithInput/SliderWithInput.mjs";
+import SliderWithInput from "./SliderWithInput/SliderWithInput.mjs";
+import "./SliderWithInput/index.mjs";
 import { SortableListProps } from "./SortableList/type.mjs";
-import { SortableList } from "./SortableList/SortableList.mjs";
+import SortableList from "./SortableList/SortableList.mjs";
+import "./SortableList/index.mjs";
 import { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, 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 "./styles/index.mjs";
 import { CLASSNAMES } from "./styles/classNames.mjs";
 import { useAppElement } from "./ThemeProvider/AppElementContext.mjs";
 import { LOBE_THEME_APP_ID } from "./ThemeProvider/constants.mjs";
 import { MetaProps, ThemeProviderProps } from "./ThemeProvider/type.mjs";
-import { Meta } from "./ThemeProvider/Meta.mjs";
-import { ThemeProvider } from "./ThemeProvider/ThemeProvider.mjs";
+import Meta from "./ThemeProvider/Meta.mjs";
+import ThemeProvider from "./ThemeProvider/ThemeProvider.mjs";
+import "./ThemeProvider/index.mjs";
 import { ThemeSwitchProps } from "./ThemeSwitch/type.mjs";
-import { ThemeSwitch } from "./ThemeSwitch/ThemeSwitch.mjs";
+import ThemeSwitch from "./ThemeSwitch/ThemeSwitch.mjs";
+import "./ThemeSwitch/index.mjs";
 import { ToastAPI, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType } from "./base-ui/Toast/type.mjs";
 import { ToastHost, ToastHostProps, toast, useToast } from "./base-ui/Toast/imperative.mjs";
+import "./Toast/index.mjs";
 import { TocProps } from "./Toc/type.mjs";
-import { Toc } from "./Toc/Toc.mjs";
+import Toc from "./Toc/Toc.mjs";
+import "./Toc/index.mjs";
 import { copyToClipboard } from "./utils/copyToClipboard.mjs";
 import { preventDefault, preventDefaultAndStopPropagation, stopPropagation } from "./utils/dom.mjs";
-import { _default as _default$1 } from "./Highlighter/theme/lobe-theme.mjs";
+import _default$1 from "./Highlighter/theme/lobe-theme.mjs";
 import { LayoutFooter } from "./Layout/components/LayoutFooter.mjs";
 import { LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutProps, LayoutSidebarInnerProps, LayoutSidebarProps, LayoutTocProps } from "./Layout/type.mjs";
 import { LayoutHeader } from "./Layout/components/LayoutHeader.mjs";
@@ -241,4 +309,4 @@ import { LayoutSidebarInner } from "./Layout/components/LayoutSidebarInner.mjs";
 import { LayoutToc } from "./Layout/components/LayoutToc.mjs";
 import Layout from "./Layout/index.mjs";
 import { ErrorBoundary, ErrorBoundaryProps } from "react-error-boundary";
-export { A, AProps, Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionIcon, ActionIconGroup, type ActionIconGroupEvent, type MenuItemType as ActionIconGroupItemType, type ActionIconGroupProps, type ActionIconProps, type ActionIconSize, Alert, type AlertProps, AutoComplete, type AutoCompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type BaseMenuItemType, Block, type BlockProps, Burger, type BurgerProps, Button, type ButtonProps, type CDN, CLASSNAMES, Center, type CenterProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, CodeDiff, type CodeDiffProps, CodeEditor, type CodeEditorProps, Collapse, type CollapseItemType, type CollapseProps, ColorPalettes, ColorPalettesAlpha, ColorSwatches, type ColorSwatchesProps, ColorToken, type Config, ConfigProvider, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuItem, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, type DiffViewMode, DivProps, DownloadButton, type DownloadButtonProps, DraggablePanel, DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelProps, DraggableSideNav, type DraggableSideNavProps, Drawer, type DrawerProps, Dropdown, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type MenuItemType as DropdownMenuItemType, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuScrollViewport, type DropdownMenuScrollViewportProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type DropdownProps, EditableText, type EditableTextProps, EditorSlashMenu, type EditorSlashMenuGroup, type EditorSlashMenuItems, type EditorSlashMenuOption, EmojiPicker, type EmojiPickerProps, Empty, type EmptyProps, ErrorBoundary, type ErrorBoundaryProps, FileTypeIcon, type FileTypeIconProps, _default as FlexBasic, type FlexBasicProps, _default as Flexbox, type FlexboxProps, FluentEmoji, type FluentEmojiProps, FontLoader, type FontLoaderProps, Footer, type FooterProps, Form, FormGroup, type FormGroupItemType, type FormGroupProps, type FormInstance, FormItem, type FormItemProps, FormModal, type FormModalProps, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, Freeze, type FreezeProps, type GenericItemType, Grid, type GridProps, GroupAvatar, type GroupAvatarProps, GuideCard, type GuideCardProps, DEFAULT_HEIGHT as HTML_PREVIEW_DEFAULT_HEIGHT, DEFAULT_SANDBOX as HTML_PREVIEW_DEFAULT_SANDBOX, AUTO_HEIGHT_MESSAGE_TYPE as HTML_PREVIEW_RESIZE_MESSAGE, Header, type HeaderProps, Highlighter, type HighlighterProps, Hotkey, HotkeyInput, type HotkeyInputProps, type HotkeyProps, HtmlPreview, HtmlPreviewIframe, type HtmlPreviewIframeProps, type HtmlPreviewMode, type HtmlPreviewProps, type HtmlPreviewStreamingMode, I18nProvider, type I18nProviderProps, Icon, type IconProps, IconProvider, type IconSize, Image, type ImageProps, ImageSelect, type ImageSelectItem, type ImageSelectProps, ImgProps, type ImperativeModalProps, Input, InputNumber, type InputNumberProps, InputOPT, type InputOPTProps, InputPassword, type InputPasswordProps, type InputProps, type ItemType, KeyMapEnum, LOBE_THEME_APP_ID, Layout, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, LayoutMain, type LayoutMainProps, type LayoutProps, LayoutSidebar, LayoutSidebarInner, type LayoutSidebarInnerProps, type LayoutSidebarProps, LayoutToc, type LayoutTocProps, List, ListItem, type ListItemProps, type ListProps, LobeCustomStylish, LobeCustomToken, I18nProvider as LobeUIProvider, Markdown, type MarkdownProps, MaskShadow, type MaskShadowProps, MaterialFileTypeIcon, type MaterialFileTypeIconProps, Menu, type MenuCheckboxItemType, type MenuInfo, type MenuItemType, type MenuProps, Mermaid, type MermaidProps, Meta, type MetaProps, Modal, ModalHost, type ModalHostProps, type ModalInstance, type ModalProps, ModalProvider, MotionComponent, type MotionComponentType, MotionProvider, NeuralNetworkLoading, type NeuralNetworkLoadingProps, NeutralColors, NeutralColorsObj, PatchDiff, type PatchDiffProps, type Placement, type PlacementConfig, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverContextValue, PopoverGroup, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, PopoverPortal, type PopoverPortalAtomProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, PresetColorKey, PresetColorType, PresetSystemColorKey, PresetSystemColorType, PreviewGroup, type PreviewGroupProps, PrimaryColors, PrimaryColorsObj, type RawModalComponent, type RawModalComponentProps, type RawModalInstance, type RawModalKeyOptions, type RawModalOptions, ScrollArea, ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps, ScrollShadow, type ScrollShadowProps, SearchBar, type SearchBarProps, SearchResultCards, type SearchResultCardsProps, Segmented, type SegmentedProps, Select, type SelectProps, _default$1 as ShikiLobeTheme, SideNav, type SideNavProps, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonBlock, type SkeletonBlockProps, SkeletonButton, type SkeletonButtonProps, SkeletonParagraph, type SkeletonParagraphProps, type SkeletonProps, SkeletonTags, type SkeletonTagsProps, SkeletonTitle, type SkeletonTitleProps, SliderWithInput, type SliderWithInputProps, Snippet, type SnippetProps, SortableList, type SortableListProps, SpanProps, SvgProps, SyntaxHighlighter, type SyntaxHighlighterProps, SyntaxMermaid, type SyntaxMermaidProps, SystemColorToken, Tabs, type TabsProps, Tag, type TagProps, Text, TextArea, type TextAreaProps, type TextProps, ThemeProvider, type ThemeProviderProps, ThemeSwitch, type ThemeSwitchProps, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, Toc, type TocProps, Tooltip, TooltipGroup, type TooltipProps, Trigger, Typography, type TypographyProps, Video, type VideoProps, closeContextMenu, combineKeys, copyToClipboard, createModal, createRawModal, findCustomThemeName, genCdnUrl, generateColorNeutralPalette, generateColorPalette, highlighterThemes, containsScript as htmlPreviewContainsScript, 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, showContextMenu, stopPropagation, toFloatingUIPlacement, toast, updateContextMenuItems, useAppElement, useCdnFn, useModalContext, useMotionComponent, usePopoverContext, usePopoverPortalContainer, useToast, useTranslation };
+export { A, type AProps, Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionIcon, ActionIconGroup, type ActionIconGroupEvent, type MenuItemType as ActionIconGroupItemType, type ActionIconGroupProps, type ActionIconProps, type ActionIconSize, Alert, type AlertProps, AutoComplete, type AutoCompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type BaseMenuItemType, Block, type BlockProps, Burger, type BurgerProps, Button, type ButtonProps, type CDN, CLASSNAMES, Center, type CenterProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, CodeDiff, type CodeDiffProps, CodeEditor, type CodeEditorProps, Collapse, type CollapseItemType, type CollapseProps, type ColorPalettes, type ColorPalettesAlpha, ColorSwatches, type ColorSwatchesProps, type ColorToken, type Config, ConfigProvider, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuItem, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, type DiffViewMode, type DivProps, DownloadButton, type DownloadButtonProps, DraggablePanel, DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelProps, DraggableSideNav, type DraggableSideNavProps, Drawer, type DrawerProps, Dropdown, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type MenuItemType as DropdownMenuItemType, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuScrollViewport, type DropdownMenuScrollViewportProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type DropdownProps, EditableText, type EditableTextProps, EditorSlashMenu, type EditorSlashMenuGroup, type EditorSlashMenuItems, type EditorSlashMenuOption, EmojiPicker, type EmojiPickerProps, Empty, type EmptyProps, ErrorBoundary, type ErrorBoundaryProps, FileTypeIcon, type FileTypeIconProps, _default as FlexBasic, type FlexBasicProps, _default as Flexbox, type FlexboxProps, FluentEmoji, type FluentEmojiProps, FontLoader, type FontLoaderProps, Footer, type FooterProps, Form, FormGroup, type FormGroupItemType, type FormGroupProps, type FormInstance, FormItem, type FormItemProps, FormModal, type FormModalProps, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, Freeze, type FreezeProps, type GenericItemType, Grid, type GridProps, GroupAvatar, type GroupAvatarProps, GuideCard, type GuideCardProps, DEFAULT_HEIGHT as HTML_PREVIEW_DEFAULT_HEIGHT, DEFAULT_SANDBOX as HTML_PREVIEW_DEFAULT_SANDBOX, AUTO_HEIGHT_MESSAGE_TYPE as HTML_PREVIEW_RESIZE_MESSAGE, Header, type HeaderProps, Highlighter, type HighlighterProps, Hotkey, HotkeyInput, type HotkeyInputProps, type HotkeyProps, HtmlPreview, HtmlPreviewIframe, type HtmlPreviewIframeProps, type HtmlPreviewMode, type HtmlPreviewProps, type HtmlPreviewStreamingMode, I18nProvider, type I18nProviderProps, Icon, type IconProps, IconProvider, type IconSize, Image, type ImageProps, ImageSelect, type ImageSelectItem, type ImageSelectProps, type ImgProps, type ImperativeModalProps, Input, InputNumber, type InputNumberProps, InputOPT, type InputOPTProps, InputPassword, type InputPasswordProps, type InputProps, type ItemType, KeyMapEnum, LOBE_THEME_APP_ID, Layout, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, LayoutMain, type LayoutMainProps, type LayoutProps, LayoutSidebar, LayoutSidebarInner, type LayoutSidebarInnerProps, type LayoutSidebarProps, LayoutToc, type LayoutTocProps, List, ListItem, type ListItemProps, type ListProps, type LobeCustomStylish, type LobeCustomToken, I18nProvider as LobeUIProvider, Markdown, type MarkdownProps, MaskShadow, type MaskShadowProps, MaterialFileTypeIcon, type MaterialFileTypeIconProps, Menu, type MenuCheckboxItemType, type MenuInfo, type MenuItemType, type MenuProps, Mermaid, type MermaidProps, Meta, type MetaProps, Modal, ModalHost, type ModalHostProps, type ModalInstance, type ModalProps, ModalProvider, MotionComponent, type MotionComponentType, MotionProvider, NeuralNetworkLoading, type NeuralNetworkLoadingProps, NeutralColors, NeutralColorsObj, PatchDiff, type PatchDiffProps, type Placement, type PlacementConfig, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverContextValue, PopoverGroup, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, PopoverPortal, type PopoverPortalAtomProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, type PresetColorKey, type PresetColorType, type PresetSystemColorKey, type PresetSystemColorType, PreviewGroup, type PreviewGroupProps, PrimaryColors, PrimaryColorsObj, type RawModalComponent, type RawModalComponentProps, type RawModalInstance, type RawModalKeyOptions, type RawModalOptions, ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, ScrollShadow, type ScrollShadowProps, SearchBar, type SearchBarProps, SearchResultCards, type SearchResultCardsProps, Segmented, type SegmentedProps, Select, type SelectProps, _default$1 as ShikiLobeTheme, SideNav, type SideNavProps, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonBlock, type SkeletonBlockProps, SkeletonButton, type SkeletonButtonProps, SkeletonParagraph, type SkeletonParagraphProps, type SkeletonProps, SkeletonTags, type SkeletonTagsProps, SkeletonTitle, type SkeletonTitleProps, SliderWithInput, type SliderWithInputProps, Snippet, type SnippetProps, SortableList, type SortableListProps, type SpanProps, type SvgProps, SyntaxHighlighter, type SyntaxHighlighterProps, SyntaxMermaid, type SyntaxMermaidProps, type SystemColorToken, Tabs, type TabsProps, Tag, type TagProps, Text, TextArea, type TextAreaProps, type TextProps, ThemeProvider, type ThemeProviderProps, ThemeSwitch, type ThemeSwitchProps, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, Toc, type TocProps, Tooltip, TooltipGroup, type TooltipProps, type Trigger, Typography, type TypographyProps, Video, type VideoProps, closeContextMenu, combineKeys, copyToClipboard, createModal, createRawModal, findCustomThemeName, genCdnUrl, generateColorNeutralPalette, generateColorPalette, highlighterThemes, containsScript as htmlPreviewContainsScript, 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, showContextMenu, stopPropagation, toFloatingUIPlacement, toast, updateContextMenuItems, useAppElement, useCdnFn, useModalContext, useMotionComponent, usePopoverContext, usePopoverPortalContainer, useToast, useTranslation };

package/es/index.mjs

@@ -23,7 +23,7 @@ import { IconProvider } from "./Icon/components/IconProvider.mjs";
 import Icon from "./Icon/Icon.mjs";
 import { combineKeys } from "./Hotkey/utils.mjs";
 import Hotkey from "./Hotkey/Hotkey.mjs";
-import Tooltip from "./base-ui/Tooltip/Tooltip.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";
@@ -48,8 +48,8 @@ import FileTypeIcon from "./FileTypeIcon/FileTypeIcon.mjs";
 import MaterialFileTypeIcon from "./MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
 import Tag from "./Tag/Tag.mjs";
 import lobe_theme_default from "./Highlighter/theme/lobe-theme.mjs";
-import CodeDiff from "./CodeDiff/CodeDiff.mjs";
-import PatchDiff from "./CodeDiff/PatchDiff.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";
@@ -103,24 +103,24 @@ 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 Highlighter from "./Highlighter/Highlighter.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 NeuralNetworkLoading from "./NeuralNetworkLoading/NeuralNetworkLoading.mjs";
 import Segmented from "./Segmented/Segmented.mjs";
 import { AUTO_HEIGHT_MESSAGE_TYPE } from "./HtmlPreview/injectAutoHeightScript.mjs";
-import HtmlPreviewIframe from "./HtmlPreview/Iframe.mjs";
+import { HtmlPreviewIframe } from "./HtmlPreview/Iframe.mjs";
 import HtmlPreview from "./HtmlPreview/HtmlPreview.mjs";
 import PreviewGroup from "./Image/PreviewGroup.mjs";
 import Image from "./Image/index.mjs";
 import ImageSelect from "./ImageSelect/ImageSelect.mjs";
-import LayoutFooter from "./Layout/components/LayoutFooter.mjs";
-import LayoutHeader from "./Layout/components/LayoutHeader.mjs";
-import LayoutMain from "./Layout/components/LayoutMain.mjs";
-import LayoutSidebar from "./Layout/components/LayoutSidebar.mjs";
-import LayoutSidebarInner from "./Layout/components/LayoutSidebarInner.mjs";
-import LayoutToc from "./Layout/components/LayoutToc.mjs";
+import { LayoutFooter } from "./Layout/components/LayoutFooter.mjs";
+import { LayoutHeader } from "./Layout/components/LayoutHeader.mjs";
+import { LayoutMain } from "./Layout/components/LayoutMain.mjs";
+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";

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

@@ -1,11 +1,11 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
 import { FC } from "react";
-
 //#region src/mdx/Callout/index.d.ts
 interface CalloutProps extends FlexboxProps {
   type?: 'tip' | 'error' | 'important' | 'info' | 'warning';
 }
 declare const Callout: FC<CalloutProps>;
 //#endregion
-export { Callout, CalloutProps };
+export { CalloutProps, Callout as default };
 //# sourceMappingURL=index.d.mts.map

package/es/mdx/Callout/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/mdx/Callout/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useTheme } from 'antd-style';\nimport { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport { Flexbox, type FlexboxProps } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\nexport interface CalloutProps extends FlexboxProps {\n  type?: 'tip' | 'error' | 'important' | 'info' | 'warning';\n}\n\nconst Callout: FC<CalloutProps> = ({ children, type = 'info', className, style, ...rest }) => {\n  const theme = useTheme();\n  const typeConfig = useMemo(\n    () => ({\n      error: {\n        background: theme.colorErrorFillTertiary,\n        color: cssVar.colorError,\n        icon: AlertOctagon,\n      },\n      important: {\n        background: theme.purpleFillTertiary,\n        color: cssVar.purple,\n        icon: MessageSquareWarning,\n      },\n      info: {\n        background: theme.colorInfoFillTertiary,\n        color: cssVar.colorInfo,\n        icon: Info,\n      },\n      tip: {\n        background: theme.colorSuccessFillTertiary,\n        color: cssVar.colorSuccess,\n        icon: Lightbulb,\n      },\n      warning: {\n        background: theme.colorWarningFillTertiary,\n        color: cssVar.colorWarning,\n        icon: AlertTriangle,\n      },\n    }),\n    [theme],\n  );\n\n  const selectedType = typeConfig?.[type] || typeConfig.info;\n\n  const { icon, color, background } = selectedType;\n\n  return (\n    <Flexbox\n      horizontal\n      align={'flex-start'}\n      className={cx(styles.container, className)}\n      style={{\n        background: background,\n        boxShadow: `0 0 0 1px ${background} inset`,\n        color,\n        ...style,\n      }}\n      {...rest}\n    >\n      <Icon icon={icon} size={{ size: '1.2em' }} style={{ marginBlock: '0.25em' }} />\n      <div className={cx(styles.content, type === 'info' && styles.underlineAnchor)}>\n        <div>{children}</div>\n      </div>\n    </Flexbox>\n  );\n};\n\nCallout.displayName = 'MdxCallout';\n\nexport default Callout;\n"],"mappings":";;;;;;;;;AAeA,MAAM,WAA6B,EAAE,UAAU,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAW;CAC5F,MAAM,QAAQ,UAAU;CACxB,MAAM,aAAa,eACV;EACL,OAAO;GACL,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,WAAW;GACT,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,MAAM;GACJ,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,KAAK;GACH,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,SAAS;GACP,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACF,GACD,CAAC,MAAM,CACR;CAID,MAAM,EAAE,MAAM,OAAO,eAFA,aAAa,SAAS,WAAW;AAItD,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,OAAO;GACO;GACZ,WAAW,aAAa,WAAW;GACnC;GACA,GAAG;GACJ;EACD,GAAI;YAVN,CAYE,oBAAC,MAAD;GAAY;GAAM,MAAM,EAAE,MAAM,SAAS;GAAE,OAAO,EAAE,aAAa,UAAU;GAAI,CAAA,EAC/E,oBAAC,OAAD;GAAK,WAAW,GAAG,OAAO,SAAS,SAAS,UAAU,OAAO,gBAAgB;aAC3E,oBAAC,OAAD,EAAM,UAAe,CAAA;GACjB,CAAA,CACE;;;AAId,QAAQ,cAAc"}
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/mdx/Callout/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useTheme } from 'antd-style';\nimport { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport { Flexbox, type FlexboxProps } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\nexport interface CalloutProps extends FlexboxProps {\n  type?: 'tip' | 'error' | 'important' | 'info' | 'warning';\n}\n\nconst Callout: FC<CalloutProps> = ({ children, type = 'info', className, style, ...rest }) => {\n  const theme = useTheme();\n  const typeConfig = useMemo(\n    () => ({\n      error: {\n        background: theme.colorErrorFillTertiary,\n        color: cssVar.colorError,\n        icon: AlertOctagon,\n      },\n      important: {\n        background: theme.purpleFillTertiary,\n        color: cssVar.purple,\n        icon: MessageSquareWarning,\n      },\n      info: {\n        background: theme.colorInfoFillTertiary,\n        color: cssVar.colorInfo,\n        icon: Info,\n      },\n      tip: {\n        background: theme.colorSuccessFillTertiary,\n        color: cssVar.colorSuccess,\n        icon: Lightbulb,\n      },\n      warning: {\n        background: theme.colorWarningFillTertiary,\n        color: cssVar.colorWarning,\n        icon: AlertTriangle,\n      },\n    }),\n    [theme],\n  );\n\n  const selectedType = typeConfig?.[type] || typeConfig.info;\n\n  const { icon, color, background } = selectedType;\n\n  return (\n    <Flexbox\n      horizontal\n      align={'flex-start'}\n      className={cx(styles.container, className)}\n      style={{\n        background,\n        boxShadow: `0 0 0 1px ${background} inset`,\n        color,\n        ...style,\n      }}\n      {...rest}\n    >\n      <Icon icon={icon} size={{ size: '1.2em' }} style={{ marginBlock: '0.25em' }} />\n      <div className={cx(styles.content, type === 'info' && styles.underlineAnchor)}>\n        <div>{children}</div>\n      </div>\n    </Flexbox>\n  );\n};\n\nCallout.displayName = 'MdxCallout';\n\nexport default Callout;\n"],"mappings":";;;;;;;;;AAeA,MAAM,WAA6B,EAAE,UAAU,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAW;CAC5F,MAAM,QAAQ,SAAS;CACvB,MAAM,aAAa,eACV;EACL,OAAO;GACL,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;EACR;EACA,WAAW;GACT,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;EACR;EACA,MAAM;GACJ,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;EACR;EACA,KAAK;GACH,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;EACR;EACA,SAAS;GACP,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;EACR;CACF,IACA,CAAC,KAAK,CACR;CAIA,MAAM,EAAE,MAAM,OAAO,eAFA,aAAa,SAAS,WAAW;CAItD,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,SAAS;EACzC,OAAO;GACL;GACA,WAAW,aAAa,WAAW;GACnC;GACA,GAAG;EACL;EACA,GAAI;YAVN,CAYE,oBAAC,MAAD;GAAY;GAAM,MAAM,EAAE,MAAM,QAAQ;GAAG,OAAO,EAAE,aAAa,SAAS;EAAI,CAAA,GAC9E,oBAAC,OAAD;GAAK,WAAW,GAAG,OAAO,SAAS,SAAS,UAAU,OAAO,eAAe;aAC1E,oBAAC,OAAD,EAAM,SAAc,CAAA;EACjB,CAAA,CACE;;AAEb;AAEA,QAAQ,cAAc"}

package/es/mdx/Callout/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Callout/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      gap: 0.75em;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    `,\n    content: css`\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      > div {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      }\n\n      p {\n        color: inherit !important;\n      }\n    `,\n    underlineAnchor: css`\n      a {\n        text-decoration: underline;\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,WAAW,GAAG;;;;;;;;;;;EAWd,SAAS,GAAG;;;;;;;;;;;EAWZ,iBAAiB,GAAG;;;;;EAKrB;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Callout/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      gap: 0.75em;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    `,\n    content: css`\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      > div {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      }\n\n      p {\n        color: inherit !important;\n      }\n    `,\n    underlineAnchor: css`\n      a {\n        text-decoration: underline;\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO;EACL,WAAW,GAAG;;;;;;;;;;;EAWd,SAAS,GAAG;;;;;;;;;;;EAWZ,iBAAiB,GAAG;;;;;CAKtB;AACF,CAAC"}

package/es/mdx/Cards/Card.d.mts

@@ -1,8 +1,10 @@
 import { BlockProps } from "../../Block/type.mjs";
+import "../../Block/index.mjs";
 import { IconProps } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
 import { TagProps } from "../../Tag/type.mjs";
+import "../../Tag/index.mjs";
 import { FC } from "react";
-
 //#region src/mdx/Cards/Card.d.ts
 interface CardProps extends Omit<BlockProps, 'children'> {
   desc?: string;
@@ -16,5 +18,5 @@ interface CardProps extends Omit<BlockProps, 'children'> {
 }
 declare const Card: FC<CardProps>;
 //#endregion
-export { Card, CardProps };
+export { CardProps, Card as default };
 //# sourceMappingURL=Card.d.mts.map

package/es/mdx/Cards/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","names":["Flexbox"],"sources":["../../../src/mdx/Cards/Card.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport A from '@/A';\nimport Block, { type BlockProps } from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\nimport Img from '@/Img';\nimport Tag, { type TagProps } from '@/Tag';\n\nconst styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    card: css`\n      --lobe-markdown-header-multiple: 0.2;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      height: 100%;\n      color: ${cssVar.colorText};\n\n      h3,\n      p {\n        margin-block: 0 !important;\n      }\n\n      p {\n        color: ${cssVar.colorTextDescription};\n        transition: color 0.2s ${cssVar.motionEaseInOut};\n      }\n\n      &:hover {\n        p {\n          color: ${cssVar.colorTextSecondary};\n        }\n\n        .mdx-card-icon {\n          opacity: 1;\n        }\n      }\n    `,\n    content: css`\n      width: 100%;\n      padding: 1.4em;\n    `,\n    icon: css`\n      margin-block: 0.1em;\n      opacity: 0.5;\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\n    `,\n  };\n});\n\nexport interface CardProps extends Omit<BlockProps, 'children'> {\n  desc?: string;\n  href?: string;\n  icon?: IconProps['icon'];\n  iconProps?: Omit<IconProps, 'icon'>;\n  image?: string;\n  tag?: string;\n  tagColor?: TagProps['color'];\n  title: string;\n}\n\nconst Card: FC<CardProps> = ({\n  tag,\n  tagColor = 'blue',\n  icon,\n  title,\n  desc,\n  href,\n  iconProps,\n  className,\n  image,\n  variant = 'filled',\n  ...rest\n}) => {\n  return (\n    <A href={href}>\n      <Block\n        clickable\n        align={'flex-start'}\n        className={cx(styles.card, className)}\n        variant={variant}\n        {...rest}\n      >\n        {image && (\n          <Img\n            alt={title}\n            height={100}\n            src={image}\n            style={{ height: 'auto', width: '100%' }}\n            width={250}\n          />\n        )}\n        {tag && (\n          <Flexbox\n            align={'flex-start'}\n            className={styles.content}\n            style={{ paddingBottom: '0.2em', paddingTop: '1.8em' }}\n          >\n            <Tag\n              color={tagColor}\n              style={{\n                borderRadius: '1em',\n                fontSize: '0.8em',\n                fontWeight: 500,\n                paddingBlock: '0.1em',\n                paddingInline: '0.6em',\n              }}\n            >\n              {tag}\n            </Tag>\n          </Flexbox>\n        )}\n        <Flexbox\n          horizontal\n          align={desc ? 'flex-start' : 'center'}\n          className={styles.content}\n          gap={'0.75em'}\n        >\n          {!image && icon && (\n            <Icon\n              className={cx(styles.icon, 'mdx-card-icon')}\n              icon={icon}\n              size={{ size: '1.5em' }}\n              {...iconProps}\n            />\n          )}\n          <Flexbox gap={'0.2em'}>\n            <h3>{title}</h3>\n            {desc && <p>{desc}</p>}\n          </Flexbox>\n        </Flexbox>\n      </Block>\n    </A>\n  );\n};\n\nCard.displayName = 'MdxCard';\n\nexport default Card;\n"],"mappings":";;;;;;;;;;AAYA,MAAM,SAAS,oBAAoB,EAAE,KAAK,aAAa;AACrD,QAAO;EACL,MAAM,GAAG;;;;;;eAME,OAAO,UAAU;;;;;;;;iBAQf,OAAO,qBAAqB;iCACZ,OAAO,gBAAgB;;;;;mBAKrC,OAAO,mBAAmB;;;;;;;;EAQzC,SAAS,GAAG;;;;EAIZ,MAAM,GAAG;;;iCAGoB,OAAO,gBAAgB;;EAErD;EACD;AAaF,MAAM,QAAuB,EAC3B,KACA,WAAW,QACX,MACA,OACA,MACA,MACA,WACA,WACA,OACA,UAAU,UACV,GAAG,WACC;AACJ,QACE,oBAAC,GAAD;EAAS;YACP,qBAAC,OAAD;GACE,WAAA;GACA,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,UAAU;GAC5B;GACT,GAAI;aALN;IAOG,SACC,oBAAC,KAAD;KACE,KAAK;KACL,QAAQ;KACR,KAAK;KACL,OAAO;MAAE,QAAQ;MAAQ,OAAO;MAAQ;KACxC,OAAO;KACP,CAAA;IAEH,OACC,oBAACA,mBAAD;KACE,OAAO;KACP,WAAW,OAAO;KAClB,OAAO;MAAE,eAAe;MAAS,YAAY;MAAS;eAEtD,oBAAC,KAAD;MACE,OAAO;MACP,OAAO;OACL,cAAc;OACd,UAAU;OACV,YAAY;OACZ,cAAc;OACd,eAAe;OAChB;gBAEA;MACG,CAAA;KACE,CAAA;IAEZ,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO,OAAO,eAAe;KAC7B,WAAW,OAAO;KAClB,KAAK;eAJP,CAMG,CAAC,SAAS,QACT,oBAAC,MAAD;MACE,WAAW,GAAG,OAAO,MAAM,gBAAgB;MACrC;MACN,MAAM,EAAE,MAAM,SAAS;MACvB,GAAI;MACJ,CAAA,EAEJ,qBAACA,mBAAD;MAAS,KAAK;gBAAd,CACE,oBAAC,MAAD,EAAA,UAAK,OAAW,CAAA,EACf,QAAQ,oBAAC,KAAD,EAAA,UAAI,MAAS,CAAA,CACd;QACF;;IACJ;;EACN,CAAA;;AAIR,KAAK,cAAc"}
+{"version":3,"file":"Card.mjs","names":["Flexbox"],"sources":["../../../src/mdx/Cards/Card.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport A from '@/A';\nimport Block, { type BlockProps } from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\nimport Img from '@/Img';\nimport Tag, { type TagProps } from '@/Tag';\n\nconst styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    card: css`\n      --lobe-markdown-header-multiple: 0.2;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      height: 100%;\n      color: ${cssVar.colorText};\n\n      h3,\n      p {\n        margin-block: 0 !important;\n      }\n\n      p {\n        color: ${cssVar.colorTextDescription};\n        transition: color 0.2s ${cssVar.motionEaseInOut};\n      }\n\n      &:hover {\n        p {\n          color: ${cssVar.colorTextSecondary};\n        }\n\n        .mdx-card-icon {\n          opacity: 1;\n        }\n      }\n    `,\n    content: css`\n      width: 100%;\n      padding: 1.4em;\n    `,\n    icon: css`\n      margin-block: 0.1em;\n      opacity: 0.5;\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\n    `,\n  };\n});\n\nexport interface CardProps extends Omit<BlockProps, 'children'> {\n  desc?: string;\n  href?: string;\n  icon?: IconProps['icon'];\n  iconProps?: Omit<IconProps, 'icon'>;\n  image?: string;\n  tag?: string;\n  tagColor?: TagProps['color'];\n  title: string;\n}\n\nconst Card: FC<CardProps> = ({\n  tag,\n  tagColor = 'blue',\n  icon,\n  title,\n  desc,\n  href,\n  iconProps,\n  className,\n  image,\n  variant = 'filled',\n  ...rest\n}) => {\n  return (\n    <A href={href}>\n      <Block\n        clickable\n        align={'flex-start'}\n        className={cx(styles.card, className)}\n        variant={variant}\n        {...rest}\n      >\n        {image && (\n          <Img\n            alt={title}\n            height={100}\n            src={image}\n            style={{ height: 'auto', width: '100%' }}\n            width={250}\n          />\n        )}\n        {tag && (\n          <Flexbox\n            align={'flex-start'}\n            className={styles.content}\n            style={{ paddingBottom: '0.2em', paddingTop: '1.8em' }}\n          >\n            <Tag\n              color={tagColor}\n              style={{\n                borderRadius: '1em',\n                fontSize: '0.8em',\n                fontWeight: 500,\n                paddingBlock: '0.1em',\n                paddingInline: '0.6em',\n              }}\n            >\n              {tag}\n            </Tag>\n          </Flexbox>\n        )}\n        <Flexbox\n          horizontal\n          align={desc ? 'flex-start' : 'center'}\n          className={styles.content}\n          gap={'0.75em'}\n        >\n          {!image && icon && (\n            <Icon\n              className={cx(styles.icon, 'mdx-card-icon')}\n              icon={icon}\n              size={{ size: '1.5em' }}\n              {...iconProps}\n            />\n          )}\n          <Flexbox gap={'0.2em'}>\n            <h3>{title}</h3>\n            {desc && <p>{desc}</p>}\n          </Flexbox>\n        </Flexbox>\n      </Block>\n    </A>\n  );\n};\n\nCard.displayName = 'MdxCard';\n\nexport default Card;\n"],"mappings":";;;;;;;;;;AAYA,MAAM,SAAS,oBAAoB,EAAE,KAAK,aAAa;CACrD,OAAO;EACL,MAAM,GAAG;;;;;;eAME,OAAO,UAAU;;;;;;;;iBAQf,OAAO,qBAAqB;iCACZ,OAAO,gBAAgB;;;;;mBAKrC,OAAO,mBAAmB;;;;;;;;EAQzC,SAAS,GAAG;;;;EAIZ,MAAM,GAAG;;;iCAGoB,OAAO,gBAAgB;;CAEtD;AACF,CAAC;AAaD,MAAM,QAAuB,EAC3B,KACA,WAAW,QACX,MACA,OACA,MACA,MACA,WACA,WACA,OACA,UAAU,UACV,GAAG,WACC;CACJ,OACE,oBAAC,GAAD;EAAS;YACP,qBAAC,OAAD;GACE,WAAA;GACA,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,SAAS;GAC3B;GACT,GAAI;aALN;IAOG,SACC,oBAAC,KAAD;KACE,KAAK;KACL,QAAQ;KACR,KAAK;KACL,OAAO;MAAE,QAAQ;MAAQ,OAAO;KAAO;KACvC,OAAO;IACR,CAAA;IAEF,OACC,oBAACA,mBAAD;KACE,OAAO;KACP,WAAW,OAAO;KAClB,OAAO;MAAE,eAAe;MAAS,YAAY;KAAQ;eAErD,oBAAC,KAAD;MACE,OAAO;MACP,OAAO;OACL,cAAc;OACd,UAAU;OACV,YAAY;OACZ,cAAc;OACd,eAAe;MACjB;gBAEC;KACE,CAAA;IACE,CAAA;IAEX,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO,OAAO,eAAe;KAC7B,WAAW,OAAO;KAClB,KAAK;eAJP,CAMG,CAAC,SAAS,QACT,oBAAC,MAAD;MACE,WAAW,GAAG,OAAO,MAAM,eAAe;MACpC;MACN,MAAM,EAAE,MAAM,QAAQ;MACtB,GAAI;KACL,CAAA,GAEH,qBAACA,mBAAD;MAAS,KAAK;gBAAd,CACE,oBAAC,MAAD,EAAA,UAAK,MAAU,CAAA,GACd,QAAQ,oBAAC,KAAD,EAAA,UAAI,KAAQ,CAAA,CACd;OACF;;GACJ;;CACN,CAAA;AAEP;AAEA,KAAK,cAAc"}

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

@@ -1,9 +1,9 @@
 import { GridProps } from "../../Grid/type.mjs";
+import "../../Grid/index.mjs";
 import { FC } from "react";
-
 //#region src/mdx/Cards/index.d.ts
 type CardsProps = GridProps;
 declare const Cards: FC<CardsProps>;
 //#endregion
-export { Cards, CardsProps };
+export { CardsProps, Cards as default };
 //# sourceMappingURL=index.d.mts.map