@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/AMenu/index.d.ts

@@ -1,3 +1,34 @@
-import { Menu } from 'antd';
-export type { MenuProps as AMenuProps } from 'antd/lib/menu';
-export default Menu;
+import { default as React } from 'react';
+export interface AMenuItemType {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    danger?: boolean;
+    children?: AMenuItemType[];
+    type?: 'group' | 'divider';
+}
+export interface AMenuProps {
+    items?: AMenuItemType[];
+    mode?: 'vertical' | 'horizontal' | 'inline';
+    selectedKeys?: string[];
+    defaultSelectedKeys?: string[];
+    openKeys?: string[];
+    defaultOpenKeys?: string[];
+    onClick?: (info: {
+        key: string;
+        domEvent: React.MouseEvent;
+    }) => void;
+    onSelect?: (info: {
+        key: string;
+        selectedKeys: string[];
+    }) => void;
+    onOpenChange?: (openKeys: string[]) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    theme?: 'light' | 'dark';
+    inlineCollapsed?: boolean;
+    children?: React.ReactNode;
+}
+declare function AMenu(props: AMenuProps): import("react/jsx-runtime").JSX.Element;
+export default AMenu;

package/dist/AMenu/index.js

@@ -1,2 +1,53 @@
-import { Menu } from 'antd';
-export default Menu;
+import { cn } from "../lib/utils.js";
+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 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)
+	});
+}
+//#endregion
+export { AMenu as default };
+
+//# sourceMappingURL=index.js.map

package/dist/AMenu/index.js.map

@@ -0,0 +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"}

package/dist/AProgress/index.d.ts

@@ -1,2 +1,17 @@
-import { Progress } from 'antd';
-export default Progress;
+import { default as React } from 'react';
+interface AProgressProps {
+    percent?: number;
+    type?: 'line' | 'circle' | 'dashboard';
+    status?: 'success' | 'exception' | 'normal' | 'active';
+    showInfo?: boolean;
+    strokeColor?: string;
+    trailColor?: string;
+    strokeWidth?: number;
+    width?: number;
+    format?: (percent?: number) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    size?: 'default' | 'small';
+}
+declare function AProgress(props: AProgressProps): import("react/jsx-runtime").JSX.Element;
+export default AProgress;

package/dist/AProgress/index.js

@@ -1,2 +1,82 @@
-import { Progress } from 'antd';
-export default Progress;
+import { cn } from "../lib/utils.js";
+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 clampedPercent = Math.min(100, Math.max(0, percent));
+	const resolvedStatus = status || (clampedPercent >= 100 ? "success" : "normal");
+	const statusColor = resolvedStatus === "success" ? "var(--content-positive-primary)" : resolvedStatus === "exception" ? "var(--content-negative-primary)" : strokeColor;
+	if (type === "circle" || type === "dashboard") {
+		const circleSize = width;
+		const sw = strokeWidth || 6;
+		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: {
+				width: circleSize,
+				height: circleSize,
+				...style
+			},
+			children: [/* @__PURE__ */ jsxs("svg", {
+				viewBox: `0 0 ${circleSize} ${circleSize}`,
+				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", {
+				className: "tw-absolute tw-text-sm tw-font-medium",
+				children: format ? format(clampedPercent) : `${clampedPercent}%`
+			})]
+		});
+	}
+	const lineHeight = strokeWidth || (size === "small" ? 6 : 8);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ald-progress ald-progress-line tw-w-full", className),
+		style,
+		children: /* @__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-whitespace-nowrap tw-text-sm",
+				children: format ? format(clampedPercent) : `${clampedPercent}%`
+			})]
+		})
+	});
+}
+//#endregion
+export { AProgress as default };
+
+//# sourceMappingURL=index.js.map

package/dist/AProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/AProgress/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\ninterface 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-primary)'\n      : resolvedStatus === 'exception'\n      ? 'var(--content-negative-primary)'\n      : strokeColor;\n\n  if (type === 'circle' || type === 'dashboard') {\n    const circleSize = width;\n    const sw = strokeWidth || 6;\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      >\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 className=\"tw-absolute tw-text-sm tw-font-medium\">\n            {format ? format(clampedPercent) : `${clampedPercent}%`}\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  // Line type\n  const lineHeight = strokeWidth || (size === 'small' ? 6 : 8);\n\n  return (\n    <div\n      className={cn('ald-progress ald-progress-line tw-w-full', className)}\n      style={style}\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 className=\"ald-progress-text tw-whitespace-nowrap tw-text-sm\">\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,oCACA,mBAAmB,cACnB,oCACA;AAEN,KAAI,SAAS,YAAY,SAAS,aAAa;EAC7C,MAAM,aAAa;EACnB,MAAM,KAAK,eAAe;EAC1B,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;aAL5D,CAOE,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;IAAM,WAAU;cACb,SAAS,OAAO,eAAe,GAAG,GAAG,eAAe;IAChD,CAAA,CAEL;;;CAKV,MAAM,aAAa,gBAAgB,SAAS,UAAU,IAAI;AAE1D,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,4CAA4C,UAAU;EAC7D;YAEP,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;IAAM,WAAU;cACb,SAAS,OAAO,eAAe,GAAG,GAAG,eAAe;IAChD,CAAA,CAEL;;EACF,CAAA"}

package/dist/Alert/index.d.ts

@@ -1,4 +1,17 @@
-import { Alert } from 'antd';
-import { AlertProps } from 'antd/lib/alert';
-export type { AlertProps };
+import { default as React } from 'react';
+export interface AlertProps {
+    type?: 'success' | 'info' | 'warning' | 'error';
+    message?: React.ReactNode;
+    description?: React.ReactNode;
+    closable?: boolean;
+    onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    afterClose?: () => void;
+    showIcon?: boolean;
+    icon?: React.ReactNode;
+    banner?: boolean;
+    action?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function Alert(props: AlertProps): import("react/jsx-runtime").JSX.Element | null;
 export default Alert;

package/dist/Alert/index.js

@@ -1,2 +1,91 @@
-import { Alert } from 'antd';
-export default Alert;
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/AttentionTriangleFill.js";
+import Memo$1 from "../Icon/components/CheckCircleFill.js";
+import Memo$2 from "../Icon/components/CloseCircleFill.js";
+import Memo$3 from "../Icon/components/CloseLightLine.js";
+import Memo$4 from "../Icon/components/InformationCircleFill.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Alert/index.tsx
+var typeConfig = {
+	success: {
+		bg: "tw-bg-[var(--background-positive-subtle)]",
+		border: "tw-border-[var(--border-positive-subtle)]",
+		icon: /* @__PURE__ */ jsx(Memo$1, {
+			size: 16,
+			color: "var(--content-positive-primary)"
+		})
+	},
+	info: {
+		bg: "tw-bg-[var(--background-informative-subtle)]",
+		border: "tw-border-[var(--border-informative-subtle)]",
+		icon: /* @__PURE__ */ jsx(Memo$4, {
+			size: 16,
+			color: "var(--content-informative-primary)"
+		})
+	},
+	warning: {
+		bg: "tw-bg-[var(--background-warning-subtle)]",
+		border: "tw-border-[var(--border-warning-subtle)]",
+		icon: /* @__PURE__ */ jsx(Memo, {
+			size: 16,
+			color: "var(--content-warning-primary)"
+		})
+	},
+	error: {
+		bg: "tw-bg-[var(--background-negative-subtle)]",
+		border: "tw-border-[var(--border-negative-subtle)]",
+		icon: /* @__PURE__ */ jsx(Memo$2, {
+			size: 16,
+			color: "var(--content-negative-primary)"
+		})
+	}
+};
+function Alert(props) {
+	const { type = "info", message, description, closable, onClose, afterClose, showIcon = true, icon, action, className, style } = props;
+	const [closed, setClosed] = useState(false);
+	if (closed) return null;
+	const config = typeConfig[type] || typeConfig.info;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-alert tw-flex tw-items-start tw-gap-2 tw-rounded-r-100 tw-border tw-border-solid tw-p-3", config.bg, config.border, className),
+		style,
+		role: "alert",
+		children: [
+			showIcon && /* @__PURE__ */ jsx("span", {
+				className: "ald-alert-icon tw-flex tw-items-center tw-pt-0.5",
+				children: icon || config.icon
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "ald-alert-content tw-min-w-0 tw-flex-1",
+				children: [message && /* @__PURE__ */ jsx("div", {
+					className: "ald-alert-message tw-text-sm tw-font-medium tw-text-[var(--content-primary)]",
+					children: message
+				}), description && /* @__PURE__ */ jsx("div", {
+					className: "ald-alert-description tw-mt-1 tw-text-sm tw-text-[var(--content-secondary)]",
+					children: description
+				})]
+			}),
+			action && /* @__PURE__ */ jsx("div", {
+				className: "ald-alert-action",
+				children: action
+			}),
+			closable && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "ald-alert-close-icon tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0",
+				onClick: (e) => {
+					setClosed(true);
+					onClose?.(e);
+					afterClose?.();
+				},
+				children: /* @__PURE__ */ jsx(Memo$3, {
+					size: 16,
+					color: "var(--content-secondary)"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { Alert as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Alert/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  AttentionTriangleFill,\n  CheckCircleFill,\n  CloseCircleFill,\n  CloseLightLine,\n  InformationCircleFill,\n} from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface AlertProps {\n  type?: 'success' | 'info' | 'warning' | 'error';\n  message?: React.ReactNode;\n  description?: React.ReactNode;\n  closable?: boolean;\n  onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  afterClose?: () => void;\n  showIcon?: boolean;\n  icon?: React.ReactNode;\n  banner?: boolean;\n  action?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst typeConfig: Record<\n  string,\n  { bg: string; border: string; icon: React.ReactNode }\n> = {\n  success: {\n    bg: 'tw-bg-[var(--background-positive-subtle)]',\n    border: 'tw-border-[var(--border-positive-subtle)]',\n    icon: <CheckCircleFill size={16} color=\"var(--content-positive-primary)\" />,\n  },\n  info: {\n    bg: 'tw-bg-[var(--background-informative-subtle)]',\n    border: 'tw-border-[var(--border-informative-subtle)]',\n    icon: (\n      <InformationCircleFill\n        size={16}\n        color=\"var(--content-informative-primary)\"\n      />\n    ),\n  },\n  warning: {\n    bg: 'tw-bg-[var(--background-warning-subtle)]',\n    border: 'tw-border-[var(--border-warning-subtle)]',\n    icon: (\n      <AttentionTriangleFill size={16} color=\"var(--content-warning-primary)\" />\n    ),\n  },\n  error: {\n    bg: 'tw-bg-[var(--background-negative-subtle)]',\n    border: 'tw-border-[var(--border-negative-subtle)]',\n    icon: <CloseCircleFill size={16} color=\"var(--content-negative-primary)\" />,\n  },\n};\n\nfunction Alert(props: AlertProps) {\n  const {\n    type = 'info',\n    message,\n    description,\n    closable,\n    onClose,\n    afterClose,\n    showIcon = true,\n    icon,\n    action,\n    className,\n    style,\n  } = props;\n\n  const [closed, setClosed] = useState(false);\n\n  if (closed) return null;\n\n  const config = typeConfig[type] || typeConfig.info;\n\n  return (\n    <div\n      className={cn(\n        'ald-alert tw-flex tw-items-start tw-gap-2 tw-rounded-r-100 tw-border tw-border-solid tw-p-3',\n        config.bg,\n        config.border,\n        className,\n      )}\n      style={style}\n      role=\"alert\"\n    >\n      {showIcon && (\n        <span className=\"ald-alert-icon tw-flex tw-items-center tw-pt-0.5\">\n          {icon || config.icon}\n        </span>\n      )}\n      <div className=\"ald-alert-content tw-min-w-0 tw-flex-1\">\n        {message && (\n          <div className=\"ald-alert-message tw-text-sm tw-font-medium tw-text-[var(--content-primary)]\">\n            {message}\n          </div>\n        )}\n        {description && (\n          <div className=\"ald-alert-description tw-mt-1 tw-text-sm tw-text-[var(--content-secondary)]\">\n            {description}\n          </div>\n        )}\n      </div>\n      {action && <div className=\"ald-alert-action\">{action}</div>}\n      {closable && (\n        <button\n          type=\"button\"\n          className=\"ald-alert-close-icon tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0\"\n          onClick={(e) => {\n            setClosed(true);\n            onClose?.(e);\n            afterClose?.();\n          }}\n        >\n          <CloseLightLine size={16} color=\"var(--content-secondary)\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default Alert;\n"],"mappings":";;;;;;;;;AAyBA,IAAM,aAGF;CACF,SAAS;EACP,IAAI;EACJ,QAAQ;EACR,MAAM,oBAAC,QAAD;GAAiB,MAAM;GAAI,OAAM;GAAoC,CAAA;EAC5E;CACD,MAAM;EACJ,IAAI;EACJ,QAAQ;EACR,MACE,oBAAC,QAAD;GACE,MAAM;GACN,OAAM;GACN,CAAA;EAEL;CACD,SAAS;EACP,IAAI;EACJ,QAAQ;EACR,MACE,oBAAC,MAAD;GAAuB,MAAM;GAAI,OAAM;GAAmC,CAAA;EAE7E;CACD,OAAO;EACL,IAAI;EACJ,QAAQ;EACR,MAAM,oBAAC,QAAD;GAAiB,MAAM;GAAI,OAAM;GAAoC,CAAA;EAC5E;CACF;AAED,SAAS,MAAM,OAAmB;CAChC,MAAM,EACJ,OAAO,QACP,SACA,aACA,UACA,SACA,YACA,WAAW,MACX,MACA,QACA,WACA,UACE;CAEJ,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;AAE3C,KAAI,OAAQ,QAAO;CAEnB,MAAM,SAAS,WAAW,SAAS,WAAW;AAE9C,QACE,qBAAC,OAAD;EACE,WAAW,GACT,+FACA,OAAO,IACP,OAAO,QACP,UACD;EACM;EACP,MAAK;YARP;GAUG,YACC,oBAAC,QAAD;IAAM,WAAU;cACb,QAAQ,OAAO;IACX,CAAA;GAET,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,WACC,oBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA,EAEP,eACC,oBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA,CAEJ;;GACL,UAAU,oBAAC,OAAD;IAAK,WAAU;cAAoB;IAAa,CAAA;GAC1D,YACC,oBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,UAAU,MAAM;AACd,eAAU,KAAK;AACf,eAAU,EAAE;AACZ,mBAAc;;cAGhB,oBAAC,QAAD;KAAgB,MAAM;KAAI,OAAM;KAA6B,CAAA;IACtD,CAAA;GAEP"}

package/dist/App/index.d.ts

@@ -1,4 +1,8 @@
-import { AppProps } from 'antd';
-import React from 'react';
+import { default as React } from 'react';
+interface AppProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
 declare const AldApp: React.FC<AppProps>;
 export default AldApp;

package/dist/App/index.js

@@ -1,32 +1,23 @@
-var _excluded = ["children", "className"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
-import { App, ConfigProvider } from 'antd';
-import classNames from 'classnames';
-import React from 'react';
-import { ToastContainer } from 'react-toastify';
-var AldApp = function AldApp(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyleProvider, {
-    hashPriority: "high",
-    transformers: [legacyLogicalPropertiesTransformer]
-  }, /*#__PURE__*/React.createElement(App, _extends({
-    className: classNames('ald-app', className)
-  }, restProps), /*#__PURE__*/React.createElement(ToastContainer, {
-    containerId: 'message-container',
-    limit: 1
-  }), /*#__PURE__*/React.createElement(ToastContainer, {
-    containerId: 'notification-container'
-  }), /*#__PURE__*/React.createElement(ConfigProvider, {
-    theme: {
-      token: {
-        fontSize: 13
-      }
-    }
-  }, children)));
+import { cn } from "../lib/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ToastContainer } from "react-toastify";
+//#region src/App/index.tsx
+var AldApp = ({ children, className, ...restProps }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-app", className),
+		...restProps,
+		children: [
+			/* @__PURE__ */ jsx(ToastContainer, {
+				containerId: "message-container",
+				limit: 1
+			}),
+			/* @__PURE__ */ jsx(ToastContainer, { containerId: "notification-container" }),
+			children
+		]
+	});
 };
-export default AldApp;
+//#endregion
+export { AldApp as default };
+
+//# sourceMappingURL=index.js.map

package/dist/App/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/App/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ToastContainer } from 'react-toastify';\nimport { cn } from '../lib/utils';\n\ninterface AppProps {\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst AldApp: React.FC<AppProps> = ({ children, className, ...restProps }) => {\n  return (\n    <div className={cn('ald-app', className)} {...restProps}>\n      <ToastContainer containerId={'message-container'} limit={1} />\n      <ToastContainer containerId={'notification-container'} />\n      {children}\n    </div>\n  );\n};\n\nexport default AldApp;\n"],"mappings":";;;;;AAUA,IAAM,UAA8B,EAAE,UAAU,WAAW,GAAG,gBAAgB;AAC5E,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,WAAW,UAAU;EAAE,GAAI;YAA9C;GACE,oBAAC,gBAAD;IAAgB,aAAa;IAAqB,OAAO;IAAK,CAAA;GAC9D,oBAAC,gBAAD,EAAgB,aAAa,0BAA4B,CAAA;GACxD;GACG"}

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

@@ -1,4 +1,4 @@
-import { TAvatarSize } from './type';
+import { TAvatarSize } from './type.js';
 /**
  * 根据头像大小获取合适的字体大小和缩放样式
  * @param size 头像大小，可以是预设值或数字

package/dist/Avatar/component/Avatar/helper.js

@@ -1,83 +1,50 @@
-import { AVATAR_SIZE_MAP, AVATAR_SIZE_TO_FONT_SIZE } from "./type";
-
+import { AVATAR_SIZE_MAP, AVATAR_SIZE_TO_FONT_SIZE } from "./type.js";
+//#region src/Avatar/component/Avatar/helper.ts
 /**
- * 根据头像大小获取合适的字体大小和缩放样式
- * @param size 头像大小，可以是预设值或数字
- * @returns 包含fontSize和可能的transform样式的对象
- */
-export var getFontSize = function getFontSize(size) {
-  // 1. 将TAvatarSize转换为像素值
-  var pixelSize = typeof size === 'number' ? size : AVATAR_SIZE_MAP[size] || 32;
-
-  // 2. 计算合适的字体大小
-  var fontSize;
-
-  // 2.1 先检查映射表中是否有对应值
-  if (pixelSize in AVATAR_SIZE_TO_FONT_SIZE) {
-    fontSize = AVATAR_SIZE_TO_FONT_SIZE[pixelSize];
-  } else {
-    // 2.2 如果没有对应值，根据区间确定合适的字体大小
-
-    // 定义关键区间点
-    var sizeBenchmarks = Object.keys(AVATAR_SIZE_TO_FONT_SIZE).map(Number).sort(function (a, b) {
-      return a - b;
-    });
-
-    // 如果小于最小基准点
-    if (pixelSize < sizeBenchmarks[0]) {
-      // 对于非常小的尺寸，使用比例计算，但不小于6px
-      fontSize = Math.max(6, Math.floor(pixelSize / 2));
-      // 确保为偶数
-      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;
-    }
-    // 如果大于最大基准点
-    else if (pixelSize > sizeBenchmarks[sizeBenchmarks.length - 1]) {
-      // 对于特大尺寸，使用简单的比例计算，确保单调增长
-      var largestSize = sizeBenchmarks[sizeBenchmarks.length - 1];
-      var largestFontSize = AVATAR_SIZE_TO_FONT_SIZE[largestSize];
-      var ratio = largestFontSize / largestSize;
-      fontSize = Math.floor(pixelSize * ratio);
-
-      // 确保为偶数
-      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;
-    }
-    // 在两个基准点之间
-    else {
-      // 找到最近的两个基准点
-      var lowerIndex = 0;
-      for (var i = 0; i < sizeBenchmarks.length - 1; i++) {
-        if (pixelSize >= sizeBenchmarks[i] && pixelSize < sizeBenchmarks[i + 1]) {
-          lowerIndex = i;
-          break;
-        }
-      }
-      var lowerSize = sizeBenchmarks[lowerIndex];
-      var upperSize = sizeBenchmarks[lowerIndex + 1];
-      var lowerFontSize = AVATAR_SIZE_TO_FONT_SIZE[lowerSize];
-      var upperFontSize = AVATAR_SIZE_TO_FONT_SIZE[upperSize];
-
-      // 线性插值计算
-      var _ratio = (pixelSize - lowerSize) / (upperSize - lowerSize);
-      fontSize = Math.floor(lowerFontSize + _ratio * (upperFontSize - lowerFontSize));
-
-      // 确保为偶数
-      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;
-    }
-  }
-
-  // 3. 处理小于12px的字体
-  if (fontSize < 12) {
-    var scale = fontSize / 12;
-    return {
-      fontSize: 12,
-      transform: "scale(".concat(scale, ")"),
-      fontWeight: 600
-    };
-  }
-
-  // 4. 返回结果
-  return {
-    fontSize: fontSize,
-    fontWeight: 500
-  };
-};
+* 根据头像大小获取合适的字体大小和缩放样式
+* @param size 头像大小，可以是预设值或数字
+* @returns 包含fontSize和可能的transform样式的对象
+*/
+var getFontSize = (size) => {
+	const pixelSize = typeof size === "number" ? size : AVATAR_SIZE_MAP[size] || 32;
+	let fontSize;
+	if (pixelSize in AVATAR_SIZE_TO_FONT_SIZE) fontSize = AVATAR_SIZE_TO_FONT_SIZE[pixelSize];
+	else {
+		const sizeBenchmarks = Object.keys(AVATAR_SIZE_TO_FONT_SIZE).map(Number).sort((a, b) => a - b);
+		if (pixelSize < sizeBenchmarks[0]) {
+			fontSize = Math.max(6, Math.floor(pixelSize / 2));
+			fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;
+		} else if (pixelSize > sizeBenchmarks[sizeBenchmarks.length - 1]) {
+			const largestSize = sizeBenchmarks[sizeBenchmarks.length - 1];
+			const ratio = AVATAR_SIZE_TO_FONT_SIZE[largestSize] / largestSize;
+			fontSize = Math.floor(pixelSize * ratio);
+			fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;
+		} else {
+			let lowerIndex = 0;
+			for (let i = 0; i < sizeBenchmarks.length - 1; i++) if (pixelSize >= sizeBenchmarks[i] && pixelSize < sizeBenchmarks[i + 1]) {
+				lowerIndex = i;
+				break;
+			}
+			const lowerSize = sizeBenchmarks[lowerIndex];
+			const upperSize = sizeBenchmarks[lowerIndex + 1];
+			const lowerFontSize = AVATAR_SIZE_TO_FONT_SIZE[lowerSize];
+			const upperFontSize = AVATAR_SIZE_TO_FONT_SIZE[upperSize];
+			const ratio = (pixelSize - lowerSize) / (upperSize - lowerSize);
+			fontSize = Math.floor(lowerFontSize + ratio * (upperFontSize - lowerFontSize));
+			fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;
+		}
+	}
+	if (fontSize < 12) return {
+		fontSize: 12,
+		transform: `scale(${fontSize / 12})`,
+		fontWeight: 600
+	};
+	return {
+		fontSize,
+		fontWeight: 500
+	};
+};
+//#endregion
+export { getFontSize };
+
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../../../src/Avatar/component/Avatar/helper.ts"],"sourcesContent":["import { AVATAR_SIZE_MAP, AVATAR_SIZE_TO_FONT_SIZE, TAvatarSize } from './type';\n\n/**\n * 根据头像大小获取合适的字体大小和缩放样式\n * @param size 头像大小，可以是预设值或数字\n * @returns 包含fontSize和可能的transform样式的对象\n */\nexport const getFontSize = (\n  size: TAvatarSize | number,\n): { fontSize: number; transform?: string; fontWeight?: number } => {\n  // 1. 将TAvatarSize转换为像素值\n  const pixelSize =\n    typeof size === 'number' ? size : AVATAR_SIZE_MAP[size] || 32;\n\n  // 2. 计算合适的字体大小\n  let fontSize: number;\n\n  // 2.1 先检查映射表中是否有对应值\n  if (pixelSize in AVATAR_SIZE_TO_FONT_SIZE) {\n    fontSize =\n      AVATAR_SIZE_TO_FONT_SIZE[\n        pixelSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n      ];\n  } else {\n    // 2.2 如果没有对应值，根据区间确定合适的字体大小\n\n    // 定义关键区间点\n    const sizeBenchmarks = Object.keys(AVATAR_SIZE_TO_FONT_SIZE)\n      .map(Number)\n      .sort((a, b) => a - b);\n\n    // 如果小于最小基准点\n    if (pixelSize < sizeBenchmarks[0]) {\n      // 对于非常小的尺寸，使用比例计算，但不小于6px\n      fontSize = Math.max(6, Math.floor(pixelSize / 2));\n      // 确保为偶数\n      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;\n    }\n    // 如果大于最大基准点\n    else if (pixelSize > sizeBenchmarks[sizeBenchmarks.length - 1]) {\n      // 对于特大尺寸，使用简单的比例计算，确保单调增长\n      const largestSize = sizeBenchmarks[sizeBenchmarks.length - 1];\n      const largestFontSize =\n        AVATAR_SIZE_TO_FONT_SIZE[\n          largestSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n        ];\n      const ratio = largestFontSize / largestSize;\n      fontSize = Math.floor(pixelSize * ratio);\n\n      // 确保为偶数\n      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;\n    }\n    // 在两个基准点之间\n    else {\n      // 找到最近的两个基准点\n      let lowerIndex = 0;\n      for (let i = 0; i < sizeBenchmarks.length - 1; i++) {\n        if (\n          pixelSize >= sizeBenchmarks[i] &&\n          pixelSize < sizeBenchmarks[i + 1]\n        ) {\n          lowerIndex = i;\n          break;\n        }\n      }\n\n      const lowerSize = sizeBenchmarks[lowerIndex];\n      const upperSize = sizeBenchmarks[lowerIndex + 1];\n      const lowerFontSize =\n        AVATAR_SIZE_TO_FONT_SIZE[\n          lowerSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n        ];\n      const upperFontSize =\n        AVATAR_SIZE_TO_FONT_SIZE[\n          upperSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n        ];\n\n      // 线性插值计算\n      const ratio = (pixelSize - lowerSize) / (upperSize - lowerSize);\n      fontSize = Math.floor(\n        lowerFontSize + ratio * (upperFontSize - lowerFontSize),\n      );\n\n      // 确保为偶数\n      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;\n    }\n  }\n\n  // 3. 处理小于12px的字体\n  if (fontSize < 12) {\n    const scale = fontSize / 12;\n    return {\n      fontSize: 12,\n      transform: `scale(${scale})`,\n      fontWeight: 600,\n    };\n  }\n\n  // 4. 返回结果\n  return { fontSize, fontWeight: 500 };\n};\n"],"mappings":";;;;;;;AAOA,IAAa,eACX,SACkE;CAElE,MAAM,YACJ,OAAO,SAAS,WAAW,OAAO,gBAAgB,SAAS;CAG7D,IAAI;AAGJ,KAAI,aAAa,yBACf,YACE,yBACE;MAEC;EAIL,MAAM,iBAAiB,OAAO,KAAK,yBAAyB,CACzD,IAAI,OAAO,CACX,MAAM,GAAG,MAAM,IAAI,EAAE;AAGxB,MAAI,YAAY,eAAe,IAAI;AAEjC,cAAW,KAAK,IAAI,GAAG,KAAK,MAAM,YAAY,EAAE,CAAC;AAEjD,cAAW,WAAW,MAAM,IAAI,WAAW,WAAW;aAG/C,YAAY,eAAe,eAAe,SAAS,IAAI;GAE9D,MAAM,cAAc,eAAe,eAAe,SAAS;GAK3D,MAAM,QAHJ,yBACE,eAE4B;AAChC,cAAW,KAAK,MAAM,YAAY,MAAM;AAGxC,cAAW,WAAW,MAAM,IAAI,WAAW,WAAW;SAGnD;GAEH,IAAI,aAAa;AACjB,QAAK,IAAI,IAAI,GAAG,IAAI,eAAe,SAAS,GAAG,IAC7C,KACE,aAAa,eAAe,MAC5B,YAAY,eAAe,IAAI,IAC/B;AACA,iBAAa;AACb;;GAIJ,MAAM,YAAY,eAAe;GACjC,MAAM,YAAY,eAAe,aAAa;GAC9C,MAAM,gBACJ,yBACE;GAEJ,MAAM,gBACJ,yBACE;GAIJ,MAAM,SAAS,YAAY,cAAc,YAAY;AACrD,cAAW,KAAK,MACd,gBAAgB,SAAS,gBAAgB,eAC1C;AAGD,cAAW,WAAW,MAAM,IAAI,WAAW,WAAW;;;AAK1D,KAAI,WAAW,GAEb,QAAO;EACL,UAAU;EACV,WAAW,SAHC,WAAW,GAGG;EAC1B,YAAY;EACb;AAIH,QAAO;EAAE;EAAU,YAAY;EAAK"}