@lobehub/ui 5.51.2 → 5.52.0

package/es/i18n/resources/zhCn/qrCode.mjs

@@ -0,0 +1,10 @@
+//#region src/i18n/resources/zhCn/qrCode.ts
+var qrCode_default = {
+	"qrCode.expired": "已过期",
+	"qrCode.loading": "加载中",
+	"qrCode.refresh": "刷新"
+};
+//#endregion
+export { qrCode_default as default };
+
+//# sourceMappingURL=qrCode.mjs.map

package/es/i18n/resources/zhCn/qrCode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"qrCode.mjs","names":[],"sources":["../../../../src/i18n/resources/zhCn/qrCode.ts"],"sourcesContent":["export default {\n  'qrCode.expired': '已过期',\n  'qrCode.loading': '加载中',\n  'qrCode.refresh': '刷新',\n} as const;\n"],"mappings":";AAAA,IAAA,iBAAe;CACb,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;AACpB"}

package/es/i18n/types.d.mts

@@ -1,15 +1,19 @@
-import _default from "./resources/en/chat.mjs";
-import _default$1 from "./resources/en/common.mjs";
-import _default$2 from "./resources/en/editableMessage.mjs";
-import _default$3 from "./resources/en/emojiPicker.mjs";
-import _default$4 from "./resources/en/form.mjs";
-import _default$5 from "./resources/en/hotkey.mjs";
-import _default$6 from "./resources/en/image.mjs";
-import _default$7 from "./resources/en/messageModal.mjs";
-import _default$8 from "./resources/en/sideNav.mjs";
+import _default from "./resources/en/burger.mjs";
+import _default$1 from "./resources/en/chat.mjs";
+import _default$2 from "./resources/en/colorPicker.mjs";
+import _default$3 from "./resources/en/common.mjs";
+import _default$4 from "./resources/en/datePicker.mjs";
+import _default$5 from "./resources/en/editableMessage.mjs";
+import _default$6 from "./resources/en/emojiPicker.mjs";
+import _default$7 from "./resources/en/form.mjs";
+import _default$8 from "./resources/en/hotkey.mjs";
+import _default$9 from "./resources/en/image.mjs";
+import _default$10 from "./resources/en/messageModal.mjs";
+import _default$11 from "./resources/en/qrCode.mjs";
+import _default$12 from "./resources/en/sideNav.mjs";
 //#region src/i18n/types.d.ts
 type Locale = string;
-type BuiltinTranslationResources = typeof _default & typeof _default$1 & typeof _default$2 & typeof _default$3 & typeof _default$4 & typeof _default$5 & typeof _default$6 & typeof _default$7 & typeof _default$8;
+type BuiltinTranslationResources = typeof _default & typeof _default$1 & typeof _default$2 & typeof _default$3 & typeof _default$4 & typeof _default$5 & typeof _default$6 & typeof _default$7 & typeof _default$8 & typeof _default$9 & typeof _default$10 & typeof _default$11 & typeof _default$12;
 type TranslationKey = keyof BuiltinTranslationResources;
 type TranslationValue = string;
 /**

package/es/index.d.mts

@@ -32,7 +32,8 @@ import ActionIcon from "./ActionIcon/ActionIcon.mjs";
 import "./ActionIcon/index.mjs";
 import { ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps } from "./base-ui/ScrollArea/atoms.mjs";
 import { MenuCheckboxItemType } from "./Menu/checkboxItem.mjs";
-import { GenericItemType, ItemType, MenuInfo, MenuItemType, MenuProps } from "./Menu/type.mjs";
+import { MenuInfo } from "./Menu/itemInterface.mjs";
+import { GenericItemType, ItemType, MenuItemType, MenuProps } from "./Menu/type.mjs";
 import { BaseMenuItemType } from "./Menu/baseItem.mjs";
 import Menu from "./Menu/Menu.mjs";
 import "./Menu/index.mjs";
@@ -107,13 +108,6 @@ import "./Drawer/index.mjs";
 import { DropdownProps } from "./Dropdown/type.mjs";
 import Dropdown from "./Dropdown/Dropdown.mjs";
 import "./Dropdown/index.mjs";
-import { InputNumberProps, InputOPTProps, InputPasswordProps, InputProps, TextAreaProps } from "./Input/type.mjs";
-import Input from "./Input/Input.mjs";
-import InputNumber from "./Input/InputNumber.mjs";
-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/index.mjs";
@@ -224,6 +218,13 @@ import { preprocessMarkdownContent } from "./hooks/useMarkdown/utils.mjs";
 import { ImageSelectItem, ImageSelectProps } from "./ImageSelect/type.mjs";
 import ImageSelect from "./ImageSelect/ImageSelect.mjs";
 import "./ImageSelect/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/index.mjs";
 import { ListItemProps, ListProps } from "./List/type.mjs";
 import ListItem from "./List/ListItem/index.mjs";
 import List from "./List/index.mjs";
@@ -236,9 +237,6 @@ import { SnippetProps } from "./Snippet/type.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/index.mjs";
 import { MarkdownProps, TypographyProps } from "./Markdown/type.mjs";
 import Markdown from "./Markdown/Markdown.mjs";
 import Typography from "./Markdown/Typography.mjs";
@@ -299,6 +297,9 @@ 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 { TabsProps } from "./Tabs/type.mjs";
+import Tabs from "./Tabs/Tabs.mjs";
+import "./Tabs/index.mjs";
 import { useAppElement } from "./ThemeProvider/AppElementContext.mjs";
 import { LOBE_THEME_APP_ID } from "./ThemeProvider/constants.mjs";
 import { MetaProps, ThemeProviderProps } from "./ThemeProvider/type.mjs";

package/es/index.mjs

@@ -13,11 +13,6 @@ 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 { LOBE_THEME_APP_ID } from "./ThemeProvider/constants.mjs";
-import Meta from "./ThemeProvider/Meta.mjs";
-import FontLoader from "./FontLoader/index.mjs";
-import { CLASSNAMES } from "./styles/classNames.mjs";
-import ThemeProvider from "./ThemeProvider/ThemeProvider.mjs";
 import { placementMap, toFloatingUIPlacement } from "./utils/placement.mjs";
 import { KeyMapEnum } from "./Hotkey/const.mjs";
 import { IconProvider } from "./Icon/components/IconProvider.mjs";
@@ -31,9 +26,9 @@ import { preventDefault, preventDefaultAndStopPropagation, stopPropagation } fro
 import AccordionItem from "./Accordion/AccordionItem.mjs";
 import ActionIcon from "./ActionIcon/ActionIcon.mjs";
 import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./base-ui/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 Menu from "./Menu/Menu.mjs";
 import { renderDropdownMenuItems } from "./base-ui/DropdownMenu/renderItems.mjs";
 import DropdownMenu from "./base-ui/DropdownMenu/DropdownMenu.mjs";
 import ActionIconGroup from "./ActionIconGroup/ActionIconGroup.mjs";
@@ -55,7 +50,6 @@ 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 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";
@@ -63,9 +57,16 @@ 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 ColorSwatches from "./ColorSwatches/ColorSwatches.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 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";
@@ -80,26 +81,20 @@ import DraggablePanelHeader from "./DraggablePanel/components/DraggablePanelHead
 import DraggablePanel from "./DraggablePanel/index.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 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 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 { 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 Tabs from "./Tabs/Tabs.mjs";
+import { ToastHost, toast, useToast } from "./base-ui/Toast/imperative.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 FormTitle from "./Form/components/FormTitle.mjs";
 import FormItem from "./Form/components/FormItem.mjs";
 import FormSubmitFooter from "./Form/components/FormSubmitFooter.mjs";
@@ -117,14 +112,17 @@ 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 Segmented from "./Segmented/Segmented.mjs";
 import { AUTO_HEIGHT_MESSAGE_TYPE } from "./HtmlPreview/injectAutoHeightScript.mjs";
 import { HtmlPreviewIframe } from "./HtmlPreview/Iframe.mjs";
 import HtmlPreview from "./HtmlPreview/HtmlPreview.mjs";
 import PreviewGroup from "./Image/PreviewGroup.mjs";
-import { ToastHost, toast, useToast } from "./base-ui/Toast/imperative.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 { LayoutFooter } from "./Layout/components/LayoutFooter.mjs";
 import { LayoutHeader } from "./Layout/components/LayoutHeader.mjs";
 import { LayoutMain } from "./Layout/components/LayoutMain.mjs";
@@ -153,6 +151,7 @@ import { remarkColor } from "./Markdown/plugins/remarkColor.mjs";
 import MaskShadow from "./MaskShadow/MaskShadow.mjs";
 import { ScrollArea } from "./base-ui/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";
@@ -164,6 +163,7 @@ 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 { rehypeStreamAnimated } from "@lobehub/streamdown";

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

@@ -2,8 +2,8 @@ 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 { TagProps } from "../../base-ui/Tag/type.mjs";
+import "../../base-ui/Tag/index.mjs";
 import { FC } from "react";
 //#region src/mdx/Cards/Card.d.ts
 interface CardProps extends Omit<BlockProps, 'children'> {

package/es/mdx/Cards/Card.mjs

@@ -4,7 +4,7 @@ import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import Block from "../../Block/Block.mjs";
 import Icon from "../../Icon/Icon.mjs";
 import Img from "../../Img/index.mjs";
-import Tag from "../../Tag/Tag.mjs";
+import Tag from "../../base-ui/Tag/Tag.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createStaticStyles, cx } from "antd-style";
 //#region src/mdx/Cards/Card.tsx

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;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;EACP,UAAA,qBAAC,OAAD;GACE,WAAA;GACA,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,SAAS;GAC3B;GACT,GAAI;GALN,UAAA;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;KAErD,UAAA,oBAAC,KAAD;MACE,OAAO;MACP,OAAO;OACL,cAAc;OACd,UAAU;OACV,YAAY;OACZ,cAAc;OACd,eAAe;MACjB;MAEC,UAAA;KACE,CAAA;IACE,CAAA;IAEX,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO,OAAO,eAAe;KAC7B,WAAW,OAAO;KAClB,KAAK;KAJP,UAAA,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;MAAd,UAAA,CACE,oBAAC,MAAD,EAAA,UAAK,MAAU,CAAA,GACd,QAAQ,oBAAC,KAAD,EAAA,UAAI,KAAQ,CAAA,CACd;KACF,CAAA,CAAA;;GACJ;;CACN,CAAA;AAEP;AAEA,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 Tag, { type TagProps } from '@/base-ui/Tag';\nimport Block, { type BlockProps } from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\nimport Img from '@/Img';\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;EACP,UAAA,qBAAC,OAAD;GACE,WAAA;GACA,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,SAAS;GAC3B;GACT,GAAI;GALN,UAAA;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;KAErD,UAAA,oBAAC,KAAD;MACE,OAAO;MACP,OAAO;OACL,cAAc;OACd,UAAU;OACV,YAAY;OACZ,cAAc;OACd,eAAe;MACjB;MAEC,UAAA;KACE,CAAA;IACE,CAAA;IAEX,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO,OAAO,eAAe;KAC7B,WAAW,OAAO;KAClB,KAAK;KAJP,UAAA,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;MAAd,UAAA,CACE,oBAAC,MAAD,EAAA,UAAK,MAAU,CAAA,GACd,QAAQ,oBAAC,KAAD,EAAA,UAAI,KAAQ,CAAA,CACd;KACF,CAAA,CAAA;;GACJ;;CACN,CAAA;AAEP;AAEA,KAAK,cAAc"}

package/es/mdx/Mdx/index.mjs

@@ -1,5 +1,4 @@
 "use client";
-import Alert from "../../Alert/Alert.mjs";
 import PreviewGroup from "../../Image/PreviewGroup.mjs";
 import { styles } from "../../Markdown/style.mjs";
 import Image from "../mdxComponents/Image.mjs";
@@ -7,6 +6,7 @@ import Video from "../mdxComponents/Video.mjs";
 import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
 import { rehypeKatex } from "../../Markdown/plugins/rehypeKatex.mjs";
 import Typography from "../../Markdown/Typography.mjs";
+import Alert from "../../base-ui/Alert/Alert.mjs";
 import mdxComponents from "../mdxComponents/index.mjs";
 import CodeBlock from "../mdxComponents/CodeBlock.mjs";
 import { memo, useEffect, useMemo, useState } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/mdx/Mdx/index.tsx"],"sourcesContent":["'use client';\n\nimport { evaluate } from '@mdx-js/mdx';\nimport { cx } from 'antd-style';\nimport { memo, type ReactNode, useEffect, useMemo, useState } from 'react';\nimport jsxDevRuntime from 'react/jsx-dev-runtime';\nimport jsxRuntime from 'react/jsx-runtime';\nimport { rehypeGithubAlerts } from 'rehype-github-alerts';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport { type Pluggable } from 'unified';\n\nimport Alert from '@/Alert';\nimport { useMarkdownContent } from '@/hooks/useMarkdown';\nimport { PreviewGroup } from '@/Image';\nimport { Typography, type TypographyProps } from '@/Markdown';\nimport { rehypeKatex } from '@/Markdown/plugins/rehypeKatex';\nimport { styles } from '@/Markdown/style';\n\nimport mdxComponents from '../mdxComponents';\nimport CodeBlock from '../mdxComponents/CodeBlock';\nimport Image from '../mdxComponents/Image';\nimport Video from '../mdxComponents/Video';\n\nconst runtime = process.env.NODE_ENV === 'production' ? jsxRuntime : jsxDevRuntime;\n\nexport interface MdxProps extends Omit<TypographyProps, 'children'> {\n  children: string;\n  components?: any[];\n  enableImageGallery?: boolean;\n  enableLatex?: boolean;\n  enableMermaid?: boolean;\n  fallback?: ReactNode;\n  fullFeaturedCodeBlock?: boolean;\n  onDoubleClick?: () => void;\n  rehypePlugins?: Pluggable[];\n  remarkPlugins?: Pluggable[];\n  variant?: 'normal' | 'chat';\n}\n\nconst Mdx = memo<MdxProps>(\n  ({\n    children,\n    className,\n    style,\n    fullFeaturedCodeBlock = true,\n    enableImageGallery,\n    enableLatex = true,\n    enableMermaid = true,\n    rehypePlugins,\n    remarkPlugins,\n    components = {},\n    fallback = null,\n    fontSize,\n    headerMultiple,\n    lineHeight,\n    marginMultiple,\n    variant,\n    ...rest\n  }) => {\n    const escapedContent = useMarkdownContent(children);\n\n    const isChatMode = variant === 'chat';\n\n    const [MDXContent, setMDXContent] = useState<any>(() => () => null);\n\n    const innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];\n    const memoRehypePlugins = useMemo(\n      () =>\n        [rehypeGithubAlerts, enableLatex && rehypeKatex, ...innerRehypePlugins].filter(\n          Boolean,\n        ) as any,\n      [enableLatex, ...innerRehypePlugins],\n    );\n\n    const innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];\n    const memoRemarkPlugins = useMemo(\n      () => [remarkGfm, enableLatex && remarkMath, ...innerRemarkPlugins].filter(Boolean) as any,\n      [enableLatex, ...innerRemarkPlugins],\n    );\n\n    const memoComponents = useMemo(() => {\n      const list: any = {};\n      Object.entries({\n        ...mdxComponents,\n        img: Image,\n        pre: (props: any) => (\n          <CodeBlock\n            {...props}\n            enableMermaid={enableMermaid}\n            fullFeatured={fullFeaturedCodeBlock}\n          />\n        ),\n        video: Video,\n        ...components,\n      }).forEach(([key, Render]: any) => {\n        list[key] = (props: any) => <Render {...props} />;\n      });\n      return list;\n    }, [components, enableMermaid, fullFeaturedCodeBlock]);\n\n    useEffect(() => {\n      if (!escapedContent) return;\n      (async () => {\n        try {\n          const { default: Content } = await evaluate(escapedContent, {\n            ...runtime,\n            development: process.env.NODE_ENV !== 'production',\n            rehypePlugins: memoRehypePlugins,\n            remarkPlugins: memoRemarkPlugins,\n          });\n          setMDXContent(() => Content);\n        } catch (error: any) {\n          // @ts-ignore\n          setMDXContent(() => () => (\n            <Alert\n              description={String(error?.message as string)}\n              title={'Error compiling MDX'}\n              type=\"error\"\n              style={{\n                width: '100%',\n              }}\n            />\n          ));\n          console.error('Error compiling MDX:', error);\n        }\n      })();\n    }, [escapedContent, memoRehypePlugins, memoRemarkPlugins]);\n\n    if (!escapedContent || !MDXContent) return fallback;\n\n    return (\n      <Typography\n        className={cx(enableLatex && styles.latex, isChatMode && styles.chat, className)}\n        data-code-type=\"mdx\"\n        fontSize={fontSize}\n        headerMultiple={headerMultiple}\n        lineHeight={lineHeight}\n        marginMultiple={marginMultiple}\n        style={style}\n        {...rest}\n      >\n        <PreviewGroup enable={enableImageGallery}>\n          <MDXContent components={memoComponents} />\n        </PreviewGroup>\n      </Typography>\n    );\n  },\n);\n\nMdx.displayName = 'Mdx';\n\nexport default Mdx;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,UAAU,QAAQ,IAAI,aAAa,eAAe,aAAa;AAgBrE,MAAM,MAAM,MACT,EACC,UACA,WACA,OACA,wBAAwB,MACxB,oBACA,cAAc,MACd,gBAAgB,MAChB,eACA,eACA,aAAa,CAAC,GACd,WAAW,MACX,UACA,gBACA,YACA,gBACA,SACA,GAAG,WACC;CACJ,MAAM,iBAAiB,mBAAmB,QAAQ;CAElD,MAAM,aAAa,YAAY;CAE/B,MAAM,CAAC,YAAY,iBAAiB,qBAA0B,IAAI;CAElE,MAAM,qBAAqB,MAAM,QAAQ,aAAa,IAAI,gBAAgB,CAAC,aAAa;CACxF,MAAM,oBAAoB,cAEtB;EAAC;EAAoB,eAAe;EAAa,GAAG;CAAkB,CAAC,CAAC,OACtE,OACF,GACF,CAAC,aAAa,GAAG,kBAAkB,CACrC;CAEA,MAAM,qBAAqB,MAAM,QAAQ,aAAa,IAAI,gBAAgB,CAAC,aAAa;CACxF,MAAM,oBAAoB,cAClB;EAAC;EAAW,eAAe;EAAY,GAAG;CAAkB,CAAC,CAAC,OAAO,OAAO,GAClF,CAAC,aAAa,GAAG,kBAAkB,CACrC;CAEA,MAAM,iBAAiB,cAAc;EACnC,MAAM,OAAY,CAAC;EACnB,OAAO,QAAQ;GACb,GAAG;GACH,KAAK;GACL,MAAM,UACJ,oBAAC,WAAD;IACE,GAAI;IACW;IACf,cAAc;GACf,CAAA;GAEH,OAAO;GACP,GAAG;EACL,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,YAAiB;GACjC,KAAK,QAAQ,UAAe,oBAAC,QAAD,EAAQ,GAAI,MAAQ,CAAA;EAClD,CAAC;EACD,OAAO;CACT,GAAG;EAAC;EAAY;EAAe;CAAqB,CAAC;CAErD,gBAAgB;EACd,IAAI,CAAC,gBAAgB;EACrB,CAAC,YAAY;GACX,IAAI;IACF,MAAM,EAAE,SAAS,YAAY,MAAM,SAAS,gBAAgB;KAC1D,GAAG;KACH,aAAa,QAAQ,IAAI,aAAa;KACtC,eAAe;KACf,eAAe;IACjB,CAAC;IACD,oBAAoB,OAAO;GAC7B,SAAS,OAAY;IAEnB,0BACE,oBAAC,OAAD;KACE,aAAa,OAAO,OAAO,OAAiB;KAC5C,OAAO;KACP,MAAK;KACL,OAAO,EACL,OAAO,OACT;IACD,CAAA,CACF;IACD,QAAQ,MAAM,wBAAwB,KAAK;GAC7C;EACF,EAAA,CAAG;CACL,GAAG;EAAC;EAAgB;EAAmB;CAAiB,CAAC;CAEzD,IAAI,CAAC,kBAAkB,CAAC,YAAY,OAAO;CAE3C,OACE,oBAAC,YAAD;EACE,WAAW,GAAG,eAAe,OAAO,OAAO,cAAc,OAAO,MAAM,SAAS;EAC/E,kBAAe;EACL;EACM;EACJ;EACI;EACT;EACP,GAAI;EAEJ,UAAA,oBAAC,cAAD;GAAc,QAAQ;GACpB,UAAA,oBAAC,YAAD,EAAY,YAAY,eAAiB,CAAA;EAC7B,CAAA;CACJ,CAAA;AAEhB,CACF;AAEA,IAAI,cAAc"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/mdx/Mdx/index.tsx"],"sourcesContent":["'use client';\n\nimport { evaluate } from '@mdx-js/mdx';\nimport { cx } from 'antd-style';\nimport { memo, type ReactNode, useEffect, useMemo, useState } from 'react';\nimport jsxDevRuntime from 'react/jsx-dev-runtime';\nimport jsxRuntime from 'react/jsx-runtime';\nimport { rehypeGithubAlerts } from 'rehype-github-alerts';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport { type Pluggable } from 'unified';\n\nimport Alert from '@/base-ui/Alert';\nimport { useMarkdownContent } from '@/hooks/useMarkdown';\nimport { PreviewGroup } from '@/Image';\nimport { Typography, type TypographyProps } from '@/Markdown';\nimport { rehypeKatex } from '@/Markdown/plugins/rehypeKatex';\nimport { styles } from '@/Markdown/style';\n\nimport mdxComponents from '../mdxComponents';\nimport CodeBlock from '../mdxComponents/CodeBlock';\nimport Image from '../mdxComponents/Image';\nimport Video from '../mdxComponents/Video';\n\nconst runtime = process.env.NODE_ENV === 'production' ? jsxRuntime : jsxDevRuntime;\n\nexport interface MdxProps extends Omit<TypographyProps, 'children'> {\n  children: string;\n  components?: any[];\n  enableImageGallery?: boolean;\n  enableLatex?: boolean;\n  enableMermaid?: boolean;\n  fallback?: ReactNode;\n  fullFeaturedCodeBlock?: boolean;\n  onDoubleClick?: () => void;\n  rehypePlugins?: Pluggable[];\n  remarkPlugins?: Pluggable[];\n  variant?: 'normal' | 'chat';\n}\n\nconst Mdx = memo<MdxProps>(\n  ({\n    children,\n    className,\n    style,\n    fullFeaturedCodeBlock = true,\n    enableImageGallery,\n    enableLatex = true,\n    enableMermaid = true,\n    rehypePlugins,\n    remarkPlugins,\n    components = {},\n    fallback = null,\n    fontSize,\n    headerMultiple,\n    lineHeight,\n    marginMultiple,\n    variant,\n    ...rest\n  }) => {\n    const escapedContent = useMarkdownContent(children);\n\n    const isChatMode = variant === 'chat';\n\n    const [MDXContent, setMDXContent] = useState<any>(() => () => null);\n\n    const innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];\n    const memoRehypePlugins = useMemo(\n      () =>\n        [rehypeGithubAlerts, enableLatex && rehypeKatex, ...innerRehypePlugins].filter(\n          Boolean,\n        ) as any,\n      [enableLatex, ...innerRehypePlugins],\n    );\n\n    const innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];\n    const memoRemarkPlugins = useMemo(\n      () => [remarkGfm, enableLatex && remarkMath, ...innerRemarkPlugins].filter(Boolean) as any,\n      [enableLatex, ...innerRemarkPlugins],\n    );\n\n    const memoComponents = useMemo(() => {\n      const list: any = {};\n      Object.entries({\n        ...mdxComponents,\n        img: Image,\n        pre: (props: any) => (\n          <CodeBlock\n            {...props}\n            enableMermaid={enableMermaid}\n            fullFeatured={fullFeaturedCodeBlock}\n          />\n        ),\n        video: Video,\n        ...components,\n      }).forEach(([key, Render]: any) => {\n        list[key] = (props: any) => <Render {...props} />;\n      });\n      return list;\n    }, [components, enableMermaid, fullFeaturedCodeBlock]);\n\n    useEffect(() => {\n      if (!escapedContent) return;\n      (async () => {\n        try {\n          const { default: Content } = await evaluate(escapedContent, {\n            ...runtime,\n            development: process.env.NODE_ENV !== 'production',\n            rehypePlugins: memoRehypePlugins,\n            remarkPlugins: memoRemarkPlugins,\n          });\n          setMDXContent(() => Content);\n        } catch (error: any) {\n          // @ts-ignore\n          setMDXContent(() => () => (\n            <Alert\n              description={String(error?.message as string)}\n              title={'Error compiling MDX'}\n              type=\"error\"\n              style={{\n                width: '100%',\n              }}\n            />\n          ));\n          console.error('Error compiling MDX:', error);\n        }\n      })();\n    }, [escapedContent, memoRehypePlugins, memoRemarkPlugins]);\n\n    if (!escapedContent || !MDXContent) return fallback;\n\n    return (\n      <Typography\n        className={cx(enableLatex && styles.latex, isChatMode && styles.chat, className)}\n        data-code-type=\"mdx\"\n        fontSize={fontSize}\n        headerMultiple={headerMultiple}\n        lineHeight={lineHeight}\n        marginMultiple={marginMultiple}\n        style={style}\n        {...rest}\n      >\n        <PreviewGroup enable={enableImageGallery}>\n          <MDXContent components={memoComponents} />\n        </PreviewGroup>\n      </Typography>\n    );\n  },\n);\n\nMdx.displayName = 'Mdx';\n\nexport default Mdx;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,UAAU,QAAQ,IAAI,aAAa,eAAe,aAAa;AAgBrE,MAAM,MAAM,MACT,EACC,UACA,WACA,OACA,wBAAwB,MACxB,oBACA,cAAc,MACd,gBAAgB,MAChB,eACA,eACA,aAAa,CAAC,GACd,WAAW,MACX,UACA,gBACA,YACA,gBACA,SACA,GAAG,WACC;CACJ,MAAM,iBAAiB,mBAAmB,QAAQ;CAElD,MAAM,aAAa,YAAY;CAE/B,MAAM,CAAC,YAAY,iBAAiB,qBAA0B,IAAI;CAElE,MAAM,qBAAqB,MAAM,QAAQ,aAAa,IAAI,gBAAgB,CAAC,aAAa;CACxF,MAAM,oBAAoB,cAEtB;EAAC;EAAoB,eAAe;EAAa,GAAG;CAAkB,CAAC,CAAC,OACtE,OACF,GACF,CAAC,aAAa,GAAG,kBAAkB,CACrC;CAEA,MAAM,qBAAqB,MAAM,QAAQ,aAAa,IAAI,gBAAgB,CAAC,aAAa;CACxF,MAAM,oBAAoB,cAClB;EAAC;EAAW,eAAe;EAAY,GAAG;CAAkB,CAAC,CAAC,OAAO,OAAO,GAClF,CAAC,aAAa,GAAG,kBAAkB,CACrC;CAEA,MAAM,iBAAiB,cAAc;EACnC,MAAM,OAAY,CAAC;EACnB,OAAO,QAAQ;GACb,GAAG;GACH,KAAK;GACL,MAAM,UACJ,oBAAC,WAAD;IACE,GAAI;IACW;IACf,cAAc;GACf,CAAA;GAEH,OAAO;GACP,GAAG;EACL,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,YAAiB;GACjC,KAAK,QAAQ,UAAe,oBAAC,QAAD,EAAQ,GAAI,MAAQ,CAAA;EAClD,CAAC;EACD,OAAO;CACT,GAAG;EAAC;EAAY;EAAe;CAAqB,CAAC;CAErD,gBAAgB;EACd,IAAI,CAAC,gBAAgB;EACrB,CAAC,YAAY;GACX,IAAI;IACF,MAAM,EAAE,SAAS,YAAY,MAAM,SAAS,gBAAgB;KAC1D,GAAG;KACH,aAAa,QAAQ,IAAI,aAAa;KACtC,eAAe;KACf,eAAe;IACjB,CAAC;IACD,oBAAoB,OAAO;GAC7B,SAAS,OAAY;IAEnB,0BACE,oBAAC,OAAD;KACE,aAAa,OAAO,OAAO,OAAiB;KAC5C,OAAO;KACP,MAAK;KACL,OAAO,EACL,OAAO,OACT;IACD,CAAA,CACF;IACD,QAAQ,MAAM,wBAAwB,KAAK;GAC7C;EACF,EAAA,CAAG;CACL,GAAG;EAAC;EAAgB;EAAmB;CAAiB,CAAC;CAEzD,IAAI,CAAC,kBAAkB,CAAC,YAAY,OAAO;CAE3C,OACE,oBAAC,YAAD;EACE,WAAW,GAAG,eAAe,OAAO,OAAO,cAAc,OAAO,MAAM,SAAS;EAC/E,kBAAe;EACL;EACM;EACJ;EACI;EACT;EACP,GAAI;EAEJ,UAAA,oBAAC,cAAD;GAAc,QAAQ;GACpB,UAAA,oBAAC,YAAD,EAAY,YAAY,eAAiB,CAAA;EAC7B,CAAA;CACJ,CAAA;AAEhB,CACF;AAEA,IAAI,cAAc"}

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

@@ -1,7 +1,7 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import { TabsProps as TabsProps$1 } from "../../Tabs/type.mjs";
-import "../../Tabs/index.mjs";
+import { TabsProps as TabsProps$1 } from "../../base-ui/Tabs/type.mjs";
+import "../../base-ui/Tabs/index.mjs";
 import { FC, ReactNode } from "react";
 //#region src/mdx/Tabs/index.d.ts
 interface TabsProps extends Omit<FlexboxProps, 'children'> {

package/es/mdx/Tabs/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Tabs$1 from "../../Tabs/Tabs.mjs";
+import Tabs$1 from "../../base-ui/Tabs/Tabs.mjs";
 import { styles } from "./style.mjs";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -14,9 +14,14 @@ const Tabs = ({ defaultIndex = "0", items, children, className, tabNavProps = {}
 		className: cx(styles.container, className),
 		...rest,
 		children: [/* @__PURE__ */ jsx(Tabs$1, {
-			compact: true,
 			activeKey: activeIndex,
 			className: cx(styles.header, tabNavClassName),
+			variant: "square",
+			classNames: {
+				indicator: styles.indicator,
+				list: styles.list,
+				tab: styles.tab
+			},
 			items: items.map((item, i) => ({
 				key: String(i),
 				label: item

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Flexbox","LobeTabs"],"sources":["../../../src/mdx/Tabs/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, type ReactNode, useState } from 'react';\n\nimport { Flexbox, type FlexboxProps } from '@/Flex';\nimport { default as LobeTabs, type TabsProps as LobeTabsProps } from '@/Tabs';\n\nimport { styles } from './style';\n\nexport interface TabsProps extends Omit<FlexboxProps, 'children'> {\n  children: ReactNode[];\n  defaultIndex?: number | string;\n  items: string[];\n  tabNavProps?: Partial<LobeTabsProps>;\n}\n\nconst Tabs: FC<TabsProps> = ({\n  defaultIndex = '0',\n  items,\n  children,\n  className,\n  tabNavProps = {},\n  ...rest\n}) => {\n  const { className: tabNavClassName, onChange, ...tabNavRest } = tabNavProps;\n  const [activeIndex, setActiveIndex] = useState<string>(String(defaultIndex));\n\n  const index = Number(activeIndex);\n\n  return (\n    <Flexbox className={cx(styles.container, className)} {...rest}>\n      <LobeTabs\n        compact\n        activeKey={activeIndex}\n        className={cx(styles.header, tabNavClassName)}\n        items={items.map((item, i) => ({\n          key: String(i),\n          label: item,\n        }))}\n        onChange={(v) => {\n          setActiveIndex(v);\n          onChange?.(v);\n        }}\n        {...tabNavRest}\n      />\n      {children?.[index] || ''}\n    </Flexbox>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;;;;AAiBA,MAAM,QAAuB,EAC3B,eAAe,KACf,OACA,UACA,WACA,cAAc,CAAC,GACf,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,UAAU,GAAG,eAAe;CAChE,MAAM,CAAC,aAAa,kBAAkB,SAAiB,OAAO,YAAY,CAAC;CAE3E,MAAM,QAAQ,OAAO,WAAW;CAEhC,OACE,qBAACA,mBAAD;EAAS,WAAW,GAAG,OAAO,WAAW,SAAS;EAAG,GAAI;EAAzD,UAAA,CACE,oBAACC,QAAD;GACE,SAAA;GACA,WAAW;GACX,WAAW,GAAG,OAAO,QAAQ,eAAe;GAC5C,OAAO,MAAM,KAAK,MAAM,OAAO;IAC7B,KAAK,OAAO,CAAC;IACb,OAAO;GACT,EAAE;GACF,WAAW,MAAM;IACf,eAAe,CAAC;IAChB,WAAW,CAAC;GACd;GACA,GAAI;EACL,CAAA,GACA,WAAW,UAAU,EACf;;AAEb"}
+{"version":3,"file":"index.mjs","names":["Flexbox","LobeTabs"],"sources":["../../../src/mdx/Tabs/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, type ReactNode, useState } from 'react';\n\nimport LobeTabs, { type TabsProps as LobeTabsProps } from '@/base-ui/Tabs';\nimport { Flexbox, type FlexboxProps } from '@/Flex';\n\nimport { styles } from './style';\n\nexport interface TabsProps extends Omit<FlexboxProps, 'children'> {\n  children: ReactNode[];\n  defaultIndex?: number | string;\n  items: string[];\n  tabNavProps?: Partial<LobeTabsProps>;\n}\n\nconst Tabs: FC<TabsProps> = ({\n  defaultIndex = '0',\n  items,\n  children,\n  className,\n  tabNavProps = {},\n  ...rest\n}) => {\n  const { className: tabNavClassName, onChange, ...tabNavRest } = tabNavProps;\n  const [activeIndex, setActiveIndex] = useState<string>(String(defaultIndex));\n\n  const index = Number(activeIndex);\n\n  return (\n    <Flexbox className={cx(styles.container, className)} {...rest}>\n      <LobeTabs\n        activeKey={activeIndex}\n        className={cx(styles.header, tabNavClassName)}\n        variant={'square'}\n        classNames={{\n          indicator: styles.indicator,\n          list: styles.list,\n          tab: styles.tab,\n        }}\n        items={items.map((item, i) => ({\n          key: String(i),\n          label: item,\n        }))}\n        onChange={(v) => {\n          setActiveIndex(v);\n          onChange?.(v);\n        }}\n        {...tabNavRest}\n      />\n      {children?.[index] || ''}\n    </Flexbox>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;;;;AAiBA,MAAM,QAAuB,EAC3B,eAAe,KACf,OACA,UACA,WACA,cAAc,CAAC,GACf,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,UAAU,GAAG,eAAe;CAChE,MAAM,CAAC,aAAa,kBAAkB,SAAiB,OAAO,YAAY,CAAC;CAE3E,MAAM,QAAQ,OAAO,WAAW;CAEhC,OACE,qBAACA,mBAAD;EAAS,WAAW,GAAG,OAAO,WAAW,SAAS;EAAG,GAAI;EAAzD,UAAA,CACE,oBAACC,QAAD;GACE,WAAW;GACX,WAAW,GAAG,OAAO,QAAQ,eAAe;GAC5C,SAAS;GACT,YAAY;IACV,WAAW,OAAO;IAClB,MAAM,OAAO;IACb,KAAK,OAAO;GACd;GACA,OAAO,MAAM,KAAK,MAAM,OAAO;IAC7B,KAAK,OAAO,CAAC;IACb,OAAO;GACT,EAAE;GACF,WAAW,MAAM;IACf,eAAe,CAAC;IAChB,WAAW,CAAC;GACd;GACA,GAAI;EACL,CAAA,GACA,WAAW,UAAU,EACf;;AAEb"}

package/es/mdx/Tabs/style.mjs

@@ -1,6 +1,6 @@
 import { createStaticStyles } from "antd-style";
 //#region src/mdx/Tabs/style.ts
-const styles = createStaticStyles(({ css }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
 		body: css`
       padding-inline: 1em;
@@ -14,6 +14,38 @@ const styles = createStaticStyles(({ css }) => {
     `,
 		header: css`
       /* Header styles */
+    `,
+		indicator: css`
+      && {
+        height: 3px;
+        border-start-start-radius: 3px;
+        border-start-end-radius: 3px;
+      }
+    `,
+		list: css`
+      && {
+        gap: 8px;
+        padding: 4px;
+        box-shadow: none;
+      }
+    `,
+		tab: css`
+      && {
+        height: auto;
+        padding-block: 8px;
+        padding-inline: 12px;
+        border-radius: ${cssVar.borderRadius};
+
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 22px;
+
+        transition: background-color 100ms ease-out;
+      }
+
+      &&:hover:not([data-disabled]) {
+        background: ${cssVar.colorFillTertiary};
+      }
     `
 	};
 });

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Tabs/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    body: css`\n      padding-inline: 1em;\n\n      > div {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      }\n    `,\n    container: css`\n      /* Container styles */\n    `,\n    header: css`\n      /* Header styles */\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO;EACL,MAAM,GAAG;;;;;;;EAOT,WAAW,GAAG;;;EAGd,QAAQ,GAAG;;;CAGb;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Tabs/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    body: css`\n      padding-inline: 1em;\n\n      > div {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      }\n    `,\n    container: css`\n      /* Container styles */\n    `,\n    header: css`\n      /* Header styles */\n    `,\n    indicator: css`\n      && {\n        height: 3px;\n        border-start-start-radius: 3px;\n        border-start-end-radius: 3px;\n      }\n    `,\n    list: css`\n      && {\n        gap: 8px;\n        padding: 4px;\n        box-shadow: none;\n      }\n    `,\n    tab: css`\n      && {\n        height: auto;\n        padding-block: 8px;\n        padding-inline: 12px;\n        border-radius: ${cssVar.borderRadius};\n\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 22px;\n\n        transition: background-color 100ms ease-out;\n      }\n\n      &&:hover:not([data-disabled]) {\n        background: ${cssVar.colorFillTertiary};\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,MAAM,GAAG;;;;;;;EAOT,WAAW,GAAG;;;EAGd,QAAQ,GAAG;;;EAGX,WAAW,GAAG;;;;;;;EAOd,MAAM,GAAG;;;;;;;EAOT,KAAK,GAAG;;;;;yBAKa,OAAO,aAAa;;;;;;;;;;sBAUvB,OAAO,kBAAkB;;;CAG7C;AACF,CAAC"}

package/es/mdx/mdxComponents/Citation/PopoverPanel.mjs

@@ -1,10 +1,10 @@
 "use client";
 import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
 import Icon from "../../../Icon/Icon.mjs";
+import Popover from "../../../base-ui/Popover/Popover.mjs";
 import { styles } from "./style.mjs";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Popover } from "antd";
 import { ArrowRightIcon } from "lucide-react";
 //#region src/mdx/mdxComponents/Citation/PopoverPanel.tsx
 const PopoverPanel = ({ children, usePopover, title, alt, url }) => {

package/es/mdx/mdxComponents/Citation/PopoverPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverPanel.mjs","names":["Flexbox"],"sources":["../../../../src/mdx/mdxComponents/Citation/PopoverPanel.tsx"],"sourcesContent":["'use client';\n\nimport { Popover } from 'antd';\nimport { ArrowRightIcon } from 'lucide-react';\nimport { type FC, type ReactNode, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\ninterface PopoverPanelProps {\n  alt?: string;\n  children?: ReactNode;\n  title?: string;\n  url?: string;\n  usePopover?: boolean;\n}\n\nconst PopoverPanel: FC<PopoverPanelProps> = ({ children, usePopover, title, alt, url }) => {\n  const [displayTitle, domain, host] = useMemo(() => {\n    try {\n      const urlObj = new URL(url!);\n      const hostForUrl = urlObj.host;\n\n      let displayTitle = title;\n\n      if (title === url) {\n        displayTitle = '';\n      }\n\n      let domain = urlObj.hostname.replace('www.', '');\n      if (!displayTitle) domain = url!;\n\n      return [displayTitle, domain, hostForUrl];\n    } catch {\n      return [title, url, url];\n    }\n  }, [url, title]);\n\n  return usePopover && url ? (\n    <Popover\n      arrow={false}\n      trigger={'hover'}\n      content={\n        <Flexbox gap={8}>\n          <Flexbox\n            horizontal\n            className={styles.link}\n            gap={12}\n            justify={'space-between'}\n            onClick={() => {\n              window.open(url, '_blank');\n            }}\n          >\n            <Flexbox horizontal align={'center'} gap={4}>\n              <img\n                alt={alt || title || url}\n                height={14}\n                src={`https://icons.duckduckgo.com/ip3/${host}.ico`}\n                style={{ borderRadius: 4 }}\n                width={14}\n              />\n              <span className={styles.url}>{domain}</span>\n            </Flexbox>\n            <Icon icon={ArrowRightIcon} />\n          </Flexbox>\n          {displayTitle}\n        </Flexbox>\n      }\n    >\n      {children}\n    </Popover>\n  ) : (\n    children\n  );\n};\n\nPopoverPanel.displayName = 'MdxPopoverPanel';\n\nexport default PopoverPanel;\n"],"mappings":";;;;;;;;;AAmBA,MAAM,gBAAuC,EAAE,UAAU,YAAY,OAAO,KAAK,UAAU;CACzF,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;EACjD,IAAI;GACF,MAAM,SAAS,IAAI,IAAI,GAAI;GAC3B,MAAM,aAAa,OAAO;GAE1B,IAAI,eAAe;GAEnB,IAAI,UAAU,KACZ,eAAe;GAGjB,IAAI,SAAS,OAAO,SAAS,QAAQ,QAAQ,EAAE;GAC/C,IAAI,CAAC,cAAc,SAAS;GAE5B,OAAO;IAAC;IAAc;IAAQ;GAAU;EAC1C,QAAQ;GACN,OAAO;IAAC;IAAO;IAAK;GAAG;EACzB;CACF,GAAG,CAAC,KAAK,KAAK,CAAC;CAEf,OAAO,cAAc,MACnB,oBAAC,SAAD;EACE,OAAO;EACP,SAAS;EACT,SACE,qBAACA,mBAAD;GAAS,KAAK;GAAd,UAAA,CACE,qBAACA,mBAAD;IACE,YAAA;IACA,WAAW,OAAO;IAClB,KAAK;IACL,SAAS;IACT,eAAe;KACb,OAAO,KAAK,KAAK,QAAQ;IAC3B;IAPF,UAAA,CASE,qBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,KAAK;KAA1C,UAAA,CACE,oBAAC,OAAD;MACE,KAAK,OAAO,SAAS;MACrB,QAAQ;MACR,KAAK,oCAAoC,KAAK;MAC9C,OAAO,EAAE,cAAc,EAAE;MACzB,OAAO;KACR,CAAA,GACD,oBAAC,QAAD;MAAM,WAAW,OAAO;MAAM,UAAA;KAAa,CAAA,CACpC;IACT,CAAA,GAAA,oBAAC,MAAD,EAAM,MAAM,eAAiB,CAAA,CACtB;GACR,CAAA,GAAA,YACM;;EAGV;CACM,CAAA,IAET;AAEJ;AAEA,aAAa,cAAc"}
+{"version":3,"file":"PopoverPanel.mjs","names":["Flexbox"],"sources":["../../../../src/mdx/mdxComponents/Citation/PopoverPanel.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowRightIcon } from 'lucide-react';\nimport { type FC, type ReactNode, useMemo } from 'react';\n\nimport Popover from '@/base-ui/Popover';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\ninterface PopoverPanelProps {\n  alt?: string;\n  children?: ReactNode;\n  title?: string;\n  url?: string;\n  usePopover?: boolean;\n}\n\nconst PopoverPanel: FC<PopoverPanelProps> = ({ children, usePopover, title, alt, url }) => {\n  const [displayTitle, domain, host] = useMemo(() => {\n    try {\n      const urlObj = new URL(url!);\n      const hostForUrl = urlObj.host;\n\n      let displayTitle = title;\n\n      if (title === url) {\n        displayTitle = '';\n      }\n\n      let domain = urlObj.hostname.replace('www.', '');\n      if (!displayTitle) domain = url!;\n\n      return [displayTitle, domain, hostForUrl];\n    } catch {\n      return [title, url, url];\n    }\n  }, [url, title]);\n\n  return usePopover && url ? (\n    <Popover\n      arrow={false}\n      trigger={'hover'}\n      content={\n        <Flexbox gap={8}>\n          <Flexbox\n            horizontal\n            className={styles.link}\n            gap={12}\n            justify={'space-between'}\n            onClick={() => {\n              window.open(url, '_blank');\n            }}\n          >\n            <Flexbox horizontal align={'center'} gap={4}>\n              <img\n                alt={alt || title || url}\n                height={14}\n                src={`https://icons.duckduckgo.com/ip3/${host}.ico`}\n                style={{ borderRadius: 4 }}\n                width={14}\n              />\n              <span className={styles.url}>{domain}</span>\n            </Flexbox>\n            <Icon icon={ArrowRightIcon} />\n          </Flexbox>\n          {displayTitle}\n        </Flexbox>\n      }\n    >\n      {children}\n    </Popover>\n  ) : (\n    children\n  );\n};\n\nPopoverPanel.displayName = 'MdxPopoverPanel';\n\nexport default PopoverPanel;\n"],"mappings":";;;;;;;;;AAmBA,MAAM,gBAAuC,EAAE,UAAU,YAAY,OAAO,KAAK,UAAU;CACzF,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;EACjD,IAAI;GACF,MAAM,SAAS,IAAI,IAAI,GAAI;GAC3B,MAAM,aAAa,OAAO;GAE1B,IAAI,eAAe;GAEnB,IAAI,UAAU,KACZ,eAAe;GAGjB,IAAI,SAAS,OAAO,SAAS,QAAQ,QAAQ,EAAE;GAC/C,IAAI,CAAC,cAAc,SAAS;GAE5B,OAAO;IAAC;IAAc;IAAQ;GAAU;EAC1C,QAAQ;GACN,OAAO;IAAC;IAAO;IAAK;GAAG;EACzB;CACF,GAAG,CAAC,KAAK,KAAK,CAAC;CAEf,OAAO,cAAc,MACnB,oBAAC,SAAD;EACE,OAAO;EACP,SAAS;EACT,SACE,qBAACA,mBAAD;GAAS,KAAK;GAAd,UAAA,CACE,qBAACA,mBAAD;IACE,YAAA;IACA,WAAW,OAAO;IAClB,KAAK;IACL,SAAS;IACT,eAAe;KACb,OAAO,KAAK,KAAK,QAAQ;IAC3B;IAPF,UAAA,CASE,qBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,KAAK;KAA1C,UAAA,CACE,oBAAC,OAAD;MACE,KAAK,OAAO,SAAS;MACrB,QAAQ;MACR,KAAK,oCAAoC,KAAK;MAC9C,OAAO,EAAE,cAAc,EAAE;MACzB,OAAO;KACR,CAAA,GACD,oBAAC,QAAD;MAAM,WAAW,OAAO;MAAM,UAAA;KAAa,CAAA,CACpC;IACT,CAAA,GAAA,oBAAC,MAAD,EAAM,MAAM,eAAiB,CAAA,CACtB;GACR,CAAA,GAAA,YACM;;EAGV;CACM,CAAA,IAET;AAEJ;AAEA,aAAa,cAAc"}

package/es/static-css/baseline.mjs

@@ -7,7 +7,6 @@ const lobeUiAntdBaseline = [
 	"avatar",
 	"button",
 	"collapse",
-	"color-picker",
 	"date-picker",
 	"divider",
 	"drawer",
@@ -18,7 +17,6 @@ const lobeUiAntdBaseline = [
 	"input-textarea",
 	"menu",
 	"modal",
-	"popover",
 	"progress",
 	"segmented",
 	"select",
@@ -27,8 +25,7 @@ const lobeUiAntdBaseline = [
 	"tabs",
 	"tag",
 	"tag-preset",
-	"tag-status",
-	"upload"
+	"tag-status"
 ];
 //#endregion
 export { lobeUiAntdBaseline };

package/es/static-css/baseline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"baseline.mjs","names":[],"sources":["../../src/static-css/baseline.ts"],"sourcesContent":["import type { AntdProbeName } from './registry';\n\n// The antd components @lobehub/ui internals can render. Kept in sync with the\n// source tree by baseline.test.ts — a failure there means this list must change.\nexport const lobeUiAntdBaseline: AntdProbeName[] = [\n  'alert',\n  'anchor',\n  'app',\n  'auto-complete',\n  'avatar',\n  'button',\n  'collapse',\n  'color-picker',\n  'date-picker',\n  'divider',\n  'drawer',\n  'dropdown',\n  'form',\n  'input',\n  'input-number',\n  'input-textarea',\n  'menu',\n  'modal',\n  'popover',\n  'progress',\n  'segmented',\n  'select',\n  'slider',\n  'space',\n  'tabs',\n  'tag',\n  'tag-preset',\n  'tag-status',\n  'upload',\n];\n"],"mappings":";AAIA,MAAa,qBAAsC;CACjD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"baseline.mjs","names":[],"sources":["../../src/static-css/baseline.ts"],"sourcesContent":["import type { AntdProbeName } from './registry';\n\n// The antd components @lobehub/ui internals can render. Kept in sync with the\n// source tree by baseline.test.ts — a failure there means this list must change.\nexport const lobeUiAntdBaseline: AntdProbeName[] = [\n  'alert',\n  'anchor',\n  'app',\n  'auto-complete',\n  'avatar',\n  'button',\n  'collapse',\n  'date-picker',\n  'divider',\n  'drawer',\n  'dropdown',\n  'form',\n  'input',\n  'input-number',\n  'input-textarea',\n  'menu',\n  'modal',\n  'progress',\n  'segmented',\n  'select',\n  'slider',\n  'space',\n  'tabs',\n  'tag',\n  'tag-preset',\n  'tag-status',\n];\n"],"mappings":";AAIA,MAAa,qBAAsC;CACjD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/es/static-css/buildAntdStaticCss.mjs

@@ -5,8 +5,8 @@ import { antdProbeNames, antdProbeRegistry, expandComponentsToProbes } from "./r
 import { scanAntdUsage } from "./scan.mjs";
 import { styleKeysOf } from "./shared.mjs";
 import { createElement } from "react";
-import { ConfigProvider, theme } from "antd";
 import { StyleProvider } from "antd-style";
+import { ConfigProvider, theme } from "antd";
 import { createCache, extractStyle } from "@ant-design/cssinjs";
 import { renderToString } from "react-dom/server";
 //#region src/static-css/buildAntdStaticCss.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.51.2",
+  "version": "5.52.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -161,6 +161,7 @@
     "@shikijs/stream": "^4.3.1",
     "@shikijs/transformers": "^4.3.1",
     "@splinetool/runtime": "1.12.98",
+    "@tanstack/react-table": "^9.2.4",
     "ahooks": "^3.9.7",
     "antd-style": "^4.1.0",
     "beautiful-mermaid": "^1.1.3",
@@ -213,6 +214,7 @@
     "ts-md5": "^2.0.1",
     "unified": "^11.0.5",
     "unist-util-visit-parents": "^6.0.2",
+    "uqr": "^0.1.3",
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",
     "uuid": "^14.0.1",