@lobehub/ui 5.6.2 → 5.6.4

package/es/AutoComplete/Select.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { variants } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { AutoComplete } from "antd";
 import { cx, useThemeMode } from "antd-style";
-
 //#region src/AutoComplete/Select.tsx
 const AutoComplete$1 = memo(({ variant, shadow, className, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -19,8 +17,7 @@ const AutoComplete$1 = memo(({ variant, shadow, className, ...rest }) => {
 	});
 });
 AutoComplete$1.displayName = "AutoComplete";
-var Select_default = AutoComplete$1;
-
 //#endregion
-export { Select_default as default };
+export { AutoComplete$1 as default };
+
 //# sourceMappingURL=Select.mjs.map

package/es/AutoComplete/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","names":["AutoComplete","AntAutoComplete"],"sources":["../../src/AutoComplete/Select.tsx"],"sourcesContent":["'use client';\n\nimport { AutoComplete as AntAutoComplete } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { AutoCompleteProps } from './type';\n\nconst AutoComplete = memo<AutoCompleteProps>(({ variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntAutoComplete\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nAutoComplete.displayName = 'AutoComplete';\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;;;AASA,MAAMA,iBAAe,MAAyB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACxF,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC;EACC,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;GACJ;EAEJ;AAEF,eAAa,cAAc;AAE3B,qBAAeD"}
+{"version":3,"file":"Select.mjs","names":["AutoComplete","AntAutoComplete"],"sources":["../../src/AutoComplete/Select.tsx"],"sourcesContent":["'use client';\n\nimport { AutoComplete as AntAutoComplete } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { AutoCompleteProps } from './type';\n\nconst AutoComplete = memo<AutoCompleteProps>(({ variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntAutoComplete\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nAutoComplete.displayName = 'AutoComplete';\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;AASA,MAAMA,iBAAe,MAAyB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACxF,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC,cAAD;EACE,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;EACJ,CAAA;EAEJ;AAEF,eAAa,cAAc"}

package/es/AutoComplete/index.mjs

@@ -1,3 +1,2 @@
-import Select_default from "./Select.mjs";
-
-export { Select_default as default };
+import AutoComplete from "./Select.mjs";
+export { AutoComplete as default };

package/es/AutoComplete/style.mjs

@@ -1,33 +1,32 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/AutoComplete/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
+const styles = createStaticStyles(({ css }) => {
 	return {
-		borderless: css$1`
+		borderless: css`
       &[class*='ant-select'] {
         > [class*='ant-select-selector'] {
           ${staticStylish.variantBorderless}
         }
       }
     `,
-		filled: css$1`
+		filled: css`
       &[class*='ant-select'] {
         > [class*='ant-select-selector'] {
           ${staticStylish.variantFilled}
         }
       }
     `,
-		outlined: css$1`
+		outlined: css`
       &[class*='ant-select'] {
         > [class*='ant-select-selector'] {
           ${staticStylish.variantOutlined}
         }
       }
     `,
-		root: css$1``,
-		shadow: css$1`
+		root: css``,
+		shadow: css`
       &[class*='ant-select'] {
         > [class*='ant-select-selector'] {
           ${staticStylish.shadow}
@@ -51,7 +50,7 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-
 //#endregion
 export { variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/AutoComplete/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/AutoComplete/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    borderless: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantBorderless}\n        }\n      }\n    `,\n    filled: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantFilled}\n        }\n      }\n    `,\n    outlined: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantOutlined}\n        }\n      }\n    `,\n    root: css``,\n    shadow: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.shadow}\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      underlined: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO;EACL,YAAY,KAAG;;;YAGPA,cAAkB,kBAAkB;;;;EAI5C,QAAQ,KAAG;;;YAGHA,cAAkB,cAAc;;;;EAIxC,UAAU,KAAG;;;YAGLA,cAAkB,gBAAgB;;;;EAI1C,MAAM,KAAG;EACT,QAAQ,KAAG;;;YAGHA,cAAkB,OAAO;;;;EAIlC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,OACT;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;GACb;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/AutoComplete/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    borderless: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantBorderless}\n        }\n      }\n    `,\n    filled: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantFilled}\n        }\n      }\n    `,\n    outlined: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantOutlined}\n        }\n      }\n    `,\n    root: css``,\n    shadow: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.shadow}\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      underlined: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,YAAY,GAAG;;;YAGPA,cAAkB,kBAAkB;;;;EAI5C,QAAQ,GAAG;;;YAGHA,cAAkB,cAAc;;;;EAIxC,UAAU,GAAG;;;YAGLA,cAAkB,gBAAgB;;;;EAI1C,MAAM,GAAG;EACT,QAAQ,GAAG;;;YAGHA,cAAkB,OAAO;;;;EAIlC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,OACT;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;GACb;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}

package/es/Avatar/Avatar.mjs

@@ -1,10 +1,9 @@
-'use client';
-
-import Center_default from "../Flex/Center.mjs";
+"use client";
+import Center from "../Flex/Center.mjs";
 import { safeReadableColor } from "../utils/safeReadableColor.mjs";
-import Icon_default from "../Icon/Icon.mjs";
-import Img_default from "../Img/index.mjs";
-import FluentEmoji_default from "../FluentEmoji/FluentEmoji.mjs";
+import Icon from "../Icon/Icon.mjs";
+import Img from "../Img/index.mjs";
+import FluentEmoji from "../FluentEmoji/FluentEmoji.mjs";
 import { styles, variants } from "./style.mjs";
 import { calculateEmojiSize, formatAvatarText, getActualColorForReadable, hasValidBackground, isDefaultAntAvatar } from "./utils.mjs";
 import { memo, useMemo, useState } from "react";
@@ -13,7 +12,6 @@ import { Avatar } from "antd";
 import { cssVar, cx } from "antd-style";
 import { Loader2 } from "lucide-react";
 import { getEmoji } from "@lobehub/fluent-emoji";
-
 //#region src/Avatar/Avatar.tsx
 const Avatar$1 = memo(({ bordered, className, avatar, title, animation, borderedColor, size = 48, shape = "square", background, style, unoptimized, alt, variant = "borderless", shadow, loading, sliceText = true, emojiScaleWithBackground = true, ref, ...rest }) => {
 	const isStringAvatar = typeof avatar === "string";
@@ -26,7 +24,7 @@ const Avatar$1 = memo(({ bordered, className, avatar, title, animation, bordered
 	]);
 	const text = String(isDefaultAntAvatar$1 ? title : avatar);
 	const imgAlt = alt || title || "avatar";
-	const defaultAvatar = useMemo(() => typeof avatar === "string" ? /* @__PURE__ */ jsx(Img_default, {
+	const defaultAvatar = useMemo(() => typeof avatar === "string" ? /* @__PURE__ */ jsx(Img, {
 		alt: imgAlt,
 		height: size,
 		loading: "lazy",
@@ -41,7 +39,7 @@ const Avatar$1 = memo(({ bordered, className, avatar, title, animation, bordered
 		unoptimized
 	]);
 	const hasBackground = hasValidBackground(background);
-	const customAvatar = useMemo(() => emoji ? /* @__PURE__ */ jsx(FluentEmoji_default, {
+	const customAvatar = useMemo(() => emoji ? /* @__PURE__ */ jsx(FluentEmoji, {
 		emoji,
 		size: calculateEmojiSize(size, hasBackground, emojiScaleWithBackground),
 		type: animation ? "anim" : "3d",
@@ -93,11 +91,11 @@ const Avatar$1 = memo(({ bordered, className, avatar, title, animation, bordered
 		src: isDefaultAntAvatar$1 && !isImgError ? defaultAvatar : void 0,
 		style: avatarStyle,
 		...rest,
-		children: [loading && /* @__PURE__ */ jsx(Center_default, {
+		children: [loading && /* @__PURE__ */ jsx(Center, {
 			className: styles.loading,
 			height: "100%",
 			width: "100%",
-			children: /* @__PURE__ */ jsx(Icon_default, {
+			children: /* @__PURE__ */ jsx(Icon, {
 				spin: true,
 				icon: Loader2
 			})
@@ -105,8 +103,7 @@ const Avatar$1 = memo(({ bordered, className, avatar, title, animation, bordered
 	});
 });
 Avatar$1.displayName = "Avatar";
-var Avatar_default = Avatar$1;
-
 //#endregion
-export { Avatar_default as default };
+export { Avatar$1 as default };
+
 //# sourceMappingURL=Avatar.mjs.map

package/es/Avatar/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","names":["Avatar","isDefaultAntAvatar","checkIsDefaultAntAvatar","Img","FluentEmoji","AntAvatar","Center","Icon"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { getEmoji } from '@lobehub/fluent-emoji';\nimport { Avatar as AntAvatar } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo, useMemo, useState } from 'react';\n\nimport { Center } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { styles, variants } from './style';\nimport { type AvatarProps } from './type';\nimport {\n  calculateEmojiSize,\n  formatAvatarText,\n  getActualColorForReadable,\n  hasValidBackground,\n  isDefaultAntAvatar as checkIsDefaultAntAvatar,\n} from './utils';\n\nconst Avatar = memo<AvatarProps>(\n  ({\n    bordered,\n    className,\n    avatar,\n    title,\n    animation,\n    borderedColor,\n    size = 48,\n    shape = 'square',\n    background,\n    style,\n    unoptimized,\n    alt,\n    variant = 'borderless',\n    shadow,\n    loading,\n    sliceText = true,\n    emojiScaleWithBackground = true,\n    ref,\n    ...rest\n  }) => {\n    const isStringAvatar = typeof avatar === 'string';\n\n    const isDefaultAntAvatar = useMemo(() => checkIsDefaultAntAvatar(avatar), [avatar]);\n    const [isImgError, setIsImgError] = useState(false);\n\n    const emoji = useMemo(\n      () => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar),\n      [avatar, isStringAvatar, isDefaultAntAvatar],\n    );\n\n    const text = String(isDefaultAntAvatar ? title : avatar);\n\n    const imgAlt = alt || title || 'avatar';\n\n    const defaultAvatar = useMemo(\n      () =>\n        typeof avatar === 'string' ? (\n          <Img\n            alt={imgAlt}\n            height={size}\n            loading={'lazy'}\n            src={avatar}\n            unoptimized={unoptimized}\n            width={size}\n            onError={() => setIsImgError(true)}\n          />\n        ) : (\n          avatar\n        ),\n      [avatar, imgAlt, size, unoptimized],\n    );\n\n    const hasBackground = hasValidBackground(background);\n\n    const customAvatar = useMemo(\n      () =>\n        emoji ? (\n          <FluentEmoji\n            emoji={emoji}\n            size={calculateEmojiSize(size, hasBackground, emojiScaleWithBackground)}\n            type={animation ? 'anim' : '3d'}\n            unoptimized={unoptimized}\n          />\n        ) : (\n          formatAvatarText(text || title, sliceText)\n        ),\n      [\n        animation,\n        emoji,\n        hasBackground,\n        size,\n        sliceText,\n        text,\n        title,\n        unoptimized,\n        emojiScaleWithBackground,\n      ],\n    );\n\n    // Get actual color value for readableColor (CSS variables can't be parsed)\n    const actualColorForReadable = useMemo(\n      () => getActualColorForReadable(background, cssVar.colorBorder),\n      [background],\n    );\n\n    const avatarStyle = useMemo(\n      () => ({\n        backgroundColor:\n          (isDefaultAntAvatar && !isImgError) || emoji\n            ? background\n            : background || cssVar.colorBorder,\n        borderRadius: shape === 'square' && size && size < 24 ? '33%' : undefined,\n        boxShadow: bordered\n          ? `${cssVar.colorBgLayout} 0 0 0 2px, ${borderedColor || cssVar.colorTextTertiary} 0 0 0 4px`\n          : undefined,\n        color: safeReadableColor(actualColorForReadable),\n        cursor: rest?.onClick ? 'pointer' : undefined,\n        fontSize: size * (emoji ? 0.7 : 0.5),\n        ...style,\n      }),\n      [\n        isDefaultAntAvatar,\n        isImgError,\n        background,\n        shape,\n        emoji,\n        size,\n        bordered,\n        borderedColor,\n        actualColorForReadable,\n        rest?.onClick,\n        style,\n      ],\n    );\n\n    const showFallback = !isDefaultAntAvatar || isImgError;\n\n    return (\n      <AntAvatar\n        alt={imgAlt}\n        className={cx(variants({ shadow, variant }), className)}\n        draggable={false}\n        ref={ref}\n        shape={shape}\n        size={size}\n        src={isDefaultAntAvatar && !isImgError ? defaultAvatar : undefined}\n        style={avatarStyle}\n        {...rest}\n      >\n        {loading && (\n          <Center className={styles.loading} height={'100%'} width={'100%'}>\n            <Icon spin icon={Loader2} />\n          </Center>\n        )}\n        {showFallback && customAvatar}\n      </AntAvatar>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,MAAMA,WAAS,MACZ,EACC,UACA,WACA,QACA,OACA,WACA,eACA,OAAO,IACP,QAAQ,UACR,YACA,OACA,aACA,KACA,UAAU,cACV,QACA,SACA,YAAY,MACZ,2BAA2B,MAC3B,KACA,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,WAAW;CAEzC,MAAMC,uBAAqB,cAAcC,mBAAwB,OAAO,EAAE,CAAC,OAAO,CAAC;CACnF,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,QAAQ,cACN,UAAU,CAACD,wBAAsB,kBAAkB,SAAS,OAAO,EACzE;EAAC;EAAQ;EAAgBA;EAAmB,CAC7C;CAED,MAAM,OAAO,OAAOA,uBAAqB,QAAQ,OAAO;CAExD,MAAM,SAAS,OAAO,SAAS;CAE/B,MAAM,gBAAgB,cAElB,OAAO,WAAW,WAChB,oBAACE;EACC,KAAK;EACL,QAAQ;EACR,SAAS;EACT,KAAK;EACQ;EACb,OAAO;EACP,eAAe,cAAc,KAAK;GAClC,GAEF,QAEJ;EAAC;EAAQ;EAAQ;EAAM;EAAY,CACpC;CAED,MAAM,gBAAgB,mBAAmB,WAAW;CAEpD,MAAM,eAAe,cAEjB,QACE,oBAACC;EACQ;EACP,MAAM,mBAAmB,MAAM,eAAe,yBAAyB;EACvE,MAAM,YAAY,SAAS;EACd;GACb,GAEF,iBAAiB,QAAQ,OAAO,UAAU,EAE9C;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAGD,MAAM,yBAAyB,cACvB,0BAA0B,YAAY,OAAO,YAAY,EAC/D,CAAC,WAAW,CACb;CAED,MAAM,cAAc,eACX;EACL,iBACGH,wBAAsB,CAAC,cAAe,QACnC,aACA,cAAc,OAAO;EAC3B,cAAc,UAAU,YAAY,QAAQ,OAAO,KAAK,QAAQ;EAChE,WAAW,WACP,GAAG,OAAO,cAAc,cAAc,iBAAiB,OAAO,kBAAkB,cAChF;EACJ,OAAO,kBAAkB,uBAAuB;EAChD,QAAQ,MAAM,UAAU,YAAY;EACpC,UAAU,QAAQ,QAAQ,KAAM;EAChC,GAAG;EACJ,GACD;EACEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACN;EACD,CACF;CAED,MAAM,eAAe,CAACA,wBAAsB;AAE5C,QACE,qBAACI;EACC,KAAK;EACL,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,WAAW;EACN;EACE;EACD;EACN,KAAKJ,wBAAsB,CAAC,aAAa,gBAAgB;EACzD,OAAO;EACP,GAAI;aAEH,WACC,oBAACK;GAAO,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;aACxD,oBAACC;IAAK;IAAK,MAAM;KAAW;IACrB,EAEV,gBAAgB;GACP;EAGjB;AAED,SAAO,cAAc;AAErB,qBAAeP"}
+{"version":3,"file":"Avatar.mjs","names":["Avatar","isDefaultAntAvatar","checkIsDefaultAntAvatar","AntAvatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { getEmoji } from '@lobehub/fluent-emoji';\nimport { Avatar as AntAvatar } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo, useMemo, useState } from 'react';\n\nimport { Center } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { styles, variants } from './style';\nimport { type AvatarProps } from './type';\nimport {\n  calculateEmojiSize,\n  formatAvatarText,\n  getActualColorForReadable,\n  hasValidBackground,\n  isDefaultAntAvatar as checkIsDefaultAntAvatar,\n} from './utils';\n\nconst Avatar = memo<AvatarProps>(\n  ({\n    bordered,\n    className,\n    avatar,\n    title,\n    animation,\n    borderedColor,\n    size = 48,\n    shape = 'square',\n    background,\n    style,\n    unoptimized,\n    alt,\n    variant = 'borderless',\n    shadow,\n    loading,\n    sliceText = true,\n    emojiScaleWithBackground = true,\n    ref,\n    ...rest\n  }) => {\n    const isStringAvatar = typeof avatar === 'string';\n\n    const isDefaultAntAvatar = useMemo(() => checkIsDefaultAntAvatar(avatar), [avatar]);\n    const [isImgError, setIsImgError] = useState(false);\n\n    const emoji = useMemo(\n      () => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar),\n      [avatar, isStringAvatar, isDefaultAntAvatar],\n    );\n\n    const text = String(isDefaultAntAvatar ? title : avatar);\n\n    const imgAlt = alt || title || 'avatar';\n\n    const defaultAvatar = useMemo(\n      () =>\n        typeof avatar === 'string' ? (\n          <Img\n            alt={imgAlt}\n            height={size}\n            loading={'lazy'}\n            src={avatar}\n            unoptimized={unoptimized}\n            width={size}\n            onError={() => setIsImgError(true)}\n          />\n        ) : (\n          avatar\n        ),\n      [avatar, imgAlt, size, unoptimized],\n    );\n\n    const hasBackground = hasValidBackground(background);\n\n    const customAvatar = useMemo(\n      () =>\n        emoji ? (\n          <FluentEmoji\n            emoji={emoji}\n            size={calculateEmojiSize(size, hasBackground, emojiScaleWithBackground)}\n            type={animation ? 'anim' : '3d'}\n            unoptimized={unoptimized}\n          />\n        ) : (\n          formatAvatarText(text || title, sliceText)\n        ),\n      [\n        animation,\n        emoji,\n        hasBackground,\n        size,\n        sliceText,\n        text,\n        title,\n        unoptimized,\n        emojiScaleWithBackground,\n      ],\n    );\n\n    // Get actual color value for readableColor (CSS variables can't be parsed)\n    const actualColorForReadable = useMemo(\n      () => getActualColorForReadable(background, cssVar.colorBorder),\n      [background],\n    );\n\n    const avatarStyle = useMemo(\n      () => ({\n        backgroundColor:\n          (isDefaultAntAvatar && !isImgError) || emoji\n            ? background\n            : background || cssVar.colorBorder,\n        borderRadius: shape === 'square' && size && size < 24 ? '33%' : undefined,\n        boxShadow: bordered\n          ? `${cssVar.colorBgLayout} 0 0 0 2px, ${borderedColor || cssVar.colorTextTertiary} 0 0 0 4px`\n          : undefined,\n        color: safeReadableColor(actualColorForReadable),\n        cursor: rest?.onClick ? 'pointer' : undefined,\n        fontSize: size * (emoji ? 0.7 : 0.5),\n        ...style,\n      }),\n      [\n        isDefaultAntAvatar,\n        isImgError,\n        background,\n        shape,\n        emoji,\n        size,\n        bordered,\n        borderedColor,\n        actualColorForReadable,\n        rest?.onClick,\n        style,\n      ],\n    );\n\n    const showFallback = !isDefaultAntAvatar || isImgError;\n\n    return (\n      <AntAvatar\n        alt={imgAlt}\n        className={cx(variants({ shadow, variant }), className)}\n        draggable={false}\n        ref={ref}\n        shape={shape}\n        size={size}\n        src={isDefaultAntAvatar && !isImgError ? defaultAvatar : undefined}\n        style={avatarStyle}\n        {...rest}\n      >\n        {loading && (\n          <Center className={styles.loading} height={'100%'} width={'100%'}>\n            <Icon spin icon={Loader2} />\n          </Center>\n        )}\n        {showFallback && customAvatar}\n      </AntAvatar>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,MAAMA,WAAS,MACZ,EACC,UACA,WACA,QACA,OACA,WACA,eACA,OAAO,IACP,QAAQ,UACR,YACA,OACA,aACA,KACA,UAAU,cACV,QACA,SACA,YAAY,MACZ,2BAA2B,MAC3B,KACA,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,WAAW;CAEzC,MAAMC,uBAAqB,cAAcC,mBAAwB,OAAO,EAAE,CAAC,OAAO,CAAC;CACnF,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,QAAQ,cACN,UAAU,CAACD,wBAAsB,kBAAkB,SAAS,OAAO,EACzE;EAAC;EAAQ;EAAgBA;EAAmB,CAC7C;CAED,MAAM,OAAO,OAAOA,uBAAqB,QAAQ,OAAO;CAExD,MAAM,SAAS,OAAO,SAAS;CAE/B,MAAM,gBAAgB,cAElB,OAAO,WAAW,WAChB,oBAAC,KAAD;EACE,KAAK;EACL,QAAQ;EACR,SAAS;EACT,KAAK;EACQ;EACb,OAAO;EACP,eAAe,cAAc,KAAK;EAClC,CAAA,GAEF,QAEJ;EAAC;EAAQ;EAAQ;EAAM;EAAY,CACpC;CAED,MAAM,gBAAgB,mBAAmB,WAAW;CAEpD,MAAM,eAAe,cAEjB,QACE,oBAAC,aAAD;EACS;EACP,MAAM,mBAAmB,MAAM,eAAe,yBAAyB;EACvE,MAAM,YAAY,SAAS;EACd;EACb,CAAA,GAEF,iBAAiB,QAAQ,OAAO,UAAU,EAE9C;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAGD,MAAM,yBAAyB,cACvB,0BAA0B,YAAY,OAAO,YAAY,EAC/D,CAAC,WAAW,CACb;CAED,MAAM,cAAc,eACX;EACL,iBACGA,wBAAsB,CAAC,cAAe,QACnC,aACA,cAAc,OAAO;EAC3B,cAAc,UAAU,YAAY,QAAQ,OAAO,KAAK,QAAQ,KAAA;EAChE,WAAW,WACP,GAAG,OAAO,cAAc,cAAc,iBAAiB,OAAO,kBAAkB,cAChF,KAAA;EACJ,OAAO,kBAAkB,uBAAuB;EAChD,QAAQ,MAAM,UAAU,YAAY,KAAA;EACpC,UAAU,QAAQ,QAAQ,KAAM;EAChC,GAAG;EACJ,GACD;EACEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACN;EACD,CACF;CAED,MAAM,eAAe,CAACA,wBAAsB;AAE5C,QACE,qBAACE,QAAD;EACE,KAAK;EACL,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,WAAW;EACN;EACE;EACD;EACN,KAAKF,wBAAsB,CAAC,aAAa,gBAAgB,KAAA;EACzD,OAAO;EACP,GAAI;YATN,CAWG,WACC,oBAAC,QAAD;GAAQ,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;aACxD,oBAAC,MAAD;IAAM,MAAA;IAAK,MAAM;IAAW,CAAA;GACrB,CAAA,EAEV,gBAAgB,aACP;;EAGjB;AAED,SAAO,cAAc"}

package/es/Avatar/AvatarGroup/index.d.mts

@@ -1,8 +1,8 @@
 import { AvatarGroupProps } from "../type.mjs";
-import * as react75 from "react";
+import * as _$react from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react75.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: _$react.NamedExoticComponent<AvatarGroupProps>;
 //#endregion
 export { AvatarGroup };
 //# sourceMappingURL=index.d.mts.map

package/es/Avatar/AvatarGroup/index.mjs

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Avatar_default from "../Avatar.mjs";
+import Avatar from "../Avatar.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
-
 //#region src/Avatar/AvatarGroup/index.tsx
 const AvatarGroup = memo(({ items, max, gap, variant = "borderless", bordered, shadow, size = 48, background, animation, draggable, classNames, shape, styles: customStyles, onClick, ref, zIndexReverse, ...rest }) => {
 	const avatars = max ? items.slice(0, max) : items;
@@ -30,7 +28,7 @@ const AvatarGroup = memo(({ items, max, gap, variant = "borderless", bordered, s
 		...rest,
 		children: [avatars.map((avatar, index) => {
 			const { key, style: avatarStyle, className: avatarClassName, ...restAvatarProps } = avatar;
-			return /* @__PURE__ */ jsx(Avatar_default, {
+			return /* @__PURE__ */ jsx(Avatar, {
 				className: cx(classNames?.avatar, avatarClassName, styles.avatar),
 				style: {
 					marginLeft: index === 0 ? 0 : gapValue,
@@ -45,7 +43,7 @@ const AvatarGroup = memo(({ items, max, gap, variant = "borderless", bordered, s
 				...avatarProps,
 				...restAvatarProps
 			}, key);
-		}), max && restAvatars.length > 0 && /* @__PURE__ */ jsx(Avatar_default, {
+		}), max && restAvatars.length > 0 && /* @__PURE__ */ jsx(Avatar, {
 			...avatarProps,
 			avatar: `+${restAvatars.length}`,
 			background: cssVar.colorText,
@@ -60,8 +58,7 @@ const AvatarGroup = memo(({ items, max, gap, variant = "borderless", bordered, s
 	});
 });
 AvatarGroup.displayName = "AvatarGroup";
-var AvatarGroup_default = AvatarGroup;
-
 //#endregion
-export { AvatarGroup_default as default };
+export { AvatarGroup as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/Avatar/AvatarGroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Flexbox","Avatar"],"sources":["../../../src/Avatar/AvatarGroup/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport Avatar from '../Avatar';\nimport type { AvatarGroupProps } from '../type';\nimport { styles } from './style';\n\nconst AvatarGroup = memo<AvatarGroupProps>(\n  ({\n    items,\n    max,\n    gap,\n    variant = 'borderless',\n    bordered,\n    shadow,\n    size = 48,\n    background,\n    animation,\n    draggable,\n    classNames,\n    shape,\n    styles: customStyles,\n    onClick,\n    ref,\n    zIndexReverse,\n    ...rest\n  }) => {\n    const avatars = max ? items.slice(0, max) : items;\n    const restAvatars = items.slice(max, items.length);\n    const gapValue = gap ?? Math.floor(-size / 4);\n\n    const avatarProps = {\n      animation,\n      background,\n      bordered,\n      draggable,\n      shadow,\n      shape,\n      size,\n      variant,\n    };\n\n    return (\n      <Flexbox\n        horizontal\n        gap={gap}\n        ref={ref}\n        style={{\n          position: 'relative',\n        }}\n        {...rest}\n      >\n        {avatars.map((avatar, index) => {\n          const {\n            key,\n            style: avatarStyle,\n            className: avatarClassName,\n            ...restAvatarProps\n          } = avatar;\n          return (\n            <Avatar\n              className={cx(classNames?.avatar, avatarClassName, styles.avatar)}\n              key={key}\n              style={{\n                marginLeft: index === 0 ? 0 : gapValue,\n                zIndex: zIndexReverse ? items.length - index : index,\n                ...customStyles?.avatar,\n                ...avatarStyle,\n              }}\n              onClick={() => onClick?.({ item: avatar, key })}\n              {...avatarProps}\n              {...restAvatarProps}\n            />\n          );\n        })}\n        {max && restAvatars.length > 0 && (\n          <Avatar\n            {...avatarProps}\n            avatar={`+${restAvatars.length}`}\n            background={cssVar.colorText}\n            className={cx(styles.avatar, styles.count, classNames?.count)}\n            sliceText={false}\n            style={{\n              marginLeft: gapValue,\n              zIndex: zIndexReverse ? 0 : avatars.length,\n              ...customStyles?.count,\n            }}\n          />\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,cAAc,MACjB,EACC,OACA,KACA,KACA,UAAU,cACV,UACA,QACA,OAAO,IACP,YACA,WACA,WACA,YACA,OACA,QAAQ,cACR,SACA,KACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG;CAC5C,MAAM,cAAc,MAAM,MAAM,KAAK,MAAM,OAAO;CAClD,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,OAAO,EAAE;CAE7C,MAAM,cAAc;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAED,QACE,qBAACA;EACC;EACK;EACA;EACL,OAAO,EACL,UAAU,YACX;EACD,GAAI;aAEH,QAAQ,KAAK,QAAQ,UAAU;GAC9B,MAAM,EACJ,KACA,OAAO,aACP,WAAW,iBACX,GAAG,oBACD;AACJ,UACE,oBAACC;IACC,WAAW,GAAG,YAAY,QAAQ,iBAAiB,OAAO,OAAO;IAEjE,OAAO;KACL,YAAY,UAAU,IAAI,IAAI;KAC9B,QAAQ,gBAAgB,MAAM,SAAS,QAAQ;KAC/C,GAAG,cAAc;KACjB,GAAG;KACJ;IACD,eAAe,UAAU;KAAE,MAAM;KAAQ;KAAK,CAAC;IAC/C,GAAI;IACJ,GAAI;MATC,IAUL;IAEJ,EACD,OAAO,YAAY,SAAS,KAC3B,oBAACA;GACC,GAAI;GACJ,QAAQ,IAAI,YAAY;GACxB,YAAY,OAAO;GACnB,WAAW,GAAG,OAAO,QAAQ,OAAO,OAAO,YAAY,MAAM;GAC7D,WAAW;GACX,OAAO;IACL,YAAY;IACZ,QAAQ,gBAAgB,IAAI,QAAQ;IACpC,GAAG,cAAc;IAClB;IACD;GAEI;EAGf;AAED,YAAY,cAAc;AAE1B,0BAAe"}
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/Avatar/AvatarGroup/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport Avatar from '../Avatar';\nimport type { AvatarGroupProps } from '../type';\nimport { styles } from './style';\n\nconst AvatarGroup = memo<AvatarGroupProps>(\n  ({\n    items,\n    max,\n    gap,\n    variant = 'borderless',\n    bordered,\n    shadow,\n    size = 48,\n    background,\n    animation,\n    draggable,\n    classNames,\n    shape,\n    styles: customStyles,\n    onClick,\n    ref,\n    zIndexReverse,\n    ...rest\n  }) => {\n    const avatars = max ? items.slice(0, max) : items;\n    const restAvatars = items.slice(max, items.length);\n    const gapValue = gap ?? Math.floor(-size / 4);\n\n    const avatarProps = {\n      animation,\n      background,\n      bordered,\n      draggable,\n      shadow,\n      shape,\n      size,\n      variant,\n    };\n\n    return (\n      <Flexbox\n        horizontal\n        gap={gap}\n        ref={ref}\n        style={{\n          position: 'relative',\n        }}\n        {...rest}\n      >\n        {avatars.map((avatar, index) => {\n          const {\n            key,\n            style: avatarStyle,\n            className: avatarClassName,\n            ...restAvatarProps\n          } = avatar;\n          return (\n            <Avatar\n              className={cx(classNames?.avatar, avatarClassName, styles.avatar)}\n              key={key}\n              style={{\n                marginLeft: index === 0 ? 0 : gapValue,\n                zIndex: zIndexReverse ? items.length - index : index,\n                ...customStyles?.avatar,\n                ...avatarStyle,\n              }}\n              onClick={() => onClick?.({ item: avatar, key })}\n              {...avatarProps}\n              {...restAvatarProps}\n            />\n          );\n        })}\n        {max && restAvatars.length > 0 && (\n          <Avatar\n            {...avatarProps}\n            avatar={`+${restAvatars.length}`}\n            background={cssVar.colorText}\n            className={cx(styles.avatar, styles.count, classNames?.count)}\n            sliceText={false}\n            style={{\n              marginLeft: gapValue,\n              zIndex: zIndexReverse ? 0 : avatars.length,\n              ...customStyles?.count,\n            }}\n          />\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;;;AAWA,MAAM,cAAc,MACjB,EACC,OACA,KACA,KACA,UAAU,cACV,UACA,QACA,OAAO,IACP,YACA,WACA,WACA,YACA,OACA,QAAQ,cACR,SACA,KACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG;CAC5C,MAAM,cAAc,MAAM,MAAM,KAAK,MAAM,OAAO;CAClD,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,OAAO,EAAE;CAE7C,MAAM,cAAc;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAED,QACE,qBAACA,mBAAD;EACE,YAAA;EACK;EACA;EACL,OAAO,EACL,UAAU,YACX;EACD,GAAI;YAPN,CASG,QAAQ,KAAK,QAAQ,UAAU;GAC9B,MAAM,EACJ,KACA,OAAO,aACP,WAAW,iBACX,GAAG,oBACD;AACJ,UACE,oBAAC,QAAD;IACE,WAAW,GAAG,YAAY,QAAQ,iBAAiB,OAAO,OAAO;IAEjE,OAAO;KACL,YAAY,UAAU,IAAI,IAAI;KAC9B,QAAQ,gBAAgB,MAAM,SAAS,QAAQ;KAC/C,GAAG,cAAc;KACjB,GAAG;KACJ;IACD,eAAe,UAAU;KAAE,MAAM;KAAQ;KAAK,CAAC;IAC/C,GAAI;IACJ,GAAI;IACJ,EAVK,IAUL;IAEJ,EACD,OAAO,YAAY,SAAS,KAC3B,oBAAC,QAAD;GACE,GAAI;GACJ,QAAQ,IAAI,YAAY;GACxB,YAAY,OAAO;GACnB,WAAW,GAAG,OAAO,QAAQ,OAAO,OAAO,YAAY,MAAM;GAC7D,WAAW;GACX,OAAO;IACL,YAAY;IACZ,QAAQ,gBAAgB,IAAI,QAAQ;IACpC,GAAG,cAAc;IAClB;GACD,CAAA,CAEI;;EAGf;AAED,YAAY,cAAc"}

package/es/Avatar/AvatarGroup/style.mjs

@@ -1,24 +1,23 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/Avatar/AvatarGroup/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		avatar: css$1`
-      border: 2px solid ${cssVar$1.colorBgContainer} !important;
+		avatar: css`
+      border: 2px solid ${cssVar.colorBgContainer} !important;
     `,
-		count: css$1`
+		count: css`
       &[class*='ant-avatar'] {
-        background: ${cssVar$1.colorText};
+        background: ${cssVar.colorText};
 
         > [class*='ant-avatar-string'] {
           transform: scale(0.8) !important;
-          color: ${cssVar$1.colorBgLayout};
+          color: ${cssVar.colorBgLayout};
         }
       }
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Avatar/AvatarGroup/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/Avatar/AvatarGroup/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    avatar: css`\n      border: 2px solid ${cssVar.colorBgContainer} !important;\n    `,\n    count: css`\n      &[class*='ant-avatar'] {\n        background: ${cssVar.colorText};\n\n        > [class*='ant-avatar-string'] {\n          transform: scale(0.8) !important;\n          color: ${cssVar.colorBgLayout};\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;0BACWA,SAAO,iBAAiB;;EAE9C,OAAO,KAAG;;sBAEQA,SAAO,UAAU;;;;mBAIpBA,SAAO,cAAc;;;;EAIrC;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Avatar/AvatarGroup/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    avatar: css`\n      border: 2px solid ${cssVar.colorBgContainer} !important;\n    `,\n    count: css`\n      &[class*='ant-avatar'] {\n        background: ${cssVar.colorText};\n\n        > [class*='ant-avatar-string'] {\n          transform: scale(0.8) !important;\n          color: ${cssVar.colorBgLayout};\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;0BACW,OAAO,iBAAiB;;EAE9C,OAAO,GAAG;;sBAEQ,OAAO,UAAU;;;;mBAIpB,OAAO,cAAc;;;;EAIrC;EACD"}

package/es/Avatar/index.mjs

@@ -1,11 +1,9 @@
-import Avatar_default$1 from "./Avatar.mjs";
-import AvatarGroup_default from "./AvatarGroup/index.mjs";
-
+import Avatar$1 from "./Avatar.mjs";
+import AvatarGroup from "./AvatarGroup/index.mjs";
 //#region src/Avatar/index.ts
-const Avatar = Avatar_default$1;
-Avatar.Group = AvatarGroup_default;
-var Avatar_default = Avatar;
-
+const Avatar = Avatar$1;
+Avatar.Group = AvatarGroup;
 //#endregion
-export { AvatarGroup_default as AvatarGroup, Avatar_default as default };
+export { AvatarGroup, Avatar as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/Avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["AvatarParent","AvatarGroup"],"sources":["../../src/Avatar/index.ts"],"sourcesContent":["import type { ReactNode, RefAttributes } from 'react';\n\nimport AvatarParent from './Avatar';\nimport AvatarGroup from './AvatarGroup';\nimport { type AvatarProps } from './type';\n\ninterface IAvatar {\n  (props: AvatarProps & RefAttributes<HTMLDivElement>): ReactNode;\n  Group: typeof AvatarGroup;\n}\n\nconst Avatar = AvatarParent as unknown as IAvatar;\nAvatar.Group = AvatarGroup;\n\nexport default Avatar;\nexport { default as AvatarGroup } from './AvatarGroup';\nexport type * from './type';\n"],"mappings":";;;;AAWA,MAAM,SAASA;AACf,OAAO,QAAQC;AAEf,qBAAe"}
+{"version":3,"file":"index.mjs","names":["AvatarParent"],"sources":["../../src/Avatar/index.ts"],"sourcesContent":["import type { ReactNode, RefAttributes } from 'react';\n\nimport AvatarParent from './Avatar';\nimport AvatarGroup from './AvatarGroup';\nimport { type AvatarProps } from './type';\n\ninterface IAvatar {\n  (props: AvatarProps & RefAttributes<HTMLDivElement>): ReactNode;\n  Group: typeof AvatarGroup;\n}\n\nconst Avatar = AvatarParent as unknown as IAvatar;\nAvatar.Group = AvatarGroup;\n\nexport default Avatar;\nexport { default as AvatarGroup } from './AvatarGroup';\nexport type * from './type';\n"],"mappings":";;;AAWA,MAAM,SAASA;AACf,OAAO,QAAQ"}

package/es/Avatar/style.mjs

@@ -1,19 +1,18 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/Avatar/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
 		borderless: staticStylish.variantBorderlessWithoutHover,
 		filled: staticStylish.variantFilledWithoutHover,
-		loading: css$1`
+		loading: css`
       position: absolute;
       color: #fff;
-      background: ${cssVar$1.colorBgMask};
+      background: ${cssVar.colorBgMask};
     `,
 		outlined: staticStylish.variantOutlinedWithoutHover,
-		root: css$1`
+		root: css`
       flex: none;
       background: transparent;
 
@@ -66,7 +65,7 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-
 //#endregion
 export { styles, variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/Avatar/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Avatar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    loading: css`\n      position: absolute;\n      color: #fff;\n      background: ${cssVar.colorBgMask};\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      flex: none;\n      background: transparent;\n\n      &[class*='ant-avatar'] {\n        user-select: none;\n\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        border: none;\n\n        [class*='ant-avatar-string'] {\n          transform: none !important;\n\n          overflow: hidden;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n\n          width: 100%;\n          height: 100%;\n          padding: 0;\n\n          font-size: inherit;\n          font-weight: bolder;\n          line-height: 1;\n          color: inherit;\n        }\n      }\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,SAAS,KAAG;;;oBAGIC,SAAO,YAAY;;EAEnC,UAAUD,cAAkB;EAC5B,MAAM,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCT,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Avatar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    loading: css`\n      position: absolute;\n      color: #fff;\n      background: ${cssVar.colorBgMask};\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      flex: none;\n      background: transparent;\n\n      &[class*='ant-avatar'] {\n        user-select: none;\n\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        border: none;\n\n        [class*='ant-avatar-string'] {\n          transform: none !important;\n\n          overflow: hidden;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n\n          width: 100%;\n          height: 100%;\n          padding: 0;\n\n          font-size: inherit;\n          font-weight: bolder;\n          line-height: 1;\n          color: inherit;\n        }\n      }\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,SAAS,GAAG;;;oBAGI,OAAO,YAAY;;EAEnC,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCT,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}

package/es/Avatar/type.d.mts

@@ -1,7 +1,5 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { TooltipProps } from "../Tooltip/type.mjs";
-import "../Tooltip/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
 import { AvatarProps } from "antd";
 

package/es/Avatar/utils.mjs

@@ -1,5 +1,4 @@
 import { isValidElement } from "react";
-
 //#region src/Avatar/utils.ts
 /**
 * 判断 avatar 是否是默认的 Ant Design Avatar 类型
@@ -44,7 +43,7 @@ const calculateEmojiSize = (size, hasBackground, emojiScaleWithBackground) => {
 	if (emojiScaleWithBackground) return hasBackground ? size * .85 : size;
 	return size * .85;
 };
-
 //#endregion
 export { calculateEmojiSize, formatAvatarText, getActualColorForReadable, hasValidBackground, isDefaultAntAvatar };
+
 //# sourceMappingURL=utils.mjs.map

package/es/Avatar/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Avatar/utils.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react';\n\n/**\n * 判断 avatar 是否是默认的 Ant Design Avatar 类型\n * (URL 路径或 React 元素)\n */\nexport const isDefaultAntAvatar = (avatar: ReactNode): boolean => {\n  if (!avatar) return false;\n\n  const isStringAvatar = typeof avatar === 'string';\n  const isUrlOrDataUri =\n    isStringAvatar && ['/', 'http', 'data:'].some((prefix) => avatar.startsWith(prefix));\n\n  return Boolean(isUrlOrDataUri || isValidElement(avatar));\n};\n\n/**\n * 判断是否有有效的背景色\n */\nexport const hasValidBackground = (background?: string | null): boolean => {\n  return Boolean(\n    background &&\n    background !== 'transparent' &&\n    background !== 'rgba(0,0,0,0)' &&\n    background !== null,\n  );\n};\n\n/**\n * 获取用于可读性计算的实际颜色值\n * 如果是 CSS 变量，返回 fallback 值\n */\nexport const getActualColorForReadable = (\n  background: string | undefined,\n  fallbackColor: string,\n): string => {\n  const bgColor = background || fallbackColor;\n\n  // 如果背景是 CSS 变量，使用 fallback 颜色\n  if (typeof bgColor === 'string' && bgColor.startsWith('var(')) {\n    return fallbackColor;\n  }\n\n  return bgColor;\n};\n\n/**\n * 格式化头像文本（转大写并可选切片）\n */\nexport const formatAvatarText = (text: string | undefined, sliceText: boolean): string => {\n  if (!text) return '';\n\n  const upperText = text.toUpperCase();\n  return sliceText ? upperText.slice(0, 2) : upperText;\n};\n\n/**\n * 计算 emoji 大小\n */\nexport const calculateEmojiSize = (\n  size: number,\n  hasBackground: boolean,\n  emojiScaleWithBackground: boolean,\n): number => {\n  if (emojiScaleWithBackground) {\n    return hasBackground ? size * 0.85 : size;\n  }\n  return size * 0.85;\n};\n"],"mappings":";;;;;;;AAMA,MAAa,sBAAsB,WAA+B;AAChE,KAAI,CAAC,OAAQ,QAAO;CAGpB,MAAM,iBADiB,OAAO,WAAW,YAErB;EAAC;EAAK;EAAQ;EAAQ,CAAC,MAAM,WAAW,OAAO,WAAW,OAAO,CAAC;AAEtF,QAAO,QAAQ,kBAAkB,eAAe,OAAO,CAAC;;;;;AAM1D,MAAa,sBAAsB,eAAwC;AACzE,QAAO,QACL,cACA,eAAe,iBACf,eAAe,mBACf,eAAe,KAChB;;;;;;AAOH,MAAa,6BACX,YACA,kBACW;CACX,MAAM,UAAU,cAAc;AAG9B,KAAI,OAAO,YAAY,YAAY,QAAQ,WAAW,OAAO,CAC3D,QAAO;AAGT,QAAO;;;;;AAMT,MAAa,oBAAoB,MAA0B,cAA+B;AACxF,KAAI,CAAC,KAAM,QAAO;CAElB,MAAM,YAAY,KAAK,aAAa;AACpC,QAAO,YAAY,UAAU,MAAM,GAAG,EAAE,GAAG;;;;;AAM7C,MAAa,sBACX,MACA,eACA,6BACW;AACX,KAAI,yBACF,QAAO,gBAAgB,OAAO,MAAO;AAEvC,QAAO,OAAO"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Avatar/utils.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react';\n\n/**\n * 判断 avatar 是否是默认的 Ant Design Avatar 类型\n * (URL 路径或 React 元素)\n */\nexport const isDefaultAntAvatar = (avatar: ReactNode): boolean => {\n  if (!avatar) return false;\n\n  const isStringAvatar = typeof avatar === 'string';\n  const isUrlOrDataUri =\n    isStringAvatar && ['/', 'http', 'data:'].some((prefix) => avatar.startsWith(prefix));\n\n  return Boolean(isUrlOrDataUri || isValidElement(avatar));\n};\n\n/**\n * 判断是否有有效的背景色\n */\nexport const hasValidBackground = (background?: string | null): boolean => {\n  return Boolean(\n    background &&\n    background !== 'transparent' &&\n    background !== 'rgba(0,0,0,0)' &&\n    background !== null,\n  );\n};\n\n/**\n * 获取用于可读性计算的实际颜色值\n * 如果是 CSS 变量，返回 fallback 值\n */\nexport const getActualColorForReadable = (\n  background: string | undefined,\n  fallbackColor: string,\n): string => {\n  const bgColor = background || fallbackColor;\n\n  // 如果背景是 CSS 变量，使用 fallback 颜色\n  if (typeof bgColor === 'string' && bgColor.startsWith('var(')) {\n    return fallbackColor;\n  }\n\n  return bgColor;\n};\n\n/**\n * 格式化头像文本（转大写并可选切片）\n */\nexport const formatAvatarText = (text: string | undefined, sliceText: boolean): string => {\n  if (!text) return '';\n\n  const upperText = text.toUpperCase();\n  return sliceText ? upperText.slice(0, 2) : upperText;\n};\n\n/**\n * 计算 emoji 大小\n */\nexport const calculateEmojiSize = (\n  size: number,\n  hasBackground: boolean,\n  emojiScaleWithBackground: boolean,\n): number => {\n  if (emojiScaleWithBackground) {\n    return hasBackground ? size * 0.85 : size;\n  }\n  return size * 0.85;\n};\n"],"mappings":";;;;;;AAMA,MAAa,sBAAsB,WAA+B;AAChE,KAAI,CAAC,OAAQ,QAAO;CAGpB,MAAM,iBADiB,OAAO,WAAW,YAErB;EAAC;EAAK;EAAQ;EAAQ,CAAC,MAAM,WAAW,OAAO,WAAW,OAAO,CAAC;AAEtF,QAAO,QAAQ,kBAAkB,eAAe,OAAO,CAAC;;;;;AAM1D,MAAa,sBAAsB,eAAwC;AACzE,QAAO,QACL,cACA,eAAe,iBACf,eAAe,mBACf,eAAe,KAChB;;;;;;AAOH,MAAa,6BACX,YACA,kBACW;CACX,MAAM,UAAU,cAAc;AAG9B,KAAI,OAAO,YAAY,YAAY,QAAQ,WAAW,OAAO,CAC3D,QAAO;AAGT,QAAO;;;;;AAMT,MAAa,oBAAoB,MAA0B,cAA+B;AACxF,KAAI,CAAC,KAAM,QAAO;CAElB,MAAM,YAAY,KAAK,aAAa;AACpC,QAAO,YAAY,UAAU,MAAM,GAAG,EAAE,GAAG;;;;;AAM7C,MAAa,sBACX,MACA,eACA,6BACW;AACX,KAAI,yBACF,QAAO,gBAAgB,OAAO,MAAO;AAEvC,QAAO,OAAO"}

package/es/Block/Block.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import { variants } from "./style.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/Block/Block.tsx
 const Block = ({ className, variant = "filled", shadow, glass, children, clickable, ref, ...rest }) => {
 	return /* @__PURE__ */ jsx(FlexBasic_default, {
@@ -20,8 +18,7 @@ const Block = ({ className, variant = "filled", shadow, glass, children, clickab
 	});
 };
 Block.displayName = "Block";
-var Block_default = Block;
-
 //#endregion
-export { Block_default as default };
+export { Block as default };
+
 //# sourceMappingURL=Block.mjs.map

package/es/Block/Block.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Block.mjs","names":["Block: FC<BlockProps>","Flexbox"],"sources":["../../src/Block/Block.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from './style';\nimport type { BlockProps } from './type';\n\nconst Block: FC<BlockProps> = ({\n  className,\n  variant = 'filled',\n  shadow,\n  glass,\n  children,\n  clickable,\n  ref,\n  ...rest\n}) => {\n  return (\n    <Flexbox\n      className={cx(variants({ clickable, glass, shadow, variant }), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nBlock.displayName = 'Block';\n\nexport default Block;\n"],"mappings":";;;;;;;;AAUA,MAAMA,SAAyB,EAC7B,WACA,UAAU,UACV,QACA,OACA,UACA,WACA,KACA,GAAG,WACC;AACJ,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAW;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EACpE;EACL,GAAI;EAEH;GACO;;AAId,MAAM,cAAc;AAEpB,oBAAe"}
+{"version":3,"file":"Block.mjs","names":["Flexbox"],"sources":["../../src/Block/Block.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from './style';\nimport type { BlockProps } from './type';\n\nconst Block: FC<BlockProps> = ({\n  className,\n  variant = 'filled',\n  shadow,\n  glass,\n  children,\n  clickable,\n  ref,\n  ...rest\n}) => {\n  return (\n    <Flexbox\n      className={cx(variants({ clickable, glass, shadow, variant }), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nBlock.displayName = 'Block';\n\nexport default Block;\n"],"mappings":";;;;;;AAUA,MAAM,SAAyB,EAC7B,WACA,UAAU,UACV,QACA,OACA,UACA,WACA,KACA,GAAG,WACC;AACJ,QACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAW;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EACpE;EACL,GAAI;EAEH;EACO,CAAA;;AAId,MAAM,cAAc"}

package/es/Block/index.mjs

@@ -1,3 +1,2 @@
-import Block_default from "./Block.mjs";
-
-export { Block_default as default };
+import Block from "./Block.mjs";
+export { Block as default };

package/es/Block/style.mjs

@@ -1,23 +1,22 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/Block/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
 		borderless: staticStylish.variantBorderlessWithoutHover,
 		clickableBorderless: staticStylish.variantBorderless,
 		clickableFilled: staticStylish.variantFilled,
 		clickableOutlined: staticStylish.variantOutlined,
-		clickableRoot: css$1`
+		clickableRoot: css`
       cursor: pointer;
     `,
 		filled: staticStylish.variantFilledWithoutHover,
 		glass: staticStylish.blur,
 		outlined: staticStylish.variantOutlinedWithoutHover,
-		root: css$1`
+		root: css`
       position: relative;
-      border-radius: ${cssVar$1.borderRadius};
+      border-radius: ${cssVar.borderRadius};
     `,
 		shadow: staticStylish.shadow
 	};
@@ -66,7 +65,7 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-
 //#endregion
 export { variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/Block/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Block/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    clickableBorderless: lobeStaticStylish.variantBorderless,\n    clickableFilled: lobeStaticStylish.variantFilled,\n    clickableOutlined: lobeStaticStylish.variantOutlined,\n    clickableRoot: css`\n      cursor: pointer;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    glass: lobeStaticStylish.blur,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.clickableBorderless,\n      clickable: true,\n      variant: 'borderless',\n    },\n    {\n      class: styles.clickableFilled,\n      clickable: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.clickableOutlined,\n      clickable: true,\n      variant: 'outlined',\n    },\n  ],\n  defaultVariants: {\n    clickable: false,\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    clickable: {\n      false: null,\n      true: styles.clickableRoot,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,qBAAqBA,cAAkB;EACvC,iBAAiBA,cAAkB;EACnC,mBAAmBA,cAAkB;EACrC,eAAe,KAAG;;;EAGlB,QAAQA,cAAkB;EAC1B,OAAOA,cAAkB;EACzB,UAAUA,cAAkB;EAC5B,MAAM,KAAG;;uBAEUC,SAAO,aAAa;;EAEvC,QAAQD,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;GACV;EACF;CACD,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,WAAW;GACT,OAAO;GACP,MAAM,OAAO;GACd;EACD,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Block/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    clickableBorderless: lobeStaticStylish.variantBorderless,\n    clickableFilled: lobeStaticStylish.variantFilled,\n    clickableOutlined: lobeStaticStylish.variantOutlined,\n    clickableRoot: css`\n      cursor: pointer;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    glass: lobeStaticStylish.blur,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.clickableBorderless,\n      clickable: true,\n      variant: 'borderless',\n    },\n    {\n      class: styles.clickableFilled,\n      clickable: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.clickableOutlined,\n      clickable: true,\n      variant: 'outlined',\n    },\n  ],\n  defaultVariants: {\n    clickable: false,\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    clickable: {\n      false: null,\n      true: styles.clickableRoot,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,qBAAqBA,cAAkB;EACvC,iBAAiBA,cAAkB;EACnC,mBAAmBA,cAAkB;EACrC,eAAe,GAAG;;;EAGlB,QAAQA,cAAkB;EAC1B,OAAOA,cAAkB;EACzB,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;uBAEU,OAAO,aAAa;;EAEvC,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;GACV;EACF;CACD,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,WAAW;GACT,OAAO;GACP,MAAM,OAAO;GACd;EACD,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}

package/es/Block/type.d.mts

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { Ref } from "react";
 
 //#region src/Block/type.d.ts

package/es/Burger/Burger.d.mts

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

package/es/Burger/Burger.mjs

@@ -1,14 +1,12 @@
-'use client';
-
-import Center_default from "../Flex/Center.mjs";
-import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+"use client";
+import Center from "../Flex/Center.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
 import { styles } from "./style.mjs";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Drawer, Menu } from "antd";
 import { cx } from "antd-style";
 import { MenuIcon, X } from "lucide-react";
-
 //#region src/Burger/Burger.tsx
 const Burger = memo(({ items, openKeys, selectedKeys, opened, setOpened, className, headerHeight = 64, onClick, iconProps, size, variant, rootClassName, fullscreen, drawerProps, ...rest }) => {
 	const cssVariables = useMemo(() => {
@@ -22,13 +20,13 @@ const Burger = memo(({ items, openKeys, selectedKeys, opened, setOpened, classNa
 		}
 		return vars;
 	}, [fullscreen, headerHeight]);
-	return /* @__PURE__ */ jsxs(Center_default, {
+	return /* @__PURE__ */ jsxs(Center, {
 		className: cx(styles.container, className),
 		onClick: () => {
 			setOpened(!opened);
 		},
 		...rest,
-		children: [/* @__PURE__ */ jsx(ActionIcon_default, {
+		children: [/* @__PURE__ */ jsx(ActionIcon, {
 			icon: opened ? X : MenuIcon,
 			size,
 			variant,
@@ -62,8 +60,7 @@ const Burger = memo(({ items, openKeys, selectedKeys, opened, setOpened, classNa
 	});
 });
 Burger.displayName = "Burger";
-var Burger_default = Burger;
-
 //#endregion
-export { Burger_default as default };
+export { Burger as default };
+
 //# sourceMappingURL=Burger.mjs.map

package/es/Burger/Burger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.mjs","names":["vars: Record<string, string>","Center","ActionIcon"],"sources":["../../src/Burger/Burger.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer, Menu } from 'antd';\nimport { cx } from 'antd-style';\nimport { MenuIcon, X } from 'lucide-react';\nimport { memo, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Center } from '@/Flex';\n\nimport { styles } from './style';\nimport type { BurgerProps } from './type';\n\nconst Burger = memo<BurgerProps>(\n  ({\n    items,\n    openKeys,\n    selectedKeys,\n    opened,\n    setOpened,\n    className,\n    headerHeight = 64,\n    onClick,\n    iconProps,\n    size,\n    variant,\n    rootClassName,\n    fullscreen,\n    drawerProps,\n    ...rest\n  }) => {\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      const vars: Record<string, string> = {\n        '--burger-header-height': `${headerHeight}px`,\n      };\n      if (fullscreen) {\n        vars['--burger-drawer-top'] = '0';\n        vars['--burger-menu-padding-top'] = '0px';\n      } else {\n        vars['--burger-drawer-top'] = `calc(var(--burger-header-height, ${headerHeight}px) + 1px)`;\n        vars['--burger-menu-padding-top'] = `${headerHeight}px`;\n      }\n      return vars;\n    }, [fullscreen, headerHeight]);\n\n    return (\n      <Center\n        className={cx(styles.container, className)}\n        onClick={() => {\n          setOpened(!opened);\n        }}\n        {...rest}\n      >\n        <ActionIcon icon={opened ? X : MenuIcon} size={size} variant={variant} {...iconProps} />\n        <Drawer\n          closeIcon={undefined}\n          open={opened}\n          placement={'left'}\n          width={'100vw'}\n          {...drawerProps}\n          className={styles.drawer}\n          rootClassName={cx(\n            fullscreen ? styles.drawerRootFullscreen : styles.drawerRoot,\n            rootClassName,\n          )}\n          rootStyle={{\n            ...cssVariables,\n            ...drawerProps?.rootStyle,\n          }}\n          styles={{\n            body: { padding: 0 },\n            header: { display: 'none' },\n          }}\n        >\n          <Menu\n            className={styles.menu}\n            items={items}\n            mode={'inline'}\n            openKeys={openKeys}\n            selectedKeys={selectedKeys}\n            style={cssVariables}\n            onClick={onClick}\n          />\n          <div className={styles.fillRect} />\n        </Drawer>\n      </Center>\n    );\n  },\n);\n\nBurger.displayName = 'Burger';\n\nexport default Burger;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,SAAS,MACZ,EACC,OACA,UACA,cACA,QACA,WACA,WACA,eAAe,IACf,SACA,WACA,MACA,SACA,eACA,YACA,aACA,GAAG,WACC;CAEJ,MAAM,eAAe,cAAsC;EACzD,MAAMA,OAA+B,EACnC,0BAA0B,GAAG,aAAa,KAC3C;AACD,MAAI,YAAY;AACd,QAAK,yBAAyB;AAC9B,QAAK,+BAA+B;SAC/B;AACL,QAAK,yBAAyB,oCAAoC,aAAa;AAC/E,QAAK,+BAA+B,GAAG,aAAa;;AAEtD,SAAO;IACN,CAAC,YAAY,aAAa,CAAC;AAE9B,QACE,qBAACC;EACC,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,eAAe;AACb,aAAU,CAAC,OAAO;;EAEpB,GAAI;aAEJ,oBAACC;GAAW,MAAM,SAAS,IAAI;GAAgB;GAAe;GAAS,GAAI;IAAa,EACxF,qBAAC;GACC,WAAW;GACX,MAAM;GACN,WAAW;GACX,OAAO;GACP,GAAI;GACJ,WAAW,OAAO;GAClB,eAAe,GACb,aAAa,OAAO,uBAAuB,OAAO,YAClD,cACD;GACD,WAAW;IACT,GAAG;IACH,GAAG,aAAa;IACjB;GACD,QAAQ;IACN,MAAM,EAAE,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,QAAQ;IAC5B;cAED,oBAAC;IACC,WAAW,OAAO;IACX;IACP,MAAM;IACI;IACI;IACd,OAAO;IACE;KACT,EACF,oBAAC,SAAI,WAAW,OAAO,WAAY;IAC5B;GACF;EAGd;AAED,OAAO,cAAc;AAErB,qBAAe"}
+{"version":3,"file":"Burger.mjs","names":[],"sources":["../../src/Burger/Burger.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer, Menu } from 'antd';\nimport { cx } from 'antd-style';\nimport { MenuIcon, X } from 'lucide-react';\nimport { memo, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Center } from '@/Flex';\n\nimport { styles } from './style';\nimport type { BurgerProps } from './type';\n\nconst Burger = memo<BurgerProps>(\n  ({\n    items,\n    openKeys,\n    selectedKeys,\n    opened,\n    setOpened,\n    className,\n    headerHeight = 64,\n    onClick,\n    iconProps,\n    size,\n    variant,\n    rootClassName,\n    fullscreen,\n    drawerProps,\n    ...rest\n  }) => {\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      const vars: Record<string, string> = {\n        '--burger-header-height': `${headerHeight}px`,\n      };\n      if (fullscreen) {\n        vars['--burger-drawer-top'] = '0';\n        vars['--burger-menu-padding-top'] = '0px';\n      } else {\n        vars['--burger-drawer-top'] = `calc(var(--burger-header-height, ${headerHeight}px) + 1px)`;\n        vars['--burger-menu-padding-top'] = `${headerHeight}px`;\n      }\n      return vars;\n    }, [fullscreen, headerHeight]);\n\n    return (\n      <Center\n        className={cx(styles.container, className)}\n        onClick={() => {\n          setOpened(!opened);\n        }}\n        {...rest}\n      >\n        <ActionIcon icon={opened ? X : MenuIcon} size={size} variant={variant} {...iconProps} />\n        <Drawer\n          closeIcon={undefined}\n          open={opened}\n          placement={'left'}\n          width={'100vw'}\n          {...drawerProps}\n          className={styles.drawer}\n          rootClassName={cx(\n            fullscreen ? styles.drawerRootFullscreen : styles.drawerRoot,\n            rootClassName,\n          )}\n          rootStyle={{\n            ...cssVariables,\n            ...drawerProps?.rootStyle,\n          }}\n          styles={{\n            body: { padding: 0 },\n            header: { display: 'none' },\n          }}\n        >\n          <Menu\n            className={styles.menu}\n            items={items}\n            mode={'inline'}\n            openKeys={openKeys}\n            selectedKeys={selectedKeys}\n            style={cssVariables}\n            onClick={onClick}\n          />\n          <div className={styles.fillRect} />\n        </Drawer>\n      </Center>\n    );\n  },\n);\n\nBurger.displayName = 'Burger';\n\nexport default Burger;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,SAAS,MACZ,EACC,OACA,UACA,cACA,QACA,WACA,WACA,eAAe,IACf,SACA,WACA,MACA,SACA,eACA,YACA,aACA,GAAG,WACC;CAEJ,MAAM,eAAe,cAAsC;EACzD,MAAM,OAA+B,EACnC,0BAA0B,GAAG,aAAa,KAC3C;AACD,MAAI,YAAY;AACd,QAAK,yBAAyB;AAC9B,QAAK,+BAA+B;SAC/B;AACL,QAAK,yBAAyB,oCAAoC,aAAa;AAC/E,QAAK,+BAA+B,GAAG,aAAa;;AAEtD,SAAO;IACN,CAAC,YAAY,aAAa,CAAC;AAE9B,QACE,qBAAC,QAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,eAAe;AACb,aAAU,CAAC,OAAO;;EAEpB,GAAI;YALN,CAOE,oBAAC,YAAD;GAAY,MAAM,SAAS,IAAI;GAAgB;GAAe;GAAS,GAAI;GAAa,CAAA,EACxF,qBAAC,QAAD;GACE,WAAW,KAAA;GACX,MAAM;GACN,WAAW;GACX,OAAO;GACP,GAAI;GACJ,WAAW,OAAO;GAClB,eAAe,GACb,aAAa,OAAO,uBAAuB,OAAO,YAClD,cACD;GACD,WAAW;IACT,GAAG;IACH,GAAG,aAAa;IACjB;GACD,QAAQ;IACN,MAAM,EAAE,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,QAAQ;IAC5B;aAlBH,CAoBE,oBAAC,MAAD;IACE,WAAW,OAAO;IACX;IACP,MAAM;IACI;IACI;IACd,OAAO;IACE;IACT,CAAA,EACF,oBAAC,OAAD,EAAK,WAAW,OAAO,UAAY,CAAA,CAC5B;KACF;;EAGd;AAED,OAAO,cAAc"}

package/es/Burger/index.mjs

@@ -1,3 +1,2 @@
-import Burger_default from "./Burger.mjs";
-
-export { Burger_default as default };
+import Burger from "./Burger.mjs";
+export { Burger as default };