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

package/README.md

@@ -24,10 +24,52 @@ Component consumption and CSS Variables consumption are independent public deliv
 
 组件库开发过程中，需要满足以下条件：
 
-Node version >= 16.0.0
+开发环境使用 Node 22.16.0（见 `.nvmrc`）。组件库不会通过 npm `engines` 限制消费项目的 Node 版本。
 
 ## 组件库介绍
 
+### React 兼容性
+
+- npm 产物同时支持 React/ReactDOM `^18.0.0 || ^19.0.0`。
+- 产物使用 React Compiler 编译，目标为 React 18，并通过 `react-compiler-runtime` 在 React 18/19 中运行。消费项目无需启用或配置 React Compiler。
+- React 19 Form Actions 请使用原生 `<form>`；Ald `Form` 保持 `rc-field-form` 的校验、提交与 reset 契约，只接受字符串 `action`。
+- Ald `Input` 的 `name`/`value` 可以写入 `FormData`，但受控输入不会承诺在 Action 成功后自动 reset。需要原生自动 reset 时使用 uncontrolled `<input>`。
+- `Activity` 示例和验证要求 React 19.2 或更高版本。
+
+React 19 中可组合 `useFormStatus` 与 Ald `Button`：
+
+```tsx
+import { Button, Input } from '@aloudata/aloudata-design';
+import { useFormStatus } from 'react-dom';
+
+function SubmitButton() {
+  const { pending } = useFormStatus();
+  return (
+    <Button htmlType="submit" loading={pending} disabled={pending}>
+      保存
+    </Button>
+  );
+}
+
+export function ProfileForm({ save }: { save: (data: FormData) => void }) {
+  return (
+    <form action={save}>
+      <Input name="displayName" />
+      <SubmitButton />
+    </form>
+  );
+}
+```
+
+beta 安装与回退：
+
+```bash
+npm install @aloudata/aloudata-design@beta
+npm install @aloudata/aloudata-design@3.1.6
+```
+
+发布前使用 `npm run verify:release` 执行 React 18/19 四象限测试、Storybook 浏览器测试、Compiler 产物检查和真实 tarball 消费验证。Storybook 8 使用独立的 Vite 配置且不启用 Compiler；正式编译产物由 tarball 消费者浏览器测试覆盖。
+
 ### 1 快速开始
 
 #### 安装和启动

package/dist/AMenu/index.d.ts

@@ -30,5 +30,5 @@ export interface AMenuProps {
     inlineCollapsed?: boolean;
     children?: React.ReactNode;
 }
-declare function AMenu(props: AMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function AMenu(props: AMenuProps): React.JSX.Element;
 export default AMenu;

package/dist/AMenu/index.js

@@ -1,51 +1,81 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/AMenu/index.tsx
 function AMenu(props) {
-	const { items = [], selectedKeys: controlledSelected, defaultSelectedKeys = [], onClick, onSelect, className, style } = props;
-	const [innerSelected, setInnerSelected] = useState(defaultSelectedKeys);
+	const $ = c(12);
+	const { items: t0, selectedKeys: controlledSelected, defaultSelectedKeys: t1, onClick, onSelect, className, style } = props;
+	const items = t0 === void 0 ? [] : t0;
+	let t2;
+	if ($[0] !== t1) {
+		t2 = t1 === void 0 ? [] : t1;
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const [innerSelected, setInnerSelected] = useState(t2);
 	const selectedKeys = controlledSelected ?? innerSelected;
-	const handleClick = (key, e) => {
-		const newSelected = [key];
-		if (!controlledSelected) setInnerSelected(newSelected);
-		onClick?.({
-			key,
-			domEvent: e
-		});
-		onSelect?.({
-			key,
-			selectedKeys: newSelected
-		});
-	};
-	const renderItems = (menuItems) => {
-		return menuItems.map((item) => {
-			if (item.type === "divider") return /* @__PURE__ */ jsx("div", { className: "ald-amenu-divider tw-my-1 tw-h-px tw-bg-[var(--border-default)]" }, item.key || `divider-${Math.random()}`);
-			if (item.type === "group") return /* @__PURE__ */ jsxs("div", {
-				className: "ald-amenu-group",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "ald-amenu-group-title tw-px-3 tw-py-1 tw-text-xs tw-text-[var(--content-tertiary)]",
-					children: item.label
-				}), item.children && renderItems(item.children)]
-			}, item.key);
-			return /* @__PURE__ */ jsxs("div", {
-				className: cn("ald-amenu-item tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-rounded-r-50 tw-px-3 tw-py-2 tw-text-sm tw-transition-colors", selectedKeys.includes(item.key) ? "tw-bg-[var(--action-primary-subtle-normal)] tw-text-[var(--content-brand-primary)]" : "tw-text-[var(--content-primary)] hover:tw-bg-[var(--action-ghost-hover)]", item.disabled && "tw-pointer-events-none tw-cursor-default tw-opacity-50", item.danger && "tw-text-[var(--content-negative-primary)]"),
-				onClick: item.disabled ? void 0 : (e) => handleClick(item.key, e),
-				children: [item.icon && /* @__PURE__ */ jsx("span", {
-					className: "ald-amenu-item-icon",
-					children: item.icon
-				}), /* @__PURE__ */ jsx("span", {
-					className: "ald-amenu-item-label",
-					children: item.label
-				})]
-			}, item.key);
-		});
-	};
-	return /* @__PURE__ */ jsx("nav", {
-		className: cn("ald-amenu tw-flex tw-flex-col tw-gap-0.5 tw-p-1", className),
-		style,
-		children: renderItems(items)
+	let t3;
+	if ($[2] !== controlledSelected || $[3] !== onClick || $[4] !== onSelect) {
+		t3 = (key, e) => {
+			const newSelected = [key];
+			if (!controlledSelected) setInnerSelected(newSelected);
+			onClick?.({
+				key,
+				domEvent: e
+			});
+			onSelect?.({
+				key,
+				selectedKeys: newSelected
+			});
+		};
+		$[2] = controlledSelected;
+		$[3] = onClick;
+		$[4] = onSelect;
+		$[5] = t3;
+	} else t3 = $[5];
+	const handleClick = t3;
+	const renderItems = (menuItems) => menuItems.map((item) => {
+		if (item.type === "divider") return /* @__PURE__ */ jsx("div", { className: "ald-amenu-divider tw-my-1 tw-h-px tw-bg-[var(--border-default)]" }, item.key || `divider-${Math.random()}`);
+		if (item.type === "group") return /* @__PURE__ */ jsxs("div", {
+			className: "ald-amenu-group",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "ald-amenu-group-title tw-px-3 tw-py-1 tw-text-xs tw-text-[var(--content-tertiary)]",
+				children: item.label
+			}), item.children && renderItems(item.children)]
+		}, item.key);
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn("ald-amenu-item tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-rounded-r-50 tw-px-3 tw-py-2 tw-text-sm tw-transition-colors", selectedKeys.includes(item.key) ? "tw-bg-[var(--action-primary-subtle-normal)] tw-text-[var(--content-brand-primary)]" : "tw-text-[var(--content-primary)] hover:tw-bg-[var(--action-ghost-hover)]", item.disabled && "tw-pointer-events-none tw-cursor-default tw-opacity-50", item.danger && "tw-text-[var(--content-negative-primary)]"),
+			onClick: item.disabled ? void 0 : (e_0) => handleClick(item.key, e_0),
+			children: [item.icon && /* @__PURE__ */ jsx("span", {
+				className: "ald-amenu-item-icon",
+				children: item.icon
+			}), /* @__PURE__ */ jsx("span", {
+				className: "ald-amenu-item-label",
+				children: item.label
+			})]
+		}, item.key);
 	});
+	let t4;
+	if ($[6] !== className) {
+		t4 = cn("ald-amenu tw-flex tw-flex-col tw-gap-0.5 tw-p-1", className);
+		$[6] = className;
+		$[7] = t4;
+	} else t4 = $[7];
+	const t5 = renderItems(items);
+	let t6;
+	if ($[8] !== style || $[9] !== t4 || $[10] !== t5) {
+		t6 = /* @__PURE__ */ jsx("nav", {
+			className: t4,
+			style,
+			children: t5
+		});
+		$[8] = style;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	return t6;
 }
 //#endregion
 export { AMenu as default };

package/dist/AMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/AMenu/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface AMenuItemType {\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n  danger?: boolean;\n  children?: AMenuItemType[];\n  type?: 'group' | 'divider';\n}\n\nexport interface AMenuProps {\n  items?: AMenuItemType[];\n  mode?: 'vertical' | 'horizontal' | 'inline';\n  selectedKeys?: string[];\n  defaultSelectedKeys?: string[];\n  openKeys?: string[];\n  defaultOpenKeys?: string[];\n  onClick?: (info: { key: string; domEvent: React.MouseEvent }) => void;\n  onSelect?: (info: { key: string; selectedKeys: string[] }) => void;\n  onOpenChange?: (openKeys: string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  theme?: 'light' | 'dark';\n  inlineCollapsed?: boolean;\n  children?: React.ReactNode;\n}\n\nfunction AMenu(props: AMenuProps) {\n  const {\n    items = [],\n    selectedKeys: controlledSelected,\n    defaultSelectedKeys = [],\n    onClick,\n    onSelect,\n    className,\n    style,\n  } = props;\n\n  const [innerSelected, setInnerSelected] =\n    useState<string[]>(defaultSelectedKeys);\n  const selectedKeys = controlledSelected ?? innerSelected;\n\n  const handleClick = (key: string, e: React.MouseEvent) => {\n    const newSelected = [key];\n    if (!controlledSelected) {\n      setInnerSelected(newSelected);\n    }\n    onClick?.({ key, domEvent: e });\n    onSelect?.({ key, selectedKeys: newSelected });\n  };\n\n  const renderItems = (menuItems: AMenuItemType[]) => {\n    return menuItems.map((item) => {\n      if (item.type === 'divider') {\n        return (\n          <div\n            key={item.key || `divider-${Math.random()}`}\n            className=\"ald-amenu-divider tw-my-1 tw-h-px tw-bg-[var(--border-default)]\"\n          />\n        );\n      }\n      if (item.type === 'group') {\n        return (\n          <div key={item.key} className=\"ald-amenu-group\">\n            <div className=\"ald-amenu-group-title tw-px-3 tw-py-1 tw-text-xs tw-text-[var(--content-tertiary)]\">\n              {item.label}\n            </div>\n            {item.children && renderItems(item.children)}\n          </div>\n        );\n      }\n\n      const isSelected = selectedKeys.includes(item.key);\n\n      return (\n        <div\n          key={item.key}\n          className={cn(\n            'ald-amenu-item tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-rounded-r-50 tw-px-3 tw-py-2 tw-text-sm tw-transition-colors',\n            isSelected\n              ? 'tw-bg-[var(--action-primary-subtle-normal)] tw-text-[var(--content-brand-primary)]'\n              : 'tw-text-[var(--content-primary)] hover:tw-bg-[var(--action-ghost-hover)]',\n            item.disabled &&\n              'tw-pointer-events-none tw-cursor-default tw-opacity-50',\n            item.danger && 'tw-text-[var(--content-negative-primary)]',\n          )}\n          onClick={item.disabled ? undefined : (e) => handleClick(item.key, e)}\n        >\n          {item.icon && (\n            <span className=\"ald-amenu-item-icon\">{item.icon}</span>\n          )}\n          <span className=\"ald-amenu-item-label\">{item.label}</span>\n        </div>\n      );\n    });\n  };\n\n  return (\n    <nav\n      className={cn(\n        'ald-amenu tw-flex tw-flex-col tw-gap-0.5 tw-p-1',\n        className,\n      )}\n      style={style}\n    >\n      {renderItems(items)}\n    </nav>\n  );\n}\n\nexport default AMenu;\n"],"mappings":";;;;AA8BA,SAAS,MAAM,OAAmB;CAChC,MAAM,EACJ,QAAQ,EAAE,EACV,cAAc,oBACd,sBAAsB,EAAE,EACxB,SACA,UACA,WACA,UACE;CAEJ,MAAM,CAAC,eAAe,oBACpB,SAAmB,oBAAoB;CACzC,MAAM,eAAe,sBAAsB;CAE3C,MAAM,eAAe,KAAa,MAAwB;EACxD,MAAM,cAAc,CAAC,IAAI;AACzB,MAAI,CAAC,mBACH,kBAAiB,YAAY;AAE/B,YAAU;GAAE;GAAK,UAAU;GAAG,CAAC;AAC/B,aAAW;GAAE;GAAK,cAAc;GAAa,CAAC;;CAGhD,MAAM,eAAe,cAA+B;AAClD,SAAO,UAAU,KAAK,SAAS;AAC7B,OAAI,KAAK,SAAS,UAChB,QACE,oBAAC,OAAD,EAEE,WAAU,mEACV,EAFK,KAAK,OAAO,WAAW,KAAK,QAAQ,GAEzC;AAGN,OAAI,KAAK,SAAS,QAChB,QACE,qBAAC,OAAD;IAAoB,WAAU;cAA9B,CACE,oBAAC,OAAD;KAAK,WAAU;eACZ,KAAK;KACF,CAAA,EACL,KAAK,YAAY,YAAY,KAAK,SAAS,CACxC;MALI,KAAK,IAKT;AAMV,UACE,qBAAC,OAAD;IAEE,WAAW,GACT,qIANa,aAAa,SAAS,KAAK,IAAI,GAQxC,uFACA,4EACJ,KAAK,YACH,0DACF,KAAK,UAAU,4CAChB;IACD,SAAS,KAAK,WAAW,UAAa,MAAM,YAAY,KAAK,KAAK,EAAE;cAXtE,CAaG,KAAK,QACJ,oBAAC,QAAD;KAAM,WAAU;eAAuB,KAAK;KAAY,CAAA,EAE1D,oBAAC,QAAD;KAAM,WAAU;eAAwB,KAAK;KAAa,CAAA,CACtD;MAhBC,KAAK,IAgBN;IAER;;AAGJ,QACE,oBAAC,OAAD;EACE,WAAW,GACT,mDACA,UACD;EACM;YAEN,YAAY,MAAM;EACf,CAAA"}
+{"version":3,"file":"index.js","names":["React","useState","cn","AMenuItemType","key","label","ReactNode","icon","disabled","danger","children","type","AMenuProps","items","mode","selectedKeys","defaultSelectedKeys","openKeys","defaultOpenKeys","onClick","info","domEvent","MouseEvent","onSelect","onOpenChange","className","style","CSSProperties","theme","inlineCollapsed","AMenu","props","$","_c","t0","controlledSelected","t1","undefined","t2","innerSelected","setInnerSelected","t3","e","newSelected","handleClick","renderItems","menuItems","map","item","Math","random","isSelected","includes","e_0","t4","t5","t6"],"sources":["../../src/AMenu/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface AMenuItemType {\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n  danger?: boolean;\n  children?: AMenuItemType[];\n  type?: 'group' | 'divider';\n}\n\nexport interface AMenuProps {\n  items?: AMenuItemType[];\n  mode?: 'vertical' | 'horizontal' | 'inline';\n  selectedKeys?: string[];\n  defaultSelectedKeys?: string[];\n  openKeys?: string[];\n  defaultOpenKeys?: string[];\n  onClick?: (info: { key: string; domEvent: React.MouseEvent }) => void;\n  onSelect?: (info: { key: string; selectedKeys: string[] }) => void;\n  onOpenChange?: (openKeys: string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  theme?: 'light' | 'dark';\n  inlineCollapsed?: boolean;\n  children?: React.ReactNode;\n}\n\nfunction AMenu(props: AMenuProps) {\n  const {\n    items = [],\n    selectedKeys: controlledSelected,\n    defaultSelectedKeys = [],\n    onClick,\n    onSelect,\n    className,\n    style,\n  } = props;\n\n  const [innerSelected, setInnerSelected] =\n    useState<string[]>(defaultSelectedKeys);\n  const selectedKeys = controlledSelected ?? innerSelected;\n\n  const handleClick = (key: string, e: React.MouseEvent) => {\n    const newSelected = [key];\n    if (!controlledSelected) {\n      setInnerSelected(newSelected);\n    }\n    onClick?.({ key, domEvent: e });\n    onSelect?.({ key, selectedKeys: newSelected });\n  };\n\n  const renderItems = (menuItems: AMenuItemType[]) => {\n    return menuItems.map((item) => {\n      if (item.type === 'divider') {\n        return (\n          <div\n            key={item.key || `divider-${Math.random()}`}\n            className=\"ald-amenu-divider tw-my-1 tw-h-px tw-bg-[var(--border-default)]\"\n          />\n        );\n      }\n      if (item.type === 'group') {\n        return (\n          <div key={item.key} className=\"ald-amenu-group\">\n            <div className=\"ald-amenu-group-title tw-px-3 tw-py-1 tw-text-xs tw-text-[var(--content-tertiary)]\">\n              {item.label}\n            </div>\n            {item.children && renderItems(item.children)}\n          </div>\n        );\n      }\n\n      const isSelected = selectedKeys.includes(item.key);\n\n      return (\n        <div\n          key={item.key}\n          className={cn(\n            'ald-amenu-item tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-rounded-r-50 tw-px-3 tw-py-2 tw-text-sm tw-transition-colors',\n            isSelected\n              ? 'tw-bg-[var(--action-primary-subtle-normal)] tw-text-[var(--content-brand-primary)]'\n              : 'tw-text-[var(--content-primary)] hover:tw-bg-[var(--action-ghost-hover)]',\n            item.disabled &&\n              'tw-pointer-events-none tw-cursor-default tw-opacity-50',\n            item.danger && 'tw-text-[var(--content-negative-primary)]',\n          )}\n          onClick={item.disabled ? undefined : (e) => handleClick(item.key, e)}\n        >\n          {item.icon && (\n            <span className=\"ald-amenu-item-icon\">{item.icon}</span>\n          )}\n          <span className=\"ald-amenu-item-label\">{item.label}</span>\n        </div>\n      );\n    });\n  };\n\n  return (\n    <nav\n      className={cn(\n        'ald-amenu tw-flex tw-flex-col tw-gap-0.5 tw-p-1',\n        className,\n      )}\n      style={style}\n    >\n      {renderItems(items)}\n    </nav>\n  );\n}\n\nexport default AMenu;\n"],"mappings":";;;;;AA8BA,SAAA8B,MAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAApB,OAAAqB,IAAAnB,cAAAoB,oBAAAnB,qBAAAoB,IAAAjB,SAAAI,UAAAE,WAAAC,UAQIK;CAPF,MAAAlB,QAAAqB,OAAAG,SAAA,EAAU,GAAVH;CAAU,IAAAI;AAAA,KAAAN,EAAA,OAAAI,IAAA;AAEVE,OAAAF,OAAAC,SAAA,EAAwB,GAAxBD;AAAwBJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAO1B,MAAA,CAAAO,eAAAC,oBACEvC,SARAqC,GAQuC;CACzC,MAAAvB,eAAqBoB,sBAAAI;CAAoC,IAAAE;AAAA,KAAAT,EAAA,OAAAG,sBAAAH,EAAA,OAAAb,WAAAa,EAAA,OAAAT,UAAA;AAErCkB,QAAArC,KAAAsC,MAAA;GAClB,MAAAC,cAAoB,CAACvC,IAAI;AACzB,OAAI,CAAC+B,mBACHK,kBAAiBG,YAAY;AAE/BxB,aAAU;IAAAf;IAAAiB,UAAiBqB;IAAG,CAAC;AAC/BnB,cAAW;IAAAnB;IAAAW,cAAqB4B;IAAa,CAAC;;AAC/CX,IAAA,KAAAG;AAAAH,IAAA,KAAAb;AAAAa,IAAA,KAAAT;AAAAS,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAPD,MAAAY,cAAoBH;CASpB,MAAAI,eAAoBC,cACXA,UAASC,KAAKC,SAAA;AACnB,MAAIA,KAAIrC,SAAU,UAAS,QAEvB,oBAAA,OAAA,EAEY,WAAA,mEACV,EAFKqC,KAAI5C,OAAJ,WAAuB6C,KAAIC,QAAS,GAEzC;AAGN,MAAIF,KAAIrC,SAAU,QAAO,QAErB,qBAAA,OAAA;GAA8B,WAAA;aAA9B,CACE,oBAAA,OAAA;IAAe,WAAA;cACZqC,KAAI3C;IAEN,CAAA,EAAA2C,KAAItC,YAAamC,YAAYG,KAAItC,SAAS,CACvC;KALIsC,KAAI5C,IAKR;AAIyC,SAGjD,qBAAA,OAAA;GAEa,WAAAF,GACT,qIANaa,aAAYqC,SAAUJ,KAAI5C,IAAK,GAO5C,uFAAA,4EAGA4C,KAAIxC,YAAJ,0DAEAwC,KAAIvC,UAAJ,4CACF;GACS,SAAAuC,KAAIxC,WAAJ6B,UAAAgB,QAAmCT,YAAYI,KAAI5C,KAAMsC,IAAC;aAXrE,CAaGM,KAAIzC,QACH,oBAAA,QAAA;IAAgB,WAAA;cAAuByC,KAAIzC;IAC7C,CAAA,EACA,oBAAA,QAAA;IAAgB,WAAA;cAAwByC,KAAI3C;IAC9C,CAAA,CAAM;KAhBC2C,KAAI5C,IAgBL;GAGX;CAAC,IAAAkD;AAAA,KAAAtB,EAAA,OAAAP,WAAA;AAIa6B,OAAApD,GACT,mDACAuB,UACD;AAAAO,IAAA,KAAAP;AAAAO,IAAA,KAAAsB;OAAAA,MAAAtB,EAAA;CAGA,MAAAuB,KAAAV,YAAYhC,MAAM;CAAA,IAAA2C;AAAA,KAAAxB,EAAA,OAAAN,SAAAM,EAAA,OAAAsB,MAAAtB,EAAA,QAAAuB,IAAA;AAPrBC,OAAA,oBAAA,OAAA;GACa,WAAAF;GAIJ5B;aAEN6B;GACG,CAAA;AAAAvB,IAAA,KAAAN;AAAAM,IAAA,KAAAsB;AAAAtB,IAAA,MAAAuB;AAAAvB,IAAA,MAAAwB;OAAAA,MAAAxB,EAAA;AAAA,QARNwB"}

package/dist/AMenu.js

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

package/dist/AProgress/index.d.ts

@@ -13,5 +13,5 @@ export interface AProgressProps {
     style?: React.CSSProperties;
     size?: 'default' | 'small';
 }
-declare function AProgress(props: AProgressProps): import("react/jsx-runtime").JSX.Element;
+declare function AProgress(props: AProgressProps): React.JSX.Element;
 export default AProgress;

package/dist/AProgress/index.js

@@ -1,9 +1,17 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/AProgress/index.tsx
 function AProgress(props) {
-	const { percent = 0, type = "line", status, showInfo = true, strokeColor = "var(--action-primary-normal)", trailColor = "var(--background-neutral-subtle)", strokeWidth, width = 120, format, className, style, size } = props;
+	const $ = c(60);
+	const { percent: t0, type: t1, status, showInfo: t2, strokeColor: t3, trailColor: t4, strokeWidth, width: t5, format, className, style, size } = props;
+	const percent = t0 === void 0 ? 0 : t0;
+	const type = t1 === void 0 ? "line" : t1;
+	const showInfo = t2 === void 0 ? true : t2;
+	const strokeColor = t3 === void 0 ? "var(--action-primary-normal)" : t3;
+	const trailColor = t4 === void 0 ? "var(--background-neutral-subtle)" : t4;
+	const width = t5 === void 0 ? 120 : t5;
 	const clampedPercent = Math.min(100, Math.max(0, percent));
 	const resolvedStatus = status || (clampedPercent >= 100 ? "success" : "normal");
 	const statusColor = resolvedStatus === "success" ? "var(--content-positive-secondary)" : resolvedStatus === "exception" ? "var(--content-negative-secondary)" : resolvedStatus === "active" ? "var(--content-informative-secondary)" : strokeColor;
@@ -14,43 +22,89 @@ function AProgress(props) {
 		const radius = (circleSize - sw) / 2;
 		const circumference = 2 * Math.PI * radius;
 		const dashOffset = circumference * (1 - clampedPercent / 100);
-		return /* @__PURE__ */ jsxs("div", {
-			className: cn("ald-progress ald-progress-circle tw-relative tw-inline-flex tw-items-center tw-justify-center", className),
-			style: {
+		let t6;
+		if ($[0] !== className) {
+			t6 = cn("ald-progress ald-progress-circle tw-relative tw-inline-flex tw-items-center tw-justify-center", className);
+			$[0] = className;
+			$[1] = t6;
+		} else t6 = $[1];
+		let t7;
+		if ($[2] !== circleSize || $[3] !== style) {
+			t7 = {
 				width: circleSize,
 				height: circleSize,
 				...style
-			},
-			role: "progressbar",
-			"aria-valuemin": 0,
-			"aria-valuemax": 100,
-			"aria-valuenow": clampedPercent,
-			"aria-label": `Progress ${clampedPercent}%`,
-			children: [/* @__PURE__ */ jsxs("svg", {
-				viewBox: `0 0 ${circleSize} ${circleSize}`,
+			};
+			$[2] = circleSize;
+			$[3] = style;
+			$[4] = t7;
+		} else t7 = $[4];
+		const t8 = `Progress ${clampedPercent}%`;
+		const t9 = `0 0 ${circleSize} ${circleSize}`;
+		const t10 = circleSize / 2;
+		const t11 = circleSize / 2;
+		let t12;
+		if ($[5] !== radius || $[6] !== sw || $[7] !== t10 || $[8] !== t11 || $[9] !== trailColor) {
+			t12 = /* @__PURE__ */ jsx("circle", {
+				cx: t10,
+				cy: t11,
+				r: radius,
+				fill: "none",
+				stroke: trailColor,
+				strokeWidth: sw
+			});
+			$[5] = radius;
+			$[6] = sw;
+			$[7] = t10;
+			$[8] = t11;
+			$[9] = trailColor;
+			$[10] = t12;
+		} else t12 = $[10];
+		const t13 = circleSize / 2;
+		const t14 = circleSize / 2;
+		const t15 = `rotate(-90 ${circleSize / 2} ${circleSize / 2})`;
+		let t16;
+		if ($[11] !== circumference || $[12] !== dashOffset || $[13] !== radius || $[14] !== statusColor || $[15] !== sw || $[16] !== t13 || $[17] !== t14 || $[18] !== t15) {
+			t16 = /* @__PURE__ */ jsx("circle", {
+				cx: t13,
+				cy: t14,
+				r: radius,
+				fill: "none",
+				stroke: statusColor,
+				strokeWidth: sw,
+				strokeLinecap: "round",
+				strokeDasharray: circumference,
+				strokeDashoffset: dashOffset,
+				transform: t15,
+				className: "tw-transition-all tw-duration-300"
+			});
+			$[11] = circumference;
+			$[12] = dashOffset;
+			$[13] = radius;
+			$[14] = statusColor;
+			$[15] = sw;
+			$[16] = t13;
+			$[17] = t14;
+			$[18] = t15;
+			$[19] = t16;
+		} else t16 = $[19];
+		let t17;
+		if ($[20] !== circleSize || $[21] !== t12 || $[22] !== t16 || $[23] !== t9) {
+			t17 = /* @__PURE__ */ jsxs("svg", {
+				viewBox: t9,
 				width: circleSize,
 				height: circleSize,
-				children: [/* @__PURE__ */ jsx("circle", {
-					cx: circleSize / 2,
-					cy: circleSize / 2,
-					r: radius,
-					fill: "none",
-					stroke: trailColor,
-					strokeWidth: sw
-				}), /* @__PURE__ */ jsx("circle", {
-					cx: circleSize / 2,
-					cy: circleSize / 2,
-					r: radius,
-					fill: "none",
-					stroke: statusColor,
-					strokeWidth: sw,
-					strokeLinecap: "round",
-					strokeDasharray: circumference,
-					strokeDashoffset: dashOffset,
-					transform: `rotate(-90 ${circleSize / 2} ${circleSize / 2})`,
-					className: "tw-transition-all tw-duration-300"
-				})]
-			}), showInfo && /* @__PURE__ */ jsx("span", {
+				children: [t12, t16]
+			});
+			$[20] = circleSize;
+			$[21] = t12;
+			$[22] = t16;
+			$[23] = t9;
+			$[24] = t17;
+		} else t17 = $[24];
+		let t18;
+		if ($[25] !== clampedPercent || $[26] !== format || $[27] !== showInfo) {
+			t18 = showInfo && /* @__PURE__ */ jsx("span", {
 				className: "tw-absolute tw-z-[1] tw-inline-flex tw-items-center tw-justify-center tw-rounded-full tw-text-sm tw-font-medium",
 				style: {
 					minWidth: "4ch",
@@ -61,44 +115,123 @@ function AProgress(props) {
 					fontVariantNumeric: "tabular-nums"
 				},
 				children: format ? format(clampedPercent) : `${clampedPercent}%`
-			})]
-		});
+			});
+			$[25] = clampedPercent;
+			$[26] = format;
+			$[27] = showInfo;
+			$[28] = t18;
+		} else t18 = $[28];
+		let t19;
+		if ($[29] !== clampedPercent || $[30] !== t17 || $[31] !== t18 || $[32] !== t6 || $[33] !== t7 || $[34] !== t8) {
+			t19 = /* @__PURE__ */ jsxs("div", {
+				className: t6,
+				style: t7,
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": clampedPercent,
+				"aria-label": t8,
+				children: [t17, t18]
+			});
+			$[29] = clampedPercent;
+			$[30] = t17;
+			$[31] = t18;
+			$[32] = t6;
+			$[33] = t7;
+			$[34] = t8;
+			$[35] = t19;
+		} else t19 = $[35];
+		return t19;
 	}
 	const lineHeight = resolvedStrokeWidth;
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-progress ald-progress-line tw-w-full", className),
-		style,
-		role: "progressbar",
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-valuenow": clampedPercent,
-		"aria-label": `Progress ${clampedPercent}%`,
-		children: /* @__PURE__ */ jsxs("div", {
+	let t6;
+	if ($[36] !== className) {
+		t6 = cn("ald-progress ald-progress-line tw-w-full", className);
+		$[36] = className;
+		$[37] = t6;
+	} else t6 = $[37];
+	const t7 = `Progress ${clampedPercent}%`;
+	let t8;
+	if ($[38] !== lineHeight || $[39] !== trailColor) {
+		t8 = {
+			height: lineHeight,
+			backgroundColor: trailColor
+		};
+		$[38] = lineHeight;
+		$[39] = trailColor;
+		$[40] = t8;
+	} else t8 = $[40];
+	const t9 = `${clampedPercent}%`;
+	let t10;
+	if ($[41] !== statusColor || $[42] !== t9) {
+		t10 = /* @__PURE__ */ jsx("div", {
+			className: "ald-progress-inner tw-h-full tw-rounded-full tw-transition-all tw-duration-300",
+			style: {
+				width: t9,
+				backgroundColor: statusColor
+			}
+		});
+		$[41] = statusColor;
+		$[42] = t9;
+		$[43] = t10;
+	} else t10 = $[43];
+	let t11;
+	if ($[44] !== t10 || $[45] !== t8) {
+		t11 = /* @__PURE__ */ jsx("div", {
+			className: "ald-progress-outer tw-flex-1 tw-overflow-hidden tw-rounded-full",
+			style: t8,
+			children: t10
+		});
+		$[44] = t10;
+		$[45] = t8;
+		$[46] = t11;
+	} else t11 = $[46];
+	let t12;
+	if ($[47] !== clampedPercent || $[48] !== format || $[49] !== showInfo) {
+		t12 = showInfo && /* @__PURE__ */ jsx("span", {
+			className: "ald-progress-text tw-inline-block tw-whitespace-nowrap tw-text-left tw-text-sm",
+			style: {
+				minWidth: "4ch",
+				fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+				fontVariantNumeric: "tabular-nums"
+			},
+			children: format ? format(clampedPercent) : `${clampedPercent}%`
+		});
+		$[47] = clampedPercent;
+		$[48] = format;
+		$[49] = showInfo;
+		$[50] = t12;
+	} else t12 = $[50];
+	let t13;
+	if ($[51] !== t11 || $[52] !== t12) {
+		t13 = /* @__PURE__ */ jsxs("div", {
 			className: "tw-flex tw-items-center tw-gap-2",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "ald-progress-outer tw-flex-1 tw-overflow-hidden tw-rounded-full",
-				style: {
-					height: lineHeight,
-					backgroundColor: trailColor
-				},
-				children: /* @__PURE__ */ jsx("div", {
-					className: "ald-progress-inner tw-h-full tw-rounded-full tw-transition-all tw-duration-300",
-					style: {
-						width: `${clampedPercent}%`,
-						backgroundColor: statusColor
-					}
-				})
-			}), showInfo && /* @__PURE__ */ jsx("span", {
-				className: "ald-progress-text tw-inline-block tw-whitespace-nowrap tw-text-left tw-text-sm",
-				style: {
-					minWidth: "4ch",
-					fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
-					fontVariantNumeric: "tabular-nums"
-				},
-				children: format ? format(clampedPercent) : `${clampedPercent}%`
-			})]
-		})
-	});
+			children: [t11, t12]
+		});
+		$[51] = t11;
+		$[52] = t12;
+		$[53] = t13;
+	} else t13 = $[53];
+	let t14;
+	if ($[54] !== clampedPercent || $[55] !== style || $[56] !== t13 || $[57] !== t6 || $[58] !== t7) {
+		t14 = /* @__PURE__ */ jsx("div", {
+			className: t6,
+			style,
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-valuenow": clampedPercent,
+			"aria-label": t7,
+			children: t13
+		});
+		$[54] = clampedPercent;
+		$[55] = style;
+		$[56] = t13;
+		$[57] = t6;
+		$[58] = t7;
+		$[59] = t14;
+	} else t14 = $[59];
+	return t14;
 }
 //#endregion
 export { AProgress as default };

package/dist/AProgress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/AProgress/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface AProgressProps {\n  percent?: number;\n  type?: 'line' | 'circle' | 'dashboard';\n  status?: 'success' | 'exception' | 'normal' | 'active';\n  showInfo?: boolean;\n  strokeColor?: string;\n  trailColor?: string;\n  strokeWidth?: number;\n  width?: number;\n  format?: (percent?: number) => React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  size?: 'default' | 'small';\n}\n\nfunction AProgress(props: AProgressProps) {\n  const {\n    percent = 0,\n    type = 'line',\n    status,\n    showInfo = true,\n    strokeColor = 'var(--action-primary-normal)',\n    trailColor = 'var(--background-neutral-subtle)',\n    strokeWidth,\n    width = 120,\n    format,\n    className,\n    style,\n    size,\n  } = props;\n\n  const clampedPercent = Math.min(100, Math.max(0, percent));\n  const resolvedStatus =\n    status || (clampedPercent >= 100 ? 'success' : 'normal');\n\n  const statusColor =\n    resolvedStatus === 'success'\n      ? 'var(--content-positive-secondary)'\n      : resolvedStatus === 'exception'\n      ? 'var(--content-negative-secondary)'\n      : resolvedStatus === 'active'\n      ? 'var(--content-informative-secondary)'\n      : strokeColor;\n  const resolvedStrokeWidth = strokeWidth || (size === 'small' ? 3 : 4);\n\n  if (type === 'circle' || type === 'dashboard') {\n    const circleSize = width;\n    const sw = resolvedStrokeWidth;\n    const radius = (circleSize - sw) / 2;\n    const circumference = 2 * Math.PI * radius;\n    const dashOffset = circumference * (1 - clampedPercent / 100);\n\n    return (\n      <div\n        className={cn(\n          'ald-progress ald-progress-circle tw-relative tw-inline-flex tw-items-center tw-justify-center',\n          className,\n        )}\n        style={{ width: circleSize, height: circleSize, ...style }}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={clampedPercent}\n        aria-label={`Progress ${clampedPercent}%`}\n      >\n        <svg\n          viewBox={`0 0 ${circleSize} ${circleSize}`}\n          width={circleSize}\n          height={circleSize}\n        >\n          <circle\n            cx={circleSize / 2}\n            cy={circleSize / 2}\n            r={radius}\n            fill=\"none\"\n            stroke={trailColor}\n            strokeWidth={sw}\n          />\n          <circle\n            cx={circleSize / 2}\n            cy={circleSize / 2}\n            r={radius}\n            fill=\"none\"\n            stroke={statusColor}\n            strokeWidth={sw}\n            strokeLinecap=\"round\"\n            strokeDasharray={circumference}\n            strokeDashoffset={dashOffset}\n            transform={`rotate(-90 ${circleSize / 2} ${circleSize / 2})`}\n            className=\"tw-transition-all tw-duration-300\"\n          />\n        </svg>\n        {showInfo && (\n          <span\n            className=\"tw-absolute tw-z-[1] tw-inline-flex tw-items-center tw-justify-center tw-rounded-full tw-text-sm tw-font-medium\"\n            style={{\n              minWidth: '4ch',\n              padding: '0 4px',\n              color: 'var(--content-primary)',\n              backgroundColor: 'var(--background-neutral-surface)',\n              fontFamily:\n                'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n              fontVariantNumeric: 'tabular-nums',\n            }}\n          >\n            {format ? format(clampedPercent) : `${clampedPercent}%`}\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  const lineHeight = resolvedStrokeWidth;\n\n  return (\n    <div\n      className={cn('ald-progress ald-progress-line tw-w-full', className)}\n      style={style}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={clampedPercent}\n      aria-label={`Progress ${clampedPercent}%`}\n    >\n      <div className=\"tw-flex tw-items-center tw-gap-2\">\n        <div\n          className=\"ald-progress-outer tw-flex-1 tw-overflow-hidden tw-rounded-full\"\n          style={{ height: lineHeight, backgroundColor: trailColor }}\n        >\n          <div\n            className=\"ald-progress-inner tw-h-full tw-rounded-full tw-transition-all tw-duration-300\"\n            style={{\n              width: `${clampedPercent}%`,\n              backgroundColor: statusColor,\n            }}\n          />\n        </div>\n        {showInfo && (\n          <span\n            className=\"ald-progress-text tw-inline-block tw-whitespace-nowrap tw-text-left tw-text-sm\"\n            style={{\n              minWidth: '4ch',\n              fontFamily:\n                'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n              fontVariantNumeric: 'tabular-nums',\n            }}\n          >\n            {format ? format(clampedPercent) : `${clampedPercent}%`}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default AProgress;\n"],"mappings":";;;;AAkBA,SAAS,UAAU,OAAuB;CACxC,MAAM,EACJ,UAAU,GACV,OAAO,QACP,QACA,WAAW,MACX,cAAc,gCACd,aAAa,oCACb,aACA,QAAQ,KACR,QACA,WACA,OACA,SACE;CAEJ,MAAM,iBAAiB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,QAAQ,CAAC;CAC1D,MAAM,iBACJ,WAAW,kBAAkB,MAAM,YAAY;CAEjD,MAAM,cACJ,mBAAmB,YACf,sCACA,mBAAmB,cACnB,sCACA,mBAAmB,WACnB,yCACA;CACN,MAAM,sBAAsB,gBAAgB,SAAS,UAAU,IAAI;AAEnE,KAAI,SAAS,YAAY,SAAS,aAAa;EAC7C,MAAM,aAAa;EACnB,MAAM,KAAK;EACX,MAAM,UAAU,aAAa,MAAM;EACnC,MAAM,gBAAgB,IAAI,KAAK,KAAK;EACpC,MAAM,aAAa,iBAAiB,IAAI,iBAAiB;AAEzD,SACE,qBAAC,OAAD;GACE,WAAW,GACT,iGACA,UACD;GACD,OAAO;IAAE,OAAO;IAAY,QAAQ;IAAY,GAAG;IAAO;GAC1D,MAAK;GACL,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,cAAY,YAAY,eAAe;aAVzC,CAYE,qBAAC,OAAD;IACE,SAAS,OAAO,WAAW,GAAG;IAC9B,OAAO;IACP,QAAQ;cAHV,CAKE,oBAAC,UAAD;KACE,IAAI,aAAa;KACjB,IAAI,aAAa;KACjB,GAAG;KACH,MAAK;KACL,QAAQ;KACR,aAAa;KACb,CAAA,EACF,oBAAC,UAAD;KACE,IAAI,aAAa;KACjB,IAAI,aAAa;KACjB,GAAG;KACH,MAAK;KACL,QAAQ;KACR,aAAa;KACb,eAAc;KACd,iBAAiB;KACjB,kBAAkB;KAClB,WAAW,cAAc,aAAa,EAAE,GAAG,aAAa,EAAE;KAC1D,WAAU;KACV,CAAA,CACE;OACL,YACC,oBAAC,QAAD;IACE,WAAU;IACV,OAAO;KACL,UAAU;KACV,SAAS;KACT,OAAO;KACP,iBAAiB;KACjB,YACE;KACF,oBAAoB;KACrB;cAEA,SAAS,OAAO,eAAe,GAAG,GAAG,eAAe;IAChD,CAAA,CAEL;;;CAIV,MAAM,aAAa;AAEnB,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,4CAA4C,UAAU;EAC7D;EACP,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,cAAY,YAAY,eAAe;YAEvC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IACE,WAAU;IACV,OAAO;KAAE,QAAQ;KAAY,iBAAiB;KAAY;cAE1D,oBAAC,OAAD;KACE,WAAU;KACV,OAAO;MACL,OAAO,GAAG,eAAe;MACzB,iBAAiB;MAClB;KACD,CAAA;IACE,CAAA,EACL,YACC,oBAAC,QAAD;IACE,WAAU;IACV,OAAO;KACL,UAAU;KACV,YACE;KACF,oBAAoB;KACrB;cAEA,SAAS,OAAO,eAAe,GAAG,GAAG,eAAe;IAChD,CAAA,CAEL;;EACF,CAAA"}
+{"version":3,"file":"index.js","names":["React","cn","AProgressProps","percent","type","status","showInfo","strokeColor","trailColor","strokeWidth","width","format","ReactNode","className","style","CSSProperties","size","AProgress","props","$","_c","t0","t1","t2","t3","t4","t5","undefined","clampedPercent","Math","min","max","resolvedStatus","statusColor","resolvedStrokeWidth","circleSize","sw","radius","circumference","PI","dashOffset","t6","t7","height","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","minWidth","padding","color","backgroundColor","fontFamily","fontVariantNumeric","t19","lineHeight"],"sources":["../../src/AProgress/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface AProgressProps {\n  percent?: number;\n  type?: 'line' | 'circle' | 'dashboard';\n  status?: 'success' | 'exception' | 'normal' | 'active';\n  showInfo?: boolean;\n  strokeColor?: string;\n  trailColor?: string;\n  strokeWidth?: number;\n  width?: number;\n  format?: (percent?: number) => React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  size?: 'default' | 'small';\n}\n\nfunction AProgress(props: AProgressProps) {\n  const {\n    percent = 0,\n    type = 'line',\n    status,\n    showInfo = true,\n    strokeColor = 'var(--action-primary-normal)',\n    trailColor = 'var(--background-neutral-subtle)',\n    strokeWidth,\n    width = 120,\n    format,\n    className,\n    style,\n    size,\n  } = props;\n\n  const clampedPercent = Math.min(100, Math.max(0, percent));\n  const resolvedStatus =\n    status || (clampedPercent >= 100 ? 'success' : 'normal');\n\n  const statusColor =\n    resolvedStatus === 'success'\n      ? 'var(--content-positive-secondary)'\n      : resolvedStatus === 'exception'\n      ? 'var(--content-negative-secondary)'\n      : resolvedStatus === 'active'\n      ? 'var(--content-informative-secondary)'\n      : strokeColor;\n  const resolvedStrokeWidth = strokeWidth || (size === 'small' ? 3 : 4);\n\n  if (type === 'circle' || type === 'dashboard') {\n    const circleSize = width;\n    const sw = resolvedStrokeWidth;\n    const radius = (circleSize - sw) / 2;\n    const circumference = 2 * Math.PI * radius;\n    const dashOffset = circumference * (1 - clampedPercent / 100);\n\n    return (\n      <div\n        className={cn(\n          'ald-progress ald-progress-circle tw-relative tw-inline-flex tw-items-center tw-justify-center',\n          className,\n        )}\n        style={{ width: circleSize, height: circleSize, ...style }}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={clampedPercent}\n        aria-label={`Progress ${clampedPercent}%`}\n      >\n        <svg\n          viewBox={`0 0 ${circleSize} ${circleSize}`}\n          width={circleSize}\n          height={circleSize}\n        >\n          <circle\n            cx={circleSize / 2}\n            cy={circleSize / 2}\n            r={radius}\n            fill=\"none\"\n            stroke={trailColor}\n            strokeWidth={sw}\n          />\n          <circle\n            cx={circleSize / 2}\n            cy={circleSize / 2}\n            r={radius}\n            fill=\"none\"\n            stroke={statusColor}\n            strokeWidth={sw}\n            strokeLinecap=\"round\"\n            strokeDasharray={circumference}\n            strokeDashoffset={dashOffset}\n            transform={`rotate(-90 ${circleSize / 2} ${circleSize / 2})`}\n            className=\"tw-transition-all tw-duration-300\"\n          />\n        </svg>\n        {showInfo && (\n          <span\n            className=\"tw-absolute tw-z-[1] tw-inline-flex tw-items-center tw-justify-center tw-rounded-full tw-text-sm tw-font-medium\"\n            style={{\n              minWidth: '4ch',\n              padding: '0 4px',\n              color: 'var(--content-primary)',\n              backgroundColor: 'var(--background-neutral-surface)',\n              fontFamily:\n                'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n              fontVariantNumeric: 'tabular-nums',\n            }}\n          >\n            {format ? format(clampedPercent) : `${clampedPercent}%`}\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  const lineHeight = resolvedStrokeWidth;\n\n  return (\n    <div\n      className={cn('ald-progress ald-progress-line tw-w-full', className)}\n      style={style}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={clampedPercent}\n      aria-label={`Progress ${clampedPercent}%`}\n    >\n      <div className=\"tw-flex tw-items-center tw-gap-2\">\n        <div\n          className=\"ald-progress-outer tw-flex-1 tw-overflow-hidden tw-rounded-full\"\n          style={{ height: lineHeight, backgroundColor: trailColor }}\n        >\n          <div\n            className=\"ald-progress-inner tw-h-full tw-rounded-full tw-transition-all tw-duration-300\"\n            style={{\n              width: `${clampedPercent}%`,\n              backgroundColor: statusColor,\n            }}\n          />\n        </div>\n        {showInfo && (\n          <span\n            className=\"ald-progress-text tw-inline-block tw-whitespace-nowrap tw-text-left tw-text-sm\"\n            style={{\n              minWidth: '4ch',\n              fontFamily:\n                'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n              fontVariantNumeric: 'tabular-nums',\n            }}\n          >\n            {format ? format(clampedPercent) : `${clampedPercent}%`}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default AProgress;\n"],"mappings":"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"}

package/dist/AProgress.js

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

package/dist/Alert/index.d.ts

@@ -13,5 +13,5 @@ export interface AlertProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare function Alert(props: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Alert(props: AlertProps): React.JSX.Element | null;
 export default Alert;