@fangxinyan/lumina 0.6.13 → 0.6.14

package/dist/{chunk-T7RV2UMU.js → chunk-DSLYWX4O.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Badge-DPGLV3D3.css';
 import * as React from 'react';

package/dist/{chunk-JKFGLYMM.js → chunk-EQ4FPOQQ.js}

@@ -1,7 +1,7 @@
-import { Icon } from './chunk-HHBXCBZP.js';
-import './tokens-OJLK3XMZ.css';
+import { Icon } from './chunk-FDZG27IG.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
-import './Image-SGSRTHQX.css';
+import './Image-TDCXJISG.css';
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -17,6 +17,8 @@ var Image = React.forwardRef(({
   objectFit,
   objectPosition,
   preview,
+  previewClassName = "",
+  previewStyle,
   hover = true,
   placeholder,
   imgProps,
@@ -96,7 +98,15 @@ var Image = React.forwardRef(({
       }
     ),
     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() }) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: ["image-preview-overlay", previewClassName].filter(Boolean).join(" "),
+          style: previewStyle,
+          onClick: () => setOpen(false),
+          children: /* @__PURE__ */ jsx("img", { src, alt, onClick: (e) => e.stopPropagation() })
+        }
+      ),
       document.body
     )
   ] });

package/dist/{chunk-ZZH4UIPN.cjs → chunk-ES7AWMNH.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Empty-CZTRZMZQ.css');
 var React = require('react');

package/dist/{chunk-ZLMJVSBO.cjs → chunk-FDUQPAQE.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Form-NGCQWTMZ.css');
 var React = require('react');

package/dist/{chunk-HHBXCBZP.js → chunk-FDZG27IG.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import * as React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-EEHZRPPF.cjs → chunk-FQJY4D3T.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Badge-DPGLV3D3.css');
 var React = require('react');

package/dist/{chunk-LA62SD2F.js → chunk-FYSXJXNW.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Spin-GONGPV4Q.css';
 import * as React from 'react';

package/dist/{chunk-DEXYWDHF.js → chunk-GNV6W4BN.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-NZBOHEQA.js → chunk-HBO7ZDEQ.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Divider-RPQCVH3J.css';
 import * as React from 'react';

package/dist/{chunk-BAWP2QVY.js → chunk-I777JTTG.js}

@@ -1,5 +1,5 @@
 import { useFloating } from './chunk-DUFRASGO.js';
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Popover-Y3LDCJPW.css';
 import * as React from 'react';

package/dist/{chunk-IZGHMMX7.js → chunk-IOAOG5L7.js}

@@ -1,6 +1,6 @@
-import { Textarea } from './chunk-M63HWVOS.js';
-import { Icon, isIconName, renderIconSlot } from './chunk-HHBXCBZP.js';
-import './tokens-OJLK3XMZ.css';
+import { Textarea } from './chunk-S7IHWY24.js';
+import { Icon, isIconName, renderIconSlot } from './chunk-FDZG27IG.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Input-7GDPGP3E.css';
 import * as React from 'react';

package/dist/{chunk-QQROR2RU.cjs → chunk-IOUAZYK2.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./AppShell-FZCD4C56.css');
 var React = require('react');

package/dist/{chunk-CQKQ7KS2.js → chunk-IPSNC5VZ.js}

@@ -1,5 +1,5 @@
-import { renderIconSlot } from './chunk-HHBXCBZP.js';
-import './tokens-OJLK3XMZ.css';
+import { renderIconSlot } from './chunk-FDZG27IG.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Button-TUMZUQLI.css';
 import * as React from 'react';

package/dist/{chunk-7X7FXV5E.cjs → chunk-IVFVLRWJ.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkRFFP6J6O_cjs = require('./chunk-RFFP6J6O.cjs');
+var chunk5ERD3W24_cjs = require('./chunk-5ERD3W24.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunk7TWL3SJ5_cjs = require('./chunk-7TWL3SJ5.cjs');
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Select-YZ2NUJSX.css');
 var React = require('react');
@@ -216,7 +216,7 @@ var SelectInner = (props, forwardedRef) => {
       }
       return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tags", children: [
         shown.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRFFP6J6O_cjs.Tag,
+          chunk5ERD3W24_cjs.Tag,
           {
             tone: "accent",
             removable: !disabled,
@@ -231,7 +231,7 @@ var SelectInner = (props, forwardedRef) => {
           },
           String(o.value)
         )),
-        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkRFFP6J6O_cjs.Tag, { tone: "neutral", children: [
+        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunk5ERD3W24_cjs.Tag, { tone: "neutral", children: [
           "+",
           overflow
         ] })
@@ -240,7 +240,7 @@ var SelectInner = (props, forwardedRef) => {
     const current = allFlat.find((o) => o.value === singleValue);
     if (!current) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "placeholder", children: placeholder });
     return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-value", children: [
-      chunkOCQC2ZSV_cjs.renderIconSlot(current.icon, { size: 14, className: "select-icon" }),
+      chunkQMX67CVT_cjs.renderIconSlot(current.icon, { size: 14, className: "select-icon" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-value-label", children: current.label })
     ] });
   };
@@ -263,13 +263,13 @@ var SelectInner = (props, forwardedRef) => {
         onMouseEnter: () => setActiveIdx(idx),
         onClick: () => isMulti ? toggleMulti(o) : pickSingle(o),
         children: [
-          isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
-          chunkOCQC2ZSV_cjs.renderIconSlot(o.icon, { size: 14, className: "menu-item-icon" }),
+          isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
+          chunkQMX67CVT_cjs.renderIconSlot(o.icon, { size: 14, className: "menu-item-icon" }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "menu-item-body", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-label", children: o.label }),
             o.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-desc", children: o.description })
           ] }),
-          !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
+          !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
         ]
       },
       String(o.value)
@@ -296,8 +296,8 @@ var SelectInner = (props, forwardedRef) => {
             onClick: () => !disabled && setOpen(!open),
             children: [
               renderTrigger(),
-              showClear && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "x", size: 12 }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
+              showClear && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 12 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
             ]
           }
         ),
@@ -312,7 +312,7 @@ var SelectInner = (props, forwardedRef) => {
               style: floatingStyle,
               children: [
                 mergedSearchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "menu-search", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk7TWL3SJ5_cjs.Input,
+                  chunkVS3I5OKA_cjs.Input,
                   {
                     ref: searchRef,
                     size: "sm",
@@ -332,7 +332,7 @@ var SelectInner = (props, forwardedRef) => {
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u52A0\u8F7D\u4E2D..." })
                 ] }) : filteredItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-state", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "search", size: 16 }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "search", size: 16 }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: emptyContent ?? "\u6682\u65E0\u5339\u914D\u9879" })
                 ] }) : filteredItems.map(
                   (it, gi) => isGroup(it) ? /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [

package/dist/{chunk-LM5XXSGE.js → chunk-IZHH6CVY.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Splitter-DHNOY4NC.css';
 import * as React from 'react';

package/dist/{chunk-GGNBMIZ2.js → chunk-JFL2WMJZ.js}

@@ -1,6 +1,6 @@
 import { cloneLuminaThemePreset } from './chunk-6SPMHY54.js';
-import { useThemeOptional, ThemeProvider } from './chunk-DEXYWDHF.js';
-import './tokens-OJLK3XMZ.css';
+import { useThemeOptional, ThemeProvider } from './chunk-GNV6W4BN.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Surface-UDDN3DGL.css';
 import * as React from 'react';

package/dist/{chunk-XRIXQM3Z.cjs → chunk-JMFHL7GN.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Popover-Y3LDCJPW.css');
 var React = require('react');

package/dist/{chunk-LFPFFSN2.js → chunk-KMPFESEV.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Progress-CZNXCYGW.css';
 import * as React from 'react';

package/dist/{chunk-TAHZH6DJ.js → chunk-KYV75JPQ.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Radio-IQKASYDF.css';
 import * as React from 'react';

package/dist/{chunk-2A2XM7D5.cjs → chunk-LEMMFFEY.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Alert-HVPI6L4V.css');
 var React = require('react');
@@ -48,13 +48,13 @@ var Alert = React__namespace.forwardRef(({
       role: "alert",
       ...rest,
       children: [
-        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: chunkOCQC2ZSV_cjs.renderIconSlot(iconNode, { size: 14 }) }),
+        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: chunkQMX67CVT_cjs.renderIconSlot(iconNode, { 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 })
         ] }),
         action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-action", children: action }),
-        closable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert-close", onClick: onClose, "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "x", size: 12 }) })
+        closable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert-close", onClick: onClose, "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 12 }) })
       ]
     }
   );

package/dist/{chunk-MZIZGYA4.cjs → chunk-M4NJTJKV.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Skeleton-CVWH2VWN.css');
 var React = require('react');

package/dist/{chunk-HYXA7S43.js → chunk-MOZ52KN6.js}

@@ -1,5 +1,5 @@
 import { useFloating } from './chunk-DUFRASGO.js';
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Tooltip-5FSPJWLX.css';
 import * as React from 'react';

package/dist/{chunk-E5MSFY5H.cjs → chunk-MPOO5VPW.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Slider-UM2IZZBH.css');
 var React = require('react');

package/dist/{chunk-MPJLGYFV.cjs → chunk-MYW7LNB2.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Switch-COAQIOMH.css');
 var React = require('react');

package/dist/{chunk-VBTASJ3Y.cjs → chunk-N7OQNSII.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Splitter-DHNOY4NC.css');
 var React = require('react');

package/dist/{chunk-VGERRI4S.js → chunk-OTSDPQPV.js}

@@ -1,5 +1,5 @@
-import { Spin } from './chunk-LA62SD2F.js';
-import './tokens-OJLK3XMZ.css';
+import { Spin } from './chunk-FYSXJXNW.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Timeline-CRFZ3I2W.css';
 import * as React from 'react';

package/dist/{chunk-7NAN7OVX.cjs → chunk-P2OQTJZP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Divider-RPQCVH3J.css');
 var React = require('react');

package/dist/{chunk-HAA5C5YW.js → chunk-P64NPZBG.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-HHBXCBZP.js';
-import './tokens-OJLK3XMZ.css';
+import { Icon } from './chunk-FDZG27IG.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Message-H222YGR6.css';
 import * as React from 'react';

package/dist/{chunk-QP6RNHGR.cjs → chunk-PBT4UKPL.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk56GNNOOT_cjs = require('./chunk-56GNNOOT.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunk7YJV45U6_cjs = require('./chunk-7YJV45U6.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./TablePro-3NGWERWT.css');
 var React = require('react');
@@ -71,7 +71,7 @@ var TableProInner = ({
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk56GNNOOT_cjs.Table,
+          chunk7YJV45U6_cjs.Table,
           {
             columns,
             data,

package/dist/{chunk-FUR5SDP7.cjs → chunk-PKNRTFNE.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/dist/{chunk-FPXBY2MY.cjs → chunk-POU3W5J3.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./StatusBar-FJKEEPXU.css');
 var React = require('react');

package/dist/{chunk-SOY3LB7W.cjs → chunk-PSQ3HNZP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Radio-IQKASYDF.css');
 var React = require('react');

package/dist/{chunk-BK4XKZUO.js → chunk-PU7VXDAS.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Switch-COAQIOMH.css';
 import * as React from 'react';

package/dist/{chunk-OCQC2ZSV.cjs → chunk-QMX67CVT.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');

package/dist/{chunk-R3JCW3ES.js → chunk-QNN3YV2P.js}

@@ -1,5 +1,5 @@
-import { Table } from './chunk-GVULVTWO.js';
-import './tokens-OJLK3XMZ.css';
+import { Table } from './chunk-4YSGGZDB.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './TablePro-3NGWERWT.css';
 import * as React from 'react';

package/dist/{chunk-V5HMQGFD.js → chunk-R3DTXVP2.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Skeleton-CVWH2VWN.css';
 import * as React from 'react';

package/dist/{chunk-EQGNKCBY.cjs → chunk-RFI5R42I.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Message-H222YGR6.css');
 var React = require('react');
@@ -117,12 +117,12 @@ var MessageContainer = React__namespace.forwardRef(({ placement = "top-right", c
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `message-container ${placement} ${className}`, ...rest, children: list.map((t) => {
       const iconName = t.type === "success" ? "check2" : t.type === "warning" || t.type === "error" ? "alert" : "info";
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `message ${t.type}`, role: "status", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message-body", children: [
           t.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-title", children: t.title }),
           t.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: t.content })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "x", size: 14 }) })
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 14 }) })
       ] }, t.id);
     }) }),
     document.body

package/dist/{chunk-FROWMHDP.cjs → chunk-RMFSX7DO.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
-require('./Image-SGSRTHQX.css');
+require('./Image-TDCXJISG.css');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -42,6 +42,8 @@ var Image = React__namespace.forwardRef(({
   objectFit,
   objectPosition,
   preview,
+  previewClassName = "",
+  previewStyle,
   hover = true,
   placeholder,
   imgProps,
@@ -97,10 +99,10 @@ var Image = React__namespace.forwardRef(({
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "image", size: 28 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "image", size: 28 }) }),
           canPreview && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-hint", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "eye", size: 14 }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_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: [
@@ -111,17 +113,25 @@ var Image = React__namespace.forwardRef(({
                   className: "ia-btn",
                   onClick: () => setOpen(true),
                   "aria-label": "\u9884\u89C8",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "eye", size: 13 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_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(chunkOCQC2ZSV_cjs.Icon, { name: "download", size: 13 }) })
+              src && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_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() }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: ["image-preview-overlay", previewClassName].filter(Boolean).join(" "),
+          style: previewStyle,
+          onClick: () => setOpen(false),
+          children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, onClick: (e) => e.stopPropagation() })
+        }
+      ),
       document.body
     )
   ] });

package/dist/{chunk-TCWGIRAW.js → chunk-RR2BKV65.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Avatar-TNPOHVY5.css';
 import * as React from 'react';

package/dist/{chunk-YHFGMI7T.cjs → chunk-RSSOX4RQ.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunk7TWL3SJ5_cjs = require('./chunk-7TWL3SJ5.cjs');
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Cascader-ANEQUPMI.css');
 var React = require('react');
@@ -179,17 +179,17 @@ var Cascader = React__namespace.forwardRef(({
               role: "button",
               "aria-label": "Clear",
               onClick: clear,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "x", size: 12 })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 12 })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "chevDown", size: 14 }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "chevDown", size: 14 }) })
         ]
       }
     ),
     open && typeof document !== "undefined" && reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: panelRef, className: panelClassName, style: floatingStyle, children: [
         searchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-search", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunk7TWL3SJ5_cjs.Input,
+          chunkVS3I5OKA_cjs.Input,
           {
             ref: searchRef,
             size: "sm",
@@ -222,9 +222,9 @@ var Cascader = React__namespace.forwardRef(({
               disabled: o.disabled,
               onClick: () => pick(depth, o.value, hasChildren),
               children: [
-                chunkOCQC2ZSV_cjs.renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
+                chunkQMX67CVT_cjs.renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: o.label }),
-                hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "chevRight", size: 12 }) })
+                hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "chevRight", size: 12 }) })
               ]
             },
             o.value

package/dist/{chunk-3XV4LGQ7.cjs → chunk-RZEFKXL3.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Textarea-YHWKHIFE.css');
 var React = require('react');
@@ -86,7 +86,7 @@ var Textarea = React__namespace.forwardRef(
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
           onClick: handleClear,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "x", size: 12 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 12 })
         }
       )
     ] });

package/dist/{chunk-GDWAQGOH.cjs → chunk-S2ZGXBUH.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./ColorPicker-LPG6QPYF.css');
 var React = require('react');