@j2-health/design-system 0.5.0 → 0.5.2

package/dist/src/components/alert/Alert.cjs

@@ -1,105 +1,83 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const antd = require("antd");
-const react = require("@phosphor-icons/react");
-const Alert_module = require("./Alert.module.css.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const Alert = ({
-  description,
-  type,
-  closable = false,
-  showIcon = true,
-  banner = false,
-  message,
-  title,
-  closeIcon,
-  closeText,
-  onClose,
-  afterClose,
-  ...props
-}) => {
-  const { token } = antd.theme.useToken();
-  const icon = React__namespace.useMemo(() => {
-    const size = description ? token.sizeLG : token.size;
-    const iconStyle = !description ? { display: "flex", alignItems: "center" } : void 0;
-    const iconElement = (() => {
-      switch (type) {
-        case "success":
-          return /* @__PURE__ */ jsxRuntime.jsx(react.CheckCircleIcon, { fill: "var(--j2-color-success-text)", size });
-        case "error":
-          return /* @__PURE__ */ jsxRuntime.jsx(react.XCircleIcon, { fill: "var(--j2-color-error-text)", size });
-        case "info":
-          return /* @__PURE__ */ jsxRuntime.jsx(react.InfoIcon, { fill: "var(--j2-color-info-text)", size });
-        case "warning":
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            react.WarningCircleIcon,
-            {
-              fill: "var(--j2-color-warning-text)",
-              size
-            }
-          );
-        case "loading":
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            react.CircleNotchIcon,
-            {
-              fill: "var(--j2-color-info-text)",
-              size,
-              weight: "regular",
-              style: {
-                animation: "spin 1s linear infinite"
-              }
-            }
-          );
-        default:
-          return null;
-      }
-    })();
-    return iconStyle ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: iconStyle, children: iconElement }) : iconElement;
-  }, [type, description, token.size, token.sizeLG]);
-  const antDType = React__namespace.useMemo(() => {
-    switch (type) {
-      case "loading":
-        return "info";
-      default:
-        return type;
-    }
-  }, [type]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Alert,
-    {
-      className: Alert_module.default.alert,
-      icon,
-      closable: closable || closeText ? {
-        closeIcon: closeText || (closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: token.size, weight: "regular" })),
-        onClose,
-        afterClose
-      } : false,
-      showIcon,
-      type: antDType,
-      banner,
-      description,
-      title: title ?? message,
-      ...props
-    }
-  );
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_Alert_module = require("./Alert.module.css.cjs");
+let react = require("react");
+let react$1 = require_runtime.__toESM(react, 1);
+react = require_runtime.__toESM(react);
+let antd = require("antd");
+let _phosphor_icons_react = require("@phosphor-icons/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/alert/Alert.tsx
+var Alert = ({ description, type, closable = false, showIcon = true, banner = false, message, title, closeIcon, closeText, onClose, afterClose, ...props }) => {
+	const { token } = antd.theme.useToken();
+	const icon = react$1.useMemo(() => {
+		const size = description ? token.sizeLG : token.size;
+		const iconStyle = !description ? {
+			display: "flex",
+			alignItems: "center"
+		} : void 0;
+		const iconElement = (() => {
+			switch (type) {
+				case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.CheckCircleIcon, {
+					fill: "var(--j2-color-success-text)",
+					size
+				});
+				case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.XCircleIcon, {
+					fill: "var(--j2-color-error-text)",
+					size
+				});
+				case "info": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.InfoIcon, {
+					fill: "var(--j2-color-info-text)",
+					size
+				});
+				case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.WarningCircleIcon, {
+					fill: "var(--j2-color-warning-text)",
+					size
+				});
+				case "loading": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.CircleNotchIcon, {
+					fill: "var(--j2-color-info-text)",
+					size,
+					weight: "regular",
+					style: { animation: "spin 1s linear infinite" }
+				});
+				default: return null;
+			}
+		})();
+		return iconStyle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			style: iconStyle,
+			children: iconElement
+		}) : iconElement;
+	}, [
+		type,
+		description,
+		token.size,
+		token.sizeLG
+	]);
+	const antDType = react$1.useMemo(() => {
+		switch (type) {
+			case "loading": return "info";
+			default: return type;
+		}
+	}, [type]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Alert, {
+		className: require_Alert_module.default.alert,
+		icon,
+		closable: closable || closeText ? {
+			closeIcon: closeText || (closeIcon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.XIcon, {
+				size: token.size,
+				weight: "regular"
+			})),
+			onClose,
+			afterClose
+		} : false,
+		showIcon,
+		type: antDType,
+		banner,
+		description,
+		title: title ?? message,
+		...props
+	});
 };
+//#endregion
 exports.Alert = Alert;
-//# sourceMappingURL=Alert.cjs.map
+
+//# sourceMappingURL=Alert.cjs.map

package/dist/src/components/alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Alert as AntdAlert, AlertProps, theme } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n  CircleNotchIcon,\n} from '@phosphor-icons/react'\nimport styles from './Alert.module.css'\ntype Props = Expand<Omit<AlertProps, 'type'>> & {\n  description?: string\n  type: 'success' | 'info' | 'warning' | 'error' | 'loading'\n  closable?: boolean\n  showIcon?: boolean\n  banner?: boolean\n}\n\nconst Alert = ({\n  description,\n  type,\n  closable = false,\n  showIcon = true,\n  banner = false,\n  message,\n  title,\n  closeIcon,\n  closeText,\n  onClose,\n  afterClose,\n  ...props\n}: Props) => {\n  const { token } = theme.useToken()\n  const icon = React.useMemo(() => {\n    const size = description ? token.sizeLG : token.size\n    const iconStyle = !description\n      ? { display: 'flex', alignItems: 'center' }\n      : undefined\n\n    const iconElement = (() => {\n      switch (type) {\n        case 'success':\n          return (\n            <CheckCircleIcon fill=\"var(--j2-color-success-text)\" size={size} />\n          )\n        case 'error':\n          return <XCircleIcon fill=\"var(--j2-color-error-text)\" size={size} />\n        case 'info':\n          return <InfoIcon fill=\"var(--j2-color-info-text)\" size={size} />\n        case 'warning':\n          return (\n            <WarningCircleIcon\n              fill=\"var(--j2-color-warning-text)\"\n              size={size}\n            />\n          )\n        case 'loading':\n          return (\n            <CircleNotchIcon\n              fill=\"var(--j2-color-info-text)\"\n              size={size}\n              weight=\"regular\"\n              style={{\n                animation: 'spin 1s linear infinite',\n              }}\n            />\n          )\n        default:\n          return null\n      }\n    })()\n\n    return iconStyle ? (\n      <span style={iconStyle}>{iconElement}</span>\n    ) : (\n      iconElement\n    )\n  }, [type, description, token.size, token.sizeLG])\n\n  const antDType = React.useMemo(():\n    'success' | 'info' | 'warning' | 'error' => {\n    switch (type) {\n      case 'loading':\n        return 'info'\n      default:\n        return type as 'success' | 'info' | 'warning' | 'error'\n    }\n  }, [type])\n\n  return (\n    <AntdAlert\n      className={styles.alert}\n      icon={icon}\n      closable={\n        closable || closeText\n          ? {\n              closeIcon:\n                closeText ||\n                (closeIcon ?? <XIcon size={token.size} weight=\"regular\" />),\n              onClose,\n              afterClose,\n            }\n          : false\n      }\n      showIcon={showIcon}\n      type={antDType}\n      banner={banner}\n      description={description}\n      title={title ?? message}\n      {...props}\n    />\n  )\n}\n\nexport { Alert }\n"],"names":["theme","React","jsx","CheckCircleIcon","XCircleIcon","InfoIcon","WarningCircleIcon","CircleNotchIcon","AntdAlert","styles","XIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,EAAE,MAAA,IAAUA,KAAAA,MAAM,SAAA;AACxB,QAAM,OAAOC,iBAAM,QAAQ,MAAM;AAC/B,UAAM,OAAO,cAAc,MAAM,SAAS,MAAM;AAChD,UAAM,YAAY,CAAC,cACf,EAAE,SAAS,QAAQ,YAAY,aAC/B;AAEJ,UAAM,eAAe,MAAM;AACzB,cAAQ,MAAA;AAAA,QACN,KAAK;AACH,iBACEC,2BAAAA,IAACC,MAAAA,iBAAA,EAAgB,MAAK,gCAA+B,KAAA,CAAY;AAAA,QAErE,KAAK;AACH,iBAAOD,2BAAAA,IAACE,MAAAA,aAAA,EAAY,MAAK,8BAA6B,KAAA,CAAY;AAAA,QACpE,KAAK;AACH,iBAAOF,2BAAAA,IAACG,MAAAA,UAAA,EAAS,MAAK,6BAA4B,KAAA,CAAY;AAAA,QAChE,KAAK;AACH,iBACEH,2BAAAA;AAAAA,YAACI,MAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACEJ,2BAAAA;AAAAA,YAACK,MAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,cACA,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAGN;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,GAAA;AAEA,WAAO,YACLL,+BAAC,QAAA,EAAK,OAAO,WAAY,uBAAY,IAErC;AAAA,EAEJ,GAAG,CAAC,MAAM,aAAa,MAAM,MAAM,MAAM,MAAM,CAAC;AAEhD,QAAM,WAAWD,iBAAM,QAAQ,MACe;AAC5C,YAAQ,MAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAAC,IAAI,CAAC;AAET,SACEC,2BAAAA;AAAAA,IAACM,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAWC,aAAAA,QAAO;AAAA,MAClB;AAAA,MACA,UACE,YAAY,YACR;AAAA,QACE,WACE,cACC,aAAaP,2BAAAA,IAACQ,MAAAA,SAAM,MAAM,MAAM,MAAM,QAAO,UAAA,CAAU;AAAA,QAC1D;AAAA,QACA;AAAA,MAAA,IAEF;AAAA,MAEN;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;"}
+{"version":3,"file":"Alert.cjs","names":["theme","React","CheckCircleIcon","XCircleIcon","InfoIcon","WarningCircleIcon","CircleNotchIcon","AntdAlert","styles","XIcon"],"sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Alert as AntdAlert, AlertProps, theme } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n  CircleNotchIcon,\n} from '@phosphor-icons/react'\nimport styles from './Alert.module.css'\ntype Props = Expand<Omit<AlertProps, 'type'>> & {\n  description?: string\n  type: 'success' | 'info' | 'warning' | 'error' | 'loading'\n  closable?: boolean\n  showIcon?: boolean\n  banner?: boolean\n}\n\nconst Alert = ({\n  description,\n  type,\n  closable = false,\n  showIcon = true,\n  banner = false,\n  message,\n  title,\n  closeIcon,\n  closeText,\n  onClose,\n  afterClose,\n  ...props\n}: Props) => {\n  const { token } = theme.useToken()\n  const icon = React.useMemo(() => {\n    const size = description ? token.sizeLG : token.size\n    const iconStyle = !description\n      ? { display: 'flex', alignItems: 'center' }\n      : undefined\n\n    const iconElement = (() => {\n      switch (type) {\n        case 'success':\n          return (\n            <CheckCircleIcon fill=\"var(--j2-color-success-text)\" size={size} />\n          )\n        case 'error':\n          return <XCircleIcon fill=\"var(--j2-color-error-text)\" size={size} />\n        case 'info':\n          return <InfoIcon fill=\"var(--j2-color-info-text)\" size={size} />\n        case 'warning':\n          return (\n            <WarningCircleIcon\n              fill=\"var(--j2-color-warning-text)\"\n              size={size}\n            />\n          )\n        case 'loading':\n          return (\n            <CircleNotchIcon\n              fill=\"var(--j2-color-info-text)\"\n              size={size}\n              weight=\"regular\"\n              style={{\n                animation: 'spin 1s linear infinite',\n              }}\n            />\n          )\n        default:\n          return null\n      }\n    })()\n\n    return iconStyle ? (\n      <span style={iconStyle}>{iconElement}</span>\n    ) : (\n      iconElement\n    )\n  }, [type, description, token.size, token.sizeLG])\n\n  const antDType = React.useMemo(():\n    'success' | 'info' | 'warning' | 'error' => {\n    switch (type) {\n      case 'loading':\n        return 'info'\n      default:\n        return type as 'success' | 'info' | 'warning' | 'error'\n    }\n  }, [type])\n\n  return (\n    <AntdAlert\n      className={styles.alert}\n      icon={icon}\n      closable={\n        closable || closeText\n          ? {\n              closeIcon:\n                closeText ||\n                (closeIcon ?? <XIcon size={token.size} weight=\"regular\" />),\n              onClose,\n              afterClose,\n            }\n          : false\n      }\n      showIcon={showIcon}\n      type={antDType}\n      banner={banner}\n      description={description}\n      title={title ?? message}\n      {...props}\n    />\n  )\n}\n\nexport { Alert }\n"],"mappings":";;;;;;;;;AAmBA,IAAM,SAAS,EACb,aACA,MACA,WAAW,OACX,WAAW,MACX,SAAS,OACT,SACA,OACA,WACA,WACA,SACA,YACA,GAAG,YACQ;CACX,MAAM,EAAE,UAAUA,KAAAA,MAAM,SAAS;CACjC,MAAM,OAAOC,QAAM,cAAc;EAC/B,MAAM,OAAO,cAAc,MAAM,SAAS,MAAM;EAChD,MAAM,YAAY,CAAC,cACf;GAAE,SAAS;GAAQ,YAAY;EAAS,IACxC,KAAA;EAEJ,MAAM,qBAAqB;GACzB,QAAQ,MAAR;IACE,KAAK,WACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,iBAAD;KAAiB,MAAK;KAAqC;IAAO,CAAA;IAEtE,KAAK,SACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,aAAD;KAAa,MAAK;KAAmC;IAAO,CAAA;IACrE,KAAK,QACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,UAAD;KAAU,MAAK;KAAkC;IAAO,CAAA;IACjE,KAAK,WACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,mBAAD;KACE,MAAK;KACC;IACP,CAAA;IAEL,KAAK,WACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,iBAAD;KACE,MAAK;KACC;KACN,QAAO;KACP,OAAO,EACL,WAAW,0BACb;IACD,CAAA;IAEL,SACE,OAAO;GACX;EACF,EAAA,CAAG;EAEH,OAAO,YACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,OAAO;GAAY,UAAA;EAAkB,CAAA,IAE3C;CAEJ,GAAG;EAAC;EAAM;EAAa,MAAM;EAAM,MAAM;CAAM,CAAC;CAEhD,MAAM,WAAWL,QAAM,cACuB;EAC5C,QAAQ,MAAR;GACE,KAAK,WACH,OAAO;GACT,SACE,OAAO;EACX;CACF,GAAG,CAAC,IAAI,CAAC;CAET,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACM,KAAAA,OAAD;EACE,WAAWC,qBAAAA,QAAO;EACZ;EACN,UACE,YAAY,YACR;GACE,WACE,cACC,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,OAAD;IAAO,MAAM,MAAM;IAAM,QAAO;GAAW,CAAA;GAC3D;GACA;EACF,IACA;EAEI;EACV,MAAM;EACE;EACK;EACb,OAAO,SAAS;EAChB,GAAI;CACL,CAAA;AAEL"}

package/dist/src/components/alert/Alert.js

@@ -1,88 +1,80 @@
-import { jsx } from "react/jsx-runtime";
+import Alert_module_default from "./Alert.module.css.js";
 import * as React from "react";
-import { theme, Alert as Alert$1 } from "antd";
-import { XIcon, CircleNotchIcon, WarningCircleIcon, InfoIcon, XCircleIcon, CheckCircleIcon } from "@phosphor-icons/react";
-import styles from "./Alert.module.css.js";
-const Alert = ({
-  description,
-  type,
-  closable = false,
-  showIcon = true,
-  banner = false,
-  message,
-  title,
-  closeIcon,
-  closeText,
-  onClose,
-  afterClose,
-  ...props
-}) => {
-  const { token } = theme.useToken();
-  const icon = React.useMemo(() => {
-    const size = description ? token.sizeLG : token.size;
-    const iconStyle = !description ? { display: "flex", alignItems: "center" } : void 0;
-    const iconElement = (() => {
-      switch (type) {
-        case "success":
-          return /* @__PURE__ */ jsx(CheckCircleIcon, { fill: "var(--j2-color-success-text)", size });
-        case "error":
-          return /* @__PURE__ */ jsx(XCircleIcon, { fill: "var(--j2-color-error-text)", size });
-        case "info":
-          return /* @__PURE__ */ jsx(InfoIcon, { fill: "var(--j2-color-info-text)", size });
-        case "warning":
-          return /* @__PURE__ */ jsx(
-            WarningCircleIcon,
-            {
-              fill: "var(--j2-color-warning-text)",
-              size
-            }
-          );
-        case "loading":
-          return /* @__PURE__ */ jsx(
-            CircleNotchIcon,
-            {
-              fill: "var(--j2-color-info-text)",
-              size,
-              weight: "regular",
-              style: {
-                animation: "spin 1s linear infinite"
-              }
-            }
-          );
-        default:
-          return null;
-      }
-    })();
-    return iconStyle ? /* @__PURE__ */ jsx("span", { style: iconStyle, children: iconElement }) : iconElement;
-  }, [type, description, token.size, token.sizeLG]);
-  const antDType = React.useMemo(() => {
-    switch (type) {
-      case "loading":
-        return "info";
-      default:
-        return type;
-    }
-  }, [type]);
-  return /* @__PURE__ */ jsx(
-    Alert$1,
-    {
-      className: styles.alert,
-      icon,
-      closable: closable || closeText ? {
-        closeIcon: closeText || (closeIcon ?? /* @__PURE__ */ jsx(XIcon, { size: token.size, weight: "regular" })),
-        onClose,
-        afterClose
-      } : false,
-      showIcon,
-      type: antDType,
-      banner,
-      description,
-      title: title ?? message,
-      ...props
-    }
-  );
-};
-export {
-  Alert
+import { Alert, theme } from "antd";
+import { CheckCircleIcon, CircleNotchIcon, InfoIcon, WarningCircleIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/alert/Alert.tsx
+var Alert$1 = ({ description, type, closable = false, showIcon = true, banner = false, message, title, closeIcon, closeText, onClose, afterClose, ...props }) => {
+	const { token } = theme.useToken();
+	const icon = React.useMemo(() => {
+		const size = description ? token.sizeLG : token.size;
+		const iconStyle = !description ? {
+			display: "flex",
+			alignItems: "center"
+		} : void 0;
+		const iconElement = (() => {
+			switch (type) {
+				case "success": return /* @__PURE__ */ jsx(CheckCircleIcon, {
+					fill: "var(--j2-color-success-text)",
+					size
+				});
+				case "error": return /* @__PURE__ */ jsx(XCircleIcon, {
+					fill: "var(--j2-color-error-text)",
+					size
+				});
+				case "info": return /* @__PURE__ */ jsx(InfoIcon, {
+					fill: "var(--j2-color-info-text)",
+					size
+				});
+				case "warning": return /* @__PURE__ */ jsx(WarningCircleIcon, {
+					fill: "var(--j2-color-warning-text)",
+					size
+				});
+				case "loading": return /* @__PURE__ */ jsx(CircleNotchIcon, {
+					fill: "var(--j2-color-info-text)",
+					size,
+					weight: "regular",
+					style: { animation: "spin 1s linear infinite" }
+				});
+				default: return null;
+			}
+		})();
+		return iconStyle ? /* @__PURE__ */ jsx("span", {
+			style: iconStyle,
+			children: iconElement
+		}) : iconElement;
+	}, [
+		type,
+		description,
+		token.size,
+		token.sizeLG
+	]);
+	const antDType = React.useMemo(() => {
+		switch (type) {
+			case "loading": return "info";
+			default: return type;
+		}
+	}, [type]);
+	return /* @__PURE__ */ jsx(Alert, {
+		className: Alert_module_default.alert,
+		icon,
+		closable: closable || closeText ? {
+			closeIcon: closeText || (closeIcon ?? /* @__PURE__ */ jsx(XIcon, {
+				size: token.size,
+				weight: "regular"
+			})),
+			onClose,
+			afterClose
+		} : false,
+		showIcon,
+		type: antDType,
+		banner,
+		description,
+		title: title ?? message,
+		...props
+	});
 };
-//# sourceMappingURL=Alert.js.map
+//#endregion
+export { Alert$1 as Alert };
+
+//# sourceMappingURL=Alert.js.map

package/dist/src/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Alert as AntdAlert, AlertProps, theme } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n  CircleNotchIcon,\n} from '@phosphor-icons/react'\nimport styles from './Alert.module.css'\ntype Props = Expand<Omit<AlertProps, 'type'>> & {\n  description?: string\n  type: 'success' | 'info' | 'warning' | 'error' | 'loading'\n  closable?: boolean\n  showIcon?: boolean\n  banner?: boolean\n}\n\nconst Alert = ({\n  description,\n  type,\n  closable = false,\n  showIcon = true,\n  banner = false,\n  message,\n  title,\n  closeIcon,\n  closeText,\n  onClose,\n  afterClose,\n  ...props\n}: Props) => {\n  const { token } = theme.useToken()\n  const icon = React.useMemo(() => {\n    const size = description ? token.sizeLG : token.size\n    const iconStyle = !description\n      ? { display: 'flex', alignItems: 'center' }\n      : undefined\n\n    const iconElement = (() => {\n      switch (type) {\n        case 'success':\n          return (\n            <CheckCircleIcon fill=\"var(--j2-color-success-text)\" size={size} />\n          )\n        case 'error':\n          return <XCircleIcon fill=\"var(--j2-color-error-text)\" size={size} />\n        case 'info':\n          return <InfoIcon fill=\"var(--j2-color-info-text)\" size={size} />\n        case 'warning':\n          return (\n            <WarningCircleIcon\n              fill=\"var(--j2-color-warning-text)\"\n              size={size}\n            />\n          )\n        case 'loading':\n          return (\n            <CircleNotchIcon\n              fill=\"var(--j2-color-info-text)\"\n              size={size}\n              weight=\"regular\"\n              style={{\n                animation: 'spin 1s linear infinite',\n              }}\n            />\n          )\n        default:\n          return null\n      }\n    })()\n\n    return iconStyle ? (\n      <span style={iconStyle}>{iconElement}</span>\n    ) : (\n      iconElement\n    )\n  }, [type, description, token.size, token.sizeLG])\n\n  const antDType = React.useMemo(():\n    'success' | 'info' | 'warning' | 'error' => {\n    switch (type) {\n      case 'loading':\n        return 'info'\n      default:\n        return type as 'success' | 'info' | 'warning' | 'error'\n    }\n  }, [type])\n\n  return (\n    <AntdAlert\n      className={styles.alert}\n      icon={icon}\n      closable={\n        closable || closeText\n          ? {\n              closeIcon:\n                closeText ||\n                (closeIcon ?? <XIcon size={token.size} weight=\"regular\" />),\n              onClose,\n              afterClose,\n            }\n          : false\n      }\n      showIcon={showIcon}\n      type={antDType}\n      banner={banner}\n      description={description}\n      title={title ?? message}\n      {...props}\n    />\n  )\n}\n\nexport { Alert }\n"],"names":["AntdAlert"],"mappings":";;;;;AAmBA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,EAAE,MAAA,IAAU,MAAM,SAAA;AACxB,QAAM,OAAO,MAAM,QAAQ,MAAM;AAC/B,UAAM,OAAO,cAAc,MAAM,SAAS,MAAM;AAChD,UAAM,YAAY,CAAC,cACf,EAAE,SAAS,QAAQ,YAAY,aAC/B;AAEJ,UAAM,eAAe,MAAM;AACzB,cAAQ,MAAA;AAAA,QACN,KAAK;AACH,iBACE,oBAAC,iBAAA,EAAgB,MAAK,gCAA+B,KAAA,CAAY;AAAA,QAErE,KAAK;AACH,iBAAO,oBAAC,aAAA,EAAY,MAAK,8BAA6B,KAAA,CAAY;AAAA,QACpE,KAAK;AACH,iBAAO,oBAAC,UAAA,EAAS,MAAK,6BAA4B,KAAA,CAAY;AAAA,QAChE,KAAK;AACH,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,cACA,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAGN;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,GAAA;AAEA,WAAO,YACL,oBAAC,QAAA,EAAK,OAAO,WAAY,uBAAY,IAErC;AAAA,EAEJ,GAAG,CAAC,MAAM,aAAa,MAAM,MAAM,MAAM,MAAM,CAAC;AAEhD,QAAM,WAAW,MAAM,QAAQ,MACe;AAC5C,YAAQ,MAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAAC,IAAI,CAAC;AAET,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB;AAAA,MACA,UACE,YAAY,YACR;AAAA,QACE,WACE,cACC,aAAa,oBAAC,SAAM,MAAM,MAAM,MAAM,QAAO,UAAA,CAAU;AAAA,QAC1D;AAAA,QACA;AAAA,MAAA,IAEF;AAAA,MAEN;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Alert.js","names":["Alert","AntdAlert","styles"],"sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Alert as AntdAlert, AlertProps, theme } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n  CircleNotchIcon,\n} from '@phosphor-icons/react'\nimport styles from './Alert.module.css'\ntype Props = Expand<Omit<AlertProps, 'type'>> & {\n  description?: string\n  type: 'success' | 'info' | 'warning' | 'error' | 'loading'\n  closable?: boolean\n  showIcon?: boolean\n  banner?: boolean\n}\n\nconst Alert = ({\n  description,\n  type,\n  closable = false,\n  showIcon = true,\n  banner = false,\n  message,\n  title,\n  closeIcon,\n  closeText,\n  onClose,\n  afterClose,\n  ...props\n}: Props) => {\n  const { token } = theme.useToken()\n  const icon = React.useMemo(() => {\n    const size = description ? token.sizeLG : token.size\n    const iconStyle = !description\n      ? { display: 'flex', alignItems: 'center' }\n      : undefined\n\n    const iconElement = (() => {\n      switch (type) {\n        case 'success':\n          return (\n            <CheckCircleIcon fill=\"var(--j2-color-success-text)\" size={size} />\n          )\n        case 'error':\n          return <XCircleIcon fill=\"var(--j2-color-error-text)\" size={size} />\n        case 'info':\n          return <InfoIcon fill=\"var(--j2-color-info-text)\" size={size} />\n        case 'warning':\n          return (\n            <WarningCircleIcon\n              fill=\"var(--j2-color-warning-text)\"\n              size={size}\n            />\n          )\n        case 'loading':\n          return (\n            <CircleNotchIcon\n              fill=\"var(--j2-color-info-text)\"\n              size={size}\n              weight=\"regular\"\n              style={{\n                animation: 'spin 1s linear infinite',\n              }}\n            />\n          )\n        default:\n          return null\n      }\n    })()\n\n    return iconStyle ? (\n      <span style={iconStyle}>{iconElement}</span>\n    ) : (\n      iconElement\n    )\n  }, [type, description, token.size, token.sizeLG])\n\n  const antDType = React.useMemo(():\n    'success' | 'info' | 'warning' | 'error' => {\n    switch (type) {\n      case 'loading':\n        return 'info'\n      default:\n        return type as 'success' | 'info' | 'warning' | 'error'\n    }\n  }, [type])\n\n  return (\n    <AntdAlert\n      className={styles.alert}\n      icon={icon}\n      closable={\n        closable || closeText\n          ? {\n              closeIcon:\n                closeText ||\n                (closeIcon ?? <XIcon size={token.size} weight=\"regular\" />),\n              onClose,\n              afterClose,\n            }\n          : false\n      }\n      showIcon={showIcon}\n      type={antDType}\n      banner={banner}\n      description={description}\n      title={title ?? message}\n      {...props}\n    />\n  )\n}\n\nexport { Alert }\n"],"mappings":";;;;;;AAmBA,IAAMA,WAAS,EACb,aACA,MACA,WAAW,OACX,WAAW,MACX,SAAS,OACT,SACA,OACA,WACA,WACA,SACA,YACA,GAAG,YACQ;CACX,MAAM,EAAE,UAAU,MAAM,SAAS;CACjC,MAAM,OAAO,MAAM,cAAc;EAC/B,MAAM,OAAO,cAAc,MAAM,SAAS,MAAM;EAChD,MAAM,YAAY,CAAC,cACf;GAAE,SAAS;GAAQ,YAAY;EAAS,IACxC,KAAA;EAEJ,MAAM,qBAAqB;GACzB,QAAQ,MAAR;IACE,KAAK,WACH,OACE,oBAAC,iBAAD;KAAiB,MAAK;KAAqC;IAAO,CAAA;IAEtE,KAAK,SACH,OAAO,oBAAC,aAAD;KAAa,MAAK;KAAmC;IAAO,CAAA;IACrE,KAAK,QACH,OAAO,oBAAC,UAAD;KAAU,MAAK;KAAkC;IAAO,CAAA;IACjE,KAAK,WACH,OACE,oBAAC,mBAAD;KACE,MAAK;KACC;IACP,CAAA;IAEL,KAAK,WACH,OACE,oBAAC,iBAAD;KACE,MAAK;KACC;KACN,QAAO;KACP,OAAO,EACL,WAAW,0BACb;IACD,CAAA;IAEL,SACE,OAAO;GACX;EACF,EAAA,CAAG;EAEH,OAAO,YACL,oBAAC,QAAD;GAAM,OAAO;GAAY,UAAA;EAAkB,CAAA,IAE3C;CAEJ,GAAG;EAAC;EAAM;EAAa,MAAM;EAAM,MAAM;CAAM,CAAC;CAEhD,MAAM,WAAW,MAAM,cACuB;EAC5C,QAAQ,MAAR;GACE,KAAK,WACH,OAAO;GACT,SACE,OAAO;EACX;CACF,GAAG,CAAC,IAAI,CAAC;CAET,OACE,oBAACC,OAAD;EACE,WAAWC,qBAAO;EACZ;EACN,UACE,YAAY,YACR;GACE,WACE,cACC,aAAa,oBAAC,OAAD;IAAO,MAAM,MAAM;IAAM,QAAO;GAAW,CAAA;GAC3D;GACA;EACF,IACA;EAEI;EACV,MAAM;EACE;EACK;EACb,OAAO,SAAS;EAChB,GAAI;CACL,CAAA;AAEL"}

package/dist/src/components/alert/Alert.module.css.cjs

@@ -1,9 +1,8 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const alert = "_alert_iflcw_2";
-const styles = {
-  alert
-};
+//#region src/components/alert/Alert.module.css
+var alert = "_alert_iflcw_2";
+var Alert_module_default = { alert };
+//#endregion
 exports.alert = alert;
-exports.default = styles;
-//# sourceMappingURL=Alert.module.css.cjs.map
+exports.default = Alert_module_default;
+
+//# sourceMappingURL=Alert.module.css.cjs.map

package/dist/src/components/alert/Alert.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Alert.module.css.cjs","names":[],"sources":["../../../../src/components/alert/Alert.module.css"],"sourcesContent":["/* Target alerts without description - align icon and text midlines */\n.alert:not(:global(.ant-alert-with-description)) {\n  display: flex;\n  align-items: center;\n  padding-bottom: 6px; /* Reduced from default 12px to balance vertical alignment with icon */\n}\n\n.alert:not(:global(.ant-alert-with-description)) :global(.ant-alert-icon) {\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  margin-top: 2px; /* Fine-tune vertical position to match text midline (derived from sizeXXS / 2) */\n}\n\n.alert:not(:global(.ant-alert-with-description))\n  :global(.ant-alert-close-icon) {\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  margin-top: 2px; /* Match icon alignment */\n}\n\n.alert:not(:global(.ant-alert-with-description)) :global(.ant-alert-title) {\n  line-height: 1.5714285714285714; /* Theme line height token value */\n}\n\n/* Align close icon for alerts WITH description */\n.alert:global(.ant-alert-with-description) :global(.ant-alert-close-icon) {\n  align-self: flex-start;\n  margin-top: 4px; /* Align with larger icon */\n}\n"],"mappings":""}

package/dist/src/components/alert/Alert.module.css.js

@@ -1,9 +1,7 @@
-const alert = "_alert_iflcw_2";
-const styles = {
-  alert
-};
-export {
-  alert,
-  styles as default
-};
-//# sourceMappingURL=Alert.module.css.js.map
+//#region src/components/alert/Alert.module.css
+var alert = "_alert_iflcw_2";
+var Alert_module_default = { alert };
+//#endregion
+export { alert, Alert_module_default as default };
+
+//# sourceMappingURL=Alert.module.css.js.map

package/dist/src/components/alert/Alert.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Alert.module.css.js","names":[],"sources":["../../../../src/components/alert/Alert.module.css"],"sourcesContent":["/* Target alerts without description - align icon and text midlines */\n.alert:not(:global(.ant-alert-with-description)) {\n  display: flex;\n  align-items: center;\n  padding-bottom: 6px; /* Reduced from default 12px to balance vertical alignment with icon */\n}\n\n.alert:not(:global(.ant-alert-with-description)) :global(.ant-alert-icon) {\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  margin-top: 2px; /* Fine-tune vertical position to match text midline (derived from sizeXXS / 2) */\n}\n\n.alert:not(:global(.ant-alert-with-description))\n  :global(.ant-alert-close-icon) {\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  margin-top: 2px; /* Match icon alignment */\n}\n\n.alert:not(:global(.ant-alert-with-description)) :global(.ant-alert-title) {\n  line-height: 1.5714285714285714; /* Theme line height token value */\n}\n\n/* Align close icon for alerts WITH description */\n.alert:global(.ant-alert-with-description) :global(.ant-alert-close-icon) {\n  align-self: flex-start;\n  margin-top: 4px; /* Align with larger icon */\n}\n"],"mappings":""}