@lobehub/ui 4.1.0 → 4.1.2

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

@@ -1,6 +1,6 @@
 import { TypographyProps } from "../../Markdown/type.mjs";
 import "../../Markdown/index.mjs";
-import * as react46 from "react";
+import * as react69 from "react";
 import { ReactNode } from "react";
 import { Pluggable } from "unified";
 
@@ -18,7 +18,7 @@ interface MdxProps extends Omit<TypographyProps, 'children'> {
   remarkPlugins?: Pluggable[];
   variant?: 'normal' | 'chat';
 }
-declare const Mdx: react46.NamedExoticComponent<MdxProps>;
+declare const Mdx: react69.NamedExoticComponent<MdxProps>;
 //#endregion
 export { Mdx, MdxProps };
 //# sourceMappingURL=index.d.mts.map

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

@@ -3,7 +3,7 @@
 import PopoverPanel_default from "./PopoverPanel.mjs";
 import { jsx } from "react/jsx-runtime";
 import { createStyles } from "antd-style";
-import { isEmpty } from "lodash-es";
+import { isEmpty } from "es-toolkit/compat";
 
 //#region src/mdx/mdxComponents/Citation/index.tsx
 const useStyles = createStyles(({ css: css$1 }) => ({

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Citation: FC<CitationProps>","PopoverPanel","cx"],"sources":["../../../../src/mdx/mdxComponents/Citation/index.tsx"],"sourcesContent":["'use client';\n\nimport { createStyles } from 'antd-style';\nimport { isEmpty } from 'lodash-es';\nimport type { FC, ReactNode } from 'react';\n\nimport PopoverPanel from '@/mdx/mdxComponents/Citation/PopoverPanel';\nimport { CitationItem } from '@/types/citation';\n\nconst useStyles = createStyles(({ css }) => ({\n  container: css`\n    display: inline-flex;\n    line-height: var(--lobe-markdown-line-height);\n    vertical-align: baseline;\n\n    a {\n      color: inherit;\n    }\n  `,\n  supContainer: css`\n    vertical-align: super;\n  `,\n}));\n\ninterface CitationProps {\n  children?: ReactNode;\n  citationDetail?: CitationItem;\n  citations?: string[];\n  href?: string;\n  id: string;\n  inSup?: boolean;\n}\n\nconst Citation: FC<CitationProps> = ({ children, href, inSup, id, citationDetail }) => {\n  const { styles, cx } = useStyles();\n  const usePopover = !isEmpty(citationDetail);\n  const url = citationDetail?.url || href;\n\n  // [^1] 格式类型\n  if (inSup) {\n    return (\n      <PopoverPanel {...citationDetail} usePopover={usePopover}>\n        <span className={styles.container}>\n          <a\n            aria-describedby=\"footnote-label\"\n            data-footnote-ref=\"true\"\n            href={url}\n            id={id}\n            rel=\"noreferrer\"\n            target={citationDetail?.url ? '_blank' : undefined}\n          >\n            {children}\n          </a>\n        </span>\n      </PopoverPanel>\n    );\n  }\n\n  return (\n    <PopoverPanel {...citationDetail} usePopover={usePopover}>\n      <sup className={cx(styles.container, styles.supContainer)}>\n        {url ? (\n          <a\n            aria-describedby=\"footnote-label\"\n            data-footnote-ref={true}\n            href={url}\n            rel=\"noreferrer\"\n            target={'_blank'}\n          >\n            {children}\n          </a>\n        ) : (\n          <span aria-describedby=\"footnote-label\" data-footnote-ref={true}>\n            {children}\n          </span>\n        )}\n      </sup>\n    </PopoverPanel>\n  );\n};\n\nCitation.displayName = 'MdxCitation';\n\nexport default Citation;\n"],"mappings":";;;;;;;;AASA,MAAM,YAAY,cAAc,EAAE,kBAAW;CAC3C,WAAW,KAAG;;;;;;;;;CASd,cAAc,KAAG;;;CAGlB,EAAE;AAWH,MAAMA,YAA+B,EAAE,UAAU,MAAM,OAAO,IAAI,qBAAqB;CACrF,MAAM,EAAE,QAAQ,aAAO,WAAW;CAClC,MAAM,aAAa,CAAC,QAAQ,eAAe;CAC3C,MAAM,MAAM,gBAAgB,OAAO;AAGnC,KAAI,MACF,QACE,oBAACC;EAAa,GAAI;EAA4B;YAC5C,oBAAC;GAAK,WAAW,OAAO;aACtB,oBAAC;IACC,oBAAiB;IACjB,qBAAkB;IAClB,MAAM;IACF;IACJ,KAAI;IACJ,QAAQ,gBAAgB,MAAM,WAAW;IAExC;KACC;IACC;GACM;AAInB,QACE,oBAACA;EAAa,GAAI;EAA4B;YAC5C,oBAAC;GAAI,WAAWC,KAAG,OAAO,WAAW,OAAO,aAAa;aACtD,MACC,oBAAC;IACC,oBAAiB;IACjB,qBAAmB;IACnB,MAAM;IACN,KAAI;IACJ,QAAQ;IAEP;KACC,GAEJ,oBAAC;IAAK,oBAAiB;IAAiB,qBAAmB;IACxD;KACI;IAEL;GACO;;AAInB,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"index.mjs","names":["Citation: FC<CitationProps>","PopoverPanel","cx"],"sources":["../../../../src/mdx/mdxComponents/Citation/index.tsx"],"sourcesContent":["'use client';\n\nimport { createStyles } from 'antd-style';\nimport { isEmpty } from 'es-toolkit/compat';\nimport type { FC, ReactNode } from 'react';\n\nimport PopoverPanel from '@/mdx/mdxComponents/Citation/PopoverPanel';\nimport { CitationItem } from '@/types/citation';\n\nconst useStyles = createStyles(({ css }) => ({\n  container: css`\n    display: inline-flex;\n    line-height: var(--lobe-markdown-line-height);\n    vertical-align: baseline;\n\n    a {\n      color: inherit;\n    }\n  `,\n  supContainer: css`\n    vertical-align: super;\n  `,\n}));\n\ninterface CitationProps {\n  children?: ReactNode;\n  citationDetail?: CitationItem;\n  citations?: string[];\n  href?: string;\n  id: string;\n  inSup?: boolean;\n}\n\nconst Citation: FC<CitationProps> = ({ children, href, inSup, id, citationDetail }) => {\n  const { styles, cx } = useStyles();\n  const usePopover = !isEmpty(citationDetail);\n  const url = citationDetail?.url || href;\n\n  // [^1] 格式类型\n  if (inSup) {\n    return (\n      <PopoverPanel {...citationDetail} usePopover={usePopover}>\n        <span className={styles.container}>\n          <a\n            aria-describedby=\"footnote-label\"\n            data-footnote-ref=\"true\"\n            href={url}\n            id={id}\n            rel=\"noreferrer\"\n            target={citationDetail?.url ? '_blank' : undefined}\n          >\n            {children}\n          </a>\n        </span>\n      </PopoverPanel>\n    );\n  }\n\n  return (\n    <PopoverPanel {...citationDetail} usePopover={usePopover}>\n      <sup className={cx(styles.container, styles.supContainer)}>\n        {url ? (\n          <a\n            aria-describedby=\"footnote-label\"\n            data-footnote-ref={true}\n            href={url}\n            rel=\"noreferrer\"\n            target={'_blank'}\n          >\n            {children}\n          </a>\n        ) : (\n          <span aria-describedby=\"footnote-label\" data-footnote-ref={true}>\n            {children}\n          </span>\n        )}\n      </sup>\n    </PopoverPanel>\n  );\n};\n\nCitation.displayName = 'MdxCitation';\n\nexport default Citation;\n"],"mappings":";;;;;;;;AASA,MAAM,YAAY,cAAc,EAAE,kBAAW;CAC3C,WAAW,KAAG;;;;;;;;;CASd,cAAc,KAAG;;;CAGlB,EAAE;AAWH,MAAMA,YAA+B,EAAE,UAAU,MAAM,OAAO,IAAI,qBAAqB;CACrF,MAAM,EAAE,QAAQ,aAAO,WAAW;CAClC,MAAM,aAAa,CAAC,QAAQ,eAAe;CAC3C,MAAM,MAAM,gBAAgB,OAAO;AAGnC,KAAI,MACF,QACE,oBAACC;EAAa,GAAI;EAA4B;YAC5C,oBAAC;GAAK,WAAW,OAAO;aACtB,oBAAC;IACC,oBAAiB;IACjB,qBAAkB;IAClB,MAAM;IACF;IACJ,KAAI;IACJ,QAAQ,gBAAgB,MAAM,WAAW;IAExC;KACC;IACC;GACM;AAInB,QACE,oBAACA;EAAa,GAAI;EAA4B;YAC5C,oBAAC;GAAI,WAAWC,KAAG,OAAO,WAAW,OAAO,aAAa;aACtD,MACC,oBAAC;IACC,oBAAiB;IACjB,qBAAmB;IACnB,MAAM;IACN,KAAI;IACJ,QAAQ;IAEP;KACC,GAEJ,oBAAC;IAAK,oBAAiB;IAAiB,qBAAmB;IACxD;KACI;IAEL;GACO;;AAInB,SAAS,cAAc;AAEvB,uBAAe"}

package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts

@@ -1,8 +1,8 @@
 import { ChatSendButtonProps } from "../type.mjs";
-import * as react109 from "react";
+import * as react107 from "react";
 
 //#region src/mobile/ChatInputArea/components/ChatSendButton.d.ts
-declare const ChatSendButton: react109.NamedExoticComponent<ChatSendButtonProps>;
+declare const ChatSendButton: react107.NamedExoticComponent<ChatSendButtonProps>;
 //#endregion
 export { ChatSendButton };
 //# sourceMappingURL=ChatSendButton.d.mts.map

package/es/mobile/TabBar/TabBar.d.mts

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

package/es/storybook/StoryBook/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react42 from "react";
+import * as react1 from "react";
 import { Ref } from "react";
 import { useControls, useCreateStore } from "leva";
 
@@ -10,7 +10,7 @@ interface StoryBookProps extends FlexboxProps {
   noPadding?: boolean;
   ref?: Ref<HTMLDivElement>;
 }
-declare const StoryBook: react42.NamedExoticComponent<StoryBookProps>;
+declare const StoryBook: react1.NamedExoticComponent<StoryBookProps>;
 //#endregion
 export { StoryBook, StoryBookProps, useControls, useCreateStore };
 //# sourceMappingURL=index.d.mts.map

package/es/styles/theme/customToken.mjs

@@ -1,5 +1,5 @@
 import { colorScales } from "../../color/colors/index.mjs";
-import { camelCase } from "lodash-es";
+import { camelCase } from "es-toolkit/compat";
 import { mix } from "polished";
 
 //#region src/styles/theme/customToken.ts

package/es/styles/theme/customToken.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"customToken.mjs","names":["colorStepPalette: { [key: string]: string }","generateCustomToken: GetCustomToken<LobeCustomToken>","colorCustomToken: any"],"sources":["../../../src/styles/theme/customToken.ts"],"sourcesContent":["import { GetCustomToken } from 'antd-style';\nimport { AliasToken } from 'antd/es/theme/interface';\nimport { camelCase } from 'lodash-es';\nimport { mix } from 'polished';\n\nimport { colorScales } from '@/color/colors';\nimport type { ColorScaleItem } from '@/color/types';\nimport type { LobeCustomToken } from '@/types/customToken';\n\nconst generateColorPalette = ({\n  name,\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  name: string;\n  scale: ColorScaleItem;\n}) => {\n  const isDarkMode = appearance === 'dark';\n  return {\n    [`${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\n    [`${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\n    [`${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\n    [`${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\n    [`${name}Bg`]: scale[`${appearance}A`][1],\n    [`${name}BgHover`]: scale[`${appearance}A`][2],\n    [`${name}Border`]: scale[appearance][4],\n    [`${name}BorderSecondary`]: scale[appearance][3],\n    [`${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\n    [`${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\n    [`${name}`]: scale[appearance][9],\n    [`${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\n    [`${name}TextHover`]: scale[`${appearance}A`][isDarkMode ? 10 : 8],\n    [`${name}Text`]: scale[`${appearance}A`][9],\n    [`${name}TextActive`]: scale[`${appearance}A`][isDarkMode ? 7 : 10],\n  };\n};\n\nconst generateCustomColorPalette = ({\n  name,\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  name: string;\n  scale: ColorScaleItem;\n}): Partial<AliasToken> => {\n  const colorStepPalette: { [key: string]: string } = {};\n\n  for (const [index, color] of scale[appearance].entries()) {\n    if (index === 0 || index === 12) continue;\n\n    colorStepPalette[`${name}${index}`] = color;\n  }\n  for (const [index, color] of scale[`${appearance}A`].entries()) {\n    if (index === 0 || index === 12) continue;\n\n    colorStepPalette[`${name}${index}A`] = color;\n  }\n\n  return {\n    ...colorStepPalette,\n    ...generateColorPalette({ appearance, name, scale }),\n  };\n};\n\nexport const generateCustomToken: GetCustomToken<LobeCustomToken> = ({ isDarkMode, token }) => {\n  let colorCustomToken: any = {};\n\n  for (const [type, scale] of Object.entries(colorScales)) {\n    colorCustomToken = {\n      ...colorCustomToken,\n      ...generateCustomColorPalette({\n        appearance: isDarkMode ? 'dark' : 'light',\n        name: camelCase(type),\n        scale,\n      }),\n    };\n  }\n\n  return {\n    ...colorCustomToken,\n    colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer),\n  };\n};\n"],"mappings":";;;;;AASA,MAAM,wBAAwB,EAC5B,MACA,OACA,iBAKI;CACJ,MAAM,aAAa,eAAe;AAClC,QAAO;GACJ,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACzD,GAAG,KAAK,iBAAiB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GAClE,GAAG,KAAK,gBAAgB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACjE,GAAG,KAAK,kBAAkB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACnE,GAAG,KAAK,MAAM,MAAM,GAAG,WAAW,IAAI;GACtC,GAAG,KAAK,WAAW,MAAM,GAAG,WAAW,IAAI;GAC3C,GAAG,KAAK,UAAU,MAAM,YAAY;GACpC,GAAG,KAAK,mBAAmB,MAAM,YAAY;GAC7C,GAAG,KAAK,eAAe,MAAM,YAAY,aAAa,IAAI;GAC1D,GAAG,KAAK,SAAS,MAAM,YAAY,aAAa,KAAK;GACrD,GAAG,SAAS,MAAM,YAAY;GAC9B,GAAG,KAAK,UAAU,MAAM,YAAY,aAAa,IAAI;GACrD,GAAG,KAAK,aAAa,MAAM,GAAG,WAAW,IAAI,aAAa,KAAK;GAC/D,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI;GACxC,GAAG,KAAK,cAAc,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;EACjE;;AAGH,MAAM,8BAA8B,EAClC,MACA,OACA,iBAKyB;CACzB,MAAMA,mBAA8C,EAAE;AAEtD,MAAK,MAAM,CAAC,OAAO,UAAU,MAAM,YAAY,SAAS,EAAE;AACxD,MAAI,UAAU,KAAK,UAAU,GAAI;AAEjC,mBAAiB,GAAG,OAAO,WAAW;;AAExC,MAAK,MAAM,CAAC,OAAO,UAAU,MAAM,GAAG,WAAW,IAAI,SAAS,EAAE;AAC9D,MAAI,UAAU,KAAK,UAAU,GAAI;AAEjC,mBAAiB,GAAG,OAAO,MAAM,MAAM;;AAGzC,QAAO;EACL,GAAG;EACH,GAAG,qBAAqB;GAAE;GAAY;GAAM;GAAO,CAAC;EACrD;;AAGH,MAAaC,uBAAwD,EAAE,YAAY,YAAY;CAC7F,IAAIC,mBAAwB,EAAE;AAE9B,MAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,YAAY,CACrD,oBAAmB;EACjB,GAAG;EACH,GAAG,2BAA2B;GAC5B,YAAY,aAAa,SAAS;GAClC,MAAM,UAAU,KAAK;GACrB;GACD,CAAC;EACH;AAGH,QAAO;EACL,GAAG;EACH,2BAA2B,IAAI,IAAK,MAAM,eAAe,MAAM,iBAAiB;EACjF"}
+{"version":3,"file":"customToken.mjs","names":["colorStepPalette: { [key: string]: string }","generateCustomToken: GetCustomToken<LobeCustomToken>","colorCustomToken: any"],"sources":["../../../src/styles/theme/customToken.ts"],"sourcesContent":["import { GetCustomToken } from 'antd-style';\nimport { AliasToken } from 'antd/es/theme/interface';\nimport { camelCase } from 'es-toolkit/compat';\nimport { mix } from 'polished';\n\nimport { colorScales } from '@/color/colors';\nimport type { ColorScaleItem } from '@/color/types';\nimport type { LobeCustomToken } from '@/types/customToken';\n\nconst generateColorPalette = ({\n  name,\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  name: string;\n  scale: ColorScaleItem;\n}) => {\n  const isDarkMode = appearance === 'dark';\n  return {\n    [`${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\n    [`${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\n    [`${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\n    [`${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\n    [`${name}Bg`]: scale[`${appearance}A`][1],\n    [`${name}BgHover`]: scale[`${appearance}A`][2],\n    [`${name}Border`]: scale[appearance][4],\n    [`${name}BorderSecondary`]: scale[appearance][3],\n    [`${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\n    [`${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\n    [`${name}`]: scale[appearance][9],\n    [`${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\n    [`${name}TextHover`]: scale[`${appearance}A`][isDarkMode ? 10 : 8],\n    [`${name}Text`]: scale[`${appearance}A`][9],\n    [`${name}TextActive`]: scale[`${appearance}A`][isDarkMode ? 7 : 10],\n  };\n};\n\nconst generateCustomColorPalette = ({\n  name,\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  name: string;\n  scale: ColorScaleItem;\n}): Partial<AliasToken> => {\n  const colorStepPalette: { [key: string]: string } = {};\n\n  for (const [index, color] of scale[appearance].entries()) {\n    if (index === 0 || index === 12) continue;\n\n    colorStepPalette[`${name}${index}`] = color;\n  }\n  for (const [index, color] of scale[`${appearance}A`].entries()) {\n    if (index === 0 || index === 12) continue;\n\n    colorStepPalette[`${name}${index}A`] = color;\n  }\n\n  return {\n    ...colorStepPalette,\n    ...generateColorPalette({ appearance, name, scale }),\n  };\n};\n\nexport const generateCustomToken: GetCustomToken<LobeCustomToken> = ({ isDarkMode, token }) => {\n  let colorCustomToken: any = {};\n\n  for (const [type, scale] of Object.entries(colorScales)) {\n    colorCustomToken = {\n      ...colorCustomToken,\n      ...generateCustomColorPalette({\n        appearance: isDarkMode ? 'dark' : 'light',\n        name: camelCase(type),\n        scale,\n      }),\n    };\n  }\n\n  return {\n    ...colorCustomToken,\n    colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer),\n  };\n};\n"],"mappings":";;;;;AASA,MAAM,wBAAwB,EAC5B,MACA,OACA,iBAKI;CACJ,MAAM,aAAa,eAAe;AAClC,QAAO;GACJ,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACzD,GAAG,KAAK,iBAAiB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GAClE,GAAG,KAAK,gBAAgB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACjE,GAAG,KAAK,kBAAkB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACnE,GAAG,KAAK,MAAM,MAAM,GAAG,WAAW,IAAI;GACtC,GAAG,KAAK,WAAW,MAAM,GAAG,WAAW,IAAI;GAC3C,GAAG,KAAK,UAAU,MAAM,YAAY;GACpC,GAAG,KAAK,mBAAmB,MAAM,YAAY;GAC7C,GAAG,KAAK,eAAe,MAAM,YAAY,aAAa,IAAI;GAC1D,GAAG,KAAK,SAAS,MAAM,YAAY,aAAa,KAAK;GACrD,GAAG,SAAS,MAAM,YAAY;GAC9B,GAAG,KAAK,UAAU,MAAM,YAAY,aAAa,IAAI;GACrD,GAAG,KAAK,aAAa,MAAM,GAAG,WAAW,IAAI,aAAa,KAAK;GAC/D,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI;GACxC,GAAG,KAAK,cAAc,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;EACjE;;AAGH,MAAM,8BAA8B,EAClC,MACA,OACA,iBAKyB;CACzB,MAAMA,mBAA8C,EAAE;AAEtD,MAAK,MAAM,CAAC,OAAO,UAAU,MAAM,YAAY,SAAS,EAAE;AACxD,MAAI,UAAU,KAAK,UAAU,GAAI;AAEjC,mBAAiB,GAAG,OAAO,WAAW;;AAExC,MAAK,MAAM,CAAC,OAAO,UAAU,MAAM,GAAG,WAAW,IAAI,SAAS,EAAE;AAC9D,MAAI,UAAU,KAAK,UAAU,GAAI;AAEjC,mBAAiB,GAAG,OAAO,MAAM,MAAM;;AAGzC,QAAO;EACL,GAAG;EACH,GAAG,qBAAqB;GAAE;GAAY;GAAM;GAAO,CAAC;EACrD;;AAGH,MAAaC,uBAAwD,EAAE,YAAY,YAAY;CAC7F,IAAIC,mBAAwB,EAAE;AAE9B,MAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,YAAY,CACrD,oBAAmB;EACjB,GAAG;EACH,GAAG,2BAA2B;GAC5B,YAAY,aAAa,SAAS;GAClC,MAAM,UAAU,KAAK;GACrB;GACD,CAAC;EACH;AAGH,QAAO;EACL,GAAG;EACH,2BAA2B,IAAI,IAAK,MAAM,eAAe,MAAM,iBAAiB;EACjF"}

package/es/styles/theme/generateColorPalette.mjs

@@ -1,4 +1,4 @@
-import { capitalize } from "lodash-es";
+import { capitalize } from "es-toolkit/compat";
 
 //#region src/styles/theme/generateColorPalette.ts
 const generateColorPalette = ({ type, scale, appearance }) => {

package/es/styles/theme/generateColorPalette.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"generateColorPalette.mjs","names":[],"sources":["../../../src/styles/theme/generateColorPalette.ts"],"sourcesContent":["import { AliasToken } from 'antd/es/theme/interface';\nimport { capitalize } from 'lodash-es';\n\nimport type { ColorScaleItem } from '@/color/types';\n\nexport const generateColorPalette = ({\n  type,\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  scale: ColorScaleItem;\n  type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;\n}): Partial<AliasToken> => {\n  const name = capitalize(type);\n  const isDarkMode = appearance === 'dark';\n  return {\n    [`color${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\n    [`color${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\n    [`color${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\n    [`color${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\n    [`color${name}Bg`]: scale[appearance][1],\n    [`color${name}BgHover`]: scale[appearance][2],\n    [`color${name}Border`]: scale[appearance][4],\n    [`color${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\n    [`color${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\n    [`color${name}`]: scale[appearance][9],\n    [`color${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\n    [`color${name}TextHover`]: scale[appearance][isDarkMode ? 10 : 8],\n    [`color${name}Text`]: scale[appearance][9],\n    [`color${name}TextActive`]: scale[appearance][isDarkMode ? 7 : 10],\n  };\n};\n\nexport const generateColorNeutralPalette = ({\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  scale: ColorScaleItem;\n}): Partial<AliasToken> => {\n  return {\n    colorBgContainer: appearance === 'dark' ? scale[appearance][1] : scale[appearance][0],\n    colorBgElevated: appearance === 'dark' ? scale[appearance][2] : scale[appearance][0],\n    colorBgLayout: appearance === 'dark' ? scale[appearance][0] : scale[appearance][1],\n    colorBgMask: scale.lightA[8],\n    colorBgSpotlight: scale[appearance][4],\n    colorBorder: scale[appearance][3],\n    colorBorderSecondary: scale[appearance][2],\n    colorFill: scale[`${appearance}A`][3],\n    colorFillQuaternary: scale[`${appearance}A`][0],\n    colorFillSecondary: scale[`${appearance}A`][2],\n    colorFillTertiary: scale[`${appearance}A`][1],\n    colorText: scale[appearance][12],\n    colorTextQuaternary: scale[appearance][6],\n    colorTextSecondary: scale[appearance][10],\n    colorTextTertiary: scale[appearance][8],\n  };\n};\n"],"mappings":";;;AAKA,MAAa,wBAAwB,EACnC,MACA,OACA,iBAKyB;CACzB,MAAM,OAAO,WAAW,KAAK;CAC7B,MAAM,aAAa,eAAe;AAClC,QAAO;GACJ,QAAQ,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GAC9D,QAAQ,KAAK,iBAAiB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACvE,QAAQ,KAAK,gBAAgB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACtE,QAAQ,KAAK,kBAAkB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACxE,QAAQ,KAAK,MAAM,MAAM,YAAY;GACrC,QAAQ,KAAK,WAAW,MAAM,YAAY;GAC1C,QAAQ,KAAK,UAAU,MAAM,YAAY;GACzC,QAAQ,KAAK,eAAe,MAAM,YAAY,aAAa,IAAI;GAC/D,QAAQ,KAAK,SAAS,MAAM,YAAY,aAAa,KAAK;GAC1D,QAAQ,SAAS,MAAM,YAAY;GACnC,QAAQ,KAAK,UAAU,MAAM,YAAY,aAAa,IAAI;GAC1D,QAAQ,KAAK,aAAa,MAAM,YAAY,aAAa,KAAK;GAC9D,QAAQ,KAAK,QAAQ,MAAM,YAAY;GACvC,QAAQ,KAAK,cAAc,MAAM,YAAY,aAAa,IAAI;EAChE;;AAGH,MAAa,+BAA+B,EAC1C,OACA,iBAIyB;AACzB,QAAO;EACL,kBAAkB,eAAe,SAAS,MAAM,YAAY,KAAK,MAAM,YAAY;EACnF,iBAAiB,eAAe,SAAS,MAAM,YAAY,KAAK,MAAM,YAAY;EAClF,eAAe,eAAe,SAAS,MAAM,YAAY,KAAK,MAAM,YAAY;EAChF,aAAa,MAAM,OAAO;EAC1B,kBAAkB,MAAM,YAAY;EACpC,aAAa,MAAM,YAAY;EAC/B,sBAAsB,MAAM,YAAY;EACxC,WAAW,MAAM,GAAG,WAAW,IAAI;EACnC,qBAAqB,MAAM,GAAG,WAAW,IAAI;EAC7C,oBAAoB,MAAM,GAAG,WAAW,IAAI;EAC5C,mBAAmB,MAAM,GAAG,WAAW,IAAI;EAC3C,WAAW,MAAM,YAAY;EAC7B,qBAAqB,MAAM,YAAY;EACvC,oBAAoB,MAAM,YAAY;EACtC,mBAAmB,MAAM,YAAY;EACtC"}
+{"version":3,"file":"generateColorPalette.mjs","names":[],"sources":["../../../src/styles/theme/generateColorPalette.ts"],"sourcesContent":["import { AliasToken } from 'antd/es/theme/interface';\nimport { capitalize } from 'es-toolkit/compat';\n\nimport type { ColorScaleItem } from '@/color/types';\n\nexport const generateColorPalette = ({\n  type,\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  scale: ColorScaleItem;\n  type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;\n}): Partial<AliasToken> => {\n  const name = capitalize(type);\n  const isDarkMode = appearance === 'dark';\n  return {\n    [`color${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\n    [`color${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\n    [`color${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\n    [`color${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\n    [`color${name}Bg`]: scale[appearance][1],\n    [`color${name}BgHover`]: scale[appearance][2],\n    [`color${name}Border`]: scale[appearance][4],\n    [`color${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\n    [`color${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\n    [`color${name}`]: scale[appearance][9],\n    [`color${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\n    [`color${name}TextHover`]: scale[appearance][isDarkMode ? 10 : 8],\n    [`color${name}Text`]: scale[appearance][9],\n    [`color${name}TextActive`]: scale[appearance][isDarkMode ? 7 : 10],\n  };\n};\n\nexport const generateColorNeutralPalette = ({\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  scale: ColorScaleItem;\n}): Partial<AliasToken> => {\n  return {\n    colorBgContainer: appearance === 'dark' ? scale[appearance][1] : scale[appearance][0],\n    colorBgElevated: appearance === 'dark' ? scale[appearance][2] : scale[appearance][0],\n    colorBgLayout: appearance === 'dark' ? scale[appearance][0] : scale[appearance][1],\n    colorBgMask: scale.lightA[8],\n    colorBgSpotlight: scale[appearance][4],\n    colorBorder: scale[appearance][3],\n    colorBorderSecondary: scale[appearance][2],\n    colorFill: scale[`${appearance}A`][3],\n    colorFillQuaternary: scale[`${appearance}A`][0],\n    colorFillSecondary: scale[`${appearance}A`][2],\n    colorFillTertiary: scale[`${appearance}A`][1],\n    colorText: scale[appearance][12],\n    colorTextQuaternary: scale[appearance][6],\n    colorTextSecondary: scale[appearance][10],\n    colorTextTertiary: scale[appearance][8],\n  };\n};\n"],"mappings":";;;AAKA,MAAa,wBAAwB,EACnC,MACA,OACA,iBAKyB;CACzB,MAAM,OAAO,WAAW,KAAK;CAC7B,MAAM,aAAa,eAAe;AAClC,QAAO;GACJ,QAAQ,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GAC9D,QAAQ,KAAK,iBAAiB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACvE,QAAQ,KAAK,gBAAgB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACtE,QAAQ,KAAK,kBAAkB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACxE,QAAQ,KAAK,MAAM,MAAM,YAAY;GACrC,QAAQ,KAAK,WAAW,MAAM,YAAY;GAC1C,QAAQ,KAAK,UAAU,MAAM,YAAY;GACzC,QAAQ,KAAK,eAAe,MAAM,YAAY,aAAa,IAAI;GAC/D,QAAQ,KAAK,SAAS,MAAM,YAAY,aAAa,KAAK;GAC1D,QAAQ,SAAS,MAAM,YAAY;GACnC,QAAQ,KAAK,UAAU,MAAM,YAAY,aAAa,IAAI;GAC1D,QAAQ,KAAK,aAAa,MAAM,YAAY,aAAa,KAAK;GAC9D,QAAQ,KAAK,QAAQ,MAAM,YAAY;GACvC,QAAQ,KAAK,cAAc,MAAM,YAAY,aAAa,IAAI;EAChE;;AAGH,MAAa,+BAA+B,EAC1C,OACA,iBAIyB;AACzB,QAAO;EACL,kBAAkB,eAAe,SAAS,MAAM,YAAY,KAAK,MAAM,YAAY;EACnF,iBAAiB,eAAe,SAAS,MAAM,YAAY,KAAK,MAAM,YAAY;EAClF,eAAe,eAAe,SAAS,MAAM,YAAY,KAAK,MAAM,YAAY;EAChF,aAAa,MAAM,OAAO;EAC1B,kBAAkB,MAAM,YAAY;EACpC,aAAa,MAAM,YAAY;EAC/B,sBAAsB,MAAM,YAAY;EACxC,WAAW,MAAM,GAAG,WAAW,IAAI;EACnC,qBAAqB,MAAM,GAAG,WAAW,IAAI;EAC7C,oBAAoB,MAAM,GAAG,WAAW,IAAI;EAC5C,mBAAmB,MAAM,GAAG,WAAW,IAAI;EAC3C,WAAW,MAAM,YAAY;EAC7B,qBAAqB,MAAM,YAAY;EACvC,oBAAoB,MAAM,YAAY;EACtC,mBAAmB,MAAM,YAAY;EACtC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "4.1.0",
+  "version": "4.1.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -122,11 +122,11 @@
     "class-variance-authority": "^0.7.1",
     "dayjs": "^1.11.19",
     "emoji-mart": "^5.6.0",
+    "es-toolkit": "^1.32.0",
     "fast-deep-equal": "^3.1.3",
     "immer": "^11.0.1",
     "katex": "^0.16.27",
     "leva": "^0.10.1",
-    "lodash-es": "^4.17.22",
     "lucide-react": "^0.562.0",
     "marked": "^17.0.1",
     "mermaid": "^11.12.2",

package/es/motion/LazyMotion.d.mts

@@ -1,20 +0,0 @@
-import * as react43 from "react";
-import { ComponentProps } from "react";
-import { LazyMotion } from "motion/react";
-
-//#region src/motion/LazyMotion.d.ts
-type MotionLazyMotionProps = ComponentProps<typeof LazyMotion>;
-type LobeLazyMotionProps = Omit<MotionLazyMotionProps, 'features'> & {
-  /**
-   * Optional override for Motion features.
-   * Defaults to the shared lazy-loaded `loadFeatures`.
-   */
-  features?: MotionLazyMotionProps['features'];
-};
-/**
- * A project-wide `LazyMotion` wrapper that provides a shared default `features` loader.
- */
-declare const LazyMotion$1: react43.NamedExoticComponent<LobeLazyMotionProps>;
-//#endregion
-export { LazyMotion$1 as LazyMotion, LobeLazyMotionProps };
-//# sourceMappingURL=LazyMotion.d.mts.map

package/es/motion/LazyMotion.mjs

@@ -1,20 +0,0 @@
-'use client';
-
-import { loadFeatures } from "./loadFeatures.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { LazyMotion } from "motion/react";
-
-//#region src/motion/LazyMotion.tsx
-/**
-* A project-wide `LazyMotion` wrapper that provides a shared default `features` loader.
-*/
-const LazyMotion$1 = memo(({ features, ...props }) => /* @__PURE__ */ jsx(LazyMotion, {
-	features: features ?? loadFeatures,
-	...props
-}));
-LazyMotion$1.displayName = "LazyMotion";
-
-//#endregion
-export { LazyMotion$1 as LazyMotion };
-//# sourceMappingURL=LazyMotion.mjs.map

package/es/motion/LazyMotion.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LazyMotion.mjs","names":["LazyMotion","MotionLazyMotion"],"sources":["../../src/motion/LazyMotion.tsx"],"sourcesContent":["'use client';\n\nimport { LazyMotion as MotionLazyMotion } from 'motion/react';\nimport { memo } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { loadFeatures } from './loadFeatures';\n\ntype MotionLazyMotionProps = ComponentProps<typeof MotionLazyMotion>;\n\nexport type LobeLazyMotionProps = Omit<MotionLazyMotionProps, 'features'> & {\n  /**\n   * Optional override for Motion features.\n   * Defaults to the shared lazy-loaded `loadFeatures`.\n   */\n  features?: MotionLazyMotionProps['features'];\n};\n\n/**\n * A project-wide `LazyMotion` wrapper that provides a shared default `features` loader.\n */\nexport const LazyMotion = memo<LobeLazyMotionProps>(({ features, ...props }) => (\n  <MotionLazyMotion features={features ?? loadFeatures} {...props} />\n));\n\nLazyMotion.displayName = 'LazyMotion';\n"],"mappings":";;;;;;;;;;;AAqBA,MAAaA,eAAa,MAA2B,EAAE,UAAU,GAAG,YAClE,oBAACC;CAAiB,UAAU,YAAY;CAAc,GAAI;EAAS,CACnE;AAEF,aAAW,cAAc"}

package/es/motion/index.d.mts

@@ -1,4 +0,0 @@
-import { LazyMotion, LobeLazyMotionProps } from "./LazyMotion.mjs";
-import { loadFeatures } from "./loadFeatures.mjs";
-import { AnimatePresence, m } from "motion/react";
-export { AnimatePresence, LazyMotion, type LobeLazyMotionProps, loadFeatures, m };

package/es/motion/index.d.ts

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

package/es/motion/index.js

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

package/es/motion/index.mjs

@@ -1,5 +0,0 @@
-import { loadFeatures } from "./loadFeatures.mjs";
-import { LazyMotion } from "./LazyMotion.mjs";
-import { AnimatePresence, m } from "motion/react";
-
-export { AnimatePresence, LazyMotion, loadFeatures, m };

package/es/motion/loadFeatures.d.mts

@@ -1,14 +0,0 @@
-import { ComponentProps } from "react";
-import { LazyMotion } from "motion/react";
-
-//#region src/motion/loadFeatures.d.ts
-
-/**
- * Shared lazy-loaded Motion features bundle.
- * Using a dynamic import keeps the initial bundle lighter and avoids repeating this logic across components.
- */
-type MotionLazyMotionProps = ComponentProps<typeof LazyMotion>;
-declare const loadFeatures: MotionLazyMotionProps['features'];
-//#endregion
-export { loadFeatures };
-//# sourceMappingURL=loadFeatures.d.mts.map

package/es/motion/loadFeatures.mjs

@@ -1,6 +0,0 @@
-//#region src/motion/loadFeatures.ts
-const loadFeatures = () => import("motion/react").then((res) => res.domAnimation);
-
-//#endregion
-export { loadFeatures };
-//# sourceMappingURL=loadFeatures.mjs.map

package/es/motion/loadFeatures.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"loadFeatures.mjs","names":["loadFeatures: MotionLazyMotionProps['features']"],"sources":["../../src/motion/loadFeatures.ts"],"sourcesContent":["import { LazyMotion as MotionLazyMotion } from 'motion/react';\nimport type { ComponentProps } from 'react';\n\n/**\n * Shared lazy-loaded Motion features bundle.\n * Using a dynamic import keeps the initial bundle lighter and avoids repeating this logic across components.\n */\ntype MotionLazyMotionProps = ComponentProps<typeof MotionLazyMotion>;\n\nexport const loadFeatures: MotionLazyMotionProps['features'] = () =>\n  import('motion/react').then((res) => (res as any).domAnimation);\n"],"mappings":";AASA,MAAaA,qBACX,OAAO,gBAAgB,MAAM,QAAS,IAAY,aAAa"}