@lobehub/ui 3.4.2 → 3.4.3

package/es/Markdown/plugins/remarkVideo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"remarkVideo.mjs","names":["properties: Record<string, string>"],"sources":["../../../src/Markdown/plugins/remarkVideo.ts"],"sourcesContent":["import { visit } from 'unist-util-visit';\n\ninterface RemarkVideoOptions {\n  /**\n   * 支持的视频标签名，默认为 ['video']\n   */\n  videoTags?: string[];\n}\n\n/**\n * Remark plugin to handle <video> tags in markdown text\n * This plugin converts <video> tags to proper video elements\n * without requiring allowHtml to be enabled\n *\n * @example\n * <video src=\"https://example.com/video.mp4\" />\n * <video src=\"https://example.com/video.mp4\" controls width=\"400\" height=\"300\" />\n */\nexport const remarkVideo = (options: RemarkVideoOptions = {}) => {\n  const { videoTags = ['video'] } = options;\n\n  return (tree: any) => {\n    // 处理HTML节点中的video标签\n    visit(tree, 'html', (node, index = 0, parent) => {\n      if (!node.value || typeof node.value !== 'string') return;\n\n      for (const tagName of videoTags) {\n        // 匹配自闭合的video标签，支持属性\n        const selfClosingPattern = `^<${tagName}([^>]*?)\\\\s*\\\\/?\\\\s*>$`;\n        const selfClosingMatch = node.value.trim().match(new RegExp(selfClosingPattern, 'i'));\n\n        if (selfClosingMatch) {\n          const attributesStr = selfClosingMatch[1]?.trim() || '';\n\n          // 解析属性\n          const properties: Record<string, string> = {};\n          const attrRegex = /(\\w+)=[\"']([^\"']*?)[\"']/g;\n          let attrMatch;\n\n          while ((attrMatch = attrRegex.exec(attributesStr)) !== null) {\n            properties[attrMatch[1]] = attrMatch[2];\n          }\n\n          console.log('remarkVideo: Found video tag:', tagName, properties);\n\n          // 创建video节点\n          const newNode = {\n            children: [],\n            data: {\n              hName: tagName,\n              hProperties: properties,\n            },\n            type: tagName,\n          };\n\n          // 替换html节点为video节点\n          parent.children.splice(index, 1, newNode);\n          return index;\n        }\n\n        // 匹配成对的video标签（虽然不太常见，但也支持）\n        const pairedPattern = `^<${tagName}([^>]*?)>(.*?)<\\\\/${tagName}>$`;\n        const pairedMatch = node.value.trim().match(new RegExp(pairedPattern, 'is'));\n\n        if (pairedMatch) {\n          const attributesStr = pairedMatch[1]?.trim() || '';\n          const content = pairedMatch[2] || '';\n\n          // 解析属性\n          const properties: Record<string, string> = {};\n          const attrRegex = /(\\w+)=[\"']([^\"']*?)[\"']/g;\n          let attrMatch;\n\n          while ((attrMatch = attrRegex.exec(attributesStr)) !== null) {\n            properties[attrMatch[1]] = attrMatch[2];\n          }\n\n          console.log('remarkVideo: Found paired video tag:', tagName, properties);\n\n          // 创建video节点\n          const newNode = {\n            children: content ? [{ type: 'text', value: content }] : [],\n            data: {\n              hName: tagName,\n              hProperties: properties,\n            },\n            type: tagName,\n          };\n\n          // 替换html节点为video节点\n          parent.children.splice(index, 1, newNode);\n          return index;\n        }\n      }\n    });\n\n    // 处理文本节点中的video标签（HTML实体编码形式）\n    visit(tree, 'text', (node, index = 0, parent) => {\n      if (!node.value || typeof node.value !== 'string') return;\n\n      for (const tagName of videoTags) {\n        // 处理HTML实体编码的自闭合video标签\n        const encodedSelfClosingPattern = `&lt;${tagName}([^&]*?)\\\\s*\\\\/?\\\\s*&gt;`;\n        const encodedSelfClosingRegex = new RegExp(encodedSelfClosingPattern, 'gi');\n\n        if (!encodedSelfClosingRegex.test(node.value)) continue;\n\n        // 重置正则表达式的 lastIndex\n        encodedSelfClosingRegex.lastIndex = 0;\n\n        const text = node.value;\n        const newNodes = [];\n        let lastIndex = 0;\n        let match;\n\n        while ((match = encodedSelfClosingRegex.exec(text)) !== null) {\n          const [fullMatch, attributesStr] = match;\n          const startIndex = match.index;\n\n          // 添加匹配前的文本\n          if (startIndex > lastIndex) {\n            newNodes.push({\n              type: 'text',\n              value: text.slice(lastIndex, startIndex),\n            });\n          }\n\n          // 解析属性（需要解码HTML实体）\n          const decodedAttrs = attributesStr\n            .replaceAll('&quot;', '\"')\n            .replaceAll('&#39;', \"'\")\n            .replaceAll('&amp;', '&')\n            .replaceAll('&lt;', '<')\n            .replaceAll('&gt;', '>');\n\n          const properties: Record<string, string> = {};\n          const attrRegex = /(\\w+)=[\"']([^\"']*?)[\"']/g;\n          let attrMatch;\n\n          while ((attrMatch = attrRegex.exec(decodedAttrs)) !== null) {\n            properties[attrMatch[1]] = attrMatch[2];\n          }\n\n          console.log('remarkVideo: Found encoded video tag:', tagName, properties);\n\n          // 添加video节点\n          newNodes.push({\n            children: [],\n            data: {\n              hName: tagName,\n              hProperties: properties,\n            },\n            type: tagName,\n          });\n\n          lastIndex = startIndex + fullMatch.length;\n        }\n\n        // 添加剩余文本\n        if (lastIndex < text.length) {\n          newNodes.push({\n            type: 'text',\n            value: text.slice(lastIndex),\n          });\n        }\n\n        // 替换当前节点\n        if (newNodes.length > 0 && parent) {\n          parent.children.splice(index, 1, ...newNodes);\n          return index + newNodes.length - 1;\n        }\n      }\n    });\n  };\n};\n"],"mappings":"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"}

package/es/Markdown/style.mjs

@@ -0,0 +1,199 @@
+import { createStyles } from "antd-style";
+
+//#region src/Markdown/style.ts
+const useStyles = createStyles(({ css: css$1, token, isDarkMode }) => {
+	return {
+		chat: css$1`
+      ol,
+      ul {
+        > li {
+          &::marker {
+            color: ${isDarkMode ? token.cyan9A : token.cyan11A} !important;
+          }
+
+          > li {
+            &::marker {
+              color: ${token.colorTextSecondary} !important;
+            }
+          }
+        }
+      }
+
+      ul {
+        list-style: unset;
+
+        > li {
+          &::before {
+            content: unset;
+            display: unset;
+          }
+        }
+      }
+    `,
+		gfm: css$1`
+      .markdown-alert {
+        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+        padding-inline-start: 1em;
+        border-inline-start: solid 4px ${token.colorBorder};
+
+        > p {
+          margin-block-start: 0 !important;
+        }
+      }
+
+      .markdown-alert > :first-child {
+        margin-block-start: 0;
+      }
+
+      .markdown-alert > :last-child {
+        margin-block-end: 0;
+      }
+
+      .markdown-alert-note {
+        border-inline-start-color: ${token.colorInfo};
+      }
+
+      .markdown-alert-tip {
+        border-inline-start-color: ${token.colorSuccess};
+      }
+
+      .markdown-alert-important {
+        border-inline-start-color: ${token.purple};
+      }
+
+      .markdown-alert-warning {
+        border-inline-start-color: ${token.colorWarning};
+      }
+
+      .markdown-alert-caution {
+        border-inline-start-color: ${token.colorError};
+      }
+
+      .markdown-alert-title {
+        display: flex;
+        align-items: center;
+        margin-block-end: 0.5em !important;
+        font-weight: 500;
+      }
+
+      .markdown-alert-note .markdown-alert-title {
+        color: ${token.colorInfo};
+        fill: ${token.colorInfo};
+      }
+
+      .markdown-alert-tip .markdown-alert-title {
+        color: ${token.colorSuccess};
+        fill: ${token.colorSuccess};
+      }
+
+      .markdown-alert-important .markdown-alert-title {
+        color: ${token.purple};
+        fill: ${token.purple};
+      }
+
+      .markdown-alert-warning .markdown-alert-title {
+        color: ${token.colorWarning};
+        fill: ${token.colorWarning};
+      }
+
+      .markdown-alert-caution .markdown-alert-title {
+        color: ${token.colorError};
+        fill: ${token.colorError};
+      }
+
+      /* Style the footnotes section. */
+
+      .octicon {
+        overflow: visible !important;
+        display: inline-block;
+        margin-inline-end: 0.5em;
+        vertical-align: text-bottom;
+      }
+
+      .sr-only {
+        position: absolute;
+
+        overflow: hidden;
+
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        border: 0;
+
+        word-wrap: normal;
+
+        clip: rect(0, 0, 0, 0);
+      }
+
+      sup:has(*[aria-describedby='footnote-label']) {
+        margin-inline: 2px;
+        vertical-align: super !important;
+
+        [data-footnote-ref] {
+          display: inline-block;
+
+          width: 16px;
+          height: 16px;
+          border-radius: 4px;
+
+          font-family: ${token.fontFamilyCode};
+          font-size: 10px;
+          color: ${token.colorTextSecondary} !important;
+          text-align: center;
+
+          background: ${token.colorFillSecondary};
+        }
+      }
+
+      code.color-preview {
+        position: relative;
+        display: inline-flex !important;
+        gap: 0.4em;
+
+        &::after {
+          content: '';
+
+          width: 0.66em;
+          height: 0.66em;
+          border: 1px solid ${token.colorFill};
+          border-radius: 50%;
+
+          background-color: attr(data-color);
+
+          /* Fallback for browsers that don't support attr() in background */
+          background-color: var(--color-preview-color, #000);
+        }
+      }
+    `,
+		latex: css$1`
+      .katex-error {
+        color: ${token.colorTextDescription} !important;
+      }
+
+      .katex-html {
+        overflow: auto hidden;
+        padding: 3px;
+
+        .base {
+          margin-block: 0;
+          margin-inline: auto;
+        }
+
+        .tag {
+          position: relative !important;
+          display: inline-block;
+          padding-inline-start: 0.5rem;
+        }
+      }
+    `,
+		root: css$1`
+      position: relative;
+      overflow: hidden;
+      max-width: 100%;
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Markdown/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Markdown/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token, isDarkMode }) => {\n  const cyanColor = isDarkMode ? token.cyan9A : token.cyan11A;\n\n  return {\n    chat: css`\n      ol,\n      ul {\n        > li {\n          &::marker {\n            color: ${cyanColor} !important;\n          }\n\n          > li {\n            &::marker {\n              color: ${token.colorTextSecondary} !important;\n            }\n          }\n        }\n      }\n\n      ul {\n        list-style: unset;\n\n        > li {\n          &::before {\n            content: unset;\n            display: unset;\n          }\n        }\n      }\n    `,\n\n    gfm: css`\n      .markdown-alert {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        padding-inline-start: 1em;\n        border-inline-start: solid 4px ${token.colorBorder};\n\n        > p {\n          margin-block-start: 0 !important;\n        }\n      }\n\n      .markdown-alert > :first-child {\n        margin-block-start: 0;\n      }\n\n      .markdown-alert > :last-child {\n        margin-block-end: 0;\n      }\n\n      .markdown-alert-note {\n        border-inline-start-color: ${token.colorInfo};\n      }\n\n      .markdown-alert-tip {\n        border-inline-start-color: ${token.colorSuccess};\n      }\n\n      .markdown-alert-important {\n        border-inline-start-color: ${token.purple};\n      }\n\n      .markdown-alert-warning {\n        border-inline-start-color: ${token.colorWarning};\n      }\n\n      .markdown-alert-caution {\n        border-inline-start-color: ${token.colorError};\n      }\n\n      .markdown-alert-title {\n        display: flex;\n        align-items: center;\n        margin-block-end: 0.5em !important;\n        font-weight: 500;\n      }\n\n      .markdown-alert-note .markdown-alert-title {\n        color: ${token.colorInfo};\n        fill: ${token.colorInfo};\n      }\n\n      .markdown-alert-tip .markdown-alert-title {\n        color: ${token.colorSuccess};\n        fill: ${token.colorSuccess};\n      }\n\n      .markdown-alert-important .markdown-alert-title {\n        color: ${token.purple};\n        fill: ${token.purple};\n      }\n\n      .markdown-alert-warning .markdown-alert-title {\n        color: ${token.colorWarning};\n        fill: ${token.colorWarning};\n      }\n\n      .markdown-alert-caution .markdown-alert-title {\n        color: ${token.colorError};\n        fill: ${token.colorError};\n      }\n\n      /* Style the footnotes section. */\n\n      .octicon {\n        overflow: visible !important;\n        display: inline-block;\n        margin-inline-end: 0.5em;\n        vertical-align: text-bottom;\n      }\n\n      .sr-only {\n        position: absolute;\n\n        overflow: hidden;\n\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        border: 0;\n\n        word-wrap: normal;\n\n        clip: rect(0, 0, 0, 0);\n      }\n\n      sup:has(*[aria-describedby='footnote-label']) {\n        margin-inline: 2px;\n        vertical-align: super !important;\n\n        [data-footnote-ref] {\n          display: inline-block;\n\n          width: 16px;\n          height: 16px;\n          border-radius: 4px;\n\n          font-family: ${token.fontFamilyCode};\n          font-size: 10px;\n          color: ${token.colorTextSecondary} !important;\n          text-align: center;\n\n          background: ${token.colorFillSecondary};\n        }\n      }\n\n      code.color-preview {\n        position: relative;\n        display: inline-flex !important;\n        gap: 0.4em;\n\n        &::after {\n          content: '';\n\n          width: 0.66em;\n          height: 0.66em;\n          border: 1px solid ${token.colorFill};\n          border-radius: 50%;\n\n          background-color: attr(data-color);\n\n          /* Fallback for browsers that don't support attr() in background */\n          background-color: var(--color-preview-color, #000);\n        }\n      }\n    `,\n\n    latex: css`\n      .katex-error {\n        color: ${token.colorTextDescription} !important;\n      }\n\n      .katex-html {\n        overflow: auto hidden;\n        padding: 3px;\n\n        .base {\n          margin-block: 0;\n          margin-inline: auto;\n        }\n\n        .tag {\n          position: relative !important;\n          display: inline-block;\n          padding-inline-start: 0.5rem;\n        }\n      }\n    `,\n    root: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,iBAAiB;AAGpE,QAAO;EACL,MAAM,KAAG;;;;;qBAHO,aAAa,MAAM,SAAS,MAAM,QAQvB;;;;;uBAKR,MAAM,mBAAmB;;;;;;;;;;;;;;;;;EAkB5C,KAAK,KAAG;;;;yCAI6B,MAAM,YAAY;;;;;;;;;;;;;;;;qCAgBtB,MAAM,UAAU;;;;qCAIhB,MAAM,aAAa;;;;qCAInB,MAAM,OAAO;;;;qCAIb,MAAM,aAAa;;;;qCAInB,MAAM,WAAW;;;;;;;;;;;iBAWrC,MAAM,UAAU;gBACjB,MAAM,UAAU;;;;iBAIf,MAAM,aAAa;gBACpB,MAAM,aAAa;;;;iBAIlB,MAAM,OAAO;gBACd,MAAM,OAAO;;;;iBAIZ,MAAM,aAAa;gBACpB,MAAM,aAAa;;;;iBAIlB,MAAM,WAAW;gBAClB,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsCR,MAAM,eAAe;;mBAE3B,MAAM,mBAAmB;;;wBAGpB,MAAM,mBAAmB;;;;;;;;;;;;;;8BAcnB,MAAM,UAAU;;;;;;;;;;EAW1C,OAAO,KAAG;;iBAEG,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;EAmBxC,MAAM,KAAG;;;;;EAKV;EACD"}

package/es/Markdown/type.d.mts

@@ -0,0 +1,67 @@
+import { AProps, DivProps } from "../types/index.mjs";
+import { HighlighterProps } from "../Highlighter/type.mjs";
+import "../Highlighter/index.mjs";
+import { MermaidProps } from "../Mermaid/type.mjs";
+import "../Mermaid/index.mjs";
+import { ImageProps as ImageProps$1 } from "../mdx/mdxComponents/Image.mjs";
+import { CitationItem } from "../types/citation.mjs";
+import { PreProps } from "../mdx/mdxComponents/Pre.mjs";
+import { VideoProps } from "../mdx/mdxComponents/Video.mjs";
+import "../mdx/index.mjs";
+import { AnchorProps } from "antd";
+import { CSSProperties, ElementType, FC, ReactNode, Ref } from "react";
+import { Options } from "react-markdown";
+import { Components } from "react-markdown/lib";
+import { Pluggable } from "unified";
+
+//#region src/Markdown/type.d.ts
+interface TypographyProps extends DivProps {
+  borderRadius?: number;
+  fontSize?: number;
+  headerMultiple?: number;
+  lineHeight?: number;
+  marginMultiple?: number;
+  ref?: Ref<HTMLDivElement>;
+}
+interface SyntaxMarkdownProps {
+  allowHtml?: boolean;
+  allowHtmlList?: ElementType[];
+  animated?: boolean;
+  children: string;
+  citations?: CitationItem[];
+  componentProps?: {
+    a?: Partial<AProps & AnchorProps>;
+    highlight?: Partial<HighlighterProps>;
+    img?: Partial<ImageProps$1>;
+    mermaid?: Partial<MermaidProps>;
+    pre?: Partial<PreProps>;
+    video?: Partial<VideoProps>;
+  };
+  components?: Components & Record<string, FC>;
+  enableCustomFootnotes?: boolean;
+  enableGithubAlert?: boolean;
+  enableLatex?: boolean;
+  enableMermaid?: boolean;
+  enableStream?: boolean;
+  fullFeaturedCodeBlock?: boolean;
+  reactMarkdownProps?: Omit<Readonly<Options>, 'components' | 'rehypePlugins' | 'remarkPlugins'>;
+  rehypePlugins?: Pluggable[];
+  rehypePluginsAhead?: Pluggable[];
+  remarkPlugins?: Pluggable[];
+  remarkPluginsAhead?: Pluggable[];
+  showFootnotes?: boolean;
+  variant?: 'default' | 'chat';
+}
+interface MarkdownProps extends SyntaxMarkdownProps, Omit<TypographyProps, 'children'> {
+  className?: string;
+  customRender?: (dom: ReactNode, context: {
+    text: string;
+  }) => ReactNode;
+  enableImageGallery?: boolean;
+  onDoubleClick?: () => void;
+  ref?: Ref<HTMLDivElement>;
+  style?: CSSProperties;
+}
+//#endregion
+export { MarkdownProps, SyntaxMarkdownProps, TypographyProps };
+//# sourceMappingURL=type.d.mts.map

package/es/MaskShadow/MaskShadow.d.mts

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

package/es/MaskShadow/MaskShadow.mjs

@@ -0,0 +1,31 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import { useStyles } from "./style.mjs";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/MaskShadow/MaskShadow.tsx
+const MaskShadow = memo(({ className, children, position = "bottom", size = 40, ...rest }) => {
+	const { cx, styles } = useStyles(size);
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		className: cx(useMemo(() => cva(styles.root, {
+			defaultVariants: { position: "bottom" },
+			variants: { position: {
+				top: styles.topShadow,
+				bottom: styles.bottomShadow,
+				left: styles.leftShadow,
+				right: styles.rightShadow
+			} }
+		}), [styles])({ position }), className),
+		...rest,
+		children
+	});
+});
+MaskShadow.displayName = "MaskShadow";
+var MaskShadow_default = MaskShadow;
+
+//#endregion
+export { MaskShadow_default as default };
+//# sourceMappingURL=MaskShadow.mjs.map

package/es/MaskShadow/MaskShadow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskShadow.mjs","names":["Flexbox"],"sources":["../../src/MaskShadow/MaskShadow.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { useStyles } from './style';\nimport type { MaskShadowProps } from './type';\n\nconst MaskShadow = memo<MaskShadowProps>(\n  ({ className, children, position = 'bottom', size = 40, ...rest }) => {\n    const { cx, styles } = useStyles(size);\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            position: 'bottom',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            position: {\n              top: styles.topShadow,\n              bottom: styles.bottomShadow,\n              left: styles.leftShadow,\n              right: styles.rightShadow,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    return (\n      <Flexbox className={cx(variants({ position }), className)} {...rest}>\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nMaskShadow.displayName = 'MaskShadow';\n\nexport default MaskShadow;\n"],"mappings":";;;;;;;;;AAUA,MAAM,aAAa,MAChB,EAAE,WAAW,UAAU,WAAW,UAAU,OAAO,IAAI,GAAG,WAAW;CACpE,MAAM,EAAE,IAAI,WAAW,UAAU,KAAK;AAsBtC,QACE,oBAACA;EAAQ,WAAW,GArBL,cAEb,IAAI,OAAO,MAAM;GACf,iBAAiB,EACf,UAAU,UACX;GAED,UAAU,EACR,UAAU;IACR,KAAK,OAAO;IACZ,QAAQ,OAAO;IACf,MAAM,OAAO;IACb,OAAO,OAAO;IACf,EACF;GAEF,CAAC,EACJ,CAAC,OAAO,CACT,CAGiC,EAAE,UAAU,CAAC,EAAE,UAAU;EAAE,GAAI;EAC5D;GACO;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}

package/es/MaskShadow/index.d.mts

@@ -0,0 +1,3 @@
+import { MaskShadowProps } from "./type.mjs";
+import { MaskShadow } from "./MaskShadow.mjs";
+export { MaskShadowProps, MaskShadow as default };

package/es/MaskShadow/index.mjs

@@ -0,0 +1,3 @@
+import MaskShadow_default from "./MaskShadow.mjs";
+
+export { MaskShadow_default as default };

package/es/MaskShadow/style.mjs

@@ -0,0 +1,35 @@
+import { createStyles } from "antd-style";
+
+//#region src/MaskShadow/style.ts
+const useStyles = createStyles(({ css: css$1 }, size) => {
+	const shadowSize = size + "%";
+	return {
+		bottomShadow: css$1`
+      mask-image: linear-gradient(180deg, #000 calc(100% - ${shadowSize}), transparent);
+    `,
+		leftShadow: css$1`
+      mask-image: linear-gradient(270deg, #000 calc(100% - ${shadowSize}), transparent);
+    `,
+		rightShadow: css$1`
+      mask-image: linear-gradient(90deg, #000 calc(100% - ${shadowSize}), transparent);
+    `,
+		root: css$1`
+      scrollbar-width: none;
+      position: relative;
+      overflow: hidden;
+
+      -ms-overflow-style: none;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    `,
+		topShadow: css$1`
+      mask-image: linear-gradient(0deg, #000 calc(100% - ${shadowSize}), transparent);
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/MaskShadow/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/MaskShadow/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css }, size: number) => {\n  const shadowSize = size + '%';\n  return {\n    bottomShadow: css`\n      mask-image: linear-gradient(180deg, #000 calc(100% - ${shadowSize}), transparent);\n    `,\n\n    leftShadow: css`\n      mask-image: linear-gradient(270deg, #000 calc(100% - ${shadowSize}), transparent);\n    `,\n\n    rightShadow: css`\n      mask-image: linear-gradient(90deg, #000 calc(100% - ${shadowSize}), transparent);\n    `,\n\n    root: css`\n      scrollbar-width: none;\n      position: relative;\n      overflow: hidden;\n\n      -ms-overflow-style: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    `,\n\n    topShadow: css`\n      mask-image: linear-gradient(0deg, #000 calc(100% - ${shadowSize}), transparent);\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,cAAO,SAAiB;CAC/D,MAAM,aAAa,OAAO;AAC1B,QAAO;EACL,cAAc,KAAG;6DACwC,WAAW;;EAGpE,YAAY,KAAG;6DAC0C,WAAW;;EAGpE,aAAa,KAAG;4DACwC,WAAW;;EAGnE,MAAM,KAAG;;;;;;;;;;;EAYT,WAAW,KAAG;2DACyC,WAAW;;EAEnE;EACD"}

package/es/MaskShadow/type.d.mts

@@ -0,0 +1,12 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+
+//#region src/MaskShadow/type.d.ts
+interface MaskShadowProps extends FlexboxProps {
+  position?: 'top' | 'bottom' | 'left' | 'right';
+  size?: number;
+  visibility?: 'auto' | 'always' | 'never';
+}
+//#endregion
+export { MaskShadowProps };
+//# sourceMappingURL=type.d.mts.map

package/es/MaterialFileTypeIcon/MaterialFileTypeIcon.d.mts

@@ -0,0 +1,8 @@
+import { MaterialFileTypeIconProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/MaterialFileTypeIcon/MaterialFileTypeIcon.d.ts
+declare const MaterialFileTypeIcon: FC<MaterialFileTypeIconProps>;
+//#endregion
+export { MaterialFileTypeIcon };
+//# sourceMappingURL=MaterialFileTypeIcon.d.mts.map

package/es/MaterialFileTypeIcon/MaterialFileTypeIcon.mjs

@@ -0,0 +1,80 @@
+'use client';
+
+import Center_default from "../Flex/Center.mjs";
+import { useCdnFn } from "../ConfigProvider/index.mjs";
+import Img_default from "../Img/index.mjs";
+import FileTypeIcon_default from "../FileTypeIcon/FileTypeIcon.mjs";
+import { getIconUrlForDirectoryPath, getIconUrlForFilePath } from "./utils.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/MaterialFileTypeIcon/MaterialFileTypeIcon.tsx
+const MaterialFileTypeIcon = ({ fallbackUnknownType = true, filename, size = 48, variant = "raw", type, style, open, ...rest }) => {
+	const ICONS_URL = useCdnFn()({
+		path: "assets",
+		pkg: "@lobehub/assets-fileicon",
+		version: "1.0.0"
+	});
+	const iconUrl = useMemo(() => {
+		return type === "file" ? getIconUrlForFilePath({
+			fallbackUnknownType,
+			iconsUrl: ICONS_URL,
+			path: filename
+		}) : getIconUrlForDirectoryPath({
+			fallbackUnknownType,
+			iconsUrl: ICONS_URL,
+			open,
+			path: filename
+		});
+	}, [
+		ICONS_URL,
+		type,
+		filename,
+		open
+	]);
+	if (!iconUrl) return /* @__PURE__ */ jsx(FileTypeIcon_default, {
+		filetype: filename.split(".")[1],
+		size,
+		type,
+		variant: "mono"
+	});
+	if (variant === "raw") return /* @__PURE__ */ jsx(Img_default, {
+		alt: filename,
+		height: size,
+		src: iconUrl,
+		style,
+		width: size,
+		...rest
+	});
+	return /* @__PURE__ */ jsxs(Center_default, {
+		flex: "none",
+		height: size,
+		style: {
+			position: "relative",
+			...style
+		},
+		width: size,
+		...rest,
+		children: [/* @__PURE__ */ jsx(FileTypeIcon_default, {
+			size,
+			type: variant,
+			variant: "mono"
+		}), /* @__PURE__ */ jsx(Img_default, {
+			alt: filename,
+			height: size / 2,
+			src: iconUrl,
+			style: {
+				position: "absolute",
+				top: size / 3
+			},
+			width: size / 2,
+			...rest
+		})]
+	});
+};
+MaterialFileTypeIcon.displayName = "MaterialFileTypeIcon";
+var MaterialFileTypeIcon_default = MaterialFileTypeIcon;
+
+//#endregion
+export { MaterialFileTypeIcon_default as default };
+//# sourceMappingURL=MaterialFileTypeIcon.mjs.map

package/es/MaterialFileTypeIcon/MaterialFileTypeIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialFileTypeIcon.mjs","names":["MaterialFileTypeIcon: FC<MaterialFileTypeIconProps>","iconUrl: string","FileTypeIcon","Img","Center"],"sources":["../../src/MaterialFileTypeIcon/MaterialFileTypeIcon.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useMemo } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FileTypeIcon from '@/FileTypeIcon';\nimport { Center } from '@/Flex';\nimport Img from '@/Img';\n\nimport type { MaterialFileTypeIconProps } from './type';\nimport { getIconUrlForDirectoryPath, getIconUrlForFilePath } from './utils';\n\nconst MaterialFileTypeIcon: FC<MaterialFileTypeIconProps> = ({\n  fallbackUnknownType = true,\n  filename,\n  size = 48,\n  variant = 'raw',\n  type,\n  style,\n  open,\n  ...rest\n}) => {\n  const genCdnUrl = useCdnFn();\n  const ICONS_URL = genCdnUrl({\n    path: 'assets',\n    pkg: '@lobehub/assets-fileicon',\n    version: '1.0.0',\n  });\n\n  const iconUrl: string = useMemo(() => {\n    return type === 'file'\n      ? getIconUrlForFilePath({ fallbackUnknownType, iconsUrl: ICONS_URL, path: filename })\n      : getIconUrlForDirectoryPath({\n          fallbackUnknownType,\n          iconsUrl: ICONS_URL,\n          open,\n          path: filename,\n        });\n  }, [ICONS_URL, type, filename, open]);\n\n  if (!iconUrl)\n    return (\n      <FileTypeIcon filetype={filename.split('.')[1]} size={size} type={type} variant={'mono'} />\n    );\n\n  if (variant === 'raw')\n    return <Img alt={filename} height={size} src={iconUrl} style={style} width={size} {...rest} />;\n\n  return (\n    <Center\n      flex={'none'}\n      height={size}\n      style={{ position: 'relative', ...style }}\n      width={size}\n      {...rest}\n    >\n      <FileTypeIcon size={size} type={variant} variant={'mono'} />\n      <Img\n        alt={filename}\n        height={size / 2}\n        src={iconUrl}\n        style={{ position: 'absolute', top: size / 3 }}\n        width={size / 2}\n        {...rest}\n      />\n    </Center>\n  );\n};\n\nMaterialFileTypeIcon.displayName = 'MaterialFileTypeIcon';\n\nexport default MaterialFileTypeIcon;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,wBAAuD,EAC3D,sBAAsB,MACtB,UACA,OAAO,IACP,UAAU,OACV,MACA,OACA,MACA,GAAG,WACC;CAEJ,MAAM,YADY,UAAU,CACA;EAC1B,MAAM;EACN,KAAK;EACL,SAAS;EACV,CAAC;CAEF,MAAMC,UAAkB,cAAc;AACpC,SAAO,SAAS,SACZ,sBAAsB;GAAE;GAAqB,UAAU;GAAW,MAAM;GAAU,CAAC,GACnF,2BAA2B;GACzB;GACA,UAAU;GACV;GACA,MAAM;GACP,CAAC;IACL;EAAC;EAAW;EAAM;EAAU;EAAK,CAAC;AAErC,KAAI,CAAC,QACH,QACE,oBAACC;EAAa,UAAU,SAAS,MAAM,IAAI,CAAC;EAAU;EAAY;EAAM,SAAS;GAAU;AAG/F,KAAI,YAAY,MACd,QAAO,oBAACC;EAAI,KAAK;EAAU,QAAQ;EAAM,KAAK;EAAgB;EAAO,OAAO;EAAM,GAAI;GAAQ;AAEhG,QACE,qBAACC;EACC,MAAM;EACN,QAAQ;EACR,OAAO;GAAE,UAAU;GAAY,GAAG;GAAO;EACzC,OAAO;EACP,GAAI;aAEJ,oBAACF;GAAmB;GAAM,MAAM;GAAS,SAAS;IAAU,EAC5D,oBAACC;GACC,KAAK;GACL,QAAQ,OAAO;GACf,KAAK;GACL,OAAO;IAAE,UAAU;IAAY,KAAK,OAAO;IAAG;GAC9C,OAAO,OAAO;GACd,GAAI;IACJ;GACK;;AAIb,qBAAqB,cAAc;AAEnC,mCAAe"}