@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/Avatar/component/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Avatar/component/Avatar/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport { User } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { getFontSize } from './helper';\nimport { AVATAR_SIZE_MAP, AVATAR_TYPE_TO_BG_COLOR, TAvatarSize } from './type';\n\nexport interface IAvatarProps {\n  shape?: 'circle' | 'square';\n  gap?: number;\n  src?: React.ReactNode;\n  srcSet?: string;\n  draggable?: boolean;\n  icon?: React.ReactNode;\n  alt?: string;\n  crossOrigin?: '' | 'anonymous' | 'use-credentials';\n  onClick?: (e?: React.MouseEvent<HTMLElement>) => void;\n  onError?: () => boolean;\n  size?: TAvatarSize;\n  type?: 'user' | 'team' | 'count';\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nconst ZERO = 0;\n\nconst Avatar = (props: IAvatarProps) => {\n  const {\n    size = 'middle',\n    children,\n    src,\n    srcSet,\n    draggable,\n    icon,\n    shape = 'circle',\n    alt,\n    crossOrigin,\n    type = 'user',\n    onClick,\n    onError,\n    className,\n    style,\n  } = props;\n\n  const [imgError, setImgError] = useState(false);\n\n  const getSize = useCallback(() => {\n    if (typeof size === 'number') return size;\n    return AVATAR_SIZE_MAP[size] || 32;\n  }, [size]);\n\n  const getChildren = useCallback(() => {\n    if (_.isEmpty(children)) return null;\n    if (typeof children === 'string') return children[ZERO].toLocaleUpperCase();\n    return children;\n  }, [children]);\n\n  const sizeVal = getSize();\n\n  const innerContent = useMemo(() => {\n    if (src && !imgError) {\n      if (typeof src === 'string') {\n        return (\n          <img\n            src={src}\n            srcSet={srcSet}\n            draggable={draggable}\n            crossOrigin={crossOrigin}\n            alt={alt}\n            className=\"tw-size-full tw-object-cover\"\n            style={shape === 'circle' ? { borderRadius: '50%' } : undefined}\n            onError={() => {\n              const result = onError?.();\n              if (result !== false) setImgError(true);\n            }}\n          />\n        );\n      }\n      return src;\n    }\n\n    if (icon) return icon;\n\n    if (!_.isEmpty(children)) {\n      return (\n        <div className=\"tw-flex tw-size-full tw-items-center tw-justify-center\">\n          <span style={getFontSize(sizeVal)}>{getChildren()}</span>\n        </div>\n      );\n    }\n\n    return <User size={sizeVal} />;\n  }, [\n    src,\n    icon,\n    children,\n    sizeVal,\n    getChildren,\n    imgError,\n    alt,\n    srcSet,\n    draggable,\n    crossOrigin,\n    onError,\n    shape,\n  ]);\n\n  return (\n    <span\n      className={cn(\n        'ald-avatar tw-inline-flex tw-items-center tw-justify-center tw-overflow-hidden tw-border-0',\n        type === 'team'\n          ? 'tw-text-[var(--content-positive-primary)]'\n          : 'tw-text-[var(--content-informative-primary)]',\n        shape === 'circle' ? 'tw-rounded-full' : 'tw-rounded-r-50',\n        !icon && _.isEmpty(children) && 'ald-avatar-default',\n        className,\n      )}\n      style={{\n        width: sizeVal,\n        height: sizeVal,\n        fontSize: sizeVal * 0.4,\n        lineHeight: `${sizeVal}px`,\n        backgroundColor:\n          !icon && _.isEmpty(children) && (!src || imgError)\n            ? 'var(--background-default)'\n            : AVATAR_TYPE_TO_BG_COLOR[type] ||\n              'var(--background-informative-muted)',\n        ...style,\n      }}\n      onClick={onClick}\n    >\n      {innerContent}\n    </span>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;;;;AA0BA,IAAM,OAAO;AAEb,IAAM,UAAU,UAAwB;CACtC,MAAM,EACJ,OAAO,UACP,UACA,KACA,QACA,WACA,MACA,QAAQ,UACR,KACA,aACA,OAAO,QACP,SACA,SACA,WACA,UACE;CAEJ,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,MAAM,UAAU,kBAAkB;AAChC,MAAI,OAAO,SAAS,SAAU,QAAO;AACrC,SAAO,gBAAgB,SAAS;IAC/B,CAAC,KAAK,CAAC;CAEV,MAAM,cAAc,kBAAkB;AACpC,MAAI,EAAE,QAAQ,SAAS,CAAE,QAAO;AAChC,MAAI,OAAO,aAAa,SAAU,QAAO,SAAS,MAAM,mBAAmB;AAC3E,SAAO;IACN,CAAC,SAAS,CAAC;CAEd,MAAM,UAAU,SAAS;CAEzB,MAAM,eAAe,cAAc;AACjC,MAAI,OAAO,CAAC,UAAU;AACpB,OAAI,OAAO,QAAQ,SACjB,QACE,oBAAC,OAAD;IACO;IACG;IACG;IACE;IACR;IACL,WAAU;IACV,OAAO,UAAU,WAAW,EAAE,cAAc,OAAO,GAAG;IACtD,eAAe;AAEb,SADe,WAAW,KACX,MAAO,aAAY,KAAK;;IAEzC,CAAA;AAGN,UAAO;;AAGT,MAAI,KAAM,QAAO;AAEjB,MAAI,CAAC,EAAE,QAAQ,SAAS,CACtB,QACE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,QAAD;IAAM,OAAO,YAAY,QAAQ;cAAG,aAAa;IAAQ,CAAA;GACrD,CAAA;AAIV,SAAO,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;IAC7B;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,QAAD;EACE,WAAW,GACT,8FACA,SAAS,SACL,8CACA,gDACJ,UAAU,WAAW,oBAAoB,mBACzC,CAAC,QAAQ,EAAE,QAAQ,SAAS,IAAI,sBAChC,UACD;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,UAAU,UAAU;GACpB,YAAY,GAAG,QAAQ;GACvB,iBACE,CAAC,QAAQ,EAAE,QAAQ,SAAS,KAAK,CAAC,OAAO,YACrC,8BACA,wBAAwB,SACxB;GACN,GAAG;GACJ;EACQ;YAER;EACI,CAAA"}
+{"version":3,"file":"index.js","names":["_","React","useCallback","useMemo","useState","User","cn","getFontSize","AVATAR_SIZE_MAP","AVATAR_TYPE_TO_BG_COLOR","TAvatarSize","IAvatarProps","shape","gap","src","ReactNode","srcSet","draggable","icon","alt","crossOrigin","onClick","e","MouseEvent","HTMLElement","onError","size","type","className","style","CSSProperties","children","ZERO","Avatar","props","$","_c","t0","t1","t2","undefined","imgError","setImgError","t3","getSize","t4","isEmpty","toLocaleUpperCase","getChildren","t5","sizeVal","t6","bb0","t7","borderRadius","t8","result","t9","innerContent","t10","t11","t12","t13","width","height","fontSize","lineHeight","backgroundColor","t14"],"sources":["../../../../src/Avatar/component/Avatar/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport { User } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { getFontSize } from './helper';\nimport { AVATAR_SIZE_MAP, AVATAR_TYPE_TO_BG_COLOR, TAvatarSize } from './type';\n\nexport interface IAvatarProps {\n  shape?: 'circle' | 'square';\n  gap?: number;\n  src?: React.ReactNode;\n  srcSet?: string;\n  draggable?: boolean;\n  icon?: React.ReactNode;\n  alt?: string;\n  crossOrigin?: '' | 'anonymous' | 'use-credentials';\n  onClick?: (e?: React.MouseEvent<HTMLElement>) => void;\n  onError?: () => boolean;\n  size?: TAvatarSize;\n  type?: 'user' | 'team' | 'count';\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nconst ZERO = 0;\n\nconst Avatar = (props: IAvatarProps) => {\n  const {\n    size = 'middle',\n    children,\n    src,\n    srcSet,\n    draggable,\n    icon,\n    shape = 'circle',\n    alt,\n    crossOrigin,\n    type = 'user',\n    onClick,\n    onError,\n    className,\n    style,\n  } = props;\n\n  const [imgError, setImgError] = useState(false);\n\n  const getSize = useCallback(() => {\n    if (typeof size === 'number') return size;\n    return AVATAR_SIZE_MAP[size] || 32;\n  }, [size]);\n\n  const getChildren = useCallback(() => {\n    if (_.isEmpty(children)) return null;\n    if (typeof children === 'string') return children[ZERO].toLocaleUpperCase();\n    return children;\n  }, [children]);\n\n  const sizeVal = getSize();\n\n  const innerContent = useMemo(() => {\n    if (src && !imgError) {\n      if (typeof src === 'string') {\n        return (\n          <img\n            src={src}\n            srcSet={srcSet}\n            draggable={draggable}\n            crossOrigin={crossOrigin}\n            alt={alt}\n            className=\"tw-size-full tw-object-cover\"\n            style={shape === 'circle' ? { borderRadius: '50%' } : undefined}\n            onError={() => {\n              const result = onError?.();\n              if (result !== false) setImgError(true);\n            }}\n          />\n        );\n      }\n      return src;\n    }\n\n    if (icon) return icon;\n\n    if (!_.isEmpty(children)) {\n      return (\n        <div className=\"tw-flex tw-size-full tw-items-center tw-justify-center\">\n          <span style={getFontSize(sizeVal)}>{getChildren()}</span>\n        </div>\n      );\n    }\n\n    return <User size={sizeVal} />;\n  }, [\n    src,\n    icon,\n    children,\n    sizeVal,\n    getChildren,\n    imgError,\n    alt,\n    srcSet,\n    draggable,\n    crossOrigin,\n    onError,\n    shape,\n  ]);\n\n  return (\n    <span\n      className={cn(\n        'ald-avatar tw-inline-flex tw-items-center tw-justify-center tw-overflow-hidden tw-border-0',\n        type === 'team'\n          ? 'tw-text-[var(--content-positive-primary)]'\n          : 'tw-text-[var(--content-informative-primary)]',\n        shape === 'circle' ? 'tw-rounded-full' : 'tw-rounded-r-50',\n        !icon && _.isEmpty(children) && 'ald-avatar-default',\n        className,\n      )}\n      style={{\n        width: sizeVal,\n        height: sizeVal,\n        fontSize: sizeVal * 0.4,\n        lineHeight: `${sizeVal}px`,\n        backgroundColor:\n          !icon && _.isEmpty(children) && (!src || imgError)\n            ? 'var(--background-default)'\n            : AVATAR_TYPE_TO_BG_COLOR[type] ||\n              'var(--background-informative-muted)',\n        ...style,\n      }}\n      onClick={onClick}\n    >\n      {innerContent}\n    </span>\n  );\n};\n\nexport default Avatar;\n"],"mappings":"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"}

package/dist/Avatar/component/Avatar/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TAvatarSize = 'large' | 'middle' | 'small' | number;
 export interface GroupProps {
     maxCount?: number;

package/dist/Avatar/component/Avatar/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","names":[],"sources":["../../../../src/Avatar/component/Avatar/type.ts"],"sourcesContent":["export type TAvatarSize = 'large' | 'middle' | 'small' | number;\n\nexport interface GroupProps {\n  maxCount?: number;\n  maxStyle?: React.CSSProperties;\n  maxPopoverPlacement?: 'top' | 'bottom';\n  size?: TAvatarSize;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\nexport const AVATAR_SIZE_MAP = {\n  large: 40,\n  middle: 32,\n  small: 28,\n};\n\nexport const AVATAR_SIZE_TO_FONT_SIZE = {\n  [16]: 8,\n  [20]: 10,\n  [24]: 10,\n  [28]: 12,\n  [32]: 12,\n  [40]: 14,\n  [48]: 16,\n  [64]: 24,\n};\n\nexport const AVATAR_TYPE_TO_BG_COLOR = {\n  user: 'var(--background-informative-muted)',\n  team: 'var(--background-positive-muted)',\n  count: 'var(--background-neutral-muted)',\n};\n"],"mappings":";AAWA,IAAa,kBAAkB;CAC7B,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,IAAa,2BAA2B;EACrC,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;CACP;AAED,IAAa,0BAA0B;CACrC,MAAM;CACN,MAAM;CACN,OAAO;CACR"}
+{"version":3,"file":"type.js","names":["TAvatarSize","GroupProps","maxCount","maxStyle","React","CSSProperties","maxPopoverPlacement","size","className","style","children","ReactNode","AVATAR_SIZE_MAP","large","middle","small","AVATAR_SIZE_TO_FONT_SIZE","AVATAR_TYPE_TO_BG_COLOR","user","team","count"],"sources":["../../../../src/Avatar/component/Avatar/type.ts"],"sourcesContent":["export type TAvatarSize = 'large' | 'middle' | 'small' | number;\n\nexport interface GroupProps {\n  maxCount?: number;\n  maxStyle?: React.CSSProperties;\n  maxPopoverPlacement?: 'top' | 'bottom';\n  size?: TAvatarSize;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\nexport const AVATAR_SIZE_MAP = {\n  large: 40,\n  middle: 32,\n  small: 28,\n};\n\nexport const AVATAR_SIZE_TO_FONT_SIZE = {\n  [16]: 8,\n  [20]: 10,\n  [24]: 10,\n  [28]: 12,\n  [32]: 12,\n  [40]: 14,\n  [48]: 16,\n  [64]: 24,\n};\n\nexport const AVATAR_TYPE_TO_BG_COLOR = {\n  user: 'var(--background-informative-muted)',\n  team: 'var(--background-positive-muted)',\n  count: 'var(--background-neutral-muted)',\n};\n"],"mappings":";AAWA,IAAaY,kBAAkB;CAC7BC,OAAO;CACPC,QAAQ;CACRC,OAAO;CACR;AAED,IAAaC,2BAA2B;EACrC,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;CACP;AAED,IAAaC,0BAA0B;CACrCC,MAAM;CACNC,MAAM;CACNC,OAAO;CACR"}

package/dist/Avatar/component/Avatar.js

@@ -0,0 +1,2 @@
+export * from './Avatar/index.js';
+export { default } from './Avatar/index.js';

package/dist/Avatar/index.d.ts

@@ -7,7 +7,7 @@ interface AvatarGroupProps {
     style?: React.CSSProperties;
     children?: React.ReactNode;
 }
-declare function AvatarGroup(props: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup(props: AvatarGroupProps): React.JSX.Element;
 type AvatarComponent = typeof AvatarBase & {
     Group: typeof AvatarGroup;
 };

package/dist/Avatar/index.js

@@ -1,6 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { getFontSize } from "./component/Avatar/helper.js";
 import Avatar$1 from "./component/Avatar/index.js";
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Avatar/index.tsx
@@ -10,34 +11,51 @@ var AVATAR_SIZE_MAP = {
 	small: 28
 };
 function AvatarGroup(props) {
+	const $ = c(32);
 	const { children, className, style, maxCount, size } = props;
-	const childArray = React.Children.toArray(children);
-	const displayed = maxCount ? childArray.slice(0, maxCount) : childArray;
-	const overflow = maxCount ? childArray.length - maxCount : 0;
-	const resolveSize = () => {
-		if (size) return typeof size === "number" ? size : AVATAR_SIZE_MAP[size] || 32;
-		const firstChild = childArray[0];
-		if (React.isValidElement(firstChild) && firstChild.props.size) {
-			const s = firstChild.props.size;
-			return typeof s === "number" ? s : AVATAR_SIZE_MAP[s] || 32;
-		}
-		return 32;
-	};
-	const sizeVal = resolveSize();
-	const resolveShape = () => {
-		const firstChild = childArray[0];
-		if (React.isValidElement(firstChild) && firstChild.props.shape) return firstChild.props.shape;
-		return "circle";
-	};
-	const borderRadius = resolveShape() === "circle" ? "50%" : 4;
-	const totalSize = sizeVal + (sizeVal <= 20 ? 1 : 2) * 2;
-	const innerSize = sizeVal;
-	const offset = Math.max(totalSize * .25, 4);
-	const { transform: countScale, ...countContainerFont } = getFontSize(innerSize);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-avatar-group tw-inline-flex tw-items-center", className),
-		style,
-		children: [displayed.map((child, i) => /* @__PURE__ */ jsx("span", {
+	let borderRadius;
+	let countContainerFont;
+	let countScale;
+	let displayed;
+	let innerSize;
+	let offset;
+	let overflow;
+	let t0;
+	let t1;
+	let t2;
+	let totalSize;
+	if ($[0] !== children || $[1] !== className || $[2] !== maxCount || $[3] !== size || $[4] !== style) {
+		const childArray = React.Children.toArray(children);
+		displayed = maxCount ? childArray.slice(0, maxCount) : childArray;
+		overflow = maxCount ? childArray.length - maxCount : 0;
+		const resolveSize = () => {
+			if (size) return typeof size === "number" ? size : AVATAR_SIZE_MAP[size] || 32;
+			const firstChild = childArray[0];
+			if (React.isValidElement(firstChild) && firstChild.props.size) {
+				const s = firstChild.props.size;
+				return typeof s === "number" ? s : AVATAR_SIZE_MAP[s] || 32;
+			}
+			return 32;
+		};
+		const sizeVal = resolveSize();
+		const resolveShape = () => {
+			const firstChild_0 = childArray[0];
+			if (React.isValidElement(firstChild_0) && firstChild_0.props.shape) return firstChild_0.props.shape;
+			return "circle";
+		};
+		borderRadius = resolveShape() === "circle" ? "50%" : 4;
+		totalSize = sizeVal + (sizeVal <= 20 ? 1 : 2) * 2;
+		innerSize = sizeVal;
+		offset = Math.max(totalSize * .25, 4);
+		const countFontRaw = getFontSize(innerSize);
+		({transform: countScale, ...countContainerFont} = countFontRaw);
+		if ($[16] !== className) {
+			t0 = cn("ald-avatar-group tw-inline-flex tw-items-center", className);
+			$[16] = className;
+			$[17] = t0;
+		} else t0 = $[17];
+		t1 = style;
+		t2 = displayed.map((child, i) => /* @__PURE__ */ jsx("span", {
 			className: "tw-inline-flex tw-flex-none tw-items-center tw-justify-center",
 			style: {
 				width: totalSize,
@@ -49,7 +67,39 @@ function AvatarGroup(props) {
 				zIndex: i
 			},
 			children: React.isValidElement(child) ? React.cloneElement(child, { size: innerSize }) : child
-		}, i)), overflow > 0 && /* @__PURE__ */ jsx("span", {
+		}, i));
+		$[0] = children;
+		$[1] = className;
+		$[2] = maxCount;
+		$[3] = size;
+		$[4] = style;
+		$[5] = borderRadius;
+		$[6] = countContainerFont;
+		$[7] = countScale;
+		$[8] = displayed;
+		$[9] = innerSize;
+		$[10] = offset;
+		$[11] = overflow;
+		$[12] = t0;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = totalSize;
+	} else {
+		borderRadius = $[5];
+		countContainerFont = $[6];
+		countScale = $[7];
+		displayed = $[8];
+		innerSize = $[9];
+		offset = $[10];
+		overflow = $[11];
+		t0 = $[12];
+		t1 = $[13];
+		t2 = $[14];
+		totalSize = $[15];
+	}
+	let t3;
+	if ($[18] !== borderRadius || $[19] !== countContainerFont || $[20] !== countScale || $[21] !== displayed || $[22] !== innerSize || $[23] !== offset || $[24] !== overflow || $[25] !== totalSize) {
+		t3 = overflow > 0 && /* @__PURE__ */ jsx("span", {
 			className: "tw-inline-flex tw-flex-none tw-items-center tw-justify-center",
 			style: {
 				marginLeft: -offset,
@@ -80,8 +130,31 @@ function AvatarGroup(props) {
 					children: ["+", overflow]
 				})
 			})
-		})]
-	});
+		});
+		$[18] = borderRadius;
+		$[19] = countContainerFont;
+		$[20] = countScale;
+		$[21] = displayed;
+		$[22] = innerSize;
+		$[23] = offset;
+		$[24] = overflow;
+		$[25] = totalSize;
+		$[26] = t3;
+	} else t3 = $[26];
+	let t4;
+	if ($[27] !== t0 || $[28] !== t1 || $[29] !== t2 || $[30] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: t0,
+			style: t1,
+			children: [t2, t3]
+		});
+		$[27] = t0;
+		$[28] = t1;
+		$[29] = t2;
+		$[30] = t3;
+		$[31] = t4;
+	} else t4 = $[31];
+	return t4;
 }
 var Avatar = Avatar$1;
 Avatar.Group = AvatarGroup;

package/dist/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Avatar/index.tsx"],"sourcesContent":["import React from 'react';\nimport AvatarBase, { IAvatarProps } from './component/Avatar';\nimport { getFontSize } from './component/Avatar/helper';\nimport { cn } from '../lib/utils';\n\ninterface AvatarGroupProps {\n  maxCount?: number;\n  size?: IAvatarProps['size'];\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nconst AVATAR_SIZE_MAP: Record<string, number> = {\n  large: 40,\n  middle: 32,\n  small: 28,\n};\n\nfunction AvatarGroup(props: AvatarGroupProps) {\n  const { children, className, style, maxCount, size } = props;\n  const childArray = React.Children.toArray(children);\n  const displayed = maxCount ? childArray.slice(0, maxCount) : childArray;\n  const overflow = maxCount ? childArray.length - maxCount : 0;\n\n  // Resolve count badge size: from group size prop, or from first child's size, fallback 32\n  const resolveSize = (): number => {\n    if (size) {\n      return typeof size === 'number' ? size : AVATAR_SIZE_MAP[size] || 32;\n    }\n    const firstChild = childArray[0];\n    if (\n      React.isValidElement<IAvatarProps>(firstChild) &&\n      firstChild.props.size\n    ) {\n      const s = firstChild.props.size;\n      return typeof s === 'number' ? s : AVATAR_SIZE_MAP[s] || 32;\n    }\n    return 32;\n  };\n\n  const sizeVal = resolveSize();\n\n  // Resolve shape from first child, fallback 'circle'\n  const resolveShape = (): 'circle' | 'square' => {\n    const firstChild = childArray[0];\n    if (\n      React.isValidElement<IAvatarProps>(firstChild) &&\n      firstChild.props.shape\n    ) {\n      return firstChild.props.shape;\n    }\n    return 'circle';\n  };\n\n  const shapeVal = resolveShape();\n\n  const borderRadius = shapeVal === 'circle' ? '50%' : 4;\n  const ringWidth = sizeVal <= 20 ? 1 : 2;\n  // Total size includes the ring on each side\n  const totalSize = sizeVal + ringWidth * 2;\n  const innerSize = sizeVal;\n  const offset = Math.max(totalSize * 0.25, 4);\n\n  // Count badge font: separate container styles from text styles\n  // getFontSize may return transform:scale() for small sizes — only apply that to the inner text\n  const countFontRaw = getFontSize(innerSize);\n  const { transform: countScale, ...countContainerFont } = countFontRaw as {\n    transform?: string;\n    fontSize: number;\n    fontWeight?: number;\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-avatar-group tw-inline-flex tw-items-center',\n        className,\n      )}\n      style={style}\n    >\n      {displayed.map((child, i) => (\n        <span\n          key={i}\n          className=\"tw-inline-flex tw-flex-none tw-items-center tw-justify-center\"\n          style={{\n            width: totalSize,\n            height: totalSize,\n            marginLeft: i === 0 ? 0 : -offset,\n            borderRadius,\n            backgroundColor: 'var(--background-default)',\n            position: 'relative',\n            zIndex: i,\n          }}\n        >\n          {React.isValidElement<IAvatarProps>(child)\n            ? React.cloneElement(child, { size: innerSize })\n            : child}\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span\n          className=\"tw-inline-flex tw-flex-none tw-items-center tw-justify-center\"\n          style={{\n            marginLeft: -offset,\n            borderRadius,\n            backgroundColor: 'var(--background-default)',\n            width: totalSize,\n            height: totalSize,\n            position: 'relative',\n            zIndex: displayed.length,\n          }}\n        >\n          <span\n            className=\"tw-inline-flex tw-size-full tw-items-center tw-justify-center tw-overflow-hidden tw-bg-[var(--background-neutral-subtle)] tw-text-[var(--content-secondary)]\"\n            style={{\n              width: innerSize,\n              height: innerSize,\n              borderRadius,\n              lineHeight: 1,\n            }}\n          >\n            <span\n              style={{\n                fontFamily: 'monospace',\n                ...countContainerFont,\n                ...(countScale ? { transform: countScale, display: 'block' } : {}),\n              }}\n            >\n              +{overflow}\n            </span>\n          </span>\n        </span>\n      )}\n    </div>\n  );\n}\n\ntype AvatarComponent = typeof AvatarBase & {\n  Group: typeof AvatarGroup;\n};\n\nconst Avatar = AvatarBase as AvatarComponent;\nAvatar.Group = AvatarGroup;\n\nexport type { IAvatarProps };\nexport default Avatar;\n"],"mappings":";;;;;;AAaA,IAAM,kBAA0C;CAC9C,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,SAAS,YAAY,OAAyB;CAC5C,MAAM,EAAE,UAAU,WAAW,OAAO,UAAU,SAAS;CACvD,MAAM,aAAa,MAAM,SAAS,QAAQ,SAAS;CACnD,MAAM,YAAY,WAAW,WAAW,MAAM,GAAG,SAAS,GAAG;CAC7D,MAAM,WAAW,WAAW,WAAW,SAAS,WAAW;CAG3D,MAAM,oBAA4B;AAChC,MAAI,KACF,QAAO,OAAO,SAAS,WAAW,OAAO,gBAAgB,SAAS;EAEpE,MAAM,aAAa,WAAW;AAC9B,MACE,MAAM,eAA6B,WAAW,IAC9C,WAAW,MAAM,MACjB;GACA,MAAM,IAAI,WAAW,MAAM;AAC3B,UAAO,OAAO,MAAM,WAAW,IAAI,gBAAgB,MAAM;;AAE3D,SAAO;;CAGT,MAAM,UAAU,aAAa;CAG7B,MAAM,qBAA0C;EAC9C,MAAM,aAAa,WAAW;AAC9B,MACE,MAAM,eAA6B,WAAW,IAC9C,WAAW,MAAM,MAEjB,QAAO,WAAW,MAAM;AAE1B,SAAO;;CAKT,MAAM,eAFW,cAAc,KAEG,WAAW,QAAQ;CAGrD,MAAM,YAAY,WAFA,WAAW,KAAK,IAAI,KAEE;CACxC,MAAM,YAAY;CAClB,MAAM,SAAS,KAAK,IAAI,YAAY,KAAM,EAAE;CAK5C,MAAM,EAAE,WAAW,YAAY,GAAG,uBADb,YAAY,UAAU;AAO3C,QACE,qBAAC,OAAD;EACE,WAAW,GACT,mDACA,UACD;EACM;YALT,CAOG,UAAU,KAAK,OAAO,MACrB,oBAAC,QAAD;GAEE,WAAU;GACV,OAAO;IACL,OAAO;IACP,QAAQ;IACR,YAAY,MAAM,IAAI,IAAI,CAAC;IAC3B;IACA,iBAAiB;IACjB,UAAU;IACV,QAAQ;IACT;aAEA,MAAM,eAA6B,MAAM,GACtC,MAAM,aAAa,OAAO,EAAE,MAAM,WAAW,CAAC,GAC9C;GACC,EAfA,EAeA,CACP,EACD,WAAW,KACV,oBAAC,QAAD;GACE,WAAU;GACV,OAAO;IACL,YAAY,CAAC;IACb;IACA,iBAAiB;IACjB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,QAAQ,UAAU;IACnB;aAED,oBAAC,QAAD;IACE,WAAU;IACV,OAAO;KACL,OAAO;KACP,QAAQ;KACR;KACA,YAAY;KACb;cAED,qBAAC,QAAD;KACE,OAAO;MACL,YAAY;MACZ,GAAG;MACH,GAAI,aAAa;OAAE,WAAW;OAAY,SAAS;OAAS,GAAG,EAAE;MAClE;eALH,CAMC,KACG,SACG;;IACF,CAAA;GACF,CAAA,CAEL;;;AAQV,IAAM,SAAS;AACf,OAAO,QAAQ"}
+{"version":3,"file":"index.js","names":["React","AvatarBase","IAvatarProps","getFontSize","cn","AvatarGroupProps","maxCount","size","className","style","CSSProperties","children","ReactNode","AVATAR_SIZE_MAP","Record","large","middle","small","AvatarGroup","props","$","_c","borderRadius","countContainerFont","countScale","displayed","innerSize","offset","overflow","t0","t1","t2","totalSize","childArray","Children","toArray","slice","length","resolveSize","firstChild","isValidElement","s","sizeVal","resolveShape","firstChild_0","shape","shapeVal","ringWidth","Math","max","countFontRaw","transform","fontSize","fontWeight","map","child","i","width","height","marginLeft","backgroundColor","position","zIndex","cloneElement","t3","lineHeight","fontFamily","display","t4","AvatarComponent","Group","Avatar"],"sources":["../../src/Avatar/index.tsx"],"sourcesContent":["import React from 'react';\nimport AvatarBase, { IAvatarProps } from './component/Avatar';\nimport { getFontSize } from './component/Avatar/helper';\nimport { cn } from '../lib/utils';\n\ninterface AvatarGroupProps {\n  maxCount?: number;\n  size?: IAvatarProps['size'];\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nconst AVATAR_SIZE_MAP: Record<string, number> = {\n  large: 40,\n  middle: 32,\n  small: 28,\n};\n\nfunction AvatarGroup(props: AvatarGroupProps) {\n  const { children, className, style, maxCount, size } = props;\n  const childArray = React.Children.toArray(children);\n  const displayed = maxCount ? childArray.slice(0, maxCount) : childArray;\n  const overflow = maxCount ? childArray.length - maxCount : 0;\n\n  // Resolve count badge size: from group size prop, or from first child's size, fallback 32\n  const resolveSize = (): number => {\n    if (size) {\n      return typeof size === 'number' ? size : AVATAR_SIZE_MAP[size] || 32;\n    }\n    const firstChild = childArray[0];\n    if (\n      React.isValidElement<IAvatarProps>(firstChild) &&\n      firstChild.props.size\n    ) {\n      const s = firstChild.props.size;\n      return typeof s === 'number' ? s : AVATAR_SIZE_MAP[s] || 32;\n    }\n    return 32;\n  };\n\n  const sizeVal = resolveSize();\n\n  // Resolve shape from first child, fallback 'circle'\n  const resolveShape = (): 'circle' | 'square' => {\n    const firstChild = childArray[0];\n    if (\n      React.isValidElement<IAvatarProps>(firstChild) &&\n      firstChild.props.shape\n    ) {\n      return firstChild.props.shape;\n    }\n    return 'circle';\n  };\n\n  const shapeVal = resolveShape();\n\n  const borderRadius = shapeVal === 'circle' ? '50%' : 4;\n  const ringWidth = sizeVal <= 20 ? 1 : 2;\n  // Total size includes the ring on each side\n  const totalSize = sizeVal + ringWidth * 2;\n  const innerSize = sizeVal;\n  const offset = Math.max(totalSize * 0.25, 4);\n\n  // Count badge font: separate container styles from text styles\n  // getFontSize may return transform:scale() for small sizes — only apply that to the inner text\n  const countFontRaw = getFontSize(innerSize);\n  const { transform: countScale, ...countContainerFont } = countFontRaw as {\n    transform?: string;\n    fontSize: number;\n    fontWeight?: number;\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-avatar-group tw-inline-flex tw-items-center',\n        className,\n      )}\n      style={style}\n    >\n      {displayed.map((child, i) => (\n        <span\n          key={i}\n          className=\"tw-inline-flex tw-flex-none tw-items-center tw-justify-center\"\n          style={{\n            width: totalSize,\n            height: totalSize,\n            marginLeft: i === 0 ? 0 : -offset,\n            borderRadius,\n            backgroundColor: 'var(--background-default)',\n            position: 'relative',\n            zIndex: i,\n          }}\n        >\n          {React.isValidElement<IAvatarProps>(child)\n            ? React.cloneElement(child, { size: innerSize })\n            : child}\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span\n          className=\"tw-inline-flex tw-flex-none tw-items-center tw-justify-center\"\n          style={{\n            marginLeft: -offset,\n            borderRadius,\n            backgroundColor: 'var(--background-default)',\n            width: totalSize,\n            height: totalSize,\n            position: 'relative',\n            zIndex: displayed.length,\n          }}\n        >\n          <span\n            className=\"tw-inline-flex tw-size-full tw-items-center tw-justify-center tw-overflow-hidden tw-bg-[var(--background-neutral-subtle)] tw-text-[var(--content-secondary)]\"\n            style={{\n              width: innerSize,\n              height: innerSize,\n              borderRadius,\n              lineHeight: 1,\n            }}\n          >\n            <span\n              style={{\n                fontFamily: 'monospace',\n                ...countContainerFont,\n                ...(countScale ? { transform: countScale, display: 'block' } : {}),\n              }}\n            >\n              +{overflow}\n            </span>\n          </span>\n        </span>\n      )}\n    </div>\n  );\n}\n\ntype AvatarComponent = typeof AvatarBase & {\n  Group: typeof AvatarGroup;\n};\n\nconst Avatar = AvatarBase as AvatarComponent;\nAvatar.Group = AvatarGroup;\n\nexport type { IAvatarProps };\nexport default Avatar;\n"],"mappings":"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"}

package/dist/Avatar.js

@@ -0,0 +1,2 @@
+export * from './Avatar/index.js';
+export { default } from './Avatar/index.js';

package/dist/Badge/index.d.ts

@@ -16,4 +16,4 @@ export interface BadgeProps {
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler;
 }
-export default function Badge(props: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export default function Badge(props: BadgeProps): React.JSX.Element;

package/dist/Badge/index.js

@@ -1,4 +1,5 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -35,47 +36,146 @@ var badgeVariants = cva("ald-badge tw-inline-flex tw-cursor-default tw-items-cen
 	}
 });
 function Badge(props) {
-	const { count, status = "default", size, className, style, onClick, ...rest } = props;
+	const $ = c(49);
+	let className;
+	let count;
+	let onClick;
+	let rest;
+	let size;
+	let style;
+	let t0;
+	if ($[0] !== props) {
+		({count, status: t0, size, className, style, onClick, ...rest} = props);
+		$[0] = props;
+		$[1] = className;
+		$[2] = count;
+		$[3] = onClick;
+		$[4] = rest;
+		$[5] = size;
+		$[6] = style;
+		$[7] = t0;
+	} else {
+		className = $[1];
+		count = $[2];
+		onClick = $[3];
+		rest = $[4];
+		size = $[5];
+		style = $[6];
+		t0 = $[7];
+	}
+	const status = t0 === void 0 ? "default" : t0;
 	if (count === "" || count === void 0) {
-		const dotClassName = cn("ald-badge ald-badge-dot tw-flex tw-aspect-square tw-items-start tw-rounded-full", STATUS_DOT_COLORS[status], typeof onClick === "function" && "tw-cursor-pointer", className);
-		if (onClick) return /* @__PURE__ */ jsx("button", {
-			type: "button",
-			...rest,
-			className: dotClassName,
-			style: {
-				width: 8,
-				height: 8,
-				gap: 8,
-				...style
-			},
-			"aria-label": "Badge",
-			onClick
-		});
-		return /* @__PURE__ */ jsx("div", {
-			...rest,
-			className: cn("ald-badge ald-badge-dot tw-flex tw-aspect-square tw-items-start tw-rounded-full", STATUS_DOT_COLORS[status], typeof onClick === "function" && "tw-cursor-pointer", className),
-			style: {
+		const t1 = STATUS_DOT_COLORS[status];
+		const t2 = typeof onClick === "function" && "tw-cursor-pointer";
+		let t3;
+		if ($[8] !== className || $[9] !== t1 || $[10] !== t2) {
+			t3 = cn("ald-badge ald-badge-dot tw-flex tw-aspect-square tw-items-start tw-rounded-full", t1, t2, className);
+			$[8] = className;
+			$[9] = t1;
+			$[10] = t2;
+			$[11] = t3;
+		} else t3 = $[11];
+		const dotClassName = t3;
+		if (onClick) {
+			let t4;
+			if ($[12] !== style) {
+				t4 = {
+					width: 8,
+					height: 8,
+					gap: 8,
+					...style
+				};
+				$[12] = style;
+				$[13] = t4;
+			} else t4 = $[13];
+			let t5;
+			if ($[14] !== dotClassName || $[15] !== onClick || $[16] !== rest || $[17] !== t4) {
+				t5 = /* @__PURE__ */ jsx("button", {
+					type: "button",
+					...rest,
+					className: dotClassName,
+					style: t4,
+					"aria-label": "Badge",
+					onClick
+				});
+				$[14] = dotClassName;
+				$[15] = onClick;
+				$[16] = rest;
+				$[17] = t4;
+				$[18] = t5;
+			} else t5 = $[18];
+			return t5;
+		}
+		const t4 = STATUS_DOT_COLORS[status];
+		const t5 = typeof onClick === "function" && "tw-cursor-pointer";
+		let t6;
+		if ($[19] !== className || $[20] !== t4 || $[21] !== t5) {
+			t6 = cn("ald-badge ald-badge-dot tw-flex tw-aspect-square tw-items-start tw-rounded-full", t4, t5, className);
+			$[19] = className;
+			$[20] = t4;
+			$[21] = t5;
+			$[22] = t6;
+		} else t6 = $[22];
+		let t7;
+		if ($[23] !== style) {
+			t7 = {
 				width: 8,
 				height: 8,
 				gap: 8,
 				...style
-			},
-			onClick
-		});
+			};
+			$[23] = style;
+			$[24] = t7;
+		} else t7 = $[24];
+		let t8;
+		if ($[25] !== onClick || $[26] !== rest || $[27] !== t6 || $[28] !== t7) {
+			t8 = /* @__PURE__ */ jsx("div", {
+				...rest,
+				className: t6,
+				style: t7,
+				onClick
+			});
+			$[25] = onClick;
+			$[26] = rest;
+			$[27] = t6;
+			$[28] = t7;
+			$[29] = t8;
+		} else t8 = $[29];
+		return t8;
 	}
-	const isNumeric = typeof count === "number" || typeof count === "string" && /^[+-]?\d+$/.test(count.trim());
-	return /* @__PURE__ */ jsx("div", {
-		...rest,
-		className: cn(badgeVariants({
+	let t1;
+	if ($[30] !== count) {
+		t1 = typeof count === "number" || typeof count === "string" && /^[+-]?\d+$/.test(count.trim());
+		$[30] = count;
+		$[31] = t1;
+	} else t1 = $[31];
+	const isNumeric = t1;
+	let t2;
+	if ($[32] !== className || $[33] !== onClick || $[34] !== size || $[35] !== status) {
+		t2 = cn(badgeVariants({
 			size: size || "default",
 			status,
 			clickable: typeof onClick === "function"
-		}), className),
-		style: isNumeric ? {
+		}), className);
+		$[32] = className;
+		$[33] = onClick;
+		$[34] = size;
+		$[35] = status;
+		$[36] = t2;
+	} else t2 = $[36];
+	let t3;
+	if ($[37] !== isNumeric || $[38] !== style) {
+		t3 = isNumeric ? {
 			fontFamily: "monospace",
 			...style
-		} : style,
-		...onClick ? {
+		} : style;
+		$[37] = isNumeric;
+		$[38] = style;
+		$[39] = t3;
+	} else t3 = $[39];
+	let t4;
+	if ($[40] !== onClick) {
+		t4 = onClick ? {
 			role: "button",
 			tabIndex: 0,
 			onKeyDown: (event) => {
@@ -84,10 +184,29 @@ function Badge(props) {
 					onClick(event);
 				}
 			}
-		} : {},
-		onClick,
-		children: count
-	});
+		} : {};
+		$[40] = onClick;
+		$[41] = t4;
+	} else t4 = $[41];
+	let t5;
+	if ($[42] !== count || $[43] !== onClick || $[44] !== rest || $[45] !== t2 || $[46] !== t3 || $[47] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			...rest,
+			className: t2,
+			style: t3,
+			...t4,
+			onClick,
+			children: count
+		});
+		$[42] = count;
+		$[43] = onClick;
+		$[44] = rest;
+		$[45] = t2;
+		$[46] = t3;
+		$[47] = t4;
+		$[48] = t5;
+	} else t5 = $[48];
+	return t5;
 }
 //#endregion
 export { Badge as default };

package/dist/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Badge/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface BadgeProps {\n  /**\n   * 展示的文本内容\n   */\n  count: string | number;\n  /**\n   * 状态\n   */\n  status?: 'success' | 'error' | 'default' | 'info' | 'warning';\n  /**\n   * 大小\n   */\n  size?: 'default' | 'large';\n  className?: string;\n  style?: React.CSSProperties;\n  onClick?: React.MouseEventHandler;\n}\n\nconst STATUS_DOT_COLORS: Record<string, string> = {\n  default: 'tw-bg-[var(--content-secondary)]',\n  success: 'tw-bg-[var(--content-positive-secondary)]',\n  error: 'tw-bg-[var(--content-negative-secondary)]',\n  info: 'tw-bg-[var(--content-informative-secondary)]',\n  warning: 'tw-bg-[var(--content-warning-secondary)]',\n};\n\nconst badgeVariants = cva(\n  'ald-badge tw-inline-flex tw-cursor-default tw-items-center tw-justify-center tw-rounded-[99px]',\n  {\n    variants: {\n      size: {\n        default:\n          'tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-h-[var(--3xs)] tw-min-w-[var(--3xs)] tw-gap-[var(--component-gap-xs)] tw-px-[var(--component-padding-xs)] tw-text-xs tw-font-normal tw-leading-4',\n        large:\n          'ald-badge-large tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-h-[var(--2xs)] tw-min-w-[var(--2xs)] tw-gap-[var(--component-gap-xs)] tw-px-[var(--component-padding-sm)] tw-text-sm tw-font-normal tw-leading-5',\n      },\n      status: {\n        default:\n          'ald-badge-default tw-bg-[var(--background-neutral-muted)] tw-text-[var(--content-primary)]',\n        success:\n          'ald-badge-success tw-bg-[var(--background-positive-muted)] tw-text-[var(--content-positive-primary)]',\n        error:\n          'ald-badge-error tw-bg-[var(--background-negative-muted)] tw-text-[var(--content-negative-primary)]',\n        info: 'ald-badge-info tw-bg-[var(--background-informative-muted)] tw-text-[var(--content-informative-primary)]',\n        warning:\n          'ald-badge-warning tw-bg-[var(--background-warning-muted)] tw-text-[var(--content-warning-primary)]',\n      },\n      clickable: {\n        true: 'ald-badge-clickable tw-cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      status: 'default',\n      clickable: false,\n    },\n  },\n);\n\nexport default function Badge(props: BadgeProps) {\n  const {\n    count,\n    status = 'default',\n    size,\n    className,\n    style,\n    onClick,\n    ...rest\n  } = props;\n\n  const isDot = count === '' || count === undefined;\n\n  if (isDot) {\n    const dotClassName = cn(\n      'ald-badge ald-badge-dot tw-flex tw-aspect-square tw-items-start tw-rounded-full',\n      STATUS_DOT_COLORS[status],\n      typeof onClick === 'function' && 'tw-cursor-pointer',\n      className,\n    );\n\n    if (onClick) {\n      return (\n        <button\n          type=\"button\"\n          {...rest}\n          className={dotClassName}\n          style={{ width: 8, height: 8, gap: 8, ...style }}\n          aria-label=\"Badge\"\n          onClick={onClick}\n        />\n      );\n    }\n\n    return (\n      <div\n        {...rest}\n        className={cn(\n          'ald-badge ald-badge-dot tw-flex tw-aspect-square tw-items-start tw-rounded-full',\n          STATUS_DOT_COLORS[status],\n          typeof onClick === 'function' && 'tw-cursor-pointer',\n          className,\n        )}\n        style={{ width: 8, height: 8, gap: 8, ...style }}\n        onClick={onClick}\n      />\n    );\n  }\n\n  const isNumeric =\n    typeof count === 'number' ||\n    (typeof count === 'string' && /^[+-]?\\d+$/.test(count.trim()));\n\n  return (\n    <div\n      {...rest}\n      className={cn(\n        badgeVariants({\n          size: size || 'default',\n          status,\n          clickable: typeof onClick === 'function',\n        }),\n        className,\n      )}\n      style={isNumeric ? { fontFamily: 'monospace', ...style } : style}\n      {...(onClick\n        ? {\n            role: 'button',\n            tabIndex: 0,\n            onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onClick(event as unknown as React.MouseEvent);\n              }\n            },\n          }\n        : {})}\n      onClick={onClick}\n    >\n      {count}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAsBA,IAAM,oBAA4C;CAChD,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACV;AAED,IAAM,gBAAgB,IACpB,kGACA;CACE,UAAU;EACR,MAAM;GACJ,SACE;GACF,OACE;GACH;EACD,QAAQ;GACN,SACE;GACF,SACE;GACF,OACE;GACF,MAAM;GACN,SACE;GACH;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,MAAM;EACN,QAAQ;EACR,WAAW;EACZ;CACF,CACF;AAED,SAAwB,MAAM,OAAmB;CAC/C,MAAM,EACJ,OACA,SAAS,WACT,MACA,WACA,OACA,SACA,GAAG,SACD;AAIJ,KAFc,UAAU,MAAM,UAAU,QAE7B;EACT,MAAM,eAAe,GACnB,mFACA,kBAAkB,SAClB,OAAO,YAAY,cAAc,qBACjC,UACD;AAED,MAAI,QACF,QACE,oBAAC,UAAD;GACE,MAAK;GACL,GAAI;GACJ,WAAW;GACX,OAAO;IAAE,OAAO;IAAG,QAAQ;IAAG,KAAK;IAAG,GAAG;IAAO;GAChD,cAAW;GACF;GACT,CAAA;AAIN,SACE,oBAAC,OAAD;GACE,GAAI;GACJ,WAAW,GACT,mFACA,kBAAkB,SAClB,OAAO,YAAY,cAAc,qBACjC,UACD;GACD,OAAO;IAAE,OAAO;IAAG,QAAQ;IAAG,KAAK;IAAG,GAAG;IAAO;GACvC;GACT,CAAA;;CAIN,MAAM,YACJ,OAAO,UAAU,YAChB,OAAO,UAAU,YAAY,aAAa,KAAK,MAAM,MAAM,CAAC;AAE/D,QACE,oBAAC,OAAD;EACE,GAAI;EACJ,WAAW,GACT,cAAc;GACZ,MAAM,QAAQ;GACd;GACA,WAAW,OAAO,YAAY;GAC/B,CAAC,EACF,UACD;EACD,OAAO,YAAY;GAAE,YAAY;GAAa,GAAG;GAAO,GAAG;EAC3D,GAAK,UACD;GACE,MAAM;GACN,UAAU;GACV,YAAY,UAA+C;AACzD,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,WAAM,gBAAgB;AACtB,aAAQ,MAAqC;;;GAGlD,GACD,EAAE;EACG;YAER;EACG,CAAA"}
+{"version":3,"file":"index.js","names":["cva","React","cn","BadgeProps","count","status","size","className","style","CSSProperties","onClick","MouseEventHandler","STATUS_DOT_COLORS","Record","default","success","error","info","warning","badgeVariants","variants","large","clickable","true","false","defaultVariants","Badge","props","$","_c","rest","t0","undefined","isDot","t1","t2","t3","dotClassName","t4","width","height","gap","t5","t6","t7","t8","test","trim","isNumeric","fontFamily","role","tabIndex","onKeyDown","event","key","preventDefault","MouseEvent"],"sources":["../../src/Badge/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface BadgeProps {\n  /**\n   * 展示的文本内容\n   */\n  count: string | number;\n  /**\n   * 状态\n   */\n  status?: 'success' | 'error' | 'default' | 'info' | 'warning';\n  /**\n   * 大小\n   */\n  size?: 'default' | 'large';\n  className?: string;\n  style?: React.CSSProperties;\n  onClick?: React.MouseEventHandler;\n}\n\nconst STATUS_DOT_COLORS: Record<string, string> = {\n  default: 'tw-bg-[var(--content-secondary)]',\n  success: 'tw-bg-[var(--content-positive-secondary)]',\n  error: 'tw-bg-[var(--content-negative-secondary)]',\n  info: 'tw-bg-[var(--content-informative-secondary)]',\n  warning: 'tw-bg-[var(--content-warning-secondary)]',\n};\n\nconst badgeVariants = cva(\n  'ald-badge tw-inline-flex tw-cursor-default tw-items-center tw-justify-center tw-rounded-[99px]',\n  {\n    variants: {\n      size: {\n        default:\n          'tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-h-[var(--3xs)] tw-min-w-[var(--3xs)] tw-gap-[var(--component-gap-xs)] tw-px-[var(--component-padding-xs)] tw-text-xs tw-font-normal tw-leading-4',\n        large:\n          'ald-badge-large tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-h-[var(--2xs)] tw-min-w-[var(--2xs)] tw-gap-[var(--component-gap-xs)] tw-px-[var(--component-padding-sm)] tw-text-sm tw-font-normal tw-leading-5',\n      },\n      status: {\n        default:\n          'ald-badge-default tw-bg-[var(--background-neutral-muted)] tw-text-[var(--content-primary)]',\n        success:\n          'ald-badge-success tw-bg-[var(--background-positive-muted)] tw-text-[var(--content-positive-primary)]',\n        error:\n          'ald-badge-error tw-bg-[var(--background-negative-muted)] tw-text-[var(--content-negative-primary)]',\n        info: 'ald-badge-info tw-bg-[var(--background-informative-muted)] tw-text-[var(--content-informative-primary)]',\n        warning:\n          'ald-badge-warning tw-bg-[var(--background-warning-muted)] tw-text-[var(--content-warning-primary)]',\n      },\n      clickable: {\n        true: 'ald-badge-clickable tw-cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      status: 'default',\n      clickable: false,\n    },\n  },\n);\n\nexport default function Badge(props: BadgeProps) {\n  const {\n    count,\n    status = 'default',\n    size,\n    className,\n    style,\n    onClick,\n    ...rest\n  } = props;\n\n  const isDot = count === '' || count === undefined;\n\n  if (isDot) {\n    const dotClassName = cn(\n      'ald-badge ald-badge-dot tw-flex tw-aspect-square tw-items-start tw-rounded-full',\n      STATUS_DOT_COLORS[status],\n      typeof onClick === 'function' && 'tw-cursor-pointer',\n      className,\n    );\n\n    if (onClick) {\n      return (\n        <button\n          type=\"button\"\n          {...rest}\n          className={dotClassName}\n          style={{ width: 8, height: 8, gap: 8, ...style }}\n          aria-label=\"Badge\"\n          onClick={onClick}\n        />\n      );\n    }\n\n    return (\n      <div\n        {...rest}\n        className={cn(\n          'ald-badge ald-badge-dot tw-flex tw-aspect-square tw-items-start tw-rounded-full',\n          STATUS_DOT_COLORS[status],\n          typeof onClick === 'function' && 'tw-cursor-pointer',\n          className,\n        )}\n        style={{ width: 8, height: 8, gap: 8, ...style }}\n        onClick={onClick}\n      />\n    );\n  }\n\n  const isNumeric =\n    typeof count === 'number' ||\n    (typeof count === 'string' && /^[+-]?\\d+$/.test(count.trim()));\n\n  return (\n    <div\n      {...rest}\n      className={cn(\n        badgeVariants({\n          size: size || 'default',\n          status,\n          clickable: typeof onClick === 'function',\n        }),\n        className,\n      )}\n      style={isNumeric ? { fontFamily: 'monospace', ...style } : style}\n      {...(onClick\n        ? {\n            role: 'button',\n            tabIndex: 0,\n            onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onClick(event as unknown as React.MouseEvent);\n              }\n            },\n          }\n        : {})}\n      onClick={onClick}\n    >\n      {count}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/Badge.js

@@ -0,0 +1,2 @@
+export * from './Badge/index.js';
+export { default } from './Badge/index.js';

package/dist/Breadcrumb/index.d.ts

@@ -21,7 +21,7 @@ interface IBreadcrumbItemInterface extends React.FC<BreadcrumbItemProps> {
     __ANT_BREADCRUMB_ITEM: boolean;
 }
 declare const Breadcrumb: {
-    (props: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+    (props: BreadcrumbProps): React.JSX.Element;
     Item: IBreadcrumbItemInterface;
 };
 export default Breadcrumb;