@jinmi/ui 0.0.0-stage → 6.0.2

package/es/Markdown/style.mjs

@@ -0,0 +1,221 @@
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/Markdown/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		chat: css`
+      ol,
+      ul {
+        > li {
+          &::marker {
+            color: ${cssVar.colorTextSecondary} !important;
+          }
+
+          > li {
+            &::marker {
+              color: ${cssVar.colorTextSecondary} !important;
+            }
+          }
+        }
+      }
+
+      ul {
+        list-style: unset;
+
+        > li {
+          &::before {
+            content: unset;
+            display: unset;
+          }
+        }
+      }
+    `,
+		gfm: css`
+      .markdown-alert {
+        margin-block: calc(var(--jinmi-markdown-margin-multiple) * 0.5em);
+        padding-inline-start: 1em;
+        border-inline-start: solid 4px ${cssVar.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: ${cssVar.colorInfo};
+      }
+
+      .markdown-alert-tip {
+        border-inline-start-color: ${cssVar.colorSuccess};
+      }
+
+      .markdown-alert-important {
+        border-inline-start-color: ${cssVar.purple};
+      }
+
+      .markdown-alert-warning {
+        border-inline-start-color: ${cssVar.colorWarning};
+      }
+
+      .markdown-alert-caution {
+        border-inline-start-color: ${cssVar.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: ${cssVar.colorInfo};
+        fill: ${cssVar.colorInfo};
+      }
+
+      .markdown-alert-tip .markdown-alert-title {
+        color: ${cssVar.colorSuccess};
+        fill: ${cssVar.colorSuccess};
+      }
+
+      .markdown-alert-important .markdown-alert-title {
+        color: ${cssVar.purple};
+        fill: ${cssVar.purple};
+      }
+
+      .markdown-alert-warning .markdown-alert-title {
+        color: ${cssVar.colorWarning};
+        fill: ${cssVar.colorWarning};
+      }
+
+      .markdown-alert-caution .markdown-alert-title {
+        color: ${cssVar.colorError};
+        fill: ${cssVar.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: ${cssVar.fontFamilyCode};
+          font-size: 10px;
+          color: ${cssVar.colorTextSecondary} !important;
+          text-align: center;
+
+          background: ${cssVar.colorFillSecondary};
+        }
+      }
+
+      code.color-preview {
+        position: relative;
+        display: inline-flex !important;
+        gap: 0.4em;
+
+        &::after {
+          content: '';
+
+          width: 0.66em;
+          height: 0.66em;
+          border: 1px solid ${cssVar.colorFill};
+          border-radius: 50%;
+
+          /* stylelint-disable-next-line declaration-property-value-no-unknown -- attr() in a color value is newer than the linter's grammar */
+          background-color: attr(data-color);
+
+          /* Fallback for browsers that don't support attr() in background */
+          background-color: var(--color-preview-color, #000);
+        }
+      }
+    `,
+		latex: css`
+      .katex-error {
+        color: ${cssVar.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`
+      position: relative;
+      overflow: hidden;
+      max-width: 100%;
+    `
+	};
+});
+const variants = cva(styles.root, {
+	defaultVariants: {
+		enableGfm: true,
+		enableLatex: true,
+		variant: "default"
+	},
+	variants: {
+		variant: {
+			default: null,
+			chat: styles.chat
+		},
+		enableLatex: {
+			true: styles.latex,
+			false: null
+		},
+		enableGfm: {
+			true: styles.gfm,
+			false: null
+		}
+	}
+});
+//#endregion
+export { styles, variants };
+
+//# 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 { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    chat: css`\n      ol,\n      ul {\n        > li {\n          &::marker {\n            color: ${cssVar.colorTextSecondary} !important;\n          }\n\n          > li {\n            &::marker {\n              color: ${cssVar.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(--jinmi-markdown-margin-multiple) * 0.5em);\n        padding-inline-start: 1em;\n        border-inline-start: solid 4px ${cssVar.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: ${cssVar.colorInfo};\n      }\n\n      .markdown-alert-tip {\n        border-inline-start-color: ${cssVar.colorSuccess};\n      }\n\n      .markdown-alert-important {\n        border-inline-start-color: ${cssVar.purple};\n      }\n\n      .markdown-alert-warning {\n        border-inline-start-color: ${cssVar.colorWarning};\n      }\n\n      .markdown-alert-caution {\n        border-inline-start-color: ${cssVar.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: ${cssVar.colorInfo};\n        fill: ${cssVar.colorInfo};\n      }\n\n      .markdown-alert-tip .markdown-alert-title {\n        color: ${cssVar.colorSuccess};\n        fill: ${cssVar.colorSuccess};\n      }\n\n      .markdown-alert-important .markdown-alert-title {\n        color: ${cssVar.purple};\n        fill: ${cssVar.purple};\n      }\n\n      .markdown-alert-warning .markdown-alert-title {\n        color: ${cssVar.colorWarning};\n        fill: ${cssVar.colorWarning};\n      }\n\n      .markdown-alert-caution .markdown-alert-title {\n        color: ${cssVar.colorError};\n        fill: ${cssVar.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: ${cssVar.fontFamilyCode};\n          font-size: 10px;\n          color: ${cssVar.colorTextSecondary} !important;\n          text-align: center;\n\n          background: ${cssVar.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 ${cssVar.colorFill};\n          border-radius: 50%;\n\n          /* stylelint-disable-next-line declaration-property-value-no-unknown -- attr() in a color value is newer than the linter's grammar */\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: ${cssVar.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\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    enableGfm: true,\n    enableLatex: true,\n    variant: 'default',\n  },\n\n  variants: {\n    variant: {\n      default: null,\n      chat: styles.chat,\n    },\n    enableLatex: {\n      true: styles.latex,\n      false: null,\n    },\n    enableGfm: {\n      true: styles.gfm,\n      false: null,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,MAAM,GAAG;;;;;qBAKQ,OAAO,mBAAmB;;;;;uBAKxB,OAAO,mBAAmB;;;;;;;;;;;;;;;;;EAkB7C,KAAK,GAAG;;;;yCAI6B,OAAO,YAAY;;;;;;;;;;;;;;;;qCAgBvB,OAAO,UAAU;;;;qCAIjB,OAAO,aAAa;;;;qCAIpB,OAAO,OAAO;;;;qCAId,OAAO,aAAa;;;;qCAIpB,OAAO,WAAW;;;;;;;;;;;iBAWtC,OAAO,UAAU;gBAClB,OAAO,UAAU;;;;iBAIhB,OAAO,aAAa;gBACrB,OAAO,aAAa;;;;iBAInB,OAAO,OAAO;gBACf,OAAO,OAAO;;;;iBAIb,OAAO,aAAa;gBACrB,OAAO,aAAa;;;;iBAInB,OAAO,WAAW;gBACnB,OAAO,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsCT,OAAO,eAAe;;mBAE5B,OAAO,mBAAmB;;;wBAGrB,OAAO,mBAAmB;;;;;;;;;;;;;;8BAcpB,OAAO,UAAU;;;;;;;;;;;EAY3C,OAAO,GAAG;;iBAEG,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;EAmBzC,MAAM,GAAG;;;;;CAKX;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,WAAW;EACX,aAAa;EACb,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,SAAS;GACT,MAAM,OAAO;EACf;EACA,aAAa;GACX,MAAM,OAAO;GACb,OAAO;EACT;EACA,WAAW;GACT,MAAM,OAAO;GACb,OAAO;EACT;CACF;AACF,CAAC"}

package/es/Markdown/type.d.mts

@@ -0,0 +1,73 @@
+import { AProps, DivProps } from "../types/index.mjs";
+import { HighlighterProps } from "../Highlighter/type.mjs";
+import "../Highlighter/index.mjs";
+import { HtmlPreviewProps } from "../HtmlPreview/type.mjs";
+import "../HtmlPreview/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 { CSSProperties, ElementType, FC, ReactNode, Ref } from "react";
+import { AnchorProps } from "antd";
+import { StreamAnimationGranularity, StreamSmoothingPreset } from "@lobehub/streamdown";
+import { Components, Options } from "react-markdown";
+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 {
+  /** Parse and render sanitized inline HTML in Markdown content. */
+  allowHtml?: boolean;
+  allowHtmlList?: ElementType[];
+  animated?: boolean;
+  children: string;
+  citations?: CitationItem[];
+  componentProps?: {
+    a?: Partial<AProps & AnchorProps>;
+    highlight?: Partial<HighlighterProps>;
+    html?: Partial<HtmlPreviewProps>;
+    img?: Partial<ImageProps$1>;
+    mermaid?: Partial<MermaidProps>;
+    pre?: Partial<PreProps>;
+    video?: Partial<VideoProps>;
+  };
+  components?: Components & Record<string, FC>;
+  enableCustomFootnotes?: boolean;
+  enableGithubAlert?: boolean;
+  enableHtmlPreview?: 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;
+  streamAnimationGranularity?: StreamAnimationGranularity;
+  streamSmoothingPreset?: StreamSmoothingPreset;
+  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, type StreamAnimationGranularity, type StreamSmoothingPreset, SyntaxMarkdownProps, TypographyProps };
+//# sourceMappingURL=type.d.mts.map

package/es/MaskShadow/MaskShadow.d.mts

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

package/es/MaskShadow/MaskShadow.mjs

@@ -0,0 +1,24 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import { variants } from "./style.mjs";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/MaskShadow/MaskShadow.tsx
+const MaskShadow = memo(({ className, children, position = "bottom", size = 40, ...rest }) => {
+	const cssVariables = useMemo(() => ({ "--mask-shadow-size": `${size}%` }), [size]);
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		className: cx(variants({ position }), className),
+		style: {
+			...cssVariables,
+			...rest.style
+		},
+		...rest,
+		children
+	});
+});
+MaskShadow.displayName = "MaskShadow";
+//#endregion
+export { MaskShadow 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';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { memo, useMemo } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport { variants } from './style';\r\nimport type { MaskShadowProps } from './type';\r\n\r\nconst MaskShadow = memo<MaskShadowProps>(\r\n  ({ className, children, position = 'bottom', size = 40, ...rest }) => {\r\n    // Convert size prop to CSS variable\r\n    const cssVariables = useMemo<Record<string, string>>(\r\n      () => ({\r\n        '--mask-shadow-size': `${size}%`,\r\n      }),\r\n      [size],\r\n    );\r\n\r\n    return (\r\n      <Flexbox\r\n        className={cx(variants({ position }), className)}\r\n        style={{\r\n          ...cssVariables,\r\n          ...rest.style,\r\n        }}\r\n        {...rest}\r\n      >\r\n        {children}\r\n      </Flexbox>\r\n    );\r\n  },\r\n);\r\n\r\nMaskShadow.displayName = 'MaskShadow';\r\n\r\nexport default MaskShadow;\r\n"],"mappings":";;;;;;;AAUA,MAAM,aAAa,MAChB,EAAE,WAAW,UAAU,WAAW,UAAU,OAAO,IAAI,GAAG,WAAW;CAEpE,MAAM,eAAe,eACZ,EACL,sBAAsB,GAAG,KAAK,GAChC,IACA,CAAC,IAAI,CACP;CAEA,OACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,GAAG,SAAS;EAC/C,OAAO;GACL,GAAG;GACH,GAAG,KAAK;EACV;EACA,GAAI;EAEH;CACM,CAAA;AAEb,CACF;AAEA,WAAW,cAAc"}

package/es/MaskShadow/index.d.mts

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

package/es/MaskShadow/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/MaskShadow/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/MaskShadow/index.mjs

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

package/es/MaskShadow/style.mjs

@@ -0,0 +1,59 @@
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/MaskShadow/style.ts
+const styles = createStaticStyles(({ css }) => {
+	return {
+		bottomShadow: css`
+      mask-image: linear-gradient(
+        180deg,
+        #000 calc(100% - var(--mask-shadow-size, 40%)),
+        transparent
+      );
+    `,
+		leftShadow: css`
+      mask-image: linear-gradient(
+        270deg,
+        #000 calc(100% - var(--mask-shadow-size, 40%)),
+        transparent
+      );
+    `,
+		rightShadow: css`
+      mask-image: linear-gradient(
+        90deg,
+        #000 calc(100% - var(--mask-shadow-size, 40%)),
+        transparent
+      );
+    `,
+		root: css`
+      scrollbar-width: none;
+      position: relative;
+      overflow: hidden;
+
+      -ms-overflow-style: none;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    `,
+		topShadow: css`
+      mask-image: linear-gradient(
+        0deg,
+        #000 calc(100% - var(--mask-shadow-size, 40%)),
+        transparent
+      );
+    `
+	};
+});
+const variants = cva(styles.root, {
+	defaultVariants: { position: "bottom" },
+	variants: { position: {
+		top: styles.topShadow,
+		bottom: styles.bottomShadow,
+		left: styles.leftShadow,
+		right: styles.rightShadow
+	} }
+});
+//#endregion
+export { styles, variants };
+
+//# 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 { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    bottomShadow: css`\r\n      mask-image: linear-gradient(\r\n        180deg,\r\n        #000 calc(100% - var(--mask-shadow-size, 40%)),\r\n        transparent\r\n      );\r\n    `,\r\n\r\n    leftShadow: css`\r\n      mask-image: linear-gradient(\r\n        270deg,\r\n        #000 calc(100% - var(--mask-shadow-size, 40%)),\r\n        transparent\r\n      );\r\n    `,\r\n\r\n    rightShadow: css`\r\n      mask-image: linear-gradient(\r\n        90deg,\r\n        #000 calc(100% - var(--mask-shadow-size, 40%)),\r\n        transparent\r\n      );\r\n    `,\r\n\r\n    root: css`\r\n      scrollbar-width: none;\r\n      position: relative;\r\n      overflow: hidden;\r\n\r\n      -ms-overflow-style: none;\r\n\r\n      &::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n    `,\r\n\r\n    topShadow: css`\r\n      mask-image: linear-gradient(\r\n        0deg,\r\n        #000 calc(100% - var(--mask-shadow-size, 40%)),\r\n        transparent\r\n      );\r\n    `,\r\n  };\r\n});\r\n\r\nexport const variants = cva(styles.root, {\r\n  defaultVariants: {\r\n    position: 'bottom',\r\n  },\r\n\r\n  variants: {\r\n    position: {\r\n      top: styles.topShadow,\r\n      bottom: styles.bottomShadow,\r\n      left: styles.leftShadow,\r\n      right: styles.rightShadow,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO;EACL,cAAc,GAAG;;;;;;;EAQjB,YAAY,GAAG;;;;;;;EAQf,aAAa,GAAG;;;;;;;EAQhB,MAAM,GAAG;;;;;;;;;;;EAYT,WAAW,GAAG;;;;;;;CAOhB;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,UAAU,SACZ;CAEA,UAAU,EACR,UAAU;EACR,KAAK,OAAO;EACZ,QAAQ,OAAO;EACf,MAAM,OAAO;EACb,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}

package/es/MaskShadow/type.d.mts

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

package/es/MaterialFileTypeIcon/MaterialFileTypeIcon.mjs

@@ -0,0 +1,78 @@
+"use client";
+import { useCdnFn } from "../ConfigProvider/index.mjs";
+import Center from "../Flex/Center.mjs";
+import Img from "../Img/index.mjs";
+import FileTypeIcon 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, {
+		className: rest.className,
+		filetype: filename.split(".")[1],
+		size,
+		type,
+		variant: "mono"
+	});
+	if (variant === "raw") return /* @__PURE__ */ jsx(Img, {
+		alt: filename,
+		height: size,
+		src: iconUrl,
+		style,
+		width: size,
+		...rest
+	});
+	return /* @__PURE__ */ jsxs(Center, {
+		flex: "none",
+		height: size,
+		style: {
+			position: "relative",
+			...style
+		},
+		width: size,
+		...rest,
+		children: [/* @__PURE__ */ jsx(FileTypeIcon, {
+			size,
+			type: variant,
+			variant: "mono"
+		}), /* @__PURE__ */ jsx(Img, {
+			alt: filename,
+			height: size / 2,
+			src: iconUrl,
+			style: {
+				position: "absolute",
+				top: size / 3
+			},
+			width: size / 2,
+			...rest
+		})]
+	});
+};
+MaterialFileTypeIcon.displayName = "MaterialFileTypeIcon";
+//#endregion
+export { MaterialFileTypeIcon as default };
+
+//# sourceMappingURL=MaterialFileTypeIcon.mjs.map

package/es/MaterialFileTypeIcon/MaterialFileTypeIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialFileTypeIcon.mjs","names":[],"sources":["../../src/MaterialFileTypeIcon/MaterialFileTypeIcon.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { type FC, useMemo } from 'react';\r\n\r\nimport { useCdnFn } from '@/ConfigProvider';\r\nimport FileTypeIcon from '@/FileTypeIcon';\r\nimport { Center } from '@/Flex';\r\nimport Img from '@/Img';\r\n\r\nimport type { MaterialFileTypeIconProps } from './type';\r\nimport { getIconUrlForDirectoryPath, getIconUrlForFilePath } from './utils';\r\n\r\nconst MaterialFileTypeIcon: FC<MaterialFileTypeIconProps> = ({\r\n  fallbackUnknownType = true,\r\n  filename,\r\n  size = 48,\r\n  variant = 'raw',\r\n  type,\r\n  style,\r\n  open,\r\n  ...rest\r\n}) => {\r\n  const genCdnUrl = useCdnFn();\r\n  const ICONS_URL = genCdnUrl({\r\n    path: 'assets',\r\n    pkg: '@lobehub/assets-fileicon',\r\n    version: '1.0.0',\r\n  });\r\n\r\n  const iconUrl: string = useMemo(() => {\r\n    return type === 'file'\r\n      ? getIconUrlForFilePath({ fallbackUnknownType, iconsUrl: ICONS_URL, path: filename })\r\n      : getIconUrlForDirectoryPath({\r\n          fallbackUnknownType,\r\n          iconsUrl: ICONS_URL,\r\n          open,\r\n          path: filename,\r\n        });\r\n  }, [ICONS_URL, type, filename, open]);\r\n\r\n  if (!iconUrl)\r\n    return (\r\n      <FileTypeIcon\r\n        className={rest.className}\r\n        filetype={filename.split('.')[1]}\r\n        size={size}\r\n        type={type}\r\n        variant={'mono'}\r\n      />\r\n    );\r\n\r\n  if (variant === 'raw')\r\n    return <Img alt={filename} height={size} src={iconUrl} style={style} width={size} {...rest} />;\r\n\r\n  return (\r\n    <Center\r\n      flex={'none'}\r\n      height={size}\r\n      style={{ position: 'relative', ...style }}\r\n      width={size}\r\n      {...rest}\r\n    >\r\n      <FileTypeIcon size={size} type={variant} variant={'mono'} />\r\n      <Img\r\n        alt={filename}\r\n        height={size / 2}\r\n        src={iconUrl}\r\n        style={{ position: 'absolute', top: size / 3 }}\r\n        width={size / 2}\r\n        {...rest}\r\n      />\r\n    </Center>\r\n  );\r\n};\r\n\r\nMaterialFileTypeIcon.displayName = 'MaterialFileTypeIcon';\r\n\r\nexport default MaterialFileTypeIcon;\r\n"],"mappings":";;;;;;;;;AAYA,MAAM,wBAAuD,EAC3D,sBAAsB,MACtB,UACA,OAAO,IACP,UAAU,OACV,MACA,OACA,MACA,GAAG,WACC;CAEJ,MAAM,YADY,SACQ,CAAC,CAAC;EAC1B,MAAM;EACN,KAAK;EACL,SAAS;CACX,CAAC;CAED,MAAM,UAAkB,cAAc;EACpC,OAAO,SAAS,SACZ,sBAAsB;GAAE;GAAqB,UAAU;GAAW,MAAM;EAAS,CAAC,IAClF,2BAA2B;GACzB;GACA,UAAU;GACV;GACA,MAAM;EACR,CAAC;CACP,GAAG;EAAC;EAAW;EAAM;EAAU;CAAI,CAAC;CAEpC,IAAI,CAAC,SACH,OACE,oBAAC,cAAD;EACE,WAAW,KAAK;EAChB,UAAU,SAAS,MAAM,GAAG,CAAC,CAAC;EACxB;EACA;EACN,SAAS;CACV,CAAA;CAGL,IAAI,YAAY,OACd,OAAO,oBAAC,KAAD;EAAK,KAAK;EAAU,QAAQ;EAAM,KAAK;EAAgB;EAAO,OAAO;EAAM,GAAI;CAAO,CAAA;CAE/F,OACE,qBAAC,QAAD;EACE,MAAM;EACN,QAAQ;EACR,OAAO;GAAE,UAAU;GAAY,GAAG;EAAM;EACxC,OAAO;EACP,GAAI;EALN,UAAA,CAOE,oBAAC,cAAD;GAAoB;GAAM,MAAM;GAAS,SAAS;EAAS,CAAA,GAC3D,oBAAC,KAAD;GACE,KAAK;GACL,QAAQ,OAAO;GACf,KAAK;GACL,OAAO;IAAE,UAAU;IAAY,KAAK,OAAO;GAAE;GAC7C,OAAO,OAAO;GACd,GAAI;EACL,CAAA,CACK;;AAEZ;AAEA,qBAAqB,cAAc"}