@fangxinyan/lumina 0.6.16 → 0.6.18

package/dist/DatePicker.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkKHRYPNUV_cjs = require('./chunk-KHRYPNUV.cjs');
+var chunkT2O4DTDE_cjs = require('./chunk-T2O4DTDE.cjs');
+require('./chunk-35RCCUGO.cjs');
 require('./chunk-YB3IWIOJ.cjs');
 require('./chunk-VS3I5OKA.cjs');
 require('./chunk-RZEFKXL3.cjs');
@@ -12,5 +13,5 @@ require('./chunk-QMX67CVT.cjs');
 
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkKHRYPNUV_cjs.DatePicker; }
+  get: function () { return chunkT2O4DTDE_cjs.DatePicker; }
 });

package/dist/DatePicker.js

@@ -1,4 +1,5 @@
-export { DatePicker } from './chunk-FKP5D5IS.js';
+export { DatePicker } from './chunk-7NTTRKNT.js';
+import './chunk-RC6ULCQP.js';
 import './chunk-DUFRASGO.js';
 import './chunk-IOAOG5L7.js';
 import './chunk-S7IHWY24.js';

package/dist/DateTimePicker.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunk32FWB5NO_cjs = require('./chunk-32FWB5NO.cjs');
+var chunkMWEHU7YO_cjs = require('./chunk-MWEHU7YO.cjs');
+require('./chunk-35RCCUGO.cjs');
 require('./chunk-YB3IWIOJ.cjs');
 require('./chunk-VS3I5OKA.cjs');
 require('./chunk-RZEFKXL3.cjs');
@@ -12,5 +13,5 @@ require('./chunk-QMX67CVT.cjs');
 
 Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
-  get: function () { return chunk32FWB5NO_cjs.DateTimePicker; }
+  get: function () { return chunkMWEHU7YO_cjs.DateTimePicker; }
 });

package/dist/DateTimePicker.js

@@ -1,4 +1,5 @@
-export { DateTimePicker } from './chunk-YPE6CDXQ.js';
+export { DateTimePicker } from './chunk-SOCYOUGM.js';
+import './chunk-RC6ULCQP.js';
 import './chunk-DUFRASGO.js';
 import './chunk-IOAOG5L7.js';
 import './chunk-S7IHWY24.js';

package/dist/{Image-TDCXJISG.css → Image-NISJRUWX.css}

@@ -117,14 +117,93 @@
   background: var(--image-preview-mask-bg, var(--mask-bg));
   backdrop-filter: blur(16px);
   display: grid; place-items: center;
+  overflow: hidden;
+  padding: min(8vh, 72px) var(--gap-8) var(--gap-8);
   z-index: 500;
   animation: fadeIn var(--dur) var(--ease);
 }
-.image-preview-overlay img {
+.image-preview-overlay:focus {
+  outline: none;
+}
+.image-preview-toolbar {
+  --image-preview-toolbar-ink: color-mix(in oklch, var(--accent) 42%, var(--fg-muted));
+  --image-preview-toolbar-ink-hover: color-mix(in oklch, var(--accent) 48%, var(--fg));
+  position: absolute;
+  top: var(--gap-5);
+  left: 50%;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: var(--gap-2);
+  max-width: min(calc(100vw - 32px), 720px);
+  padding: 6px;
+  overflow-x: auto;
+  color: var(--image-preview-toolbar-ink);
+  border: 1px solid color-mix(in oklch, var(--accent) 14%, var(--border));
+  border-radius: var(--r-pill);
+  background: color-mix(in oklch, var(--bg-raised) 92%, var(--accent-soft));
+  box-shadow:
+    var(--neu-float),
+    0 0 0 1px color-mix(in oklch, var(--accent-glow) 22%, transparent);
+  backdrop-filter: blur(18px) saturate(1.2);
+  transform: translateX(-50%);
+}
+.image-preview-toolbar .btn {
+  flex: 0 0 auto;
+}
+.image-preview-toolbar .btn.ghost {
+  color: var(--image-preview-toolbar-ink);
+}
+.image-preview-toolbar .btn.ghost:hover {
+  color: var(--image-preview-toolbar-ink-hover);
+  background: color-mix(in oklch, var(--accent-soft) 36%, var(--bg));
+  box-shadow: var(--neu-shadow-subtle);
+}
+.image-preview-toolbar .btn.ghost:active,
+.image-preview-toolbar .btn.ghost.pressed {
+  color: var(--image-preview-toolbar-ink-hover);
+  background: color-mix(in oklch, var(--accent-soft) 48%, var(--bg));
+  box-shadow: var(--neu-shadow-inset-strong);
+}
+.image-preview-scale {
+  min-width: 48px;
+  color: var(--image-preview-toolbar-ink);
+  font-family: var(--font-mono);
+  font-size: var(--fs-sm);
+  font-weight: 500;
+  line-height: 1;
+  text-align: center;
+}
+.image-preview-ratio {
+  min-width: 46px;
+  padding-inline: 10px;
+  font-family: var(--font-mono);
+}
+.image-preview-toolbar-slot {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: var(--gap-2);
+}
+.image-preview-img {
   max-width: 80vw;
   max-height: 80vh;
   border-radius: var(--r-lg);
   box-shadow: var(--neu-shadow-float);
+  transform-origin: center;
+  transition: transform var(--dur-fast) var(--ease);
+  user-select: none;
+  will-change: transform;
+}
+
+@media (max-width: 640px) {
+  .image-preview-overlay {
+    padding: 76px var(--gap-4) var(--gap-4);
+  }
+  .image-preview-toolbar {
+    top: var(--gap-4);
+    border-radius: var(--r-lg);
+  }
 }
 
 /* ============ SpriteImage / LayeredImage ============ */

package/dist/Image.cjs

@@ -1,23 +1,24 @@
 'use strict';
 
-var chunkRMFSX7DO_cjs = require('./chunk-RMFSX7DO.cjs');
+var chunkHSAJUEO7_cjs = require('./chunk-HSAJUEO7.cjs');
+require('./chunk-SW2HMNCA.cjs');
 require('./chunk-QMX67CVT.cjs');
 
 
 
 Object.defineProperty(exports, "Image", {
   enumerable: true,
-  get: function () { return chunkRMFSX7DO_cjs.Image; }
+  get: function () { return chunkHSAJUEO7_cjs.Image; }
 });
 Object.defineProperty(exports, "ImageGrid", {
   enumerable: true,
-  get: function () { return chunkRMFSX7DO_cjs.ImageGrid; }
+  get: function () { return chunkHSAJUEO7_cjs.ImageGrid; }
 });
 Object.defineProperty(exports, "LayeredImage", {
   enumerable: true,
-  get: function () { return chunkRMFSX7DO_cjs.LayeredImage; }
+  get: function () { return chunkHSAJUEO7_cjs.LayeredImage; }
 });
 Object.defineProperty(exports, "SpriteImage", {
   enumerable: true,
-  get: function () { return chunkRMFSX7DO_cjs.SpriteImage; }
+  get: function () { return chunkHSAJUEO7_cjs.SpriteImage; }
 });

package/dist/Image.d.cts

@@ -1,6 +1,17 @@
 import * as React from 'react';
 
 type ImageVariant = "framed" | "raw" | "icon";
+type ImagePreviewMode = "fit" | "actual";
+interface ImagePreviewToolbarRenderProps {
+    scale: number;
+    mode: ImagePreviewMode;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    fitToWindow: () => void;
+    actualSize: () => void;
+    reset: () => void;
+    close: () => void;
+}
 interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {
     src?: string;
     alt?: string;
@@ -22,6 +33,12 @@ interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {
     previewClassName?: string;
     /** Inline style forwarded to the full-screen preview overlay. */
     previewStyle?: React.CSSProperties;
+    /** Max width of the image inside the preview overlay. Defaults to 80vw. */
+    previewMaxWidth?: number | string;
+    /** Max height of the image inside the preview overlay. Defaults to 80vh. */
+    previewMaxHeight?: number | string;
+    /** Render extra controls in the preview toolbar. */
+    renderPreviewToolbar?: (props: ImagePreviewToolbarRenderProps) => React.ReactNode;
     /** Hover scale-up. */
     hover?: boolean;
     /** Custom placeholder while loading or on error. */
@@ -104,4 +121,4 @@ interface LayeredImageProps extends React.HTMLAttributes<HTMLDivElement> {
  */
 declare const LayeredImage: React.ForwardRefExoticComponent<LayeredImageProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Image, ImageGrid, type ImageGridItem, type ImageGridProps, type ImageProps, type ImageVariant, LayeredImage, type LayeredImageInset, type LayeredImageLayer, type LayeredImageProps, SpriteImage, type SpriteImageProps, type SpriteRect };
+export { Image, ImageGrid, type ImageGridItem, type ImageGridProps, type ImagePreviewMode, type ImagePreviewToolbarRenderProps, type ImageProps, type ImageVariant, LayeredImage, type LayeredImageInset, type LayeredImageLayer, type LayeredImageProps, SpriteImage, type SpriteImageProps, type SpriteRect };

package/dist/Image.d.ts

@@ -1,6 +1,17 @@
 import * as React from 'react';
 
 type ImageVariant = "framed" | "raw" | "icon";
+type ImagePreviewMode = "fit" | "actual";
+interface ImagePreviewToolbarRenderProps {
+    scale: number;
+    mode: ImagePreviewMode;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    fitToWindow: () => void;
+    actualSize: () => void;
+    reset: () => void;
+    close: () => void;
+}
 interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {
     src?: string;
     alt?: string;
@@ -22,6 +33,12 @@ interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {
     previewClassName?: string;
     /** Inline style forwarded to the full-screen preview overlay. */
     previewStyle?: React.CSSProperties;
+    /** Max width of the image inside the preview overlay. Defaults to 80vw. */
+    previewMaxWidth?: number | string;
+    /** Max height of the image inside the preview overlay. Defaults to 80vh. */
+    previewMaxHeight?: number | string;
+    /** Render extra controls in the preview toolbar. */
+    renderPreviewToolbar?: (props: ImagePreviewToolbarRenderProps) => React.ReactNode;
     /** Hover scale-up. */
     hover?: boolean;
     /** Custom placeholder while loading or on error. */
@@ -104,4 +121,4 @@ interface LayeredImageProps extends React.HTMLAttributes<HTMLDivElement> {
  */
 declare const LayeredImage: React.ForwardRefExoticComponent<LayeredImageProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Image, ImageGrid, type ImageGridItem, type ImageGridProps, type ImageProps, type ImageVariant, LayeredImage, type LayeredImageInset, type LayeredImageLayer, type LayeredImageProps, SpriteImage, type SpriteImageProps, type SpriteRect };
+export { Image, ImageGrid, type ImageGridItem, type ImageGridProps, type ImagePreviewMode, type ImagePreviewToolbarRenderProps, type ImageProps, type ImageVariant, LayeredImage, type LayeredImageInset, type LayeredImageLayer, type LayeredImageProps, SpriteImage, type SpriteImageProps, type SpriteRect };

package/dist/Image.js

@@ -1,2 +1,3 @@
-export { Image, ImageGrid, LayeredImage, SpriteImage } from './chunk-EQ4FPOQQ.js';
+export { Image, ImageGrid, LayeredImage, SpriteImage } from './chunk-5VOUUQF5.js';
+import './chunk-IPSNC5VZ.js';
 import './chunk-FDZG27IG.js';

package/dist/Pagination.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkZBWUIR2J_cjs = require('./chunk-ZBWUIR2J.cjs');
-require('./chunk-IVFVLRWJ.cjs');
+var chunkL6GIV5DQ_cjs = require('./chunk-L6GIV5DQ.cjs');
+require('./chunk-UW57F3UO.cjs');
 require('./chunk-5ERD3W24.cjs');
 require('./chunk-YB3IWIOJ.cjs');
 require('./chunk-VS3I5OKA.cjs');
@@ -12,5 +12,5 @@ require('./chunk-QMX67CVT.cjs');
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkZBWUIR2J_cjs.Pagination; }
+  get: function () { return chunkL6GIV5DQ_cjs.Pagination; }
 });

package/dist/Pagination.js

@@ -1,5 +1,5 @@
-export { Pagination } from './chunk-6LC4QROE.js';
-import './chunk-6PHPRZTT.js';
+export { Pagination } from './chunk-V5SQOZPF.js';
+import './chunk-E22OIVYP.js';
 import './chunk-6K5YI4ZE.js';
 import './chunk-DUFRASGO.js';
 import './chunk-IOAOG5L7.js';

package/dist/Select.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkIVFVLRWJ_cjs = require('./chunk-IVFVLRWJ.cjs');
+var chunkUW57F3UO_cjs = require('./chunk-UW57F3UO.cjs');
 require('./chunk-5ERD3W24.cjs');
 require('./chunk-YB3IWIOJ.cjs');
 require('./chunk-VS3I5OKA.cjs');
@@ -11,5 +11,5 @@ require('./chunk-QMX67CVT.cjs');
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkIVFVLRWJ_cjs.Select; }
+  get: function () { return chunkUW57F3UO_cjs.Select; }
 });

package/dist/Select.js

@@ -1,4 +1,4 @@
-export { Select } from './chunk-6PHPRZTT.js';
+export { Select } from './chunk-E22OIVYP.js';
 import './chunk-6K5YI4ZE.js';
 import './chunk-DUFRASGO.js';
 import './chunk-IOAOG5L7.js';

package/dist/Table.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk7YJV45U6_cjs = require('./chunk-7YJV45U6.cjs');
-require('./chunk-ZBWUIR2J.cjs');
-require('./chunk-IVFVLRWJ.cjs');
+var chunkNXBFEIUX_cjs = require('./chunk-NXBFEIUX.cjs');
+require('./chunk-L6GIV5DQ.cjs');
+require('./chunk-UW57F3UO.cjs');
 require('./chunk-5ERD3W24.cjs');
 require('./chunk-ATUPFAPZ.cjs');
 require('./chunk-YB3IWIOJ.cjs');
@@ -14,5 +14,5 @@ require('./chunk-QMX67CVT.cjs');
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunk7YJV45U6_cjs.Table; }
+  get: function () { return chunkNXBFEIUX_cjs.Table; }
 });

package/dist/Table.js

@@ -1,6 +1,6 @@
-export { Table } from './chunk-4YSGGZDB.js';
-import './chunk-6LC4QROE.js';
-import './chunk-6PHPRZTT.js';
+export { Table } from './chunk-UGAN4BBW.js';
+import './chunk-V5SQOZPF.js';
+import './chunk-E22OIVYP.js';
 import './chunk-6K5YI4ZE.js';
 import './chunk-ZD3L4V3H.js';
 import './chunk-DUFRASGO.js';

package/dist/TablePro.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkPBT4UKPL_cjs = require('./chunk-PBT4UKPL.cjs');
-require('./chunk-7YJV45U6.cjs');
-require('./chunk-ZBWUIR2J.cjs');
-require('./chunk-IVFVLRWJ.cjs');
+var chunk4ACCOYBY_cjs = require('./chunk-4ACCOYBY.cjs');
+require('./chunk-NXBFEIUX.cjs');
+require('./chunk-L6GIV5DQ.cjs');
+require('./chunk-UW57F3UO.cjs');
 require('./chunk-5ERD3W24.cjs');
 require('./chunk-ATUPFAPZ.cjs');
 require('./chunk-YB3IWIOJ.cjs');
@@ -15,5 +15,5 @@ require('./chunk-QMX67CVT.cjs');
 
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunkPBT4UKPL_cjs.TablePro; }
+  get: function () { return chunk4ACCOYBY_cjs.TablePro; }
 });

package/dist/TablePro.js

@@ -1,7 +1,7 @@
-export { TablePro } from './chunk-QNN3YV2P.js';
-import './chunk-4YSGGZDB.js';
-import './chunk-6LC4QROE.js';
-import './chunk-6PHPRZTT.js';
+export { TablePro } from './chunk-2FOC3D6X.js';
+import './chunk-UGAN4BBW.js';
+import './chunk-V5SQOZPF.js';
+import './chunk-E22OIVYP.js';
 import './chunk-6K5YI4ZE.js';
 import './chunk-ZD3L4V3H.js';
 import './chunk-DUFRASGO.js';

package/dist/TimePicker.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkSFEWMO45_cjs = require('./chunk-SFEWMO45.cjs');
+var chunkUWL6DRZW_cjs = require('./chunk-UWL6DRZW.cjs');
+require('./chunk-35RCCUGO.cjs');
 require('./chunk-YB3IWIOJ.cjs');
 require('./chunk-VS3I5OKA.cjs');
 require('./chunk-RZEFKXL3.cjs');
@@ -11,5 +12,5 @@ require('./chunk-QMX67CVT.cjs');
 
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkSFEWMO45_cjs.TimePicker; }
+  get: function () { return chunkUWL6DRZW_cjs.TimePicker; }
 });

package/dist/TimePicker.js

@@ -1,4 +1,5 @@
-export { TimePicker } from './chunk-DU4VSUBF.js';
+export { TimePicker } from './chunk-HG6YS4I7.js';
+import './chunk-RC6ULCQP.js';
 import './chunk-DUFRASGO.js';
 import './chunk-IOAOG5L7.js';
 import './chunk-S7IHWY24.js';

package/dist/{chunk-QNN3YV2P.js → chunk-2FOC3D6X.js}

@@ -1,4 +1,4 @@
-import { Table } from './chunk-4YSGGZDB.js';
+import { Table } from './chunk-UGAN4BBW.js';
 import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './TablePro-3NGWERWT.css';

package/dist/chunk-35RCCUGO.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+var React = require('react');
+
+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/utils/useInputTriggerToggle.ts
+function useInputTriggerToggle({
+  open,
+  disabled,
+  readOnly,
+  setOpen
+}) {
+  const pointerDownOpenRef = React__namespace.useRef(false);
+  const focusOpenedRef = React__namespace.useRef(false);
+  const handlePointerDown = React__namespace.useCallback(() => {
+    pointerDownOpenRef.current = open;
+    focusOpenedRef.current = false;
+  }, [open]);
+  const handleFocus = React__namespace.useCallback(() => {
+    if (disabled || readOnly || open) return;
+    focusOpenedRef.current = true;
+    setOpen(true);
+  }, [disabled, open, readOnly, setOpen]);
+  const handleClick = React__namespace.useCallback(() => {
+    if (disabled || readOnly) return;
+    if (focusOpenedRef.current) {
+      focusOpenedRef.current = false;
+      pointerDownOpenRef.current = false;
+      return;
+    }
+    const nextOpen = !(pointerDownOpenRef.current || open);
+    pointerDownOpenRef.current = false;
+    setOpen(nextOpen);
+  }, [disabled, open, readOnly, setOpen]);
+  return {
+    onPointerDown: handlePointerDown,
+    onMouseDown: handlePointerDown,
+    onFocus: handleFocus,
+    onClick: handleClick
+  };
+}
+
+exports.useInputTriggerToggle = useInputTriggerToggle;

package/dist/{chunk-PBT4UKPL.cjs → chunk-4ACCOYBY.cjs}

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