@lobehub/ui 4.21.2 → 4.22.0

package/es/Form/components/FormSubmitFooter.d.mts

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

package/es/FormModal/FormModal.d.mts

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

package/es/GuideCard/GuideCard.d.mts

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

package/es/Header/Header.d.mts

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

package/es/Highlighter/Highlighter.d.mts

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

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

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

package/es/Hotkey/Hotkey.d.mts

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

package/es/HotkeyInput/HotkeyInput.d.mts

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

package/es/Icon/Icon.d.mts

@@ -1,8 +1,8 @@
 import { IconProps } from "./type.mjs";
-import * as react49 from "react";
+import * as react38 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react49.NamedExoticComponent<IconProps>;
+declare const Icon: react38.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 react47 from "react";
+import * as react36 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react47.Context<IconContentConfig>;
-declare const IconProvider: react47.NamedExoticComponent<{
+declare const IconContext: react36.Context<IconContentConfig>;
+declare const IconProvider: react36.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

@@ -1,8 +1,8 @@
 import { PreviewGroupProps } from "./type.mjs";
-import * as react40 from "react";
+import * as react32 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react40.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react32.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 react124 from "react";
+import * as react123 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react124.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react123.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 react129 from "react";
 
 //#region src/Input/Input.d.ts
-declare const Input: react149.NamedExoticComponent<InputProps>;
+declare const Input: react129.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 react130 from "react";
 
 //#region src/Input/InputNumber.d.ts
-declare const InputNumber: react150.NamedExoticComponent<InputNumberProps>;
+declare const InputNumber: react130.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 react131 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react151.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react131.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 react132 from "react";
 
 //#region src/Input/InputPassword.d.ts
-declare const InputPassword: react152.NamedExoticComponent<InputPasswordProps>;
+declare const InputPassword: react132.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 react133 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react153.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react133.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 react34 from "react";
+import * as react20 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react34.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react20.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 react35 from "react";
+import * as react19 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react35.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react19.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 react36 from "react";
+import * as react22 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react36.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react22.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 react37 from "react";
+import * as react21 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react37.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react21.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 react38 from "react";
+import * as react23 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react38.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react23.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 react39 from "react";
+import * as react24 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react39.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react24.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 react46 from "react";
+import * as react33 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react46.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react33.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 react45 from "react";
+import * as react14 from "react";
 
 //#region src/LobeSelect/LobeSelect.d.ts
-declare const LobeSelect: react45.NamedExoticComponent<LobeSelectProps<any>>;
+declare const LobeSelect: react14.NamedExoticComponent<LobeSelectProps<any>>;
 //#endregion
 export { LobeSelect };
 //# sourceMappingURL=LobeSelect.d.mts.map

package/es/LobeSelect/atoms.d.mts

@@ -1,16 +1,16 @@
 import { LobeSelectSize, LobeSelectVariant } from "./type.mjs";
 import { LOBE_SELECT_CONTAINER_ATTR } from "./constants.mjs";
-import * as react41 from "react";
+import * as react15 from "react";
 import { ComponentProps, ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _base_ui_react_select0 from "@base-ui/react/select";
 import { Select } from "@base-ui/react/select";
 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: react41.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react41.RefAttributes<HTMLDivElement>>;
-declare const LobeSelectSeparator: react41.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react41.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectBackdrop: react15.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react15.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectSeparator: react15.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react15.RefAttributes<HTMLDivElement>>;
 type LobeSelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select.Trigger>, 'children' | 'render'> & {
   children: ComponentProps<typeof Select.Trigger>['children'];
   shadow?: boolean;
@@ -27,7 +27,7 @@ declare const LobeSelectTrigger: {
     variant,
     ref: refProp,
     ...rest
-  }: LobeSelectTriggerProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectTriggerProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectIconProps = ComponentProps<typeof Select.Icon>;
@@ -35,7 +35,7 @@ declare const LobeSelectIcon: {
   ({
     className,
     ...rest
-  }: LobeSelectIconProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectIconProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectValueProps = ComponentProps<typeof Select.Value>;
@@ -43,7 +43,7 @@ declare const LobeSelectValue: {
   ({
     className,
     ...rest
-  }: LobeSelectValueProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectValueProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectPortalProps = ComponentProps<typeof Select.Portal> & {
@@ -56,7 +56,7 @@ declare const LobeSelectPortal: {
   ({
     container,
     ...rest
-  }: LobeSelectPortalProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectPortalProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectPositionerProps = ComponentProps<typeof Select.Positioner>;
@@ -68,7 +68,7 @@ declare const LobeSelectPositioner: {
     side,
     sideOffset,
     ...rest
-  }: LobeSelectPositionerProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectPositionerProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectPopupProps = ComponentProps<typeof Select.Popup>;
@@ -76,7 +76,7 @@ declare const LobeSelectPopup: {
   ({
     className,
     ...rest
-  }: LobeSelectPopupProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectPopupProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectListProps = ComponentProps<typeof Select.List>;
@@ -84,7 +84,7 @@ declare const LobeSelectList: {
   ({
     className,
     ...rest
-  }: LobeSelectListProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectListProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemProps = ComponentProps<typeof Select.Item>;
@@ -92,7 +92,7 @@ declare const LobeSelectItem: {
   ({
     className,
     ...rest
-  }: LobeSelectItemProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectItemProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemTextProps = ComponentProps<typeof Select.ItemText>;
@@ -100,7 +100,7 @@ declare const LobeSelectItemText: {
   ({
     className,
     ...rest
-  }: LobeSelectItemTextProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectItemTextProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemIndicatorProps = ComponentProps<typeof Select.ItemIndicator>;
@@ -108,7 +108,7 @@ declare const LobeSelectItemIndicator: {
   ({
     className,
     ...rest
-  }: LobeSelectItemIndicatorProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectItemIndicatorProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupProps = ComponentProps<typeof Select.Group>;
@@ -116,7 +116,7 @@ declare const LobeSelectGroup: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectGroupProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupLabelProps = ComponentProps<typeof Select.GroupLabel>;
@@ -124,7 +124,7 @@ declare const LobeSelectGroupLabel: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupLabelProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectGroupLabelProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollUpArrowProps = ComponentProps<typeof Select.ScrollUpArrow>;
@@ -132,7 +132,7 @@ declare const LobeSelectScrollUpArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollUpArrowProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectScrollUpArrowProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollDownArrowProps = ComponentProps<typeof Select.ScrollDownArrow>;
@@ -140,7 +140,7 @@ declare const LobeSelectScrollDownArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollDownArrowProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectScrollDownArrowProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectArrowProps = ComponentProps<typeof Select.Arrow>;
@@ -148,7 +148,7 @@ declare const LobeSelectArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectArrowProps): react_jsx_runtime7.JSX.Element;
+  }: LobeSelectArrowProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/Markdown/Markdown.d.mts

@@ -1,8 +1,8 @@
 import { MarkdownProps } from "./type.mjs";
-import * as react33 from "react";
+import * as react12 from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react33.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: react12.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 react32 from "react";
+import * as react13 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react32.NamedExoticComponent<TypographyProps>;
+declare const Typography: react13.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 react84 from "react";
+import * as react80 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: react84.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react80.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;