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

package/dist/Breadcrumb/index.js

@@ -1,24 +1,33 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Breadcrumb/index.tsx
-var DefaultSeparator = () => /* @__PURE__ */ jsx("span", {
-	className: "default-separator tw-mx-1 tw-inline-flex tw-items-center tw-text-[var(--content-tertiary)]",
-	children: /* @__PURE__ */ jsx("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg",
-		children: /* @__PURE__ */ jsx("path", {
-			d: "M6 3.5L10.5 8L6 12.5",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	})
-});
+var DefaultSeparator = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("span", {
+			className: "default-separator tw-mx-1 tw-inline-flex tw-items-center tw-text-[var(--content-tertiary)]",
+			children: /* @__PURE__ */ jsx("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M6 3.5L10.5 8L6 12.5",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
 var Breadcrumb = (props) => {
 	const { className, style, separator = /* @__PURE__ */ jsx(DefaultSeparator, {}), items, children } = props;
 	const renderItems = () => {
@@ -44,13 +53,13 @@ var Breadcrumb = (props) => {
 			})] }, index);
 		});
 		const childArray = React.Children.toArray(children);
-		return childArray.map((child, index) => {
-			const isLast = index === childArray.length - 1;
-			return /* @__PURE__ */ jsxs(React.Fragment, { children: [React.isValidElement(child) ? React.cloneElement(child, { "data-last": isLast ? "true" : void 0 }) : child, separator !== null && !isLast && /* @__PURE__ */ jsx("span", {
+		return childArray.map((child, index_0) => {
+			const isLast_0 = index_0 === childArray.length - 1;
+			return /* @__PURE__ */ jsxs(React.Fragment, { children: [React.isValidElement(child) ? React.cloneElement(child, { "data-last": isLast_0 ? "true" : void 0 }) : child, separator !== null && !isLast_0 && /* @__PURE__ */ jsx("span", {
 				className: "ald-breadcrumb-separator tw-inline-flex tw-items-center",
 				"aria-hidden": "true",
 				children: separator
-			})] }, index);
+			})] }, index_0);
 		});
 	};
 	return /* @__PURE__ */ jsx("nav", {
@@ -61,12 +70,39 @@ var Breadcrumb = (props) => {
 	});
 };
 var BreadcrumbItem = (props) => {
-	const { className, children, href, onClick, ...rest } = props;
+	const $ = c(17);
+	let children;
+	let className;
+	let href;
+	let onClick;
+	let rest;
+	if ($[0] !== props) {
+		({className, children, href, onClick, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = className;
+		$[3] = href;
+		$[4] = onClick;
+		$[5] = rest;
+	} else {
+		children = $[1];
+		className = $[2];
+		href = $[3];
+		onClick = $[4];
+		rest = $[5];
+	}
 	const isLast = rest["data-last"] === "true";
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ald-breadcrumb-item tw-cursor-pointer tw-text-sm [&_a:hover]:tw-text-[var(--content-brand-primary)] [&_a]:tw-text-[var(--content-brand-secondary)]", isLast ? "tw-text-[var(--content-primary)]" : "tw-text-[var(--content-tertiary)] hover:tw-text-[var(--content-primary)]", className),
-		onClick,
-		children: href ? /* @__PURE__ */ jsx("a", {
+	const t0 = isLast ? "tw-text-[var(--content-primary)]" : "tw-text-[var(--content-tertiary)] hover:tw-text-[var(--content-primary)]";
+	let t1;
+	if ($[6] !== className || $[7] !== t0) {
+		t1 = cn("ald-breadcrumb-item tw-cursor-pointer tw-text-sm [&_a:hover]:tw-text-[var(--content-brand-primary)] [&_a]:tw-text-[var(--content-brand-secondary)]", t0, className);
+		$[6] = className;
+		$[7] = t0;
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] !== children || $[10] !== href || $[11] !== isLast) {
+		t2 = href ? /* @__PURE__ */ jsx("a", {
 			className: "ald-breadcrumb-link tw-text-[var(--content-brand-secondary)] hover:tw-text-[var(--content-brand-primary)]",
 			href,
 			"aria-current": isLast ? "page" : void 0,
@@ -74,8 +110,25 @@ var BreadcrumbItem = (props) => {
 		}) : /* @__PURE__ */ jsx("span", {
 			"aria-current": isLast ? "page" : void 0,
 			children
-		})
-	});
+		});
+		$[9] = children;
+		$[10] = href;
+		$[11] = isLast;
+		$[12] = t2;
+	} else t2 = $[12];
+	let t3;
+	if ($[13] !== onClick || $[14] !== t1 || $[15] !== t2) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: t1,
+			onClick,
+			children: t2
+		});
+		$[13] = onClick;
+		$[14] = t1;
+		$[15] = t2;
+		$[16] = t3;
+	} else t3 = $[16];
+	return t3;
 };
 BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
 Breadcrumb.Item = BreadcrumbItem;

package/dist/Breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Breadcrumb/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nconst DefaultSeparator = () => (\n  <span className=\"default-separator tw-mx-1 tw-inline-flex tw-items-center tw-text-[var(--content-tertiary)]\">\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M6 3.5L10.5 8L6 12.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  </span>\n);\n\nexport interface BreadcrumbProps {\n  className?: string;\n  style?: React.CSSProperties;\n  separator?: React.ReactNode;\n  items?: Array<{\n    title: React.ReactNode;\n    href?: string;\n    onClick?: (e: React.MouseEvent) => void;\n    className?: string;\n  }>;\n  children?: React.ReactNode;\n}\n\nexport interface BreadcrumbItemProps {\n  className?: string;\n  children?: React.ReactNode;\n  href?: string;\n  onClick?: (e: React.MouseEvent) => void;\n}\n\ninterface IBreadcrumbItemInterface extends React.FC<BreadcrumbItemProps> {\n  __ANT_BREADCRUMB_ITEM: boolean;\n}\n\nconst Breadcrumb = (props: BreadcrumbProps) => {\n  const {\n    className,\n    style,\n    separator = <DefaultSeparator />,\n    items,\n    children,\n  } = props;\n\n  const renderItems = () => {\n    if (items) {\n      return items.map((item, index) => {\n        const isLast = index === items.length - 1;\n        return (\n          <React.Fragment key={index}>\n            <span\n              className={cn(\n                'ald-breadcrumb-item tw-cursor-pointer tw-text-sm [&_a:hover]:tw-text-[var(--content-brand-primary)] [&_a]:tw-text-[var(--content-brand-secondary)]',\n                isLast\n                  ? 'tw-text-[var(--content-primary)]'\n                  : 'tw-text-[var(--content-tertiary)] hover:tw-text-[var(--content-primary)]',\n                item.className,\n              )}\n            >\n              {item.href ? (\n                <a\n                  className=\"ald-breadcrumb-link tw-text-[var(--content-brand-secondary)] hover:tw-text-[var(--content-brand-primary)]\"\n                  href={item.href}\n                  onClick={item.onClick}\n                  aria-current={isLast ? 'page' : undefined}\n                >\n                  {item.title}\n                </a>\n              ) : (\n                <span\n                  onClick={item.onClick}\n                  aria-current={isLast ? 'page' : undefined}\n                >\n                  {item.title}\n                </span>\n              )}\n            </span>\n            {separator !== null && !isLast && (\n              <span\n                className=\"ald-breadcrumb-separator tw-inline-flex tw-items-center\"\n                aria-hidden=\"true\"\n              >\n                {separator}\n              </span>\n            )}\n          </React.Fragment>\n        );\n      });\n    }\n\n    const childArray = React.Children.toArray(children);\n    return childArray.map((child, index) => {\n      const isLast = index === childArray.length - 1;\n      return (\n        <React.Fragment key={index}>\n          {React.isValidElement(child)\n            ? React.cloneElement(child as React.ReactElement, {\n                'data-last': isLast ? 'true' : undefined,\n              })\n            : child}\n          {separator !== null && !isLast && (\n            <span\n              className=\"ald-breadcrumb-separator tw-inline-flex tw-items-center\"\n              aria-hidden=\"true\"\n            >\n              {separator}\n            </span>\n          )}\n        </React.Fragment>\n      );\n    });\n  };\n\n  return (\n    <nav\n      className={cn(\n        'ald-breadcrumb tw-flex tw-items-center tw-text-sm',\n        className,\n      )}\n      style={style}\n      aria-label=\"Breadcrumb\"\n    >\n      {renderItems()}\n    </nav>\n  );\n};\n\nconst BreadcrumbItem: IBreadcrumbItemInterface = (\n  props: BreadcrumbItemProps & { 'data-last'?: string },\n) => {\n  const { className, children, href, onClick, ...rest } = props;\n  const isLast = rest['data-last'] === 'true';\n  return (\n    <span\n      className={cn(\n        'ald-breadcrumb-item tw-cursor-pointer tw-text-sm [&_a:hover]:tw-text-[var(--content-brand-primary)] [&_a]:tw-text-[var(--content-brand-secondary)]',\n        isLast\n          ? 'tw-text-[var(--content-primary)]'\n          : 'tw-text-[var(--content-tertiary)] hover:tw-text-[var(--content-primary)]',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {href ? (\n        <a\n          className=\"ald-breadcrumb-link tw-text-[var(--content-brand-secondary)] hover:tw-text-[var(--content-brand-primary)]\"\n          href={href}\n          aria-current={isLast ? 'page' : undefined}\n        >\n          {children}\n        </a>\n      ) : (\n        <span aria-current={isLast ? 'page' : undefined}>{children}</span>\n      )}\n    </span>\n  );\n};\n\nBreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;\n\nBreadcrumb.Item = BreadcrumbItem;\n\nexport default Breadcrumb;\n"],"mappings":";;;;AAGA,IAAM,yBACJ,oBAAC,QAAD;CAAM,WAAU;WACd,oBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf,CAAA;EACE,CAAA;CACD,CAAA;AA2BT,IAAM,cAAc,UAA2B;CAC7C,MAAM,EACJ,WACA,OACA,YAAY,oBAAC,kBAAD,EAAoB,CAAA,EAChC,OACA,aACE;CAEJ,MAAM,oBAAoB;AACxB,MAAI,MACF,QAAO,MAAM,KAAK,MAAM,UAAU;GAChC,MAAM,SAAS,UAAU,MAAM,SAAS;AACxC,UACE,qBAAC,MAAM,UAAP,EAAA,UAAA,CACE,oBAAC,QAAD;IACE,WAAW,GACT,sJACA,SACI,qCACA,4EACJ,KAAK,UACN;cAEA,KAAK,OACJ,oBAAC,KAAD;KACE,WAAU;KACV,MAAM,KAAK;KACX,SAAS,KAAK;KACd,gBAAc,SAAS,SAAS;eAE/B,KAAK;KACJ,CAAA,GAEJ,oBAAC,QAAD;KACE,SAAS,KAAK;KACd,gBAAc,SAAS,SAAS;eAE/B,KAAK;KACD,CAAA;IAEJ,CAAA,EACN,cAAc,QAAQ,CAAC,UACtB,oBAAC,QAAD;IACE,WAAU;IACV,eAAY;cAEX;IACI,CAAA,CAEM,EAAA,EApCI,MAoCJ;IAEnB;EAGJ,MAAM,aAAa,MAAM,SAAS,QAAQ,SAAS;AACnD,SAAO,WAAW,KAAK,OAAO,UAAU;GACtC,MAAM,SAAS,UAAU,WAAW,SAAS;AAC7C,UACE,qBAAC,MAAM,UAAP,EAAA,UAAA,CACG,MAAM,eAAe,MAAM,GACxB,MAAM,aAAa,OAA6B,EAC9C,aAAa,SAAS,SAAS,QAChC,CAAC,GACF,OACH,cAAc,QAAQ,CAAC,UACtB,oBAAC,QAAD;IACE,WAAU;IACV,eAAY;cAEX;IACI,CAAA,CAEM,EAAA,EAdI,MAcJ;IAEnB;;AAGJ,QACE,oBAAC,OAAD;EACE,WAAW,GACT,qDACA,UACD;EACM;EACP,cAAW;YAEV,aAAa;EACV,CAAA;;AAIV,IAAM,kBACJ,UACG;CACH,MAAM,EAAE,WAAW,UAAU,MAAM,SAAS,GAAG,SAAS;CACxD,MAAM,SAAS,KAAK,iBAAiB;AACrC,QACE,oBAAC,QAAD;EACE,WAAW,GACT,sJACA,SACI,qCACA,4EACJ,UACD;EACQ;YAER,OACC,oBAAC,KAAD;GACE,WAAU;GACJ;GACN,gBAAc,SAAS,SAAS;GAE/B;GACC,CAAA,GAEJ,oBAAC,QAAD;GAAM,gBAAc,SAAS,SAAS;GAAY;GAAgB,CAAA;EAE/D,CAAA;;AAIX,eAAe,wBAAwB;AAEvC,WAAW,OAAO"}
+{"version":3,"file":"index.js","names":["React","cn","DefaultSeparator","$","_c","t0","Symbol","for","BreadcrumbProps","className","style","CSSProperties","separator","ReactNode","items","Array","title","href","onClick","e","MouseEvent","children","BreadcrumbItemProps","IBreadcrumbItemInterface","FC","__ANT_BREADCRUMB_ITEM","Breadcrumb","props","renderItems","map","item","index","isLast","length","undefined","childArray","Children","toArray","child","isValidElement","cloneElement","ReactElement","Record","BreadcrumbItem","rest","t1","t2","t3","Item"],"sources":["../../src/Breadcrumb/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nconst DefaultSeparator = () => (\n  <span className=\"default-separator tw-mx-1 tw-inline-flex tw-items-center tw-text-[var(--content-tertiary)]\">\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M6 3.5L10.5 8L6 12.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  </span>\n);\n\nexport interface BreadcrumbProps {\n  className?: string;\n  style?: React.CSSProperties;\n  separator?: React.ReactNode;\n  items?: Array<{\n    title: React.ReactNode;\n    href?: string;\n    onClick?: (e: React.MouseEvent) => void;\n    className?: string;\n  }>;\n  children?: React.ReactNode;\n}\n\nexport interface BreadcrumbItemProps {\n  className?: string;\n  children?: React.ReactNode;\n  href?: string;\n  onClick?: (e: React.MouseEvent) => void;\n}\n\ninterface IBreadcrumbItemInterface extends React.FC<BreadcrumbItemProps> {\n  __ANT_BREADCRUMB_ITEM: boolean;\n}\n\nconst Breadcrumb = (props: BreadcrumbProps) => {\n  const {\n    className,\n    style,\n    separator = <DefaultSeparator />,\n    items,\n    children,\n  } = props;\n\n  const renderItems = () => {\n    if (items) {\n      return items.map((item, index) => {\n        const isLast = index === items.length - 1;\n        return (\n          <React.Fragment key={index}>\n            <span\n              className={cn(\n                'ald-breadcrumb-item tw-cursor-pointer tw-text-sm [&_a:hover]:tw-text-[var(--content-brand-primary)] [&_a]:tw-text-[var(--content-brand-secondary)]',\n                isLast\n                  ? 'tw-text-[var(--content-primary)]'\n                  : 'tw-text-[var(--content-tertiary)] hover:tw-text-[var(--content-primary)]',\n                item.className,\n              )}\n            >\n              {item.href ? (\n                <a\n                  className=\"ald-breadcrumb-link tw-text-[var(--content-brand-secondary)] hover:tw-text-[var(--content-brand-primary)]\"\n                  href={item.href}\n                  onClick={item.onClick}\n                  aria-current={isLast ? 'page' : undefined}\n                >\n                  {item.title}\n                </a>\n              ) : (\n                <span\n                  onClick={item.onClick}\n                  aria-current={isLast ? 'page' : undefined}\n                >\n                  {item.title}\n                </span>\n              )}\n            </span>\n            {separator !== null && !isLast && (\n              <span\n                className=\"ald-breadcrumb-separator tw-inline-flex tw-items-center\"\n                aria-hidden=\"true\"\n              >\n                {separator}\n              </span>\n            )}\n          </React.Fragment>\n        );\n      });\n    }\n\n    const childArray = React.Children.toArray(children);\n    return childArray.map((child, index) => {\n      const isLast = index === childArray.length - 1;\n      return (\n        <React.Fragment key={index}>\n          {React.isValidElement(child)\n            ? React.cloneElement(\n                child as React.ReactElement<Record<string, unknown>>,\n                {\n                  'data-last': isLast ? 'true' : undefined,\n                },\n              )\n            : child}\n          {separator !== null && !isLast && (\n            <span\n              className=\"ald-breadcrumb-separator tw-inline-flex tw-items-center\"\n              aria-hidden=\"true\"\n            >\n              {separator}\n            </span>\n          )}\n        </React.Fragment>\n      );\n    });\n  };\n\n  return (\n    <nav\n      className={cn(\n        'ald-breadcrumb tw-flex tw-items-center tw-text-sm',\n        className,\n      )}\n      style={style}\n      aria-label=\"Breadcrumb\"\n    >\n      {renderItems()}\n    </nav>\n  );\n};\n\nconst BreadcrumbItem: IBreadcrumbItemInterface = (\n  props: BreadcrumbItemProps & { 'data-last'?: string },\n) => {\n  const { className, children, href, onClick, ...rest } = props;\n  const isLast = rest['data-last'] === 'true';\n  return (\n    <span\n      className={cn(\n        'ald-breadcrumb-item tw-cursor-pointer tw-text-sm [&_a:hover]:tw-text-[var(--content-brand-primary)] [&_a]:tw-text-[var(--content-brand-secondary)]',\n        isLast\n          ? 'tw-text-[var(--content-primary)]'\n          : 'tw-text-[var(--content-tertiary)] hover:tw-text-[var(--content-primary)]',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {href ? (\n        <a\n          className=\"ald-breadcrumb-link tw-text-[var(--content-brand-secondary)] hover:tw-text-[var(--content-brand-primary)]\"\n          href={href}\n          aria-current={isLast ? 'page' : undefined}\n        >\n          {children}\n        </a>\n      ) : (\n        <span aria-current={isLast ? 'page' : undefined}>{children}</span>\n      )}\n    </span>\n  );\n};\n\nBreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;\n\nBreadcrumb.Item = BreadcrumbItem;\n\nexport default Breadcrumb;\n"],"mappings":"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"}

package/dist/Breadcrumb.js

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

package/dist/Button/index.d.ts

@@ -2,7 +2,8 @@ import { default as React } from 'react';
 export declare const btnPrefix = "ald-btn";
 export type ButtonType = 'primary' | 'secondary' | 'dangerous' | 'text' | 'inverse' | 'link' | 'ghost' | 'ghostIcon';
 export type Size = 'small' | 'middle' | 'large';
-export interface IButtonProps {
+type NativeFormButtonProps = Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'formAction' | 'name' | 'value'>;
+export interface IButtonProps extends NativeFormButtonProps {
     type?: ButtonType;
     size?: Size;
     disabled?: boolean;
@@ -36,6 +37,6 @@ export declare function getButtonSizeClass(s: Size): string;
 export declare function getShape(s: 'circle' | 'default'): 'circle' | 'default';
 export declare const setIcon: (iconNode: React.ReactElement, loading: boolean | {
     delay?: number;
-}, size?: string | number) => import("react/jsx-runtime").JSX.Element;
+}, size?: string | number) => React.JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLElement>>;
 export default _default;

package/dist/Button/index.js

@@ -4,6 +4,7 @@ import Memo$1 from "../Icon/components/LoadingLine.js";
 import DisabledContext from "../ConfigProvider/DisabledContext.js";
 import SizeContext from "../ConfigProvider/sizeContext.js";
 import { useCompactItemContext } from "../Space/CompactContext.js";
+import { c } from "react-compiler-runtime";
 import React, { forwardRef, useContext, useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -131,7 +132,77 @@ var VALID_TYPES = [
 	"ghostIcon"
 ];
 function Button(props, ref) {
-	const { type: rawType = "secondary", size: customSize, shape = "default", loading = false, disabled, icon, className, children, href, target, onClick, block, htmlType = "button", style, ghost, showArrow = false, ...rest } = props;
+	const $ = c(74);
+	let block;
+	let children;
+	let className;
+	let customSize;
+	let disabled;
+	let formAction;
+	let ghost;
+	let href;
+	let icon;
+	let name;
+	let onClick;
+	let rest;
+	let style;
+	let t0;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let target;
+	let value;
+	if ($[0] !== props) {
+		({type: t0, size: customSize, shape: t1, loading: t2, disabled, icon, className, children, href, target, onClick, block, htmlType: t3, formAction, name, value, style, ghost, showArrow: t4, ...rest} = props);
+		$[0] = props;
+		$[1] = block;
+		$[2] = children;
+		$[3] = className;
+		$[4] = customSize;
+		$[5] = disabled;
+		$[6] = formAction;
+		$[7] = ghost;
+		$[8] = href;
+		$[9] = icon;
+		$[10] = name;
+		$[11] = onClick;
+		$[12] = rest;
+		$[13] = style;
+		$[14] = t0;
+		$[15] = t1;
+		$[16] = t2;
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = target;
+		$[20] = value;
+	} else {
+		block = $[1];
+		children = $[2];
+		className = $[3];
+		customSize = $[4];
+		disabled = $[5];
+		formAction = $[6];
+		ghost = $[7];
+		href = $[8];
+		icon = $[9];
+		name = $[10];
+		onClick = $[11];
+		rest = $[12];
+		style = $[13];
+		t0 = $[14];
+		t1 = $[15];
+		t2 = $[16];
+		t3 = $[17];
+		t4 = $[18];
+		target = $[19];
+		value = $[20];
+	}
+	const rawType = t0 === void 0 ? "secondary" : t0;
+	const shape = t1 === void 0 ? "default" : t1;
+	const loading = t2 === void 0 ? false : t2;
+	const htmlType = t3 === void 0 ? "button" : t3;
+	const showArrow = t4 === void 0 ? false : t4;
 	const type = VALID_TYPES.includes(rawType) ? rawType : "secondary";
 	const contextDisabled = useContext(DisabledContext);
 	const mergedDisabled = disabled ?? contextDisabled;
@@ -139,65 +210,175 @@ function Button(props, ref) {
 	const { compactSize, compactItemClassnames } = useCompactItemContext(btnPrefix);
 	const size = customSize || compactSize || contentSize || "middle";
 	const [innerLoading, setInnerLoading] = useState(false);
-	useEffect(() => {
-		if (typeof loading === "object" && loading.delay) {
-			const timer = setTimeout(() => setInnerLoading(true), loading.delay);
-			return () => clearTimeout(timer);
-		}
-		setInnerLoading(!!loading);
-	}, [loading]);
+	let t5;
+	let t6;
+	if ($[21] !== loading) {
+		t5 = () => {
+			if (typeof loading === "object" && loading.delay) {
+				const timer = setTimeout(() => setInnerLoading(true), loading.delay);
+				return () => clearTimeout(timer);
+			}
+			setInnerLoading(!!loading);
+		};
+		t6 = [loading];
+		$[21] = loading;
+		$[22] = t5;
+		$[23] = t6;
+	} else {
+		t5 = $[22];
+		t6 = $[23];
+	}
+	useEffect(t5, t6);
 	const isDisabled = innerLoading || mergedDisabled;
-	const iconNode = setIcon(icon, innerLoading, type === "ghostIcon" ? size === "small" ? 16 : size === "large" ? 24 : 20 : size === "small" ? 12 : 14);
-	const compactClasses = compactItemClassnames ? cn(!compactItemClassnames[`ald-btn-compact-first-item`] && "!tw-rounded-l-none", !compactItemClassnames[`ald-btn-compact-last-item`] && "!tw-rounded-r-none", !compactItemClassnames[`ald-btn-compact-first-item`] && "-tw-ml-px") : void 0;
-	const isIconOnly = !!icon && !children && !showArrow;
-	const focusRingClasses = !isDisabled && [
-		"focus-visible:tw-outline",
-		"focus-visible:tw-outline-2",
-		"focus-visible:tw-outline-offset-2",
-		"focus-visible:tw-outline-[var(--focus-ring)]",
-		"forced-colors:focus-visible:tw-outline-[Highlight]"
-	];
-	const classes = cn(buttonVariants({
-		type,
-		size,
-		disabled: !!isDisabled,
-		block: !!block,
-		shape
-	}), ghost && "!tw-border-[var(--action-ghost-normal)] !tw-bg-[var(--action-ghost-normal)] !tw-shadow-none hover:!tw-border-[var(--action-ghost-normal)]", ghost && type === "primary" && size === "middle" && "!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0", ghost && type === "dangerous" && size === "middle" && "!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0", ghost && type === "secondary" && size === "middle" && "!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0", ghost && type === "inverse" && size === "middle" && "!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-bg-[var(--action-ghost-normal)] !tw-px-[var(--component-padding-md)] !tw-py-0", ghost && type === "primary" && "!tw-rounded-r-75 hover:!tw-bg-[var(--action-primary-subtle-hover)]", ghost && type === "dangerous" && "!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-destructive-hover)]", ghost && type === "secondary" && "!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-hover)]", ghost && type === "inverse" && "!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-inverted-hover)]", ghost && type === "primary" && "!tw-text-[var(--action-primary-normal)]", ghost && type === "dangerous" && "!tw-text-[var(--action-destructive-normal)]", ghost && type === "secondary" && "!tw-text-[var(--action-neutral-normal)]", ghost && type === "inverse" && "!tw-text-[var(--action-inverted-normal)]", isIconOnly && "tw-aspect-square !tw-px-0", isIconOnly && size === "small" && "!tw-min-w-7", isIconOnly && size === "middle" && "!tw-min-w-8", isIconOnly && size === "large" && "!tw-min-w-10", type === "ghostIcon" && "!tw-aspect-auto !tw-min-w-0 !tw-gap-0 !tw-border-0 !tw-p-0 !tw-shadow-none", type === "ghostIcon" && size === "small" && "!tw-h-5 !tw-w-5 !tw-rounded-r-50", type === "ghostIcon" && size === "middle" && "!tw-h-6 !tw-w-6 !tw-rounded-r-75", type === "ghostIcon" && size === "large" && "!tw-h-7 !tw-w-7 !tw-rounded-r-100", focusRingClasses, compactClasses, className);
-	const contentClasses = cn("tw-inline-flex tw-min-w-0 tw-items-center tw-gap-1 tw-truncate tw-text-typography-label", ghost && type === "inverse" && size === "middle" && "tw-flex-[1_0_0] tw-text-[var(--action-inverted-normal)]");
-	const buttonContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-		iconNode,
-		children && /* @__PURE__ */ jsx("span", {
-			className: contentClasses,
-			children
-		}),
-		showArrow ? /* @__PURE__ */ jsx("span", {
+	const iconSize = type === "ghostIcon" ? size === "small" ? 16 : size === "large" ? 24 : 20 : size === "small" ? 12 : 14;
+	const t7 = icon;
+	let t8;
+	if ($[24] !== iconSize || $[25] !== innerLoading || $[26] !== t7) {
+		t8 = setIcon(t7, innerLoading, iconSize);
+		$[24] = iconSize;
+		$[25] = innerLoading;
+		$[26] = t7;
+		$[27] = t8;
+	} else t8 = $[27];
+	const iconNode = t8;
+	let t9;
+	if ($[28] !== block || $[29] !== children || $[30] !== className || $[31] !== compactItemClassnames || $[32] !== ghost || $[33] !== icon || $[34] !== isDisabled || $[35] !== shape || $[36] !== showArrow || $[37] !== size || $[38] !== type) {
+		const compactClasses = compactItemClassnames ? cn(!compactItemClassnames[`ald-btn-compact-first-item`] && "!tw-rounded-l-none", !compactItemClassnames[`ald-btn-compact-last-item`] && "!tw-rounded-r-none", !compactItemClassnames[`ald-btn-compact-first-item`] && "-tw-ml-px") : void 0;
+		const isIconOnly = !!icon && !children && !showArrow;
+		const focusRingClasses = !isDisabled && [
+			"focus-visible:tw-outline",
+			"focus-visible:tw-outline-2",
+			"focus-visible:tw-outline-offset-2",
+			"focus-visible:tw-outline-[var(--focus-ring)]",
+			"forced-colors:focus-visible:tw-outline-[Highlight]"
+		];
+		t9 = cn(buttonVariants({
+			type,
+			size,
+			disabled: !!isDisabled,
+			block: !!block,
+			shape
+		}), ghost && "!tw-border-[var(--action-ghost-normal)] !tw-bg-[var(--action-ghost-normal)] !tw-shadow-none hover:!tw-border-[var(--action-ghost-normal)]", ghost && type === "primary" && size === "middle" && "!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0", ghost && type === "dangerous" && size === "middle" && "!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0", ghost && type === "secondary" && size === "middle" && "!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0", ghost && type === "inverse" && size === "middle" && "!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-bg-[var(--action-ghost-normal)] !tw-px-[var(--component-padding-md)] !tw-py-0", ghost && type === "primary" && "!tw-rounded-r-75 hover:!tw-bg-[var(--action-primary-subtle-hover)]", ghost && type === "dangerous" && "!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-destructive-hover)]", ghost && type === "secondary" && "!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-hover)]", ghost && type === "inverse" && "!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-inverted-hover)]", ghost && type === "primary" && "!tw-text-[var(--action-primary-normal)]", ghost && type === "dangerous" && "!tw-text-[var(--action-destructive-normal)]", ghost && type === "secondary" && "!tw-text-[var(--action-neutral-normal)]", ghost && type === "inverse" && "!tw-text-[var(--action-inverted-normal)]", isIconOnly && "tw-aspect-square !tw-px-0", isIconOnly && size === "small" && "!tw-min-w-7", isIconOnly && size === "middle" && "!tw-min-w-8", isIconOnly && size === "large" && "!tw-min-w-10", type === "ghostIcon" && "!tw-aspect-auto !tw-min-w-0 !tw-gap-0 !tw-border-0 !tw-p-0 !tw-shadow-none", type === "ghostIcon" && size === "small" && "!tw-h-5 !tw-w-5 !tw-rounded-r-50", type === "ghostIcon" && size === "middle" && "!tw-h-6 !tw-w-6 !tw-rounded-r-75", type === "ghostIcon" && size === "large" && "!tw-h-7 !tw-w-7 !tw-rounded-r-100", focusRingClasses, compactClasses, className);
+		$[28] = block;
+		$[29] = children;
+		$[30] = className;
+		$[31] = compactItemClassnames;
+		$[32] = ghost;
+		$[33] = icon;
+		$[34] = isDisabled;
+		$[35] = shape;
+		$[36] = showArrow;
+		$[37] = size;
+		$[38] = type;
+		$[39] = t9;
+	} else t9 = $[39];
+	const classes = t9;
+	const t10 = ghost && type === "inverse" && size === "middle" && "tw-flex-[1_0_0] tw-text-[var(--action-inverted-normal)]";
+	let t11;
+	if ($[40] !== t10) {
+		t11 = cn("tw-inline-flex tw-min-w-0 tw-items-center tw-gap-1 tw-truncate tw-text-typography-label", t10);
+		$[40] = t10;
+		$[41] = t11;
+	} else t11 = $[41];
+	const contentClasses = t11;
+	let t12;
+	if ($[42] !== showArrow) {
+		t12 = showArrow ? /* @__PURE__ */ jsx("span", {
 			className: "ald-btn-arrow tw-inline-flex tw-shrink-0 tw-items-center",
 			children: /* @__PURE__ */ jsx(Memo, { size: 16 })
-		}) : null
-	] });
-	if (href) return /* @__PURE__ */ jsx("a", {
-		...rest,
-		className: classes,
-		style,
-		href: isDisabled ? void 0 : href,
-		target,
-		ref,
-		onClick: isDisabled ? void 0 : onClick,
-		"aria-disabled": isDisabled || void 0,
-		children: buttonContent
-	});
-	return /* @__PURE__ */ jsx("button", {
-		...rest,
-		type: htmlType === "submit" ? "submit" : htmlType === "reset" ? "reset" : "button",
-		className: classes,
-		style,
-		disabled: isDisabled,
-		"aria-disabled": isDisabled || void 0,
-		ref,
-		onClick,
-		children: buttonContent
-	});
+		}) : null;
+		$[42] = showArrow;
+		$[43] = t12;
+	} else t12 = $[43];
+	const arrowNode = t12;
+	let t13;
+	if ($[44] !== children || $[45] !== contentClasses) {
+		t13 = children && /* @__PURE__ */ jsx("span", {
+			className: contentClasses,
+			children
+		});
+		$[44] = children;
+		$[45] = contentClasses;
+		$[46] = t13;
+	} else t13 = $[46];
+	let t14;
+	if ($[47] !== arrowNode || $[48] !== iconNode || $[49] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			iconNode,
+			t13,
+			arrowNode
+		] });
+		$[47] = arrowNode;
+		$[48] = iconNode;
+		$[49] = t13;
+		$[50] = t14;
+	} else t14 = $[50];
+	const buttonContent = t14;
+	if (href) {
+		const t15 = isDisabled ? void 0 : href;
+		const t16 = ref;
+		const t17 = isDisabled ? void 0 : onClick;
+		const t18 = isDisabled || void 0;
+		let t19;
+		if ($[51] !== buttonContent || $[52] !== classes || $[53] !== rest || $[54] !== style || $[55] !== t15 || $[56] !== t16 || $[57] !== t17 || $[58] !== t18 || $[59] !== target) {
+			t19 = /* @__PURE__ */ jsx("a", {
+				...rest,
+				className: classes,
+				style,
+				href: t15,
+				target,
+				ref: t16,
+				onClick: t17,
+				"aria-disabled": t18,
+				children: buttonContent
+			});
+			$[51] = buttonContent;
+			$[52] = classes;
+			$[53] = rest;
+			$[54] = style;
+			$[55] = t15;
+			$[56] = t16;
+			$[57] = t17;
+			$[58] = t18;
+			$[59] = target;
+			$[60] = t19;
+		} else t19 = $[60];
+		return t19;
+	}
+	const t15 = htmlType === "submit" ? "submit" : htmlType === "reset" ? "reset" : "button";
+	const t16 = isDisabled || void 0;
+	const t17 = ref;
+	let t18;
+	if ($[61] !== buttonContent || $[62] !== classes || $[63] !== formAction || $[64] !== isDisabled || $[65] !== name || $[66] !== onClick || $[67] !== rest || $[68] !== style || $[69] !== t15 || $[70] !== t16 || $[71] !== t17 || $[72] !== value) {
+		t18 = /* @__PURE__ */ jsx("button", {
+			...rest,
+			type: t15,
+			formAction,
+			name,
+			value,
+			className: classes,
+			style,
+			disabled: isDisabled,
+			"aria-disabled": t16,
+			ref: t17,
+			onClick,
+			children: buttonContent
+		});
+		$[61] = buttonContent;
+		$[62] = classes;
+		$[63] = formAction;
+		$[64] = isDisabled;
+		$[65] = name;
+		$[66] = onClick;
+		$[67] = rest;
+		$[68] = style;
+		$[69] = t15;
+		$[70] = t16;
+		$[71] = t17;
+		$[72] = value;
+		$[73] = t18;
+	} else t18 = $[73];
+	return t18;
 }
 var Button_default = forwardRef(Button);
 //#endregion