@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/{chunk-2MNAZRWE.cjs → chunk-V272XR3F.cjs}

@@ -58,6 +58,7 @@ var paths = {
   ] }),
   heart: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }),
   star: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }),
+  starFilled: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: "currentColor", stroke: "none" }) }),
   home: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 10 9-7 9 7v10a2 2 0 0 1-2 2h-4v-7h-6v7H5a2 2 0 0 1-2-2z" }) }),
   folder: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7a2 2 0 0 1 2-2h4l2 3h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }) }),
   file: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -164,7 +165,96 @@ var paths = {
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "9", r: "0.8", fill: "currentColor", stroke: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "14", cy: "9", r: "0.8", fill: "currentColor", stroke: "none" })
   ] }),
-  code: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16 18 6-6-6-6M8 6l-6 6 6 6" }) })
+  code: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16 18 6-6-6-6M8 6l-6 6 6 6" }) }),
+  appstore: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1.5" })
+  ] }),
+  barChart: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 20V10M10 20V4M16 20v-7M22 20H2" }) }),
+  block: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 7h10v10H7z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4h10v10H4z" })
+  ] }),
+  border: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1.5" }) }),
+  caretDown: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7 9 5 6 5-6z", fill: "currentColor", stroke: "none" }) }),
+  caretUp: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7 15 5-6 5 6z", fill: "currentColor", stroke: "none" }) }),
+  checkCircle: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8 12 3 3 5-6" })
+  ] }),
+  checkCircleFilled: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7.8 12.2 2.7 2.7 5.8-6", stroke: "var(--bg)", strokeWidth: "2.2", fill: "none" })
+  ] }),
+  clockCircleFilled: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6.5v5.7l3.6 2.1", stroke: "var(--bg)", strokeWidth: "2.1", fill: "none" })
+  ] }),
+  closeCircle: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 8l8 8M16 8l-8 8" })
+  ] }),
+  dashboard: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 13a8 8 0 1 1 16 0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 13l4-4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 17h10" })
+  ] }),
+  environment: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s7-5.2 7-12a7 7 0 0 0-14 0c0 6.8 7 12 7 12z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "2.5" })
+  ] }),
+  exclamationCircle: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 7v6M12 17h.01" })
+  ] }),
+  folderOpen: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 8a2 2 0 0 1 2-2h4l2 3h8a2 2 0 0 1 2 2v1" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 18.5 5.2 11h17L20 20H5a2 2 0 0 1-2-1.5z" })
+  ] }),
+  loading: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-3-6.7" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 3v6h-6" })
+  ] }),
+  minusCircle: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 12h8" })
+  ] }),
+  picture: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8.5", cy: "9", r: "1.7" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-4.5-4.5L9 18" })
+  ] }),
+  reload: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-2.64-6.36" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 3v6h-6" })
+  ] }),
+  robot: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5", y: "8", width: "14", height: "11", rx: "3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8V4M9 4h6M3 13h2M19 13h2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9.5", cy: "13", r: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "14.5", cy: "13", r: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 16h6" })
+  ] }),
+  swapRight: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 7h10M12 4l3 3-3 3M19 17H9M12 14l-3 3 3 3" }) }),
+  sync: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 7h-5V2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 17h5v5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 12a8 8 0 0 0-13.7-5.7L4 8" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12a8 8 0 0 0 13.7 5.7L20 16" })
+  ] }),
+  translate: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 5h8M8 3v2M6 9c1.4 2.6 3.4 4.4 6 5.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 5c-.7 4-2.8 7-7 9" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 20l4-10 4 10M15.4 16h5.2" })
+  ] }),
+  unorderedList: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 6h13M8 12h13M8 18h13" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "6", r: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "12", r: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "18", r: "1", fill: "currentColor", stroke: "none" })
+  ] })
 };
 var Icon = React__namespace.forwardRef(
   ({ name, size = 16, stroke = 2, style, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -187,7 +277,186 @@ var Icon = React__namespace.forwardRef(
   )
 );
 Icon.displayName = "Icon";
-var ICON_NAMES = ["search", "plus", "minus", "check", "x", "chevDown", "chevRight", "chevLeft", "chevUp", "arrowRight", "settings", "user", "bell", "mail", "heart", "star", "home", "folder", "file", "image", "play", "pause", "volume", "trash", "edit", "copy", "download", "upload", "info", "alert", "check2", "eye", "eyeOff", "sparkle", "moon", "sun", "palette", "layers", "grid", "list", "zap", "filter", "mic", "send", "calendar", "clock", "menu", "more", "sliders", "aim", "swap", "camera", "qq", "code"];
+var isIconName = (value) => typeof value === "string" && Object.prototype.hasOwnProperty.call(paths, value);
+var renderIconSlot = (icon, { size = 14, className } = {}) => {
+  if (icon == null || icon === false) return null;
+  if (isIconName(icon)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon, size, className });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: icon });
+};
+var ICON_NAMES = Object.keys(paths);
+var NAMED_ICON_MAP = {
+  AimOutlined: "aim",
+  AppstoreOutlined: "appstore",
+  BarChartOutlined: "barChart",
+  BlockOutlined: "block",
+  BorderOutlined: "border",
+  CameraOutlined: "camera",
+  CaretDownOutlined: "caretDown",
+  CaretUpOutlined: "caretUp",
+  CheckCircleFilled: "checkCircleFilled",
+  CheckCircleOutlined: "checkCircle",
+  CheckOutlined: "check",
+  ClockCircleFilled: "clockCircleFilled",
+  CloseCircleOutlined: "closeCircle",
+  CloseOutlined: "x",
+  CopyOutlined: "copy",
+  DashboardOutlined: "dashboard",
+  DeleteOutlined: "trash",
+  DownOutlined: "chevDown",
+  EnvironmentOutlined: "environment",
+  ExclamationCircleOutlined: "exclamationCircle",
+  FolderOpenOutlined: "folderOpen",
+  LeftOutlined: "chevLeft",
+  LoadingOutlined: "loading",
+  MinusCircleOutlined: "minusCircle",
+  MinusOutlined: "minus",
+  PictureOutlined: "picture",
+  PlusOutlined: "plus",
+  QqOutlined: "qq",
+  ReloadOutlined: "reload",
+  RightOutlined: "chevRight",
+  RobotOutlined: "robot",
+  SearchOutlined: "search",
+  SettingOutlined: "settings",
+  StarFilled: "starFilled",
+  StarOutlined: "star",
+  SwapOutlined: "swap",
+  SwapRightOutlined: "swapRight",
+  SyncOutlined: "sync",
+  ThunderboltOutlined: "zap",
+  TranslationOutlined: "translate",
+  UnorderedListOutlined: "unorderedList",
+  UserOutlined: "user"
+};
+var resolveIconName = (name, fallback = "appstore") => NAMED_ICON_MAP[name] ?? fallback;
+var createNamedIcon = (displayName, defaultSpin = false) => {
+  const iconName = NAMED_ICON_MAP[displayName];
+  const Component = React__namespace.forwardRef(
+    ({ spin, rotate, size = "1em", className = "", style, ...rest }, ref) => {
+      const shouldSpin = spin ?? defaultSpin;
+      const transform = rotate ? `${style?.transform ? `${style.transform} ` : ""}rotate(${rotate}deg)` : style?.transform;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          ref,
+          role: "img",
+          "aria-label": displayName,
+          className,
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            lineHeight: 0,
+            verticalAlign: "-0.125em",
+            ...style,
+            ...transform ? { transform } : {}
+          },
+          ...rest,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Icon,
+            {
+              name: iconName,
+              size,
+              style: shouldSpin ? { animation: "spin 0.9s linear infinite" } : void 0
+            }
+          )
+        }
+      );
+    }
+  );
+  Component.displayName = displayName;
+  return Component;
+};
+var AimOutlined = createNamedIcon("AimOutlined");
+var AppstoreOutlined = createNamedIcon("AppstoreOutlined");
+var BarChartOutlined = createNamedIcon("BarChartOutlined");
+var BlockOutlined = createNamedIcon("BlockOutlined");
+var BorderOutlined = createNamedIcon("BorderOutlined");
+var CameraOutlined = createNamedIcon("CameraOutlined");
+var CaretDownOutlined = createNamedIcon("CaretDownOutlined");
+var CaretUpOutlined = createNamedIcon("CaretUpOutlined");
+var CheckCircleFilled = createNamedIcon("CheckCircleFilled");
+var CheckCircleOutlined = createNamedIcon("CheckCircleOutlined");
+var CheckOutlined = createNamedIcon("CheckOutlined");
+var ClockCircleFilled = createNamedIcon("ClockCircleFilled");
+var CloseCircleOutlined = createNamedIcon("CloseCircleOutlined");
+var CloseOutlined = createNamedIcon("CloseOutlined");
+var CopyOutlined = createNamedIcon("CopyOutlined");
+var DashboardOutlined = createNamedIcon("DashboardOutlined");
+var DeleteOutlined = createNamedIcon("DeleteOutlined");
+var DownOutlined = createNamedIcon("DownOutlined");
+var EnvironmentOutlined = createNamedIcon("EnvironmentOutlined");
+var ExclamationCircleOutlined = createNamedIcon("ExclamationCircleOutlined");
+var FolderOpenOutlined = createNamedIcon("FolderOpenOutlined");
+var LeftOutlined = createNamedIcon("LeftOutlined");
+var LoadingOutlined = createNamedIcon("LoadingOutlined", true);
+var MinusCircleOutlined = createNamedIcon("MinusCircleOutlined");
+var MinusOutlined = createNamedIcon("MinusOutlined");
+var PictureOutlined = createNamedIcon("PictureOutlined");
+var PlusOutlined = createNamedIcon("PlusOutlined");
+var QqOutlined = createNamedIcon("QqOutlined");
+var ReloadOutlined = createNamedIcon("ReloadOutlined");
+var RightOutlined = createNamedIcon("RightOutlined");
+var RobotOutlined = createNamedIcon("RobotOutlined");
+var SearchOutlined = createNamedIcon("SearchOutlined");
+var SettingOutlined = createNamedIcon("SettingOutlined");
+var StarFilled = createNamedIcon("StarFilled");
+var StarOutlined = createNamedIcon("StarOutlined");
+var SwapOutlined = createNamedIcon("SwapOutlined");
+var SwapRightOutlined = createNamedIcon("SwapRightOutlined");
+var SyncOutlined = createNamedIcon("SyncOutlined");
+var ThunderboltOutlined = createNamedIcon("ThunderboltOutlined");
+var TranslationOutlined = createNamedIcon("TranslationOutlined");
+var UnorderedListOutlined = createNamedIcon("UnorderedListOutlined");
+var UserOutlined = createNamedIcon("UserOutlined");
 
+exports.AimOutlined = AimOutlined;
+exports.AppstoreOutlined = AppstoreOutlined;
+exports.BarChartOutlined = BarChartOutlined;
+exports.BlockOutlined = BlockOutlined;
+exports.BorderOutlined = BorderOutlined;
+exports.CameraOutlined = CameraOutlined;
+exports.CaretDownOutlined = CaretDownOutlined;
+exports.CaretUpOutlined = CaretUpOutlined;
+exports.CheckCircleFilled = CheckCircleFilled;
+exports.CheckCircleOutlined = CheckCircleOutlined;
+exports.CheckOutlined = CheckOutlined;
+exports.ClockCircleFilled = ClockCircleFilled;
+exports.CloseCircleOutlined = CloseCircleOutlined;
+exports.CloseOutlined = CloseOutlined;
+exports.CopyOutlined = CopyOutlined;
+exports.DashboardOutlined = DashboardOutlined;
+exports.DeleteOutlined = DeleteOutlined;
+exports.DownOutlined = DownOutlined;
+exports.EnvironmentOutlined = EnvironmentOutlined;
+exports.ExclamationCircleOutlined = ExclamationCircleOutlined;
+exports.FolderOpenOutlined = FolderOpenOutlined;
 exports.ICON_NAMES = ICON_NAMES;
 exports.Icon = Icon;
+exports.LeftOutlined = LeftOutlined;
+exports.LoadingOutlined = LoadingOutlined;
+exports.MinusCircleOutlined = MinusCircleOutlined;
+exports.MinusOutlined = MinusOutlined;
+exports.NAMED_ICON_MAP = NAMED_ICON_MAP;
+exports.PictureOutlined = PictureOutlined;
+exports.PlusOutlined = PlusOutlined;
+exports.QqOutlined = QqOutlined;
+exports.ReloadOutlined = ReloadOutlined;
+exports.RightOutlined = RightOutlined;
+exports.RobotOutlined = RobotOutlined;
+exports.SearchOutlined = SearchOutlined;
+exports.SettingOutlined = SettingOutlined;
+exports.StarFilled = StarFilled;
+exports.StarOutlined = StarOutlined;
+exports.SwapOutlined = SwapOutlined;
+exports.SwapRightOutlined = SwapRightOutlined;
+exports.SyncOutlined = SyncOutlined;
+exports.ThunderboltOutlined = ThunderboltOutlined;
+exports.TranslationOutlined = TranslationOutlined;
+exports.UnorderedListOutlined = UnorderedListOutlined;
+exports.UserOutlined = UserOutlined;
+exports.isIconName = isIconName;
+exports.renderIconSlot = renderIconSlot;
+exports.resolveIconName = resolveIconName;

package/dist/chunk-VFFIE2VO.cjs

@@ -0,0 +1,271 @@
+'use strict';
+
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Image-MRYQCRQ5.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 Image = React__namespace.forwardRef(({
+  src,
+  alt,
+  width = 200,
+  height,
+  variant = "framed",
+  frame,
+  padding,
+  objectFit,
+  objectPosition,
+  preview,
+  hover = true,
+  placeholder,
+  imgProps,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const [loaded, setLoaded] = React__namespace.useState(false);
+  const [err, setErr] = React__namespace.useState(false);
+  const [open, setOpen] = React__namespace.useState(false);
+  const visualFrame = frame ?? variant === "framed";
+  const resolvedHeight = height ?? (variant === "icon" ? width : 140);
+  const resolvedPadding = padding ?? (visualFrame ? void 0 : 0);
+  const resolvedObjectFit = objectFit ?? (variant === "icon" ? "contain" : "cover");
+  const canPreview = (preview ?? variant === "framed") && loaded && !err;
+  const {
+    className: imgClassName = "",
+    style: imgStyle,
+    onLoad,
+    onError,
+    ...imageRest
+  } = imgProps ?? {};
+  React__namespace.useEffect(() => {
+    setLoaded(false);
+    setErr(false);
+    setOpen(false);
+  }, [src]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: `n-image ${variant} ${visualFrame ? "framed" : "unframed"} ${hover ? "hover" : ""} ${canPreview ? "clickable" : ""} ${className}`,
+        style: { width, ...resolvedPadding !== void 0 ? { padding: resolvedPadding } : {}, ...style },
+        onClick: () => canPreview && setOpen(true),
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "n-image-frame", style: { width: "100%", height: resolvedHeight }, children: [
+          !err && src && /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              ...imageRest,
+              src,
+              alt,
+              className: imgClassName,
+              style: { objectFit: resolvedObjectFit, objectPosition, ...imgStyle },
+              onLoad: (event) => {
+                setLoaded(true);
+                onLoad?.(event);
+              },
+              onError: (event) => {
+                setErr(true);
+                onError?.(event);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "image", size: 28 }) }),
+          canPreview && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-hint", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "eye", size: 14 }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u70B9\u51FB\u67E5\u770B" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-actions", onClick: (e) => e.stopPropagation(), children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "ia-btn",
+                  onClick: () => setOpen(true),
+                  "aria-label": "\u9884\u89C8",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "eye", size: 13 })
+                }
+              ),
+              src && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "download", size: 13 }) })
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    open && typeof document !== "undefined" && ReactDOM__default.default.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "image-preview-overlay", onClick: () => setOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, onClick: (e) => e.stopPropagation() }) }),
+      document.body
+    )
+  ] });
+});
+Image.displayName = "Image";
+var ImageGrid = React__namespace.forwardRef(({
+  images,
+  columns,
+  itemHeight = 130,
+  minItemWidth = 160,
+  gap = 14,
+  imageProps,
+  className = "",
+  style,
+  ...rest
+}, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className,
+    style: {
+      display: "grid",
+      gap,
+      gridTemplateColumns: columns ? `repeat(${columns}, 1fr)` : `repeat(auto-fill, minmax(${typeof minItemWidth === "number" ? `${minItemWidth}px` : minItemWidth}, 1fr))`,
+      ...style
+    },
+    ...rest,
+    children: images.map((img, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      Image,
+      {
+        ...imageProps,
+        ...img,
+        src: img.src,
+        alt: img.alt,
+        width: img.width ?? "100%",
+        height: img.height ?? itemHeight
+      },
+      i
+    ))
+  }
+));
+ImageGrid.displayName = "ImageGrid";
+var SpriteImage = React__namespace.forwardRef(({
+  src,
+  sprite,
+  alt,
+  width,
+  height,
+  scale = 1,
+  backgroundSize,
+  variant = "icon",
+  frame,
+  padding,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const visualFrame = frame ?? variant === "framed";
+  const resolvedWidth = width ?? sprite.width * scale;
+  const resolvedHeight = height ?? sprite.height * scale;
+  const resolvedPadding = padding ?? (visualFrame ? void 0 : 0);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: `n-sprite-image ${variant} ${visualFrame ? "framed" : "unframed"} ${className}`,
+      role: alt ? "img" : void 0,
+      "aria-label": alt || void 0,
+      "aria-hidden": alt === "" ? true : void 0,
+      style: { width: resolvedWidth, ...resolvedPadding !== void 0 ? { padding: resolvedPadding } : {}, ...style },
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "n-sprite-image-frame", style: { height: resolvedHeight }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "n-sprite-image-sprite",
+          style: {
+            width: sprite.width,
+            height: sprite.height,
+            backgroundImage: `url(${JSON.stringify(src)})`,
+            backgroundPosition: `${-sprite.x}px ${-sprite.y}px`,
+            backgroundSize,
+            transform: scale !== 1 ? `scale(${scale})` : void 0
+          }
+        }
+      ) })
+    }
+  );
+});
+SpriteImage.displayName = "SpriteImage";
+var insetStyle = (inset) => {
+  if (inset == null) return { inset: 0 };
+  if (typeof inset === "number" || typeof inset === "string") return { inset };
+  return inset;
+};
+var LayeredImage = React__namespace.forwardRef(({
+  layers,
+  width = 64,
+  height = 64,
+  variant = "icon",
+  frame,
+  padding,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const visualFrame = frame ?? variant === "framed";
+  const resolvedPadding = padding ?? (visualFrame ? void 0 : 0);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: `n-layered-image ${variant} ${visualFrame ? "framed" : "unframed"} ${className}`,
+      style: { width, ...resolvedPadding !== void 0 ? { padding: resolvedPadding } : {}, ...style },
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "n-layered-image-frame", style: { height }, children: layers.map(({ src: layerSrc, alt: layerAlt = "", fit = "contain", inset, zIndex, className: layerClassName = "", style: layerStyle, ...layerRest }, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "n-layered-image-layer",
+          style: {
+            zIndex,
+            ...insetStyle(inset)
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              ...layerRest,
+              src: layerSrc,
+              alt: layerAlt,
+              className: layerClassName,
+              style: {
+                objectFit: fit,
+                ...layerStyle
+              }
+            }
+          )
+        },
+        `${layerSrc}-${index}`
+      )) })
+    }
+  );
+});
+LayeredImage.displayName = "LayeredImage";
+
+exports.Image = Image;
+exports.ImageGrid = ImageGrid;
+exports.LayeredImage = LayeredImage;
+exports.SpriteImage = SpriteImage;