@lobehub/ui 4.21.1 → 4.21.3

package/es/Icon/Icon.d.mts

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

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

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

package/es/Image/PreviewGroup.d.mts

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

package/es/ImageSelect/ImageSelect.d.mts

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

package/es/Input/Input.d.mts

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

package/es/Input/InputNumber.d.mts

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

package/es/Input/InputOPT.d.mts

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

package/es/Input/InputPassword.d.mts

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

package/es/Input/TextArea.d.mts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/LobeSelect/LobeSelect.d.mts

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

package/es/LobeSelect/atoms.d.mts

@@ -1,15 +1,16 @@
 import { LobeSelectSize, LobeSelectVariant } from "./type.mjs";
 import { LOBE_SELECT_CONTAINER_ATTR } from "./constants.mjs";
-import * as react46 from "react";
+import * as react35 from "react";
 import { ComponentProps, ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as _base_ui_react_select0 from "@base-ui/react/select";
 import { Select } from "@base-ui/react/select";
-import * as _base_ui_react0 from "@base-ui/react";
+import * as node_modules__base_ui_react_esm_separator_Separator0 from "node_modules/@base-ui/react/esm/separator/Separator";
 
 //#region src/LobeSelect/atoms.d.ts
 declare const LobeSelectRoot: typeof Select.Root;
-declare const LobeSelectBackdrop: react46.ForwardRefExoticComponent<Omit<_base_ui_react0.SelectBackdropProps, "ref"> & react46.RefAttributes<HTMLDivElement>>;
-declare const LobeSelectSeparator: react46.ForwardRefExoticComponent<Omit<_base_ui_react0.SeparatorProps, "ref"> & react46.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectBackdrop: react35.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react35.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectSeparator: react35.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react35.RefAttributes<HTMLDivElement>>;
 type LobeSelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select.Trigger>, 'children' | 'render'> & {
   children: ComponentProps<typeof Select.Trigger>['children'];
   shadow?: boolean;
@@ -26,7 +27,7 @@ declare const LobeSelectTrigger: {
     variant,
     ref: refProp,
     ...rest
-  }: LobeSelectTriggerProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectTriggerProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectIconProps = ComponentProps<typeof Select.Icon>;
@@ -34,7 +35,7 @@ declare const LobeSelectIcon: {
   ({
     className,
     ...rest
-  }: LobeSelectIconProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectIconProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectValueProps = ComponentProps<typeof Select.Value>;
@@ -42,7 +43,7 @@ declare const LobeSelectValue: {
   ({
     className,
     ...rest
-  }: LobeSelectValueProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectValueProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectPortalProps = ComponentProps<typeof Select.Portal> & {
@@ -55,7 +56,7 @@ declare const LobeSelectPortal: {
   ({
     container,
     ...rest
-  }: LobeSelectPortalProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectPortalProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectPositionerProps = ComponentProps<typeof Select.Positioner>;
@@ -67,7 +68,7 @@ declare const LobeSelectPositioner: {
     side,
     sideOffset,
     ...rest
-  }: LobeSelectPositionerProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectPositionerProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectPopupProps = ComponentProps<typeof Select.Popup>;
@@ -75,7 +76,7 @@ declare const LobeSelectPopup: {
   ({
     className,
     ...rest
-  }: LobeSelectPopupProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectPopupProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectListProps = ComponentProps<typeof Select.List>;
@@ -83,7 +84,7 @@ declare const LobeSelectList: {
   ({
     className,
     ...rest
-  }: LobeSelectListProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectListProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemProps = ComponentProps<typeof Select.Item>;
@@ -91,7 +92,7 @@ declare const LobeSelectItem: {
   ({
     className,
     ...rest
-  }: LobeSelectItemProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectItemProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemTextProps = ComponentProps<typeof Select.ItemText>;
@@ -99,7 +100,7 @@ declare const LobeSelectItemText: {
   ({
     className,
     ...rest
-  }: LobeSelectItemTextProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectItemTextProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemIndicatorProps = ComponentProps<typeof Select.ItemIndicator>;
@@ -107,7 +108,7 @@ declare const LobeSelectItemIndicator: {
   ({
     className,
     ...rest
-  }: LobeSelectItemIndicatorProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectItemIndicatorProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupProps = ComponentProps<typeof Select.Group>;
@@ -115,7 +116,7 @@ declare const LobeSelectGroup: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectGroupProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupLabelProps = ComponentProps<typeof Select.GroupLabel>;
@@ -123,7 +124,7 @@ declare const LobeSelectGroupLabel: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupLabelProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectGroupLabelProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollUpArrowProps = ComponentProps<typeof Select.ScrollUpArrow>;
@@ -131,7 +132,7 @@ declare const LobeSelectScrollUpArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollUpArrowProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectScrollUpArrowProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollDownArrowProps = ComponentProps<typeof Select.ScrollDownArrow>;
@@ -139,7 +140,7 @@ declare const LobeSelectScrollDownArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollDownArrowProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectScrollDownArrowProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 type LobeSelectArrowProps = ComponentProps<typeof Select.Arrow>;
@@ -147,7 +148,7 @@ declare const LobeSelectArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectArrowProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectArrowProps): react_jsx_runtime22.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/Markdown/Markdown.d.mts

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

package/es/Markdown/Typography.d.mts

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

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

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

package/es/Markdown/markdown.style.mjs

@@ -7,15 +7,10 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
     --lobe-markdown-font-size: 16px;
     --lobe-markdown-header-multiple: 1;
     --lobe-markdown-margin-multiple: 2;
-    --lobe-markdown-margin-multiple-cal: var(--lobe-markdown-margin-multiple);
     --lobe-markdown-line-height: 1.8;
     --lobe-markdown-border-radius: ${cssVar$1.borderRadiusLG};
     --lobe-markdown-border-color: ${cssVar$1.colorFillQuaternary};
 
-    @supports (text-box-trim: trim-both) {
-      --lobe-markdown-margin-multiple-cal: calc(var(--lobe-markdown-margin-multiple) * 1.2);
-    }
-
     position: relative;
 
     width: 100%;
@@ -37,7 +32,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
   `;
 	const blockquote = css$1`
     blockquote {
-      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
       margin-inline: 0;
       padding-block: 0;
       padding-inline: 1em;
@@ -75,7 +70,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
   `;
 	const details = css$1`
     details {
-      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
       padding-block: 0.75em;
       padding-inline: 1em;
       border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
@@ -129,9 +124,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
     h5,
     h6 {
       margin-block: max(
-        calc(
-          var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple-cal) * 0.4em
-        ),
+        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),
         var(--lobe-markdown-font-size)
       );
       font-weight: bold;
@@ -168,7 +161,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
 	const hr = css$1`
     hr {
       width: 100%;
-      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 1.5em);
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);
       border-color: ${cssVar$1.colorBorder};
       border-style: dashed;
       border-width: 1px;
@@ -184,18 +177,14 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
 
     > img,
     > p > img {
-      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
       border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
       box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
-
-      @supports (text-box-trim: trim-both) {
-        margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 1.5em);
-      }
     }
   `;
 	const list = css$1`
     li {
-      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.33em);
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);
 
       p:first-child {
         display: inline;
@@ -204,26 +193,18 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
 
     ul,
     ol {
-      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
       margin-inline-start: 1em;
       padding-inline-start: 0;
       list-style-position: outside;
 
-      @supports (text-box-trim: trim-both) {
-        line-height: 2;
-      }
-
-      ul,
-      ol {
+      > ul,
+      > ol {
         margin-block: 0;
       }
 
       > li {
         margin-inline-start: 1em;
-
-        @supports (text-box-trim: trim-both) {
-          margin-block: 0;
-        }
       }
     }
 
@@ -271,20 +252,12 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
       line-height: var(--lobe-markdown-line-height);
       letter-spacing: 0.02em;
 
-      @supports (text-box-trim: trim-both) {
-        text-box-trim: trim-both;
-        text-edge: cap alphabetic;
-        margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
-        margin-block-end: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
-        line-height: 2;
-      }
-
       &:not(:first-child) {
-        margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
+        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
       }
 
       &:not(:last-child) {
-        margin-block-end: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
+        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
       }
     }
   `;
@@ -314,7 +287,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
       box-sizing: border-box;
       width: max-content;
       max-width: 100%;
-      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
       border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
 
       text-align: start;
@@ -350,7 +323,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
 	const video = css$1`
     > video,
     > p > video {
-      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
       border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
       box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
     }
@@ -361,7 +334,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
   `;
 	const footnote = css$1`
     .footnotes {
-      margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 1em);
+      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);
       font-size: smaller;
       color: #8b949e;
 

package/es/Markdown/markdown.style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.style.mjs","names":["cssVar"],"sources":["../../src/Markdown/markdown.style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst IGNORE_CLASSNAME = '.ignore-markdown-style';\n\nexport const styles = createStaticStyles(({ cssVar, css }) => {\n  const __root = css`\n    --lobe-markdown-font-size: 16px;\n    --lobe-markdown-header-multiple: 1;\n    --lobe-markdown-margin-multiple: 2;\n    --lobe-markdown-margin-multiple-cal: var(--lobe-markdown-margin-multiple);\n    --lobe-markdown-line-height: 1.8;\n    --lobe-markdown-border-radius: ${cssVar.borderRadiusLG};\n    --lobe-markdown-border-color: ${cssVar.colorFillQuaternary};\n\n    @supports (text-box-trim: trim-both) {\n      --lobe-markdown-margin-multiple-cal: calc(var(--lobe-markdown-margin-multiple) * 1.2);\n    }\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    padding-inline: 1px;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    word-break: break-word;\n  `;\n  const a = css`\n    a {\n      color: ${cssVar.colorInfoText};\n\n      &:hover {\n        color: ${cssVar.colorInfoHover};\n      }\n    }\n  `;\n\n  const blockquote = css`\n    blockquote {\n      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n      margin-inline: 0;\n      padding-block: 0;\n      padding-inline: 1em;\n      border-inline-start: solid 4px ${cssVar.colorBorder};\n\n      color: ${cssVar.colorTextSecondary};\n    }\n  `;\n\n  const code = css`\n    code {\n      &:not(:has(span)) {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ${cssVar.fontFamilyCode};\n        font-size: 0.875em;\n        line-height: 1;\n        word-break: break-word;\n        white-space: break-spaces;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n    }\n  `;\n\n  const del = css`\n    del {\n      color: ${cssVar.colorTextDescription};\n      text-decoration: line-through;\n    }\n  `;\n\n  const details = css`\n    details {\n      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      background: ${cssVar.colorFillTertiary};\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      summary {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        list-style: none;\n\n        &::before {\n          content: '';\n\n          position: absolute;\n          inset-inline-end: 1.25em;\n          transform: rotateZ(-45deg);\n\n          display: block;\n\n          width: 0.4em;\n          height: 0.4em;\n          border-block-end: 1.5px solid ${cssVar.colorTextSecondary};\n          border-inline-end: 1.5px solid ${cssVar.colorTextSecondary};\n\n          font-family: ${cssVar.fontFamily};\n\n          transition: transform 200ms ${cssVar.motionEaseOut};\n        }\n      }\n\n      &[open] {\n        summary {\n          padding-block-end: 0.75em;\n          border-block-end: 1px dashed ${cssVar.colorBorder};\n\n          &::before {\n            transform: rotateZ(45deg);\n          }\n        }\n      }\n    }\n  `;\n  const header = css`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-block: max(\n        calc(\n          var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple-cal) * 0.4em\n        ),\n        var(--lobe-markdown-font-size)\n      );\n      font-weight: bold;\n      line-height: 1.25;\n    }\n\n    h1 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2 {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5,\n    h6 {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  `;\n  const hr = css`\n    hr {\n      width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 1.5em);\n      border-color: ${cssVar.colorBorder};\n      border-style: dashed;\n      border-width: 1px;\n      border-block-start: none;\n      border-inline-start: none;\n      border-inline-end: none;\n    }\n  `;\n  const img = css`\n    img {\n      max-width: 100%;\n    }\n\n    > img,\n    > p > img {\n      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      @supports (text-box-trim: trim-both) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 1.5em);\n      }\n    }\n  `;\n\n  const list = css`\n    li {\n      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.33em);\n\n      p:first-child {\n        display: inline;\n      }\n    }\n\n    ul,\n    ol {\n      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n      margin-inline-start: 1em;\n      padding-inline-start: 0;\n      list-style-position: outside;\n\n      @supports (text-box-trim: trim-both) {\n        line-height: 2;\n      }\n\n      ul,\n      ol {\n        margin-block: 0;\n      }\n\n      > li {\n        margin-inline-start: 1em;\n\n        @supports (text-box-trim: trim-both) {\n          margin-block: 0;\n        }\n      }\n    }\n\n    ol {\n      list-style: auto;\n    }\n\n    ul {\n      list-style-type: none;\n\n      > li {\n        &::before {\n          content: '-';\n\n          position: absolute;\n\n          display: inline-block;\n\n          margin-inline: -1em 0.5em;\n\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .task-list-item {\n      &::before {\n        display: none !important;\n      }\n\n      input[type='checkbox'] {\n        margin-block: 0 0.25em;\n        margin-inline: -1.6em 0.2em;\n        vertical-align: middle;\n      }\n\n      input[type='checkbox']:dir(rtl) {\n        margin: 0 -1.6em 0.25em 0.2em;\n      }\n    }\n  `;\n  const p = css`\n    p {\n      margin-block: 4px;\n      line-height: var(--lobe-markdown-line-height);\n      letter-spacing: 0.02em;\n\n      @supports (text-box-trim: trim-both) {\n        text-box-trim: trim-both;\n        text-edge: cap alphabetic;\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n        line-height: 2;\n      }\n\n      &:not(:first-child) {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n      }\n\n      &:not(:last-child) {\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n      }\n    }\n  `;\n  const pre = css`\n    pre {\n      font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n    }\n  `;\n  const strong = css`\n    strong {\n      font-weight: 600;\n    }\n  `;\n  const svg = css`\n    svg {\n      line-height: 1;\n    }\n  `;\n  const table = css`\n    table {\n      unicode-bidi: isolate;\n      overflow: auto hidden;\n      display: block;\n      border-spacing: 0;\n      border-collapse: collapse;\n\n      box-sizing: border-box;\n      width: max-content;\n      max-width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      text-align: start;\n      text-indent: initial;\n      text-wrap: pretty;\n      word-break: auto-phrase;\n      overflow-wrap: break-word;\n\n      background: ${cssVar.colorFillQuaternary};\n      box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};\n\n      code {\n        word-break: break-word;\n      }\n\n      thead {\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      tr {\n        box-shadow: 0 1px 0 ${cssVar.colorBorderSecondary};\n      }\n\n      th,\n      td {\n        min-width: 120px;\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        text-align: start;\n      }\n    }\n  `;\n  const video = css`\n    > video,\n    > p > video {\n      margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n\n    video {\n      max-width: 100%;\n    }\n  `;\n\n  const footnote = css`\n    .footnotes {\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 1em);\n      font-size: smaller;\n      color: #8b949e;\n\n      #footnote-label {\n        display: none;\n      }\n\n      > ol {\n        margin: 0 !important;\n      }\n    }\n  `;\n\n  const sup = css`\n    sup {\n      position: relative;\n      inset-block-start: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  const sub = css`\n    sub {\n      position: relative;\n      inset-block-end: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  return {\n    root: css`\n      :not(:has(${IGNORE_CLASSNAME})),\n      .markdown {\n        ${[\n          __root,\n          a,\n          blockquote,\n          code,\n          del,\n          details,\n          header,\n          hr,\n          img,\n          list,\n          p,\n          pre,\n          strong,\n          svg,\n          table,\n          video,\n          footnote,\n          sub,\n          sup,\n        ]}\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAM,mBAAmB;AAEzB,MAAa,SAAS,oBAAoB,EAAE,kBAAQ,iBAAU;CAC5D,MAAM,SAAS,KAAG;;;;;;qCAMiBA,SAAO,eAAe;oCACvBA,SAAO,oBAAoB;;;;;;;;;;;;;;;;CAgB7D,MAAM,IAAI,KAAG;;eAEAA,SAAO,cAAc;;;iBAGnBA,SAAO,eAAe;;;;CAKrC,MAAM,aAAa,KAAG;;;;;;uCAMeA,SAAO,YAAY;;eAE3CA,SAAO,mBAAmB;;;CAIvC,MAAM,OAAO,KAAG;;;;;;;;;;;uBAWKA,SAAO,eAAe;;;;;;sBAMvBA,SAAO,mBAAmB;;;;CAK9C,MAAM,MAAM,KAAG;;eAEFA,SAAO,qBAAqB;;;;CAKzC,MAAM,UAAU,KAAG;;;;;;;oBAODA,SAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;0CAoBHA,SAAO,mBAAmB;2CACzBA,SAAO,mBAAmB;;yBAE5CA,SAAO,WAAW;;wCAEHA,SAAO,cAAc;;;;;;;yCAOpBA,SAAO,YAAY;;;;;;;;;CAS1D,MAAM,SAAS,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ClB,MAAM,KAAK,KAAG;;;;sBAIMA,SAAO,YAAY;;;;;;;;CAQvC,MAAM,MAAM,KAAG;;;;;;;;;;;;;;;;CAiBf,MAAM,OAAO,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEhB,MAAM,IAAI,KAAG;;;;;;;;;;;;;;;;;;;;;;;CAuBb,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,SAAS,KAAG;;;;;CAKlB,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,QAAQ,KAAG;;;;;;;;;;;;;;;;;;;;oBAoBCA,SAAO,oBAAoB;8BACjBA,SAAO,qBAAqB;;;;;;;sBAOpCA,SAAO,oBAAoB;;;;8BAInBA,SAAO,qBAAqB;;;;;;;;;;;;CAYxD,MAAM,QAAQ,KAAG;;;;;;;;;;;;CAajB,MAAM,WAAW,KAAG;;;;;;;;;;;;;;;CAgBpB,MAAM,MAAM,KAAG;;;;;;;;;;AAsBf,QAAO,EACL,MAAM,KAAG;kBACK,iBAAiB;;UAEzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAhCI,KAAG;;;;;;;;;;EAkCP;EACD,CAAC;;OAGP;EACD"}
+{"version":3,"file":"markdown.style.mjs","names":["cssVar"],"sources":["../../src/Markdown/markdown.style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst IGNORE_CLASSNAME = '.ignore-markdown-style';\n\nexport const styles = createStaticStyles(({ cssVar, css }) => {\n  const __root = css`\n    --lobe-markdown-font-size: 16px;\n    --lobe-markdown-header-multiple: 1;\n    --lobe-markdown-margin-multiple: 2;\n    --lobe-markdown-line-height: 1.8;\n    --lobe-markdown-border-radius: ${cssVar.borderRadiusLG};\n    --lobe-markdown-border-color: ${cssVar.colorFillQuaternary};\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    padding-inline: 1px;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    word-break: break-word;\n  `;\n  const a = css`\n    a {\n      color: ${cssVar.colorInfoText};\n\n      &:hover {\n        color: ${cssVar.colorInfoHover};\n      }\n    }\n  `;\n\n  const blockquote = css`\n    blockquote {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline: 0;\n      padding-block: 0;\n      padding-inline: 1em;\n      border-inline-start: solid 4px ${cssVar.colorBorder};\n\n      color: ${cssVar.colorTextSecondary};\n    }\n  `;\n\n  const code = css`\n    code {\n      &:not(:has(span)) {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ${cssVar.fontFamilyCode};\n        font-size: 0.875em;\n        line-height: 1;\n        word-break: break-word;\n        white-space: break-spaces;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n    }\n  `;\n\n  const del = css`\n    del {\n      color: ${cssVar.colorTextDescription};\n      text-decoration: line-through;\n    }\n  `;\n\n  const details = css`\n    details {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      background: ${cssVar.colorFillTertiary};\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      summary {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        list-style: none;\n\n        &::before {\n          content: '';\n\n          position: absolute;\n          inset-inline-end: 1.25em;\n          transform: rotateZ(-45deg);\n\n          display: block;\n\n          width: 0.4em;\n          height: 0.4em;\n          border-block-end: 1.5px solid ${cssVar.colorTextSecondary};\n          border-inline-end: 1.5px solid ${cssVar.colorTextSecondary};\n\n          font-family: ${cssVar.fontFamily};\n\n          transition: transform 200ms ${cssVar.motionEaseOut};\n        }\n      }\n\n      &[open] {\n        summary {\n          padding-block-end: 0.75em;\n          border-block-end: 1px dashed ${cssVar.colorBorder};\n\n          &::before {\n            transform: rotateZ(45deg);\n          }\n        }\n      }\n    }\n  `;\n  const header = css`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-block: max(\n        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n        var(--lobe-markdown-font-size)\n      );\n      font-weight: bold;\n      line-height: 1.25;\n    }\n\n    h1 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2 {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5,\n    h6 {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  `;\n  const hr = css`\n    hr {\n      width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n      border-color: ${cssVar.colorBorder};\n      border-style: dashed;\n      border-width: 1px;\n      border-block-start: none;\n      border-inline-start: none;\n      border-inline-end: none;\n    }\n  `;\n  const img = css`\n    img {\n      max-width: 100%;\n    }\n\n    > img,\n    > p > img {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n  `;\n\n  const list = css`\n    li {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n      p:first-child {\n        display: inline;\n      }\n    }\n\n    ul,\n    ol {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline-start: 1em;\n      padding-inline-start: 0;\n      list-style-position: outside;\n\n      > ul,\n      > ol {\n        margin-block: 0;\n      }\n\n      > li {\n        margin-inline-start: 1em;\n      }\n    }\n\n    ol {\n      list-style: auto;\n    }\n\n    ul {\n      list-style-type: none;\n\n      > li {\n        &::before {\n          content: '-';\n\n          position: absolute;\n\n          display: inline-block;\n\n          margin-inline: -1em 0.5em;\n\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .task-list-item {\n      &::before {\n        display: none !important;\n      }\n\n      input[type='checkbox'] {\n        margin-block: 0 0.25em;\n        margin-inline: -1.6em 0.2em;\n        vertical-align: middle;\n      }\n\n      input[type='checkbox']:dir(rtl) {\n        margin: 0 -1.6em 0.25em 0.2em;\n      }\n    }\n  `;\n  const p = css`\n    p {\n      margin-block: 4px;\n      line-height: var(--lobe-markdown-line-height);\n      letter-spacing: 0.02em;\n\n      &:not(:first-child) {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n\n      &:not(:last-child) {\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n    }\n  `;\n  const pre = css`\n    pre {\n      font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n    }\n  `;\n  const strong = css`\n    strong {\n      font-weight: 600;\n    }\n  `;\n  const svg = css`\n    svg {\n      line-height: 1;\n    }\n  `;\n  const table = css`\n    table {\n      unicode-bidi: isolate;\n      overflow: auto hidden;\n      display: block;\n      border-spacing: 0;\n      border-collapse: collapse;\n\n      box-sizing: border-box;\n      width: max-content;\n      max-width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      text-align: start;\n      text-indent: initial;\n      text-wrap: pretty;\n      word-break: auto-phrase;\n      overflow-wrap: break-word;\n\n      background: ${cssVar.colorFillQuaternary};\n      box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};\n\n      code {\n        word-break: break-word;\n      }\n\n      thead {\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      tr {\n        box-shadow: 0 1px 0 ${cssVar.colorBorderSecondary};\n      }\n\n      th,\n      td {\n        min-width: 120px;\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        text-align: start;\n      }\n    }\n  `;\n  const video = css`\n    > video,\n    > p > video {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n\n    video {\n      max-width: 100%;\n    }\n  `;\n\n  const footnote = css`\n    .footnotes {\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      font-size: smaller;\n      color: #8b949e;\n\n      #footnote-label {\n        display: none;\n      }\n\n      > ol {\n        margin: 0 !important;\n      }\n    }\n  `;\n\n  const sup = css`\n    sup {\n      position: relative;\n      inset-block-start: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  const sub = css`\n    sub {\n      position: relative;\n      inset-block-end: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  return {\n    root: css`\n      :not(:has(${IGNORE_CLASSNAME})),\n      .markdown {\n        ${[\n          __root,\n          a,\n          blockquote,\n          code,\n          del,\n          details,\n          header,\n          hr,\n          img,\n          list,\n          p,\n          pre,\n          strong,\n          svg,\n          table,\n          video,\n          footnote,\n          sub,\n          sup,\n        ]}\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAM,mBAAmB;AAEzB,MAAa,SAAS,oBAAoB,EAAE,kBAAQ,iBAAU;CAC5D,MAAM,SAAS,KAAG;;;;;qCAKiBA,SAAO,eAAe;oCACvBA,SAAO,oBAAoB;;;;;;;;;;;;CAY7D,MAAM,IAAI,KAAG;;eAEAA,SAAO,cAAc;;;iBAGnBA,SAAO,eAAe;;;;CAKrC,MAAM,aAAa,KAAG;;;;;;uCAMeA,SAAO,YAAY;;eAE3CA,SAAO,mBAAmB;;;CAIvC,MAAM,OAAO,KAAG;;;;;;;;;;;uBAWKA,SAAO,eAAe;;;;;;sBAMvBA,SAAO,mBAAmB;;;;CAK9C,MAAM,MAAM,KAAG;;eAEFA,SAAO,qBAAqB;;;;CAKzC,MAAM,UAAU,KAAG;;;;;;;oBAODA,SAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;0CAoBHA,SAAO,mBAAmB;2CACzBA,SAAO,mBAAmB;;yBAE5CA,SAAO,WAAW;;wCAEHA,SAAO,cAAc;;;;;;;yCAOpBA,SAAO,YAAY;;;;;;;;;CAS1D,MAAM,SAAS,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,MAAM,KAAK,KAAG;;;;sBAIMA,SAAO,YAAY;;;;;;;;CAQvC,MAAM,MAAM,KAAG;;;;;;;;;;;;CAaf,MAAM,OAAO,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEhB,MAAM,IAAI,KAAG;;;;;;;;;;;;;;;CAeb,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,SAAS,KAAG;;;;;CAKlB,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,QAAQ,KAAG;;;;;;;;;;;;;;;;;;;;oBAoBCA,SAAO,oBAAoB;8BACjBA,SAAO,qBAAqB;;;;;;;sBAOpCA,SAAO,oBAAoB;;;;8BAInBA,SAAO,qBAAqB;;;;;;;;;;;;CAYxD,MAAM,QAAQ,KAAG;;;;;;;;;;;;CAajB,MAAM,WAAW,KAAG;;;;;;;;;;;;;;;CAgBpB,MAAM,MAAM,KAAG;;;;;;;;;;AAsBf,QAAO,EACL,MAAM,KAAG;kBACK,iBAAiB;;UAEzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAhCI,KAAG;;;;;;;;;;EAkCP;EACD,CAAC;;OAGP;EACD"}

package/es/MaskShadow/MaskShadow.d.mts

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

package/es/Menu/Menu.d.mts

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

package/es/Menu/sharedStyle.mjs

@@ -121,8 +121,8 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     background: ${cssVar$1.colorBgElevated};
     outline: none;
     box-shadow:
-      0 0 15px 0 color-mix(in srgb, ${cssVar$1.colorBgSolid} 8%, transparent),
-      0 2px 30px 0 color-mix(in srgb, ${cssVar$1.colorBgSolid} 6%, transparent),
+      0 0 15px 0 #00000008,
+      0 2px 30px 0 #00000014,
       0 0 0 1px ${cssVar$1.colorBorder} inset;
   `,
 	positioner: css$1`