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

package/dist/Spin/index.js

@@ -1,62 +1,167 @@
 import { cn } from "../lib/utils.js";
 import { cloneElement as cloneElement$1, isFragment, isReactComponent } from "../_utils/reactNode.js";
 import Icon from "./CustomIcon/index.js";
+import { c } from "react-compiler-runtime";
 import React, { isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Spin/index.tsx
 function CustomSpin(props) {
-	const { size, tip, direction = "vertical", children, spinning, wrapperClassName, className, style } = props;
-	if (!children) return /* @__PURE__ */ jsx("span", {
-		role: "status",
-		"aria-live": "polite",
-		"aria-busy": spinning,
-		"aria-label": typeof tip === "string" ? tip : "Loading",
-		children: Icon({
-			size,
-			tip,
-			direction,
-			spinning,
-			className
-		})
-	});
+	const $ = c(54);
+	const { size, tip, direction: t0, children, spinning, wrapperClassName, className, style } = props;
+	const direction = t0 === void 0 ? "vertical" : t0;
+	if (!children) {
+		const t1 = typeof tip === "string" ? tip : "Loading";
+		let t2;
+		if ($[0] !== className || $[1] !== direction || $[2] !== size || $[3] !== spinning || $[4] !== tip) {
+			t2 = /* @__PURE__ */ jsx(Icon, {
+				size,
+				tip,
+				direction,
+				spinning,
+				className
+			});
+			$[0] = className;
+			$[1] = direction;
+			$[2] = size;
+			$[3] = spinning;
+			$[4] = tip;
+			$[5] = t2;
+		} else t2 = $[5];
+		let t3;
+		if ($[6] !== spinning || $[7] !== t1 || $[8] !== t2) {
+			t3 = /* @__PURE__ */ jsx("span", {
+				role: "status",
+				"aria-live": "polite",
+				"aria-busy": spinning,
+				"aria-label": t1,
+				children: t2
+			});
+			$[6] = spinning;
+			$[7] = t1;
+			$[8] = t2;
+			$[9] = t3;
+		} else t3 = $[9];
+		return t3;
+	}
 	if (!isValidElement(children)) return children;
-	if (isFragment(children) || isReactComponent(children)) return React.createElement("div", {
-		style: {
-			...style,
-			position: "relative"
-		},
-		className: cn(wrapperClassName),
-		role: "status",
-		"aria-live": "polite",
-		"aria-busy": spinning,
-		"aria-label": typeof tip === "string" ? tip : "Loading"
-	}, [children, Icon({
-		size,
-		tip,
-		direction,
-		inContainer: true,
-		spinning,
-		className
-	})]);
-	else return cloneElement$1(children, {
-		style: {
-			position: "relative",
-			...children.props.style
-		},
-		className: cn(wrapperClassName, children.props.className),
-		role: "status",
-		"aria-live": "polite",
-		"aria-busy": spinning,
-		"aria-label": typeof tip === "string" ? tip : "Loading",
-		children: [children.props.children, Icon({
-			size,
-			tip,
-			direction,
-			spinning,
-			inContainer: true,
-			className
-		})]
-	});
+	if (isFragment(children) || isReactComponent(children)) {
+		let t1;
+		if ($[10] !== children || $[11] !== className || $[12] !== direction || $[13] !== size || $[14] !== spinning || $[15] !== style || $[16] !== tip || $[17] !== wrapperClassName) {
+			let t2;
+			if ($[19] !== style) {
+				t2 = {
+					...style,
+					position: "relative"
+				};
+				$[19] = style;
+				$[20] = t2;
+			} else t2 = $[20];
+			let t3;
+			if ($[21] !== wrapperClassName) {
+				t3 = cn(wrapperClassName);
+				$[21] = wrapperClassName;
+				$[22] = t3;
+			} else t3 = $[22];
+			const t4 = typeof tip === "string" ? tip : "Loading";
+			let t5;
+			if ($[23] !== spinning || $[24] !== t2 || $[25] !== t3 || $[26] !== t4) {
+				t5 = {
+					style: t2,
+					className: t3,
+					role: "status",
+					"aria-live": "polite",
+					"aria-busy": spinning,
+					"aria-label": t4
+				};
+				$[23] = spinning;
+				$[24] = t2;
+				$[25] = t3;
+				$[26] = t4;
+				$[27] = t5;
+			} else t5 = $[27];
+			let t6;
+			if ($[28] !== className || $[29] !== direction || $[30] !== size || $[31] !== spinning || $[32] !== tip) {
+				t6 = /* @__PURE__ */ jsx(Icon, {
+					size,
+					tip,
+					direction,
+					inContainer: true,
+					spinning,
+					className
+				}, "spinner");
+				$[28] = className;
+				$[29] = direction;
+				$[30] = size;
+				$[31] = spinning;
+				$[32] = tip;
+				$[33] = t6;
+			} else t6 = $[33];
+			let t7;
+			if ($[34] !== children || $[35] !== t6) {
+				t7 = [children, t6];
+				$[34] = children;
+				$[35] = t6;
+				$[36] = t7;
+			} else t7 = $[36];
+			t1 = React.createElement("div", t5, t7);
+			$[10] = children;
+			$[11] = className;
+			$[12] = direction;
+			$[13] = size;
+			$[14] = spinning;
+			$[15] = style;
+			$[16] = tip;
+			$[17] = wrapperClassName;
+			$[18] = t1;
+		} else t1 = $[18];
+		return t1;
+	} else {
+		const child = children;
+		let t1;
+		if ($[37] !== child.props.children || $[38] !== child.props.className || $[39] !== child.props.style || $[40] !== children || $[41] !== className || $[42] !== direction || $[43] !== size || $[44] !== spinning || $[45] !== tip || $[46] !== wrapperClassName) {
+			let t2;
+			if ($[48] !== className || $[49] !== direction || $[50] !== size || $[51] !== spinning || $[52] !== tip) {
+				t2 = /* @__PURE__ */ jsx(Icon, {
+					size,
+					tip,
+					direction,
+					spinning,
+					inContainer: true,
+					className
+				}, "spinner");
+				$[48] = className;
+				$[49] = direction;
+				$[50] = size;
+				$[51] = spinning;
+				$[52] = tip;
+				$[53] = t2;
+			} else t2 = $[53];
+			t1 = cloneElement$1(children, {
+				style: {
+					position: "relative",
+					...child.props.style
+				},
+				className: cn(wrapperClassName, child.props.className),
+				role: "status",
+				"aria-live": "polite",
+				"aria-busy": spinning,
+				"aria-label": typeof tip === "string" ? tip : "Loading",
+				children: [child.props.children, t2]
+			});
+			$[37] = child.props.children;
+			$[38] = child.props.className;
+			$[39] = child.props.style;
+			$[40] = children;
+			$[41] = className;
+			$[42] = direction;
+			$[43] = size;
+			$[44] = spinning;
+			$[45] = tip;
+			$[46] = wrapperClassName;
+			$[47] = t1;
+		} else t1 = $[47];
+		return t1;
+	}
 }
 //#endregion
 export { CustomSpin as default };

package/dist/Spin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Spin/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport React, { ReactElement, isValidElement } from 'react';\nimport {\n  cloneElement,\n  isFragment,\n  isReactComponent,\n} from '../_utils/reactNode';\nimport CustomIcon from './CustomIcon';\n\nexport type TDirection = 'vertical' | 'horizontal';\n\nexport interface SpinProps {\n  size?: 'small' | 'large' | 'middle';\n  direction?: TDirection;\n  children?: React.ReactElement;\n  tip?: React.ReactNode;\n  spinning?: boolean;\n  wrapperClassName?: string;\n  className?: string;\n  style?: React.CSSProperties;\n}\nfunction CustomSpin(props: SpinProps) {\n  const {\n    size,\n    tip,\n    direction = 'vertical',\n    children,\n    spinning,\n    wrapperClassName,\n    className,\n    style,\n  } = props;\n  if (!children) {\n    return (\n      <span\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-busy={spinning}\n        aria-label={typeof tip === 'string' ? tip : 'Loading'}\n      >\n        {CustomIcon({ size, tip, direction, spinning, className })}\n      </span>\n    );\n  }\n  if (!isValidElement(children)) {\n    return children;\n  }\n  if (isFragment(children) || isReactComponent(children)) {\n    return React.createElement(\n      'div',\n      {\n        style: { ...style, position: 'relative' },\n        className: cn(wrapperClassName),\n        role: 'status',\n        'aria-live': 'polite',\n        'aria-busy': spinning,\n        'aria-label': typeof tip === 'string' ? tip : 'Loading',\n      },\n      [\n        children,\n        CustomIcon({\n          size,\n          tip,\n          direction,\n          inContainer: true,\n          spinning,\n          className,\n        }),\n      ],\n    );\n  } else {\n    return cloneElement(children, {\n      style: {\n        position: 'relative',\n        ...(children as ReactElement).props.style,\n      },\n      className: cn(\n        wrapperClassName,\n        (children as ReactElement).props.className,\n      ),\n      role: 'status',\n      'aria-live': 'polite',\n      'aria-busy': spinning,\n      'aria-label': typeof tip === 'string' ? tip : 'Loading',\n      children: [\n        (children as ReactElement).props.children,\n        CustomIcon({\n          size,\n          tip,\n          direction,\n          spinning,\n          inContainer: true,\n          className,\n        }),\n      ],\n    });\n  }\n}\nexport default CustomSpin;\n"],"mappings":";;;;;;AAqBA,SAAS,WAAW,OAAkB;CACpC,MAAM,EACJ,MACA,KACA,YAAY,YACZ,UACA,UACA,kBACA,WACA,UACE;AACJ,KAAI,CAAC,SACH,QACE,oBAAC,QAAD;EACE,MAAK;EACL,aAAU;EACV,aAAW;EACX,cAAY,OAAO,QAAQ,WAAW,MAAM;YAE3C,KAAW;GAAE;GAAM;GAAK;GAAW;GAAU;GAAW,CAAC;EACrD,CAAA;AAGX,KAAI,CAAC,eAAe,SAAS,CAC3B,QAAO;AAET,KAAI,WAAW,SAAS,IAAI,iBAAiB,SAAS,CACpD,QAAO,MAAM,cACX,OACA;EACE,OAAO;GAAE,GAAG;GAAO,UAAU;GAAY;EACzC,WAAW,GAAG,iBAAiB;EAC/B,MAAM;EACN,aAAa;EACb,aAAa;EACb,cAAc,OAAO,QAAQ,WAAW,MAAM;EAC/C,EACD,CACE,UACA,KAAW;EACT;EACA;EACA;EACA,aAAa;EACb;EACA;EACD,CAAC,CACH,CACF;KAED,QAAO,eAAa,UAAU;EAC5B,OAAO;GACL,UAAU;GACV,GAAI,SAA0B,MAAM;GACrC;EACD,WAAW,GACT,kBACC,SAA0B,MAAM,UAClC;EACD,MAAM;EACN,aAAa;EACb,aAAa;EACb,cAAc,OAAO,QAAQ,WAAW,MAAM;EAC9C,UAAU,CACP,SAA0B,MAAM,UACjC,KAAW;GACT;GACA;GACA;GACA;GACA,aAAa;GACb;GACD,CAAC,CACH;EACF,CAAC"}
+{"version":3,"file":"index.js","names":["cn","React","ReactElement","isValidElement","cloneElement","isFragment","isReactComponent","CustomIcon","TDirection","SpinProps","size","direction","children","tip","ReactNode","spinning","wrapperClassName","className","style","CSSProperties","CustomSpin","props","$","_c","t0","undefined","t1","t2","t3","position","t4","t5","role","t6","t7","createElement","child"],"sources":["../../src/Spin/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport React, { ReactElement, isValidElement } from 'react';\nimport {\n  cloneElement,\n  isFragment,\n  isReactComponent,\n} from '../_utils/reactNode';\nimport CustomIcon from './CustomIcon';\n\nexport type TDirection = 'vertical' | 'horizontal';\n\nexport interface SpinProps {\n  size?: 'small' | 'large' | 'middle';\n  direction?: TDirection;\n  children?: React.ReactElement;\n  tip?: React.ReactNode;\n  spinning?: boolean;\n  wrapperClassName?: string;\n  className?: string;\n  style?: React.CSSProperties;\n}\nfunction CustomSpin(props: SpinProps) {\n  const {\n    size,\n    tip,\n    direction = 'vertical',\n    children,\n    spinning,\n    wrapperClassName,\n    className,\n    style,\n  } = props;\n  if (!children) {\n    return (\n      <span\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-busy={spinning}\n        aria-label={typeof tip === 'string' ? tip : 'Loading'}\n      >\n        <CustomIcon\n          size={size}\n          tip={tip}\n          direction={direction}\n          spinning={spinning}\n          className={className}\n        />\n      </span>\n    );\n  }\n  if (!isValidElement(children)) {\n    return children;\n  }\n  if (isFragment(children) || isReactComponent(children)) {\n    return React.createElement(\n      'div',\n      {\n        style: { ...style, position: 'relative' },\n        className: cn(wrapperClassName),\n        role: 'status',\n        'aria-live': 'polite',\n        'aria-busy': spinning,\n        'aria-label': typeof tip === 'string' ? tip : 'Loading',\n      },\n      [\n        children,\n        <CustomIcon\n          key=\"spinner\"\n          size={size}\n          tip={tip}\n          direction={direction}\n          inContainer\n          spinning={spinning}\n          className={className}\n        />,\n      ],\n    );\n  } else {\n    const child = children as ReactElement<{\n      style?: React.CSSProperties;\n      className?: string;\n      children?: React.ReactNode;\n    }>;\n    return cloneElement(children, {\n      style: {\n        position: 'relative',\n        ...child.props.style,\n      },\n      className: cn(wrapperClassName, child.props.className),\n      role: 'status',\n      'aria-live': 'polite',\n      'aria-busy': spinning,\n      'aria-label': typeof tip === 'string' ? tip : 'Loading',\n      children: [\n        child.props.children,\n        <CustomIcon\n          key=\"spinner\"\n          size={size}\n          tip={tip}\n          direction={direction}\n          spinning={spinning}\n          inContainer\n          className={className}\n        />,\n      ],\n    });\n  }\n}\nexport default CustomSpin;\n"],"mappings":"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"}

package/dist/Spin.js

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

package/dist/StatusLight/index.d.ts

@@ -8,5 +8,5 @@ export interface IProps {
     status?: 'info' | 'neutral' | 'danger' | 'success' | 'warning';
     className?: string;
 }
-declare function StatusLight({ size, style, dotColor, icon, text, status, className, }: IProps): import("react/jsx-runtime").JSX.Element;
+declare function StatusLight({ size, style, dotColor, icon, text, status, className, }: IProps): React.JSX.Element;
 export default StatusLight;

package/dist/StatusLight/index.js

@@ -4,6 +4,7 @@ import Memo$1 from "../Icon/components/CancelledCircleFill.js";
 import Memo$2 from "../Icon/components/CheckCircleFill.js";
 import Memo$3 from "../Icon/components/CloseCircleFill.js";
 import Memo$4 from "../Icon/components/InProgressFill.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/StatusLight/index.tsx
@@ -21,52 +22,124 @@ var statusTextColors = {
 	success: "var(--content-positive-primary)",
 	warning: "var(--content-warning-primary)"
 };
-function StatusLight({ size = "middle", style = "dot", dotColor, icon, text, status = "info", className }) {
-	const getIcon = () => {
-		if (icon) return icon;
-		const iconSize = size === "middle" ? 20 : 16;
-		switch (status) {
-			case "info": return /* @__PURE__ */ jsx(Memo$4, {
-				color: "var(--background-informative-strong)",
-				size: iconSize
-			});
-			case "neutral": return /* @__PURE__ */ jsx(Memo$1, {
-				color: "var(--background-neutral-strong)",
-				size: iconSize
-			});
-			case "danger": return /* @__PURE__ */ jsx(Memo$3, {
-				color: "var(--background-negative-strong)",
-				size: iconSize
-			});
-			case "success": return /* @__PURE__ */ jsx(Memo$2, {
-				color: "var(--background-positive-strong)",
-				size: iconSize
-			});
-			case "warning": return /* @__PURE__ */ jsx(Memo, {
-				color: "var(--background-warning-strong)",
-				size: iconSize
-			});
-		}
-	};
+function StatusLight(t0) {
+	const $ = c(30);
+	const { size: t1, style: t2, dotColor, icon, text, status: t3, className } = t0;
+	const size = t1 === void 0 ? "middle" : t1;
+	const style = t2 === void 0 ? "dot" : t2;
+	const status = t3 === void 0 ? "info" : t3;
+	let t4;
+	if ($[0] !== icon || $[1] !== size || $[2] !== status) {
+		t4 = () => {
+			if (icon) return icon;
+			const iconSize = size === "middle" ? 20 : 16;
+			switch (status) {
+				case "info": return /* @__PURE__ */ jsx(Memo$4, {
+					color: "var(--background-informative-strong)",
+					size: iconSize
+				});
+				case "neutral": return /* @__PURE__ */ jsx(Memo$1, {
+					color: "var(--background-neutral-strong)",
+					size: iconSize
+				});
+				case "danger": return /* @__PURE__ */ jsx(Memo$3, {
+					color: "var(--background-negative-strong)",
+					size: iconSize
+				});
+				case "success": return /* @__PURE__ */ jsx(Memo$2, {
+					color: "var(--background-positive-strong)",
+					size: iconSize
+				});
+				case "warning": return /* @__PURE__ */ jsx(Memo, {
+					color: "var(--background-warning-strong)",
+					size: iconSize
+				});
+			}
+		};
+		$[0] = icon;
+		$[1] = size;
+		$[2] = status;
+		$[3] = t4;
+	} else t4 = $[3];
+	const getIcon = t4;
 	const isSmall = size === "small";
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-status-light tw-flex tw-cursor-default tw-items-center tw-justify-start", `ald-status-light-${size}`, `ald-status-light-${status}`, isSmall ? "tw-gap-1" : "tw-gap-[6px]", className),
-		children: [
-			style === "dot" && /* @__PURE__ */ jsx("div", {
-				className: cn("ald-prefix-dot tw-shrink-0 tw-rounded-full", isSmall ? "tw-size-[var(--global-grid-75)]" : "tw-size-[var(--global-grid-100)]"),
-				style: { backgroundColor: dotColor || statusDotColors[status] }
-			}),
-			style === "icon" && /* @__PURE__ */ jsx("div", {
-				className: "ald-prefix-icon tw-flex tw-h-full tw-items-center",
-				children: getIcon()
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: cn("ald-text tw-font-normal", isSmall ? "tw-text-xs tw-leading-4" : "tw-text-sm tw-leading-5"),
-				style: { color: statusTextColors[status] },
-				children: text
-			})
-		]
-	});
+	const t5 = `ald-status-light-${size}`;
+	const t6 = `ald-status-light-${status}`;
+	const t7 = isSmall ? "tw-gap-1" : "tw-gap-[6px]";
+	let t8;
+	if ($[4] !== className || $[5] !== t5 || $[6] !== t6 || $[7] !== t7) {
+		t8 = cn("ald-status-light tw-flex tw-cursor-default tw-items-center tw-justify-start", t5, t6, t7, className);
+		$[4] = className;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+		$[8] = t8;
+	} else t8 = $[8];
+	let t9;
+	if ($[9] !== dotColor || $[10] !== isSmall || $[11] !== status || $[12] !== style) {
+		t9 = style === "dot" && /* @__PURE__ */ jsx("div", {
+			className: cn("ald-prefix-dot tw-shrink-0 tw-rounded-full", isSmall ? "tw-size-[var(--global-grid-75)]" : "tw-size-[var(--global-grid-100)]"),
+			style: { backgroundColor: dotColor || statusDotColors[status] }
+		});
+		$[9] = dotColor;
+		$[10] = isSmall;
+		$[11] = status;
+		$[12] = style;
+		$[13] = t9;
+	} else t9 = $[13];
+	let t10;
+	if ($[14] !== getIcon || $[15] !== style) {
+		t10 = style === "icon" && /* @__PURE__ */ jsx("div", {
+			className: "ald-prefix-icon tw-flex tw-h-full tw-items-center",
+			children: getIcon()
+		});
+		$[14] = getIcon;
+		$[15] = style;
+		$[16] = t10;
+	} else t10 = $[16];
+	const t11 = isSmall ? "tw-text-xs tw-leading-4" : "tw-text-sm tw-leading-5";
+	let t12;
+	if ($[17] !== t11) {
+		t12 = cn("ald-text tw-font-normal", t11);
+		$[17] = t11;
+		$[18] = t12;
+	} else t12 = $[18];
+	const t13 = statusTextColors[status];
+	let t14;
+	if ($[19] !== t13) {
+		t14 = { color: t13 };
+		$[19] = t13;
+		$[20] = t14;
+	} else t14 = $[20];
+	let t15;
+	if ($[21] !== t12 || $[22] !== t14 || $[23] !== text) {
+		t15 = /* @__PURE__ */ jsx("div", {
+			className: t12,
+			style: t14,
+			children: text
+		});
+		$[21] = t12;
+		$[22] = t14;
+		$[23] = text;
+		$[24] = t15;
+	} else t15 = $[24];
+	let t16;
+	if ($[25] !== t10 || $[26] !== t15 || $[27] !== t8 || $[28] !== t9) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: t8,
+			children: [
+				t9,
+				t10,
+				t15
+			]
+		});
+		$[25] = t10;
+		$[26] = t15;
+		$[27] = t8;
+		$[28] = t9;
+		$[29] = t16;
+	} else t16 = $[29];
+	return t16;
 }
 //#endregion
 export { StatusLight as default };

package/dist/StatusLight/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/StatusLight/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AttentionCircleFill,\n  CancelledCircleFill,\n  CheckCircleFill,\n  CloseCircleFill,\n  InProgressFill,\n} from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface IProps {\n  size?: 'middle' | 'small';\n  style?: 'dot' | 'icon';\n  dotColor?: string;\n  icon?: React.ReactNode;\n  text: string;\n  status?: 'info' | 'neutral' | 'danger' | 'success' | 'warning';\n  className?: string;\n}\n\nconst statusDotColors: Record<string, string> = {\n  info: 'var(--background-informative-strong)',\n  neutral: 'var(--background-neutral-strong)',\n  danger: 'var(--background-negative-strong)',\n  success: 'var(--background-positive-strong)',\n  warning: 'var(--background-warning-strong)',\n};\n\nconst statusTextColors: Record<string, string> = {\n  info: 'var(--content-informative-primary)',\n  neutral: 'var(--content-primary)',\n  danger: 'var(--content-negative-primary)',\n  success: 'var(--content-positive-primary)',\n  warning: 'var(--content-warning-primary)',\n};\n\nfunction StatusLight({\n  size = 'middle',\n  style = 'dot',\n  dotColor,\n  icon,\n  text,\n  status = 'info',\n  className,\n}: IProps) {\n  const getIcon = () => {\n    if (icon) return icon;\n\n    const iconSize = size === 'middle' ? 20 : 16;\n\n    switch (status) {\n      case 'info':\n        return (\n          <InProgressFill\n            color=\"var(--background-informative-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'neutral':\n        return (\n          <CancelledCircleFill\n            color=\"var(--background-neutral-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'danger':\n        return (\n          <CloseCircleFill\n            color=\"var(--background-negative-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'success':\n        return (\n          <CheckCircleFill\n            color=\"var(--background-positive-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'warning':\n        return (\n          <AttentionCircleFill\n            color=\"var(--background-warning-strong)\"\n            size={iconSize}\n          />\n        );\n    }\n  };\n\n  const isSmall = size === 'small';\n\n  return (\n    <div\n      className={cn(\n        'ald-status-light tw-flex tw-cursor-default tw-items-center tw-justify-start',\n        `ald-status-light-${size}`,\n        `ald-status-light-${status}`,\n        isSmall ? 'tw-gap-1' : 'tw-gap-[6px]',\n        className,\n      )}\n    >\n      {style === 'dot' && (\n        <div\n          className={cn(\n            'ald-prefix-dot tw-shrink-0 tw-rounded-full',\n            isSmall\n              ? 'tw-size-[var(--global-grid-75)]'\n              : 'tw-size-[var(--global-grid-100)]',\n          )}\n          style={{\n            backgroundColor: dotColor || statusDotColors[status],\n          }}\n        />\n      )}\n      {style === 'icon' && (\n        <div className=\"ald-prefix-icon tw-flex tw-h-full tw-items-center\">\n          {getIcon()}\n        </div>\n      )}\n      <div\n        className={cn(\n          'ald-text tw-font-normal',\n          isSmall ? 'tw-text-xs tw-leading-4' : 'tw-text-sm tw-leading-5',\n        )}\n        style={{ color: statusTextColors[status] }}\n      >\n        {text}\n      </div>\n    </div>\n  );\n}\n\nexport default StatusLight;\n"],"mappings":";;;;;;;;;AAoBA,IAAM,kBAA0C;CAC9C,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,IAAM,mBAA2C;CAC/C,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,SAAS,YAAY,EACnB,OAAO,UACP,QAAQ,OACR,UACA,MACA,MACA,SAAS,QACT,aACS;CACT,MAAM,gBAAgB;AACpB,MAAI,KAAM,QAAO;EAEjB,MAAM,WAAW,SAAS,WAAW,KAAK;AAE1C,UAAQ,QAAR;GACE,KAAK,OACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,SACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,MAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;;;CAKV,MAAM,UAAU,SAAS;AAEzB,QACE,qBAAC,OAAD;EACE,WAAW,GACT,+EACA,oBAAoB,QACpB,oBAAoB,UACpB,UAAU,aAAa,gBACvB,UACD;YAPH;GASG,UAAU,SACT,oBAAC,OAAD;IACE,WAAW,GACT,8CACA,UACI,oCACA,mCACL;IACD,OAAO,EACL,iBAAiB,YAAY,gBAAgB,SAC9C;IACD,CAAA;GAEH,UAAU,UACT,oBAAC,OAAD;IAAK,WAAU;cACZ,SAAS;IACN,CAAA;GAER,oBAAC,OAAD;IACE,WAAW,GACT,2BACA,UAAU,4BAA4B,0BACvC;IACD,OAAO,EAAE,OAAO,iBAAiB,SAAS;cAEzC;IACG,CAAA;GACF"}
+{"version":3,"file":"index.js","names":["React","AttentionCircleFill","CancelledCircleFill","CheckCircleFill","CloseCircleFill","InProgressFill","cn","IProps","size","style","dotColor","icon","ReactNode","text","status","className","statusDotColors","Record","info","neutral","danger","success","warning","statusTextColors","StatusLight","t0","$","_c","t1","t2","t3","undefined","t4","iconSize","getIcon","isSmall","t5","t6","t7","t8","t9","backgroundColor","t10","t11","t12","t13","t14","color","t15","t16"],"sources":["../../src/StatusLight/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AttentionCircleFill,\n  CancelledCircleFill,\n  CheckCircleFill,\n  CloseCircleFill,\n  InProgressFill,\n} from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface IProps {\n  size?: 'middle' | 'small';\n  style?: 'dot' | 'icon';\n  dotColor?: string;\n  icon?: React.ReactNode;\n  text: string;\n  status?: 'info' | 'neutral' | 'danger' | 'success' | 'warning';\n  className?: string;\n}\n\nconst statusDotColors: Record<string, string> = {\n  info: 'var(--background-informative-strong)',\n  neutral: 'var(--background-neutral-strong)',\n  danger: 'var(--background-negative-strong)',\n  success: 'var(--background-positive-strong)',\n  warning: 'var(--background-warning-strong)',\n};\n\nconst statusTextColors: Record<string, string> = {\n  info: 'var(--content-informative-primary)',\n  neutral: 'var(--content-primary)',\n  danger: 'var(--content-negative-primary)',\n  success: 'var(--content-positive-primary)',\n  warning: 'var(--content-warning-primary)',\n};\n\nfunction StatusLight({\n  size = 'middle',\n  style = 'dot',\n  dotColor,\n  icon,\n  text,\n  status = 'info',\n  className,\n}: IProps) {\n  const getIcon = () => {\n    if (icon) return icon;\n\n    const iconSize = size === 'middle' ? 20 : 16;\n\n    switch (status) {\n      case 'info':\n        return (\n          <InProgressFill\n            color=\"var(--background-informative-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'neutral':\n        return (\n          <CancelledCircleFill\n            color=\"var(--background-neutral-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'danger':\n        return (\n          <CloseCircleFill\n            color=\"var(--background-negative-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'success':\n        return (\n          <CheckCircleFill\n            color=\"var(--background-positive-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'warning':\n        return (\n          <AttentionCircleFill\n            color=\"var(--background-warning-strong)\"\n            size={iconSize}\n          />\n        );\n    }\n  };\n\n  const isSmall = size === 'small';\n\n  return (\n    <div\n      className={cn(\n        'ald-status-light tw-flex tw-cursor-default tw-items-center tw-justify-start',\n        `ald-status-light-${size}`,\n        `ald-status-light-${status}`,\n        isSmall ? 'tw-gap-1' : 'tw-gap-[6px]',\n        className,\n      )}\n    >\n      {style === 'dot' && (\n        <div\n          className={cn(\n            'ald-prefix-dot tw-shrink-0 tw-rounded-full',\n            isSmall\n              ? 'tw-size-[var(--global-grid-75)]'\n              : 'tw-size-[var(--global-grid-100)]',\n          )}\n          style={{\n            backgroundColor: dotColor || statusDotColors[status],\n          }}\n        />\n      )}\n      {style === 'icon' && (\n        <div className=\"ald-prefix-icon tw-flex tw-h-full tw-items-center\">\n          {getIcon()}\n        </div>\n      )}\n      <div\n        className={cn(\n          'ald-text tw-font-normal',\n          isSmall ? 'tw-text-xs tw-leading-4' : 'tw-text-sm tw-leading-5',\n        )}\n        style={{ color: statusTextColors[status] }}\n      >\n        {text}\n      </div>\n    </div>\n  );\n}\n\nexport default StatusLight;\n"],"mappings":"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"}

package/dist/StatusLight.js

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

package/dist/Steps/components/CustomDot/index.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 export declare const CustomDot: (_dot: React.ReactNode, { status }: {
     status: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;

package/dist/Steps/components/CustomDot/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Steps/components/CustomDot/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ProcessIcon } from '../ProcessIcon';\n\nexport const CustomDot = (\n  _dot: React.ReactNode,\n  { status }: { status: string },\n) => <ProcessIcon type={status as 'process' | 'wait' | 'finish' | 'error'} />;\n"],"mappings":";;;;AAGA,IAAa,aACX,MACA,EAAE,aACC,oBAAC,aAAD,EAAa,MAAM,QAAqD,CAAA"}
+{"version":3,"file":"index.js","names":["React","ProcessIcon","CustomDot","_dot","ReactNode","status"],"sources":["../../../../src/Steps/components/CustomDot/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ProcessIcon } from '../ProcessIcon';\n\nexport const CustomDot = (\n  _dot: React.ReactNode,\n  { status }: { status: string },\n) => <ProcessIcon type={status as 'process' | 'wait' | 'finish' | 'error'} />;\n"],"mappings":";;;;AAGA,IAAaE,aACXC,MACA,EAAEE,aACC,oBAAC,aAAD,EAAa,MAAMA,QAAqD,CAAA"}

package/dist/Steps/components/CustomDot.d.ts

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

package/dist/Steps/components/CustomDot.js

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

package/dist/Steps/components/ProcessIcon/index.d.ts

@@ -1,6 +1,7 @@
+import { default as React } from 'react';
 interface IProcessIconProps {
     size?: number;
     type: 'process' | 'wait' | 'finish' | 'error';
 }
-export declare function ProcessIcon({ size, type }: IProcessIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProcessIcon({ size, type }: IProcessIconProps): React.JSX.Element;
 export {};