@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/Empty-NQ72W3D7.css

@@ -1,160 +0,0 @@
-/* ============ Empty / Spinner / Skeleton ============ */
-/* .spinner base — legacy border-ring used internally by Select/Button.
-   The public <Spinner> component always sets a variant class (`ring`|`dots`)
-   which overrides this via the more specific rules below. */
-.spinner {
-  width: 14px; height: 14px;
-  border-radius: 999px;
-  border: 2px solid currentColor;
-  border-right-color: transparent;
-  animation: spin 0.8s linear infinite;
-  display: inline-block;
-}
-
-.empty {
-  padding: 60px 20px;
-  display: grid; place-items: center;
-  gap: 12px;
-  color: var(--fg-muted);
-  text-align: center;
-}
-.empty.sm { padding: 28px 16px; gap: 8px; }
-.empty.sm .empty-ico { width: 40px; height: 40px; }
-.empty.sm .empty-title { font-size: 13px; }
-.empty.sm .empty-desc  { font-size: 11px; }
-.empty.lg { padding: 96px 24px; gap: 16px; }
-.empty.lg .empty-ico { width: 72px; height: 72px; }
-.empty.lg .empty-title { font-size: 16px; }
-.empty.lg .empty-desc  { font-size: 13px; }
-.empty.subtle .empty-ico { background: transparent; box-shadow: none; }
-.empty-ico {
-  width: 56px; height: 56px;
-  border-radius: var(--r-lg);
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-  display: grid; place-items: center;
-  color: var(--fg-subtle);
-}
-.empty-title { font-size: 14px; font-weight: 600; color: var(--fg); }
-.empty-desc  { font-size: 12px; }
-.empty-action { margin-top: 8px; }
-
-/* Spinner tones */
-.spinner.accent  { color: var(--accent); }
-.spinner.success { color: var(--success); }
-.spinner.warning { color: var(--warning); }
-.spinner.danger  { color: var(--danger); }
-
-/* --- Ring variant: neumorphic pressed track + rotating arc --- */
-.spinner.ring {
-  position: relative;
-  display: inline-block;
-  border: none;
-  border-radius: 50%;
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-  animation: none;
-}
-.spinner.ring::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  background: conic-gradient(from 0deg,
-    transparent 0deg,
-    color-mix(in oklch, currentColor 30%, transparent) 40deg,
-    color-mix(in oklch, currentColor 70%, transparent) 100deg,
-    currentColor 220deg,
-    currentColor 340deg,
-    transparent 360deg);
-  -webkit-mask: radial-gradient(circle, transparent 60%, #000 61%);
-  mask: radial-gradient(circle, transparent 60%, #000 61%);
-  animation: spin 0.9s linear infinite;
-}
-.spinner.ring.accent::before,
-.spinner.ring.success::before,
-.spinner.ring.warning::before,
-.spinner.ring.danger::before {
-  filter: drop-shadow(0 0 4px color-mix(in oklch, currentColor 50%, transparent));
-}
-
-/* --- Dots variant: raised neumorphic spheres (container is transparent) --- */
-.spinner.dots {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.34em;
-  border: none;
-  background: none;
-  box-shadow: none;
-  width: auto; height: auto;
-  animation: none;
-  line-height: 1;
-}
-.spinner.dots i {
-  width: 0.4em; height: 0.4em;
-  border-radius: 999px;
-  background: radial-gradient(circle at 32% 28%,
-    color-mix(in oklch, currentColor 40%, white),
-    currentColor 62%,
-    color-mix(in oklch, currentColor 82%, black) 100%);
-  box-shadow:
-    0 0.06em 0.14em color-mix(in oklch, currentColor 45%, transparent),
-    0 0 0.35em color-mix(in oklch, currentColor 50%, transparent);
-  display: inline-block;
-  animation: dot-bounce 1.2s ease-in-out infinite;
-}
-.spinner.dots i:nth-child(2) { animation-delay: 0.15s; }
-.spinner.dots i:nth-child(3) { animation-delay: 0.3s; }
-@keyframes dot-bounce {
-  0%, 80%, 100% { transform: translateY(0); opacity: 0.5; }
-  40% { transform: translateY(-30%); opacity: 1; }
-}
-
-.spinner-wrap {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  color: var(--fg-muted);
-}
-.spinner-label { font-size: 12px; }
-
-.skeleton {
-  display: block;
-  background: color-mix(in oklch, var(--accent-soft) 55%, var(--bg-sunken));
-  border-radius: var(--r-sm);
-}
-.skeleton.wave {
-  background: linear-gradient(90deg,
-    color-mix(in oklch, var(--accent-soft) 35%, var(--bg-sunken)),
-    color-mix(in oklch, var(--accent-soft) 75%, var(--bg-sunken)),
-    color-mix(in oklch, var(--accent-soft) 35%, var(--bg-sunken)));
-  background-size: 200% 100%;
-  animation: skel-wave 1.4s ease-in-out infinite;
-}
-.skeleton.pulse { animation: skel-pulse 1.4s ease-in-out infinite; }
-.skeleton.none  { animation: none; }
-.skeleton.circle { border-radius: 999px; }
-@keyframes skel-wave  { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
-@keyframes skel-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
-
-/* Composite skeleton — avatar + title + paragraph layout */
-.skeleton-box {
-  display: flex;
-  align-items: flex-start;
-  gap: 16px;
-  width: 100%;
-}
-.skeleton-content {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.skeleton-box .skeleton-title {
-  display: block;
-  margin-bottom: 4px;
-}
-.skeleton-box .skeleton-row {
-  display: block;
-}

package/dist/Tag-FGDY3W7E.css

@@ -1,51 +0,0 @@
-/* ============ Tag & Badge ============ */
-.tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  height: 24px;
-  padding: 0 10px;
-  border-radius: var(--r-pill);
-  font-size: 11px;
-  font-weight: 500;
-  background: var(--bg);
-  box-shadow: var(--neu-flat);
-  color: var(--fg-muted);
-}
-.tag.accent  { color: var(--accent-ink); }
-.tag.info    { color: var(--info); }
-.tag.success { color: var(--success); }
-.tag.warning { color: var(--warning); }
-.tag.danger  { color: var(--danger); }
-.tag.solid          { background: var(--accent); color: white; box-shadow: 0 2px 6px var(--accent-glow); }
-.tag.solid.info     { background: var(--info);    color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--info) 35%, transparent); }
-.tag.solid.success  { background: var(--success); color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--success) 35%, transparent); }
-.tag.solid.warning  { background: var(--warning); color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--warning) 35%, transparent); }
-.tag.solid.danger   { background: var(--danger);  color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--danger) 35%, transparent); }
-.tag.borderless { background: transparent; box-shadow: none; }
-.tag .dot { width: 6px; height: 6px; border-radius: 999px; background: currentColor; }
-.tag .tag-ico { color: currentColor; display: inline-flex; }
-.tag .x { cursor: pointer; color: var(--fg-subtle); margin-left: 2px; display: inline-flex; }
-.tag .x:hover { color: var(--fg); }
-
-.badge {
-  display: inline-flex;
-  align-items: center; justify-content: center;
-  min-width: 18px; height: 18px;
-  padding: 0 6px;
-  border-radius: 999px;
-  font-size: 10px;
-  font-weight: 700;
-  background: var(--danger);
-  color: white;
-  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
-  font-variant-numeric: tabular-nums;
-}
-.badge.dot { min-width: 10px; height: 10px; padding: 0; }
-.badge.accent  { background: var(--accent);  box-shadow: 0 1px 4px var(--accent-glow); }
-.badge.info    { background: var(--info);    box-shadow: 0 1px 4px color-mix(in oklch, var(--info) 35%, transparent); }
-.badge.success { background: var(--success); box-shadow: 0 1px 4px color-mix(in oklch, var(--success) 35%, transparent); }
-.badge.warning { background: var(--warning); box-shadow: 0 1px 4px color-mix(in oklch, var(--warning) 35%, transparent); }
-.badge.neutral { background: var(--fg-muted); box-shadow: 0 1px 4px rgba(0,0,0,0.15); }
-.badge-wrap { position: relative; display: inline-block; }
-.badge-wrap > .badge { position: absolute; top: -4px; right: -4px; }

package/dist/Toast-YSACW3EM.css

@@ -1,45 +0,0 @@
-/* ============ Toast ============ */
-.toast-container {
-  position: fixed;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  z-index: 300;
-  pointer-events: none;
-}
-.toast-container.top-right    { top: 56px; right: 20px; }
-.toast-container.top-left     { top: 56px; left: 20px; }
-.toast-container.bottom-right { bottom: 20px; right: 20px; }
-.toast-container.bottom-left  { bottom: 20px; left: 20px; }
-.toast-container.top-center   { top: 56px; left: 50%; transform: translateX(-50%); align-items: center; }
-.toast {
-  background: var(--bg);
-  border-radius: var(--r-md);
-  box-shadow: var(--neu-float);
-  padding: 12px 16px;
-  min-width: 240px;
-  display: flex; align-items: center; gap: 10px;
-  font-size: 13px;
-  pointer-events: auto;
-  animation: toastIn var(--dur-slow) var(--ease);
-  border-left: 3px solid var(--accent);
-}
-.toast.success { border-color: var(--success); }
-.toast.warning { border-color: var(--warning); }
-.toast.danger  { border-color: var(--danger); }
-.toast .toast-icon { color: var(--accent); flex-shrink: 0; }
-.toast.success .toast-icon { color: var(--success); }
-.toast.warning .toast-icon { color: var(--warning); }
-.toast.danger  .toast-icon { color: var(--danger); }
-.toast-body { flex: 1; min-width: 0; }
-.toast-title { font-weight: 600; margin-bottom: 2px; }
-.toast-msg { color: var(--fg-muted); font-size: 12px; }
-.toast-close {
-  background: transparent; border: none;
-  color: var(--fg-subtle); cursor: pointer;
-  padding: 0 2px; font-family: inherit;
-}
-.toast-close:hover { color: var(--fg); }
-.toast.leaving { animation: toastOut var(--dur) var(--ease) forwards; }
-@keyframes toastIn  { from { opacity: 0; transform: translateX(20px); } }
-@keyframes toastOut { to   { opacity: 0; transform: translateX(20px); } }

package/dist/Toast.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var chunkZFW6OYAO_cjs = require('./chunk-ZFW6OYAO.cjs');
-require('./chunk-2MNAZRWE.cjs');
-
-
-
-Object.defineProperty(exports, "ToastContainer", {
-  enumerable: true,
-  get: function () { return chunkZFW6OYAO_cjs.ToastContainer; }
-});
-Object.defineProperty(exports, "toast", {
-  enumerable: true,
-  get: function () { return chunkZFW6OYAO_cjs.toast; }
-});

package/dist/Toast.d.cts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-
-type ToastType = "info" | "success" | "warning" | "danger";
-interface ToastItem {
-    id: number;
-    type: ToastType;
-    title?: React.ReactNode;
-    message?: React.ReactNode;
-    duration?: number;
-}
-declare const toast: {
-    show(t: Omit<ToastItem, "id">): number;
-    info: (message: React.ReactNode, title?: React.ReactNode) => number;
-    success: (message: React.ReactNode, title?: React.ReactNode) => number;
-    warn: (message: React.ReactNode, title?: React.ReactNode) => number;
-    error: (message: React.ReactNode, title?: React.ReactNode) => number;
-    dismiss(id: number): void;
-    clear(): void;
-};
-interface ToastContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center";
-}
-/** `ToastContainer` — mount once at your app root; subscribes to `toast.*` calls. */
-declare const ToastContainer: React.ForwardRefExoticComponent<ToastContainerProps & React.RefAttributes<HTMLDivElement>>;
-
-export { ToastContainer, type ToastContainerProps, type ToastItem, type ToastType, toast };

package/dist/Toast.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-
-type ToastType = "info" | "success" | "warning" | "danger";
-interface ToastItem {
-    id: number;
-    type: ToastType;
-    title?: React.ReactNode;
-    message?: React.ReactNode;
-    duration?: number;
-}
-declare const toast: {
-    show(t: Omit<ToastItem, "id">): number;
-    info: (message: React.ReactNode, title?: React.ReactNode) => number;
-    success: (message: React.ReactNode, title?: React.ReactNode) => number;
-    warn: (message: React.ReactNode, title?: React.ReactNode) => number;
-    error: (message: React.ReactNode, title?: React.ReactNode) => number;
-    dismiss(id: number): void;
-    clear(): void;
-};
-interface ToastContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center";
-}
-/** `ToastContainer` — mount once at your app root; subscribes to `toast.*` calls. */
-declare const ToastContainer: React.ForwardRefExoticComponent<ToastContainerProps & React.RefAttributes<HTMLDivElement>>;
-
-export { ToastContainer, type ToastContainerProps, type ToastItem, type ToastType, toast };

package/dist/Toast.js

@@ -1,2 +0,0 @@
-export { ToastContainer, toast } from './chunk-HBWO3QKW.js';
-import './chunk-NJ6B22YJ.js';

package/dist/chunk-32HBMXXV.cjs

@@ -1,208 +0,0 @@
-'use strict';
-
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
-require('./tokens-BIIUTPKN.css');
-require('./shared-NJHRNLRH.css');
-require('./Input-33CAH4O6.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);
-
-var Input = React__namespace.forwardRef(
-  ({
-    value,
-    defaultValue,
-    onChange,
-    placeholder,
-    leadingIcon,
-    trailingIcon,
-    onLeadingIconClick,
-    onTrailingIconClick,
-    size = "md",
-    invalid,
-    disabled,
-    allowClear,
-    maxLength,
-    showCount,
-    prefix,
-    suffix,
-    className = "",
-    ...rest
-  }, ref) => {
-    const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
-    const isControlled = value !== void 0;
-    const currentValue = isControlled ? value : inner;
-    const wrapCls = [
-      "input-wrap",
-      size !== "md" && size,
-      invalid && "invalid",
-      disabled && "disabled",
-      className
-    ].filter(Boolean).join(" ");
-    const handleIconClick = (handler) => handler ? (e) => {
-      e.stopPropagation();
-      if (!disabled) handler(e);
-    } : void 0;
-    const handleChange = (e) => {
-      if (!isControlled) setInner(e.target.value);
-      onChange?.(e.target.value, e);
-    };
-    const handleClear = (e) => {
-      e.stopPropagation();
-      if (disabled) return;
-      if (!isControlled) setInner("");
-      const synthetic = {
-        ...e,
-        target: { ...e.target, value: "" },
-        currentTarget: { ...e.currentTarget, value: "" }
-      };
-      onChange?.("", synthetic);
-    };
-    const showClear = !!allowClear && !!currentValue && !disabled;
-    const count = currentValue ? currentValue.length : 0;
-    const inputElement = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapCls, children: [
-      leadingIcon && /* @__PURE__ */ jsxRuntime.jsx(
-        chunk2MNAZRWE_cjs.Icon,
-        {
-          name: leadingIcon,
-          size: 14,
-          className: `lead${onLeadingIconClick ? " interactive" : ""}`,
-          onClick: handleIconClick(onLeadingIconClick)
-        }
-      ),
-      prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "input-affix prefix", children: prefix }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          ref,
-          className: "input",
-          value: isControlled ? value : void 0,
-          defaultValue: isControlled ? void 0 : defaultValue,
-          onChange: handleChange,
-          placeholder,
-          disabled,
-          maxLength,
-          ...rest
-        }
-      ),
-      suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "input-affix suffix", children: suffix }),
-      showClear && /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "input-clear",
-          role: "button",
-          "aria-label": "Clear",
-          tabIndex: -1,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: handleClear,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 12 })
-        }
-      ),
-      trailingIcon && /* @__PURE__ */ jsxRuntime.jsx(
-        chunk2MNAZRWE_cjs.Icon,
-        {
-          name: trailingIcon,
-          size: 14,
-          className: `trail${onTrailingIconClick ? " interactive" : ""}`,
-          onClick: handleIconClick(onTrailingIconClick)
-        }
-      )
-    ] });
-    if (!showCount) return inputElement;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "input-shell", children: [
-      inputElement,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
-    ] });
-  }
-);
-Input.displayName = "Input";
-var Textarea = React__namespace.forwardRef(
-  ({
-    value,
-    defaultValue,
-    onChange,
-    invalid,
-    allowClear,
-    maxLength,
-    showCount,
-    className = "",
-    ...rest
-  }, ref) => {
-    const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
-    const isControlled = value !== void 0;
-    const currentValue = isControlled ? value : inner;
-    const disabled = rest.disabled;
-    const handleChange = (e) => {
-      if (!isControlled) setInner(e.target.value);
-      onChange?.(e.target.value, e);
-    };
-    const handleClear = (e) => {
-      e.stopPropagation();
-      if (disabled) return;
-      if (!isControlled) setInner("");
-      const synthetic = {
-        ...e,
-        target: { ...e.target, value: "" },
-        currentTarget: { ...e.currentTarget, value: "" }
-      };
-      onChange?.("", synthetic);
-    };
-    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
-    const showClear = !!allowClear && !!currentValue && !disabled;
-    const count = currentValue ? currentValue.length : 0;
-    const field = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "textarea-wrap", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
-        {
-          ref,
-          className: cls,
-          value: isControlled ? value : void 0,
-          defaultValue: isControlled ? void 0 : defaultValue,
-          onChange: handleChange,
-          maxLength,
-          ...rest
-        }
-      ),
-      showClear && /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "textarea-clear",
-          role: "button",
-          "aria-label": "Clear",
-          tabIndex: -1,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: handleClear,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 12 })
-        }
-      )
-    ] });
-    if (!showCount) return field;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "input-shell", children: [
-      field,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-
-exports.Input = Input;
-exports.Textarea = Textarea;

package/dist/chunk-3XTHKAEY.js

@@ -1,39 +0,0 @@
-import './tokens-BIIUTPKN.css';
-import './shared-NJHRNLRH.css';
-import './Card-RG7ECXL2.css';
-import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/components/Card/Card.tsx
-var Card = React.forwardRef(
-  ({ variant = "raised", padding = "md", hoverable, className = "", children, ...rest }, ref) => {
-    const cls = [
-      "card",
-      variant,
-      padding !== "md" && `pad-${padding}`,
-      hoverable && "hoverable",
-      className
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx("div", { ref, className: cls, ...rest, children });
-  }
-);
-Card.displayName = "Card";
-var Panel = ({
-  title,
-  description,
-  actions,
-  children,
-  className = "",
-  ...rest
-}) => /* @__PURE__ */ jsxs("div", { className: `panel ${className}`, ...rest, children: [
-  (title || actions) && /* @__PURE__ */ jsxs("div", { className: "panel-head", children: [
-    /* @__PURE__ */ jsxs("div", { className: "panel-titles", children: [
-      title && /* @__PURE__ */ jsx("div", { className: "panel-title", children: title }),
-      description && /* @__PURE__ */ jsx("div", { className: "panel-desc", children: description })
-    ] }),
-    actions && /* @__PURE__ */ jsx("div", { className: "panel-actions", children: actions })
-  ] }),
-  /* @__PURE__ */ jsx("div", { className: "panel-body", children })
-] });
-
-export { Card, Panel };

package/dist/chunk-5M26OVVY.js

@@ -1,90 +0,0 @@
-import { Icon } from './chunk-NJ6B22YJ.js';
-import './tokens-BIIUTPKN.css';
-import './shared-NJHRNLRH.css';
-import './Image-4MN34O6P.css';
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var Image = React.forwardRef(({
-  src,
-  alt,
-  width = 200,
-  height = 140,
-  preview = true,
-  hover = true,
-  placeholder,
-  className = "",
-  style,
-  ...rest
-}, ref) => {
-  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",
-      {
-        ref,
-        className: `n-image ${hover ? "hover" : ""} ${canPreview ? "clickable" : ""} ${className}`,
-        style: { width, ...style },
-        onClick: () => canPreview && setOpen(true),
-        ...rest,
-        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
-    )
-  ] });
-});
-Image.displayName = "Image";
-var ImageGrid = React.forwardRef(({
-  images,
-  columns,
-  itemHeight = 130,
-  className = "",
-  style,
-  ...rest
-}, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className,
-    style: {
-      display: "grid",
-      gap: 14,
-      gridTemplateColumns: columns ? `repeat(${columns}, 1fr)` : "repeat(auto-fill, minmax(160px, 1fr))",
-      ...style
-    },
-    ...rest,
-    children: images.map((img, i) => /* @__PURE__ */ jsx(Image, { src: img.src, alt: img.alt, width: "100%", height: itemHeight }, i))
-  }
-));
-ImageGrid.displayName = "ImageGrid";
-
-export { Image, ImageGrid };