@fangxinyan/lumina 0.1.0

package/dist/chunk-IKI5CS4L.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Toast-ERHDN3WG.css');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+var listeners = /* @__PURE__ */ new Set();
+var items = [];
+var uid = 0;
+function emit() {
+  listeners.forEach((l) => l(items));
+}
+var toast = {
+  show(t) {
+    const id = ++uid;
+    items = [...items, { ...t, id, duration: t.duration ?? 3200 }];
+    emit();
+    if (items[items.length - 1].duration > 0) {
+      setTimeout(() => toast.dismiss(id), items[items.length - 1].duration);
+    }
+    return id;
+  },
+  info: (message, title) => toast.show({ type: "info", message, title }),
+  success: (message, title) => toast.show({ type: "success", message, title }),
+  warn: (message, title) => toast.show({ type: "warning", message, title }),
+  error: (message, title) => toast.show({ type: "danger", message, title }),
+  dismiss(id) {
+    items = items.filter((i) => i.id !== id);
+    emit();
+  },
+  clear() {
+    items = [];
+    emit();
+  }
+};
+var ToastContainer = ({ placement = "top-right" }) => {
+  const [list, setList] = React__namespace.useState(items);
+  React__namespace.useEffect(() => {
+    listeners.add(setList);
+    return () => {
+      listeners.delete(setList);
+    };
+  }, []);
+  if (typeof document === "undefined") return null;
+  return ReactDOM__default.default.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `toast-container ${placement}`, children: list.map((t) => {
+      const iconName = t.type === "success" ? "check2" : t.type === "warning" ? "alert" : t.type === "danger" ? "alert" : "info";
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `toast ${t.type}`, role: "status", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: iconName, size: 18, className: "toast-icon" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toast-body", children: [
+          t.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "toast-title", children: t.title }),
+          t.message && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "toast-msg", children: t.message })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "toast-close", onClick: () => toast.dismiss(t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 14 }) })
+      ] }, t.id);
+    }) }),
+    document.body
+  );
+};
+
+exports.ToastContainer = ToastContainer;
+exports.toast = toast;
+//# sourceMappingURL=chunk-IKI5CS4L.cjs.map
+//# sourceMappingURL=chunk-IKI5CS4L.cjs.map

package/dist/chunk-IKI5CS4L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toast/Toast.tsx"],"names":["React","ReactDOM","jsx","jsxs","Icon"],"mappings":"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","file":"chunk-IKI5CS4L.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Toast.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\n\nexport type ToastType = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ToastItem {\n  id: number;\n  type: ToastType;\n  title?: React.ReactNode;\n  message?: React.ReactNode;\n  duration?: number;\n}\n\ntype ListenerState = ToastItem[];\nconst listeners = new Set<(s: ListenerState) => void>();\nlet items: ListenerState = [];\nlet uid = 0;\n\nfunction emit() {\n  listeners.forEach((l) => l(items));\n}\n\nexport const toast = {\n  show(t: Omit<ToastItem, \"id\">) {\n    const id = ++uid;\n    items = [...items, { ...t, id, duration: t.duration ?? 3200 }];\n    emit();\n    if (items[items.length - 1].duration! > 0) {\n      setTimeout(() => toast.dismiss(id), items[items.length - 1].duration);\n    }\n    return id;\n  },\n  info: (message: React.ReactNode, title?: React.ReactNode) => toast.show({ type: \"info\", message, title }),\n  success: (message: React.ReactNode, title?: React.ReactNode) => toast.show({ type: \"success\", message, title }),\n  warn: (message: React.ReactNode, title?: React.ReactNode) => toast.show({ type: \"warning\", message, title }),\n  error: (message: React.ReactNode, title?: React.ReactNode) => toast.show({ type: \"danger\", message, title }),\n  dismiss(id: number) {\n    items = items.filter((i) => i.id !== id);\n    emit();\n  },\n  clear() {\n    items = [];\n    emit();\n  },\n};\n\nexport interface ToastContainerProps {\n  placement?: \"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\" | \"top-center\";\n}\n\n/** `ToastContainer` — mount once at your app root; subscribes to `toast.*` calls. */\nexport const ToastContainer: React.FC<ToastContainerProps> = ({ placement = \"top-right\" }) => {\n  const [list, setList] = React.useState<ListenerState>(items);\n  React.useEffect(() => {\n    listeners.add(setList);\n    return () => {\n      listeners.delete(setList);\n    };\n  }, []);\n  if (typeof document === \"undefined\") return null;\n  return ReactDOM.createPortal(\n    <div className={`toast-container ${placement}`}>\n      {list.map((t) => {\n        const iconName =\n          t.type === \"success\" ? \"check2\" : t.type === \"warning\" ? \"alert\" : t.type === \"danger\" ? \"alert\" : \"info\";\n        return (\n          <div key={t.id} className={`toast ${t.type}`} role=\"status\">\n            <Icon name={iconName} size={18} className=\"toast-icon\" />\n            <div className=\"toast-body\">\n              {t.title && <div className=\"toast-title\">{t.title}</div>}\n              {t.message && <div className=\"toast-msg\">{t.message}</div>}\n            </div>\n            <button type=\"button\" className=\"toast-close\" onClick={() => toast.dismiss(t.id)} aria-label=\"Dismiss\">\n              <Icon name=\"x\" size={14} />\n            </button>\n          </div>\n        );\n      })}\n    </div>,\n    document.body\n  );\n};\n"]}

package/dist/chunk-ITGCHU3Y.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Tabs-A27TSZOP.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/Tabs/Tabs.tsx
+var Tabs = ({
+  items,
+  activeKey,
+  defaultActiveKey,
+  onChange,
+  variant = "line",
+  className = ""
+}) => {
+  const [inner, setInner] = React__namespace.useState(defaultActiveKey ?? items[0]?.key);
+  const isControlled = activeKey !== void 0;
+  const current = isControlled ? activeKey : inner;
+  const select = (k) => {
+    if (!isControlled) setInner(k);
+    onChange?.(k);
+  };
+  const active = items.find((i) => i.key === current);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `tabs ${variant} ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs-nav", role: "tablist", children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": current === it.key,
+        disabled: it.disabled,
+        className: `tab ${current === it.key ? "active" : ""}`,
+        onClick: () => select(it.key),
+        children: it.label
+      },
+      it.key
+    )) }),
+    active?.content !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs-content", children: active.content })
+  ] });
+};
+function Segmented({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  size = "md",
+  className = ""
+}) {
+  const [inner, setInner] = React__namespace.useState(defaultValue ?? options[0]?.value);
+  const isControlled = value !== void 0;
+  const v = isControlled ? value : inner;
+  const pick = (next) => {
+    if (!isControlled) setInner(next);
+    onChange?.(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `segmented ${size} ${className}`, children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      disabled: o.disabled,
+      className: `seg ${v === o.value ? "active" : ""}`,
+      onClick: () => pick(o.value),
+      children: o.label
+    },
+    String(o.value)
+  )) });
+}
+
+exports.Segmented = Segmented;
+exports.Tabs = Tabs;
+//# sourceMappingURL=chunk-ITGCHU3Y.cjs.map
+//# sourceMappingURL=chunk-ITGCHU3Y.cjs.map

package/dist/chunk-ITGCHU3Y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"names":["React","jsx"],"mappings":"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","file":"chunk-ITGCHU3Y.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tabs.css\";\nimport * as React from \"react\";\n\nexport interface TabItem {\n  key: string;\n  label: React.ReactNode;\n  disabled?: boolean;\n  content?: React.ReactNode;\n}\n\nexport interface TabsProps {\n  items: TabItem[];\n  activeKey?: string;\n  defaultActiveKey?: string;\n  onChange?: (key: string) => void;\n  variant?: \"line\" | \"pill\" | \"segmented\";\n  className?: string;\n}\n\n/** `Tabs` — switchable sections. */\nexport const Tabs: React.FC<TabsProps> = ({\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  variant = \"line\",\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultActiveKey ?? items[0]?.key);\n  const isControlled = activeKey !== undefined;\n  const current = isControlled ? activeKey! : inner;\n\n  const select = (k: string) => {\n    if (!isControlled) setInner(k);\n    onChange?.(k);\n  };\n\n  const active = items.find((i) => i.key === current);\n\n  return (\n    <div className={`tabs ${variant} ${className}`}>\n      <div className=\"tabs-nav\" role=\"tablist\">\n        {items.map((it) => (\n          <button\n            key={it.key}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={current === it.key}\n            disabled={it.disabled}\n            className={`tab ${current === it.key ? \"active\" : \"\"}`}\n            onClick={() => select(it.key)}\n          >\n            {it.label}\n          </button>\n        ))}\n      </div>\n      {active?.content !== undefined && <div className=\"tabs-content\">{active.content}</div>}\n    </div>\n  );\n};\n\nexport interface SegmentedProps<T extends string = string> {\n  options: { value: T; label: React.ReactNode; disabled?: boolean }[];\n  value?: T;\n  defaultValue?: T;\n  onChange?: (value: T) => void;\n  size?: \"sm\" | \"md\";\n  className?: string;\n}\n\n/** `Segmented` — exclusive choice chip row. */\nexport function Segmented<T extends string = string>({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  size = \"md\",\n  className = \"\",\n}: SegmentedProps<T>) {\n  const [inner, setInner] = React.useState<T | undefined>(defaultValue ?? options[0]?.value);\n  const isControlled = value !== undefined;\n  const v = isControlled ? value : inner;\n  const pick = (next: T) => {\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n  return (\n    <div className={`segmented ${size} ${className}`}>\n      {options.map((o) => (\n        <button\n          key={String(o.value)}\n          type=\"button\"\n          disabled={o.disabled}\n          className={`seg ${v === o.value ? \"active\" : \"\"}`}\n          onClick={() => pick(o.value)}\n        >\n          {o.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-JNFCTYJT.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Alert-LSKBYDRI.css');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Alert = ({
+  tone = "info",
+  title,
+  children,
+  icon,
+  closable,
+  onClose,
+  className = ""
+}) => {
+  const iconName = icon ?? (tone === "success" ? "check2" : tone === "warning" || tone === "danger" ? "alert" : "info");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `alert ${tone} ${title ? "" : "no-title"} ${className}`, role: "alert", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: iconName, size: 14 }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "alert-body", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-title", children: title }),
+      children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-desc", children })
+    ] }),
+    closable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert-close", onClick: onClose, "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 12 }) })
+  ] });
+};
+
+exports.Alert = Alert;
+//# sourceMappingURL=chunk-JNFCTYJT.cjs.map
+//# sourceMappingURL=chunk-JNFCTYJT.cjs.map

package/dist/chunk-JNFCTYJT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"names":["jsxs","jsx","Icon"],"mappings":";;;;;;;;AAmBO,IAAM,QAA8B,CAAC;AAAA,EAC1C,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,QAAA,GACJ,SAAS,IAAA,KAAS,SAAA,GAAY,WAAW,IAAA,KAAS,SAAA,IAAa,IAAA,KAAS,QAAA,GAAW,OAAA,GAAU,MAAA,CAAA;AAC/F,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAAI,KAAA,GAAQ,EAAA,GAAK,UAAU,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAI,MAAK,OAAA,EAC5E,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,WAAA,EACd,QAAA,kBAAAA,cAAA,CAACC,0BAAK,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,EAAA,EAAI,CAAA,EAClC,CAAA;AAAA,oBACAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBAASC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC7C,QAAA,oBAAYA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAS;AAAA,KAAA,EACrD,CAAA;AAAA,IACC,4BACCA,cAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,WAAU,aAAA,EAAc,OAAA,EAAS,OAAA,EAAS,YAAA,EAAW,WACzE,QAAA,kBAAAA,cAAA,CAACC,sBAAA,EAAA,EAAK,MAAK,GAAA,EAAI,IAAA,EAAM,IAAI,CAAA,EAC3B;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"chunk-JNFCTYJT.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Alert.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\n\nexport type AlertTone = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface AlertProps {\n  tone?: AlertTone;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  icon?: IconName;\n  closable?: boolean;\n  onClose?: () => void;\n  className?: string;\n}\n\n/** `Alert` — inline contextual message. */\nexport const Alert: React.FC<AlertProps> = ({\n  tone = \"info\",\n  title,\n  children,\n  icon,\n  closable,\n  onClose,\n  className = \"\",\n}) => {\n  const iconName: IconName =\n    icon ?? (tone === \"success\" ? \"check2\" : tone === \"warning\" || tone === \"danger\" ? \"alert\" : \"info\");\n  return (\n    <div className={`alert ${tone} ${title ? \"\" : \"no-title\"} ${className}`} role=\"alert\">\n      <span className=\"alert-ico\">\n        <Icon name={iconName} size={14} />\n      </span>\n      <div className=\"alert-body\">\n        {title && <div className=\"alert-title\">{title}</div>}\n        {children && <div className=\"alert-desc\">{children}</div>}\n      </div>\n      {closable && (\n        <button type=\"button\" className=\"alert-close\" onClick={onClose} aria-label=\"Dismiss\">\n          <Icon name=\"x\" size={12} />\n        </button>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/chunk-JWFVSBVX.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Avatar-OXDSG5Q6.css');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Avatar/Avatar.tsx
+var Avatar = ({
+  src,
+  alt = "",
+  initials,
+  size = "md",
+  status,
+  className = "",
+  style,
+  ...rest
+}) => {
+  const sizeCls = typeof size === "string" && size !== "md" ? size : "";
+  const customStyle = typeof size === "number" ? { ["--size"]: `${size}px`, ...style } : style ?? {};
+  const shown = initials ?? alt.slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `avatar ${sizeCls} ${className}`, style: customStyle, ...rest, children: [
+    src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: shown }),
+    status && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `avatar-status ${status}` })
+  ] });
+};
+
+exports.Avatar = Avatar;
+//# sourceMappingURL=chunk-JWFVSBVX.cjs.map
+//# sourceMappingURL=chunk-JWFVSBVX.cjs.map

package/dist/chunk-JWFVSBVX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;;;;AAgBO,IAAM,SAAgC,CAAC;AAAA,EAC5C,GAAA;AAAA,EACA,GAAA,GAAM,EAAA;AAAA,EACN,QAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,UAAU,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,KAAS,OAAO,IAAA,GAAO,EAAA;AACnE,EAAA,MAAM,WAAA,GACJ,OAAO,IAAA,KAAS,QAAA,GAAW,EAAE,CAAC,QAAiB,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA,EAAM,GAAG,KAAA,EAAM,GAAI,SAAS,EAAC;AACxF,EAAA,MAAM,QAAQ,QAAA,IAAY,GAAA,CAAI,MAAM,CAAA,EAAG,CAAC,EAAE,WAAA,EAAY;AACtD,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,OAAA,EAAU,OAAO,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAI,KAAA,EAAO,WAAA,EAAc,GAAG,IAAA,EACvE,QAAA,EAAA;AAAA,IAAA,GAAA,kCAAO,KAAA,EAAA,EAAI,GAAA,EAAU,KAAU,CAAA,mBAAKC,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACjD,0BAAUA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,cAAA,EAAiB,MAAM,CAAA,CAAA,EAAI;AAAA,GAAA,EACzD,CAAA;AAEJ","file":"chunk-JWFVSBVX.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Avatar.css\";\nimport * as React from \"react\";\n\nexport interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n  src?: string;\n  alt?: string;\n  /** Initials if no image. Auto-derived from `alt` if omitted. */\n  initials?: string;\n  size?: number | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Status dot. */\n  status?: \"online\" | \"busy\" | \"away\" | \"offline\";\n}\n\n/** `Avatar` — user image or initials chip. */\nexport const Avatar: React.FC<AvatarProps> = ({\n  src,\n  alt = \"\",\n  initials,\n  size = \"md\",\n  status,\n  className = \"\",\n  style,\n  ...rest\n}) => {\n  const sizeCls = typeof size === \"string\" && size !== \"md\" ? size : \"\";\n  const customStyle: React.CSSProperties =\n    typeof size === \"number\" ? { [\"--size\" as never]: `${size}px`, ...style } : style ?? {};\n  const shown = initials ?? alt.slice(0, 2).toUpperCase();\n  return (\n    <div className={`avatar ${sizeCls} ${className}`} style={customStyle} {...rest}>\n      {src ? <img src={src} alt={alt} /> : <span>{shown}</span>}\n      {status && <span className={`avatar-status ${status}`} />}\n    </div>\n  );\n};\n"]}

package/dist/chunk-K5MHL732.js

@@ -0,0 +1,81 @@
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Image-WYWORJT4.css';
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var Image = ({
+  src,
+  alt,
+  width = 200,
+  height = 140,
+  preview = true,
+  hover = true,
+  placeholder,
+  className = ""
+}) => {
+  const [loaded, setLoaded] = React.useState(false);
+  const [err, setErr] = React.useState(false);
+  const [open, setOpen] = React.useState(false);
+  const canPreview = preview && loaded && !err;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `n-image ${hover ? "hover" : ""} ${canPreview ? "clickable" : ""} ${className}`,
+        style: { width },
+        onClick: () => canPreview && setOpen(true),
+        children: /* @__PURE__ */ jsxs("div", { className: "n-image-frame", style: { width: "100%", height }, children: [
+          !err && src && /* @__PURE__ */ jsx("img", { src, alt, onLoad: () => setLoaded(true), onError: () => setErr(true) }),
+          /* @__PURE__ */ jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsx(Icon, { name: "image", size: 28 }) }),
+          canPreview && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "image-hint", children: [
+              /* @__PURE__ */ jsx(Icon, { name: "eye", size: 14 }),
+              /* @__PURE__ */ jsx("span", { children: "\u70B9\u51FB\u67E5\u770B" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "image-actions", onClick: (e) => e.stopPropagation(), children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "ia-btn",
+                  onClick: () => setOpen(true),
+                  "aria-label": "\u9884\u89C8",
+                  children: /* @__PURE__ */ jsx(Icon, { name: "eye", size: 13 })
+                }
+              ),
+              src && /* @__PURE__ */ jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsx(Icon, { name: "download", size: 13 }) })
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    open && typeof document !== "undefined" && ReactDOM.createPortal(
+      /* @__PURE__ */ jsx("div", { className: "image-preview-overlay", onClick: () => setOpen(false), children: /* @__PURE__ */ jsx("img", { src, alt, onClick: (e) => e.stopPropagation() }) }),
+      document.body
+    )
+  ] });
+};
+var ImageGrid = ({
+  images,
+  columns,
+  itemHeight = 130,
+  className = ""
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className,
+    style: {
+      display: "grid",
+      gap: 14,
+      gridTemplateColumns: columns ? `repeat(${columns}, 1fr)` : "repeat(auto-fill, minmax(160px, 1fr))"
+    },
+    children: images.map((img, i) => /* @__PURE__ */ jsx(Image, { src: img.src, alt: img.alt, width: "100%", height: itemHeight }, i))
+  }
+);
+
+export { Image, ImageGrid };
+//# sourceMappingURL=chunk-K5MHL732.js.map
+//# sourceMappingURL=chunk-K5MHL732.js.map

package/dist/chunk-K5MHL732.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Image/Image.tsx"],"names":[],"mappings":"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","file":"chunk-K5MHL732.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Image.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\n\nexport interface ImageProps {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  /** Allow click-to-zoom preview overlay. */\n  preview?: boolean;\n  /** Hover scale-up. */\n  hover?: boolean;\n  /** Custom placeholder while loading or on error. */\n  placeholder?: React.ReactNode;\n  className?: string;\n}\n\n/** `Image` — neumorphic framed image with optional preview overlay. */\nexport const Image: React.FC<ImageProps> = ({\n  src,\n  alt,\n  width = 200,\n  height = 140,\n  preview = true,\n  hover = true,\n  placeholder,\n  className = \"\",\n}) => {\n  const [loaded, setLoaded] = React.useState(false);\n  const [err, setErr] = React.useState(false);\n  const [open, setOpen] = React.useState(false);\n  const canPreview = preview && loaded && !err;\n\n  return (\n    <>\n      <div\n        className={`n-image ${hover ? \"hover\" : \"\"} ${canPreview ? \"clickable\" : \"\"} ${className}`}\n        style={{ width }}\n        onClick={() => canPreview && setOpen(true)}\n      >\n        <div className=\"n-image-frame\" style={{ width: \"100%\", height }}>\n          {!err && src && (\n            <img src={src} alt={alt} onLoad={() => setLoaded(true)} onError={() => setErr(true)} />\n          )}\n          <div className={`n-image-placeholder ${loaded && !err ? \"loaded\" : \"\"}`}>\n            {placeholder ?? <Icon name=\"image\" size={28} />}\n          </div>\n          {canPreview && (\n            <>\n              <div className=\"image-hint\">\n                <Icon name=\"eye\" size={14} />\n                <span>点击查看</span>\n              </div>\n              <div className=\"image-actions\" onClick={(e) => e.stopPropagation()}>\n                <button\n                  type=\"button\"\n                  className=\"ia-btn\"\n                  onClick={() => setOpen(true)}\n                  aria-label=\"预览\"\n                >\n                  <Icon name=\"eye\" size={13} />\n                </button>\n                {src && (\n                  <a className=\"ia-btn\" href={src} download aria-label=\"下载\">\n                    <Icon name=\"download\" size={13} />\n                  </a>\n                )}\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n      {open &&\n        typeof document !== \"undefined\" &&\n        ReactDOM.createPortal(\n          <div className=\"image-preview-overlay\" onClick={() => setOpen(false)}>\n            <img src={src} alt={alt} onClick={(e) => e.stopPropagation()} />\n          </div>,\n          document.body\n        )}\n    </>\n  );\n};\n\nexport interface ImageGridProps {\n  images: { src: string; alt?: string }[];\n  columns?: number;\n  itemHeight?: number;\n  className?: string;\n}\n\n/** `ImageGrid` — auto-fit grid of `Image` items. */\nexport const ImageGrid: React.FC<ImageGridProps> = ({\n  images,\n  columns,\n  itemHeight = 130,\n  className = \"\",\n}) => (\n  <div\n    className={className}\n    style={{\n      display: \"grid\",\n      gap: 14,\n      gridTemplateColumns: columns\n        ? `repeat(${columns}, 1fr)`\n        : \"repeat(auto-fill, minmax(160px, 1fr))\",\n    }}\n  >\n    {images.map((img, i) => (\n      <Image key={i} src={img.src} alt={img.alt} width=\"100%\" height={itemHeight} />\n    ))}\n  </div>\n);\n"]}

package/dist/chunk-K67KIKX4.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Empty-VM23UNLQ.css');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Empty/Empty.tsx
+var Empty = ({
+  title = "\u6682\u65E0\u5185\u5BB9",
+  description,
+  icon,
+  action,
+  size = "md",
+  variant = "default",
+  className = ""
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `empty ${size} ${variant} ${className}`, children: [
+  icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-ico", children: icon }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-title", children: title }),
+  description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-desc", children: description }),
+  action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-action", children: action })
+] });
+var Spinner = ({
+  size = 20,
+  tone = "accent",
+  label,
+  variant = "ring",
+  className = ""
+}) => {
+  const cls = `spinner ${variant} ${tone} ${className}`.trim();
+  const spinner = variant === "dots" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cls, style: { fontSize: size }, "aria-label": "Loading", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("i", {})
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cls,
+      style: { width: size, height: size },
+      "aria-label": "Loading"
+    }
+  );
+  if (!label) return spinner;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "spinner-wrap", children: [
+    spinner,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner-label", children: label })
+  ] });
+};
+var Skeleton = ({
+  width = "100%",
+  height = 16,
+  circle,
+  animation = "wave",
+  className = ""
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    className: `skeleton ${animation} ${circle ? "circle" : ""} ${className}`.trim(),
+    style: { width, height, borderRadius: circle ? "50%" : void 0 }
+  }
+);
+
+exports.Empty = Empty;
+exports.Skeleton = Skeleton;
+exports.Spinner = Spinner;
+//# sourceMappingURL=chunk-K67KIKX4.cjs.map
+//# sourceMappingURL=chunk-K67KIKX4.cjs.map

package/dist/chunk-K67KIKX4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Empty/Empty.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;;;;AAiBO,IAAM,QAA8B,CAAC;AAAA,EAC1C,KAAA,GAAQ,0BAAA;AAAA,EACR,WAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,SAAA,GAAY;AACd,CAAA,qBACEA,eAAA,CAAC,SAAI,SAAA,EAAW,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAClD,QAAA,EAAA;AAAA,EAAA,IAAA,oBAAQC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,kBAC1CA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,EACnC,WAAA,oBAAeA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,EACxD,MAAA,oBAAUA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAgB,QAAA,EAAA,MAAA,EAAO;AAAA,CAAA,EACnD;AAcK,IAAM,UAAkC,CAAC;AAAA,EAC9C,IAAA,GAAO,EAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,WAAW,OAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,SAAS,GAAG,IAAA,EAAK;AAC3D,EAAA,MAAM,OAAA,GACJ,OAAA,KAAY,MAAA,mBACVD,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,GAAA,EAAK,KAAA,EAAO,EAAE,QAAA,EAAU,IAAA,EAAK,EAAG,cAAW,SAAA,EAC1D,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,CAAA;AAAA,mCAAG,GAAA,EAAA,EAAE,CAAA;AAAA,mCAAG,GAAA,EAAA,EAAE;AAAA,GAAA,EACf,CAAA,mBAEAA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAA;AAAA,MACX,KAAA,EAAO,EAAE,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAK;AAAA,MACnC,YAAA,EAAW;AAAA;AAAA,GACb;AAEJ,EAAA,IAAI,CAAC,OAAO,OAAO,OAAA;AACnB,EAAA,uBACED,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACb,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,oBACDC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACzC,CAAA;AAEJ;AAYO,IAAM,WAAoC,CAAC;AAAA,EAChD,KAAA,GAAQ,MAAA;AAAA,EACR,MAAA,GAAS,EAAA;AAAA,EACT,MAAA;AAAA,EACA,SAAA,GAAY,MAAA;AAAA,EACZ,SAAA,GAAY;AACd,CAAA,qBACEA,cAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA,EAAI,MAAA,GAAS,WAAW,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,IAC/E,OAAO,EAAE,KAAA,EAAO,QAAQ,YAAA,EAAc,MAAA,GAAS,QAAQ,MAAA;AAAU;AACnE","file":"chunk-K67KIKX4.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Empty.css\";\nimport * as React from \"react\";\n\nexport interface EmptyProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** `subtle` drops the recessed icon well — good for inline / embedded use. */\n  variant?: \"default\" | \"subtle\";\n  className?: string;\n}\n\n/** `Empty` — empty state placeholder. */\nexport const Empty: React.FC<EmptyProps> = ({\n  title = \"暂无内容\",\n  description,\n  icon,\n  action,\n  size = \"md\",\n  variant = \"default\",\n  className = \"\",\n}) => (\n  <div className={`empty ${size} ${variant} ${className}`}>\n    {icon && <div className=\"empty-ico\">{icon}</div>}\n    <div className=\"empty-title\">{title}</div>\n    {description && <div className=\"empty-desc\">{description}</div>}\n    {action && <div className=\"empty-action\">{action}</div>}\n  </div>\n);\n\nexport interface SpinnerProps {\n  size?: number;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\" | \"current\";\n  /** Text rendered next to the spinner. */\n  label?: React.ReactNode;\n  /** `ring` is the default border spinner; `dots` is a three-dot bounce. */\n  variant?: \"ring\" | \"dots\";\n  className?: string;\n}\n\n/** `Spinner` — loading indicator. */\nexport const Spinner: React.FC<SpinnerProps> = ({\n  size = 20,\n  tone = \"accent\",\n  label,\n  variant = \"ring\",\n  className = \"\",\n}) => {\n  const cls = `spinner ${variant} ${tone} ${className}`.trim();\n  const spinner =\n    variant === \"dots\" ? (\n      <span className={cls} style={{ fontSize: size }} aria-label=\"Loading\">\n        <i /><i /><i />\n      </span>\n    ) : (\n      <span\n        className={cls}\n        style={{ width: size, height: size }}\n        aria-label=\"Loading\"\n      />\n    );\n  if (!label) return spinner;\n  return (\n    <span className=\"spinner-wrap\">\n      {spinner}\n      <span className=\"spinner-label\">{label}</span>\n    </span>\n  );\n};\n\nexport interface SkeletonProps {\n  width?: number | string;\n  height?: number | string;\n  circle?: boolean;\n  /** `wave` is a shimmer sweep; `pulse` fades opacity; `none` disables animation. */\n  animation?: \"wave\" | \"pulse\" | \"none\";\n  className?: string;\n}\n\n/** `Skeleton` — content placeholder during loading. */\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  width = \"100%\",\n  height = 16,\n  circle,\n  animation = \"wave\",\n  className = \"\",\n}) => (\n  <span\n    className={`skeleton ${animation} ${circle ? \"circle\" : \"\"} ${className}`.trim()}\n    style={{ width, height, borderRadius: circle ? \"50%\" : undefined }}\n  />\n);\n"]}

package/dist/chunk-KF4MCHZL.cjs

@@ -0,0 +1,105 @@
+'use strict';
+
+var chunkAAMYURWQ_cjs = require('./chunk-AAMYURWQ.cjs');
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Modal-AYKNIWWQ.css');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+var Modal = ({
+  open,
+  onClose,
+  title,
+  description,
+  footer,
+  children,
+  width = 440,
+  maskClosable = true,
+  escClosable = true,
+  className = ""
+}) => {
+  React__namespace.useEffect(() => {
+    if (!open || !escClosable) return;
+    const h = (e) => e.key === "Escape" && onClose?.();
+    window.addEventListener("keydown", h);
+    return () => window.removeEventListener("keydown", h);
+  }, [open, escClosable, onClose]);
+  if (!open || typeof document === "undefined") return null;
+  return ReactDOM__default.default.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `modal-overlay ${className}`, onClick: () => maskClosable && onClose?.(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal", style: { width }, onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-head", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-titles", children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-title", children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-desc", children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 16 }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-body", children }),
+      footer !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-foot", children: footer }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-foot", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkAAMYURWQ_cjs.Button, { variant: "ghost", onClick: onClose, children: "\u53D6\u6D88" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkAAMYURWQ_cjs.Button, { variant: "primary", onClick: onClose, children: "\u786E\u5B9A" })
+      ] })
+    ] }) }),
+    document.body
+  );
+};
+var Drawer = ({
+  open,
+  onClose,
+  placement = "right",
+  size = 380,
+  title,
+  footer,
+  children,
+  maskClosable = true,
+  className = ""
+}) => {
+  if (!open || typeof document === "undefined") return null;
+  const isV = placement === "left" || placement === "right";
+  const style = isV ? { width: size } : { height: size };
+  return ReactDOM__default.default.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-overlay", onClick: () => maskClosable && onClose?.() }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `drawer ${placement} ${className}`, style, onClick: (e) => e.stopPropagation(), children: [
+        title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer-head", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-title", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 16 }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-body", children }),
+        footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-foot", children: footer })
+      ] })
+    ] }),
+    document.body
+  );
+};
+
+exports.Drawer = Drawer;
+exports.Modal = Modal;
+//# sourceMappingURL=chunk-KF4MCHZL.cjs.map
+//# sourceMappingURL=chunk-KF4MCHZL.cjs.map

package/dist/chunk-KF4MCHZL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/Modal.tsx"],"names":["React","ReactDOM","jsx","jsxs","Icon","Button","Fragment"],"mappings":"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","file":"chunk-KF4MCHZL.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Modal.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../Button\";\n\nexport interface ModalProps {\n  open: boolean;\n  onClose?: () => void;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n  width?: number | string;\n  /** Close when clicking the mask. Default true. */\n  maskClosable?: boolean;\n  /** Close on Escape key. Default true. */\n  escClosable?: boolean;\n  className?: string;\n}\n\n/** `Modal` — centered dialog with mask. Renders into `document.body`. */\nexport const Modal: React.FC<ModalProps> = ({\n  open,\n  onClose,\n  title,\n  description,\n  footer,\n  children,\n  width = 440,\n  maskClosable = true,\n  escClosable = true,\n  className = \"\",\n}) => {\n  React.useEffect(() => {\n    if (!open || !escClosable) return;\n    const h = (e: KeyboardEvent) => e.key === \"Escape\" && onClose?.();\n    window.addEventListener(\"keydown\", h);\n    return () => window.removeEventListener(\"keydown\", h);\n  }, [open, escClosable, onClose]);\n\n  if (!open || typeof document === \"undefined\") return null;\n  return ReactDOM.createPortal(\n    <div className={`modal-overlay ${className}`} onClick={() => maskClosable && onClose?.()}>\n      <div className=\"modal\" style={{ width }} onClick={(e) => e.stopPropagation()}>\n        <div className=\"modal-head\">\n          <div className=\"modal-titles\">\n            {title && <div className=\"modal-title\">{title}</div>}\n            {description && <div className=\"modal-desc\">{description}</div>}\n          </div>\n          <button type=\"button\" className=\"modal-close\" onClick={onClose} aria-label=\"Close\">\n            <Icon name=\"x\" size={16} />\n          </button>\n        </div>\n        <div className=\"modal-body\">{children}</div>\n        {footer !== undefined ? (\n          <div className=\"modal-foot\">{footer}</div>\n        ) : (\n          <div className=\"modal-foot\">\n            <Button variant=\"ghost\" onClick={onClose}>取消</Button>\n            <Button variant=\"primary\" onClick={onClose}>确定</Button>\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n};\n\nexport interface DrawerProps extends Omit<ModalProps, \"width\"> {\n  /** Edge the drawer slides from. */\n  placement?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  size?: number | string;\n}\n\n/** `Drawer` — slide-in panel from an edge. */\nexport const Drawer: React.FC<DrawerProps> = ({\n  open,\n  onClose,\n  placement = \"right\",\n  size = 380,\n  title,\n  footer,\n  children,\n  maskClosable = true,\n  className = \"\",\n}) => {\n  if (!open || typeof document === \"undefined\") return null;\n  const isV = placement === \"left\" || placement === \"right\";\n  const style: React.CSSProperties = isV ? { width: size } : { height: size };\n  return ReactDOM.createPortal(\n    <>\n      <div className=\"drawer-overlay\" onClick={() => maskClosable && onClose?.()} />\n      <div className={`drawer ${placement} ${className}`} style={style} onClick={(e) => e.stopPropagation()}>\n        {title && (\n          <div className=\"drawer-head\">\n            <div className=\"drawer-title\">{title}</div>\n            <button type=\"button\" className=\"modal-close\" onClick={onClose} aria-label=\"Close\">\n              <Icon name=\"x\" size={16} />\n            </button>\n          </div>\n        )}\n        <div className=\"drawer-body\">{children}</div>\n        {footer && <div className=\"modal-foot\">{footer}</div>}\n      </div>\n    </>,\n    document.body\n  );\n};\n"]}