@fangxinyan/lumina 0.6.15 → 0.6.17

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-77ZLZIWO.css → DateTimePicker-DRX7XA74.css}

@@ -135,8 +135,8 @@
   gap: 4px;
   height: 220px;
   overflow-y: auto;
-  padding: 90px 5px;
-  scroll-padding: 90px 0;
+  padding: calc((220px - 28px) / 2) 5px;
+  scroll-padding: calc((220px - 28px) / 2) 0;
   scrollbar-width: none;
   -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 20px, black calc(100% - 20px), transparent 100%);
   mask-image: linear-gradient(to bottom, transparent 0, black 20px, black calc(100% - 20px), transparent 100%);
@@ -218,7 +218,7 @@
 
   .date-time-picker-time-list {
     height: 118px;
-    padding: 28px 8px;
-    scroll-padding: 28px 0;
+    padding: calc((118px - 28px) / 2) 8px;
+    scroll-padding: calc((118px - 28px) / 2) 0;
   }
 }

package/dist/DateTimePicker.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunk26AJ7OY3_cjs = require('./chunk-26AJ7OY3.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 chunk26AJ7OY3_cjs.DateTimePicker; }
+  get: function () { return chunkMWEHU7YO_cjs.DateTimePicker; }
 });

package/dist/DateTimePicker.js

@@ -1,4 +1,5 @@
-export { DateTimePicker } from './chunk-CUBKHQ63.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/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-6URACYEH.css → TimePicker-ZBJOXH3U.css}

@@ -81,11 +81,11 @@
   gap: 4px;
   height: 166px;
   overflow-y: auto;
-  padding: 40px 8px;
+  padding: calc((166px - 30px) / 2) 8px;
   border-radius: 0;
   background: transparent;
   box-shadow: none;
-  scroll-padding: 40px 0;
+  scroll-padding: calc((166px - 30px) / 2) 0;
   scrollbar-width: none;
   -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
   mask-image: linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);

package/dist/TimePicker.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkCYBBUXUK_cjs = require('./chunk-CYBBUXUK.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 chunkCYBBUXUK_cjs.TimePicker; }
+  get: function () { return chunkUWL6DRZW_cjs.TimePicker; }
 });

package/dist/TimePicker.js

@@ -1,4 +1,5 @@
-export { TimePicker } from './chunk-N7CHFKRS.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,

package/dist/{chunk-FKP5D5IS.js → chunk-7NTTRKNT.js}

@@ -1,3 +1,4 @@
+import { useInputTriggerToggle } from './chunk-RC6ULCQP.js';
 import { useFloating } from './chunk-DUFRASGO.js';
 import { Input } from './chunk-IOAOG5L7.js';
 import { Button } from './chunk-IPSNC5VZ.js';
@@ -86,6 +87,12 @@ var DatePicker = React.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React.useRef(null);
     const panelRef = React.useRef(null);
     const { triggerRef, floatingStyle } = useFloating({
@@ -207,8 +214,7 @@ var DatePicker = React.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "calendar",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-6PHPRZTT.js → chunk-E22OIVYP.js}

@@ -137,7 +137,12 @@ var SelectInner = (props, forwardedRef) => {
     if (!multiControlled) setInnerMulti(next);
     props.onChange?.(next);
   };
+  const stopClearActivation = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
   const clearAll = (e) => {
+    e.preventDefault();
     e.stopPropagation();
     if (isMulti) {
       if (!multiControlled) setInnerMulti([]);
@@ -274,7 +279,18 @@ var SelectInner = (props, forwardedRef) => {
             onClick: () => !disabled && setOpen(!open),
             children: [
               renderTrigger(),
-              showClear && /* @__PURE__ */ jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 }) }),
+              showClear && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "select-clear",
+                  role: "button",
+                  "aria-label": "Clear",
+                  onPointerDown: stopClearActivation,
+                  onMouseDown: stopClearActivation,
+                  onClick: clearAll,
+                  children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 })
+                }
+              ),
               /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 14, className: "select-caret" })
             ]
           }

package/dist/{chunk-N7CHFKRS.js → chunk-HG6YS4I7.js}

@@ -1,9 +1,10 @@
+import { useInputTriggerToggle } from './chunk-RC6ULCQP.js';
 import { useFloating } from './chunk-DUFRASGO.js';
 import { Input } from './chunk-IOAOG5L7.js';
 import { Button } from './chunk-IPSNC5VZ.js';
 import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
-import './TimePicker-6URACYEH.css';
+import './TimePicker-ZBJOXH3U.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -114,6 +115,12 @@ var TimePicker = React.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React.useRef(null);
     const panelRef = React.useRef(null);
     const { triggerRef, floatingStyle } = useFloating({
@@ -331,8 +338,7 @@ var TimePicker = React.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "clock",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-ZBWUIR2J.cjs → chunk-L6GIV5DQ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkIVFVLRWJ_cjs = require('./chunk-IVFVLRWJ.cjs');
+var chunkUW57F3UO_cjs = require('./chunk-UW57F3UO.cjs');
 var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
 require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
@@ -124,7 +124,7 @@ var Pagination = React__namespace.forwardRef(({
         }
       ),
       showSizeChanger && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pg-size-changer", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkIVFVLRWJ_cjs.Select,
+        chunkUW57F3UO_cjs.Select,
         {
           value: pageSize,
           size: "sm",

package/dist/{chunk-26AJ7OY3.cjs → chunk-MWEHU7YO.cjs}

@@ -1,12 +1,13 @@
 'use strict';
 
+var chunk35RCCUGO_cjs = require('./chunk-35RCCUGO.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
 var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
 var chunk4KDABJSY_cjs = require('./chunk-4KDABJSY.cjs');
 require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
-require('./DateTimePicker-77ZLZIWO.css');
+require('./DateTimePicker-DRX7XA74.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -166,6 +167,12 @@ var DateTimePicker = React__namespace.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = chunk35RCCUGO_cjs.useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React__namespace.useRef(null);
     const panelRef = React__namespace.useRef(null);
     const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
@@ -430,8 +437,7 @@ var DateTimePicker = React__namespace.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "calendar",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-7YJV45U6.cjs → chunk-NXBFEIUX.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZBWUIR2J_cjs = require('./chunk-ZBWUIR2J.cjs');
+var chunkL6GIV5DQ_cjs = require('./chunk-L6GIV5DQ.cjs');
 var chunkATUPFAPZ_cjs = require('./chunk-ATUPFAPZ.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
@@ -398,7 +398,7 @@ var TableInner = ({
       }
     ),
     pagEnabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-pagination", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZBWUIR2J_cjs.Pagination,
+      chunkL6GIV5DQ_cjs.Pagination,
       {
         total: totalCount,
         pageSize: curPageSize,

package/dist/chunk-RC6ULCQP.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+// src/utils/useInputTriggerToggle.ts
+function useInputTriggerToggle({
+  open,
+  disabled,
+  readOnly,
+  setOpen
+}) {
+  const pointerDownOpenRef = React.useRef(false);
+  const focusOpenedRef = React.useRef(false);
+  const handlePointerDown = React.useCallback(() => {
+    pointerDownOpenRef.current = open;
+    focusOpenedRef.current = false;
+  }, [open]);
+  const handleFocus = React.useCallback(() => {
+    if (disabled || readOnly || open) return;
+    focusOpenedRef.current = true;
+    setOpen(true);
+  }, [disabled, open, readOnly, setOpen]);
+  const handleClick = React.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
+  };
+}
+
+export { useInputTriggerToggle };

package/dist/{chunk-CUBKHQ63.js → chunk-SOCYOUGM.js}

@@ -1,10 +1,11 @@
+import { useInputTriggerToggle } from './chunk-RC6ULCQP.js';
 import { useFloating } from './chunk-DUFRASGO.js';
 import { Input } from './chunk-IOAOG5L7.js';
 import { Button } from './chunk-IPSNC5VZ.js';
 import { Calendar } from './chunk-I7TOBKJO.js';
 import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
-import './DateTimePicker-77ZLZIWO.css';
+import './DateTimePicker-DRX7XA74.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -144,6 +145,12 @@ var DateTimePicker = React.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React.useRef(null);
     const panelRef = React.useRef(null);
     const { triggerRef, floatingStyle } = useFloating({
@@ -408,8 +415,7 @@ var DateTimePicker = React.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "calendar",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-KHRYPNUV.cjs → chunk-T2O4DTDE.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunk35RCCUGO_cjs = require('./chunk-35RCCUGO.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
 var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
@@ -108,6 +109,12 @@ var DatePicker = React__namespace.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = chunk35RCCUGO_cjs.useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React__namespace.useRef(null);
     const panelRef = React__namespace.useRef(null);
     const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
@@ -229,8 +236,7 @@ var DatePicker = React__namespace.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "calendar",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-4YSGGZDB.js → chunk-UGAN4BBW.js}

@@ -1,4 +1,4 @@
-import { Pagination } from './chunk-6LC4QROE.js';
+import { Pagination } from './chunk-V5SQOZPF.js';
 import { Checkbox } from './chunk-ZD3L4V3H.js';
 import { useFloating } from './chunk-DUFRASGO.js';
 import { Icon } from './chunk-FDZG27IG.js';

package/dist/{chunk-IVFVLRWJ.cjs → chunk-UW57F3UO.cjs}

@@ -159,7 +159,12 @@ var SelectInner = (props, forwardedRef) => {
     if (!multiControlled) setInnerMulti(next);
     props.onChange?.(next);
   };
+  const stopClearActivation = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
   const clearAll = (e) => {
+    e.preventDefault();
     e.stopPropagation();
     if (isMulti) {
       if (!multiControlled) setInnerMulti([]);
@@ -296,7 +301,18 @@ 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(chunkQMX67CVT_cjs.Icon, { name: "x", size: 12 }) }),
+              showClear && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: "select-clear",
+                  role: "button",
+                  "aria-label": "Clear",
+                  onPointerDown: stopClearActivation,
+                  onMouseDown: stopClearActivation,
+                  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" })
             ]
           }

package/dist/{chunk-CYBBUXUK.cjs → chunk-UWL6DRZW.cjs}

@@ -1,11 +1,12 @@
 'use strict';
 
+var chunk35RCCUGO_cjs = require('./chunk-35RCCUGO.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
 var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
 require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
-require('./TimePicker-6URACYEH.css');
+require('./TimePicker-ZBJOXH3U.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -136,6 +137,12 @@ var TimePicker = React__namespace.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = chunk35RCCUGO_cjs.useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React__namespace.useRef(null);
     const panelRef = React__namespace.useRef(null);
     const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
@@ -353,8 +360,7 @@ var TimePicker = React__namespace.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "clock",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-6LC4QROE.js → chunk-V5SQOZPF.js}

@@ -1,4 +1,4 @@
-import { Select } from './chunk-6PHPRZTT.js';
+import { Select } from './chunk-E22OIVYP.js';
 import { Icon } from './chunk-FDZG27IG.js';
 import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';

package/dist/index.cjs

@@ -3,11 +3,11 @@
 var chunk6Q76VLCE_cjs = require('./chunk-6Q76VLCE.cjs');
 var chunkV5KUC5VH_cjs = require('./chunk-V5KUC5VH.cjs');
 var chunkX5MYHDEQ_cjs = require('./chunk-X5MYHDEQ.cjs');
-var chunkPBT4UKPL_cjs = require('./chunk-PBT4UKPL.cjs');
-var chunk7YJV45U6_cjs = require('./chunk-7YJV45U6.cjs');
+var chunk4ACCOYBY_cjs = require('./chunk-4ACCOYBY.cjs');
+var chunkNXBFEIUX_cjs = require('./chunk-NXBFEIUX.cjs');
 var chunk5A6KSYWA_cjs = require('./chunk-5A6KSYWA.cjs');
 var chunkA4Z7PLHV_cjs = require('./chunk-A4Z7PLHV.cjs');
-var chunkCYBBUXUK_cjs = require('./chunk-CYBBUXUK.cjs');
+var chunkUWL6DRZW_cjs = require('./chunk-UWL6DRZW.cjs');
 var chunkM4NJTJKV_cjs = require('./chunk-M4NJTJKV.cjs');
 var chunkMPOO5VPW_cjs = require('./chunk-MPOO5VPW.cjs');
 var chunkN7OQNSII_cjs = require('./chunk-N7OQNSII.cjs');
@@ -20,13 +20,13 @@ var chunk5QEI7GGA_cjs = require('./chunk-5QEI7GGA.cjs');
 var chunkSOQ56ZI2_cjs = require('./chunk-SOQ56ZI2.cjs');
 var chunkRFI5R42I_cjs = require('./chunk-RFI5R42I.cjs');
 var chunkBT2RXFT4_cjs = require('./chunk-BT2RXFT4.cjs');
-var chunkZBWUIR2J_cjs = require('./chunk-ZBWUIR2J.cjs');
-var chunkIVFVLRWJ_cjs = require('./chunk-IVFVLRWJ.cjs');
+var chunkL6GIV5DQ_cjs = require('./chunk-L6GIV5DQ.cjs');
+var chunkUW57F3UO_cjs = require('./chunk-UW57F3UO.cjs');
 var chunk5ERD3W24_cjs = require('./chunk-5ERD3W24.cjs');
 var chunkJMFHL7GN_cjs = require('./chunk-JMFHL7GN.cjs');
 var chunkX7XP6GEI_cjs = require('./chunk-X7XP6GEI.cjs');
 var chunkPSQ3HNZP_cjs = require('./chunk-PSQ3HNZP.cjs');
-var chunk26AJ7OY3_cjs = require('./chunk-26AJ7OY3.cjs');
+var chunkMWEHU7YO_cjs = require('./chunk-MWEHU7YO.cjs');
 var chunkP2OQTJZP_cjs = require('./chunk-P2OQTJZP.cjs');
 var chunkULUD3FED_cjs = require('./chunk-ULUD3FED.cjs');
 var chunkES7AWMNH_cjs = require('./chunk-ES7AWMNH.cjs');
@@ -40,7 +40,8 @@ var chunkBNY2NVTL_cjs = require('./chunk-BNY2NVTL.cjs');
 var chunkS2ZGXBUH_cjs = require('./chunk-S2ZGXBUH.cjs');
 var chunk4TTRHEGM_cjs = require('./chunk-4TTRHEGM.cjs');
 var chunkVA2I7ZAL_cjs = require('./chunk-VA2I7ZAL.cjs');
-var chunkKHRYPNUV_cjs = require('./chunk-KHRYPNUV.cjs');
+var chunkT2O4DTDE_cjs = require('./chunk-T2O4DTDE.cjs');
+require('./chunk-35RCCUGO.cjs');
 var chunkLEMMFFEY_cjs = require('./chunk-LEMMFFEY.cjs');
 var chunkIOUAZYK2_cjs = require('./chunk-IOUAZYK2.cjs');
 var chunk7IO3EOHN_cjs = require('./chunk-7IO3EOHN.cjs');
@@ -54,7 +55,7 @@ var chunk4KDABJSY_cjs = require('./chunk-4KDABJSY.cjs');
 var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
 
 // src/index.ts
-var VERSION = "0.6.15";
+var VERSION = "0.6.17";
 
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
@@ -86,11 +87,11 @@ Object.defineProperty(exports, "Typography", {
 });
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunkPBT4UKPL_cjs.TablePro; }
+  get: function () { return chunk4ACCOYBY_cjs.TablePro; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunk7YJV45U6_cjs.Table; }
+  get: function () { return chunkNXBFEIUX_cjs.Table; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
@@ -110,7 +111,7 @@ Object.defineProperty(exports, "ThemePanel", {
 });
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkCYBBUXUK_cjs.TimePicker; }
+  get: function () { return chunkUWL6DRZW_cjs.TimePicker; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
@@ -214,11 +215,11 @@ Object.defineProperty(exports, "Modal", {
 });
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkZBWUIR2J_cjs.Pagination; }
+  get: function () { return chunkL6GIV5DQ_cjs.Pagination; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkIVFVLRWJ_cjs.Select; }
+  get: function () { return chunkUW57F3UO_cjs.Select; }
 });
 Object.defineProperty(exports, "Tag", {
   enumerable: true,
@@ -242,7 +243,7 @@ Object.defineProperty(exports, "RadioGroup", {
 });
 Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
-  get: function () { return chunk26AJ7OY3_cjs.DateTimePicker; }
+  get: function () { return chunkMWEHU7YO_cjs.DateTimePicker; }
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
@@ -318,7 +319,7 @@ Object.defineProperty(exports, "ContextMenu", {
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkKHRYPNUV_cjs.DatePicker; }
+  get: function () { return chunkT2O4DTDE_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "Alert", {
   enumerable: true,

package/dist/index.d.cts

@@ -52,6 +52,6 @@ import 'react/jsx-runtime';
 import 'react';
 
 /** Package version — bumped by release scripts. */
-declare const VERSION = "0.6.15";
+declare const VERSION = "0.6.17";
 
 export { VERSION };

package/dist/index.d.ts

@@ -52,6 +52,6 @@ import 'react/jsx-runtime';
 import 'react';
 
 /** Package version — bumped by release scripts. */
-declare const VERSION = "0.6.15";
+declare const VERSION = "0.6.17";
 
 export { VERSION };

package/dist/index.js

@@ -1,11 +1,11 @@
 export { Timeline } from './chunk-OTSDPQPV.js';
 export { Tooltip } from './chunk-MOZ52KN6.js';
 export { Link, Paragraph, Text, Title, Typography } from './chunk-6HF6UF73.js';
-export { TablePro } from './chunk-QNN3YV2P.js';
-export { Table } from './chunk-4YSGGZDB.js';
+export { TablePro } from './chunk-2FOC3D6X.js';
+export { Table } from './chunk-UGAN4BBW.js';
 export { Tabs } from './chunk-ZTCRD2FL.js';
 export { THEME_PANEL_DEFAULT_PRESET_OPTIONS, THEME_PANEL_DEFAULT_THEME_PRESETS, ThemePanel } from './chunk-3VSHGM54.js';
-export { TimePicker } from './chunk-N7CHFKRS.js';
+export { TimePicker } from './chunk-HG6YS4I7.js';
 export { Skeleton } from './chunk-R3DTXVP2.js';
 export { Slider } from './chunk-D7GK6H6V.js';
 export { Splitter } from './chunk-IZHH6CVY.js';
@@ -18,13 +18,13 @@ export { InputNumber } from './chunk-3VXGZ3SJ.js';
 export { List } from './chunk-YAFDVNXT.js';
 export { MessageContainer, ToastContainer, message, toast } from './chunk-P64NPZBG.js';
 export { Modal } from './chunk-BVQOJKRX.js';
-export { Pagination } from './chunk-6LC4QROE.js';
-export { Select } from './chunk-6PHPRZTT.js';
+export { Pagination } from './chunk-V5SQOZPF.js';
+export { Select } from './chunk-E22OIVYP.js';
 export { Tag } from './chunk-6K5YI4ZE.js';
 export { Popover } from './chunk-I777JTTG.js';
 export { Progress } from './chunk-KMPFESEV.js';
 export { Radio, RadioGroup } from './chunk-KYV75JPQ.js';
-export { DateTimePicker } from './chunk-CUBKHQ63.js';
+export { DateTimePicker } from './chunk-SOCYOUGM.js';
 export { Divider } from './chunk-HBO7ZDEQ.js';
 export { Drawer } from './chunk-WMGMIE2D.js';
 export { Empty } from './chunk-6MEOLYNQ.js';
@@ -38,7 +38,8 @@ export { Collapse } from './chunk-6LN4VVX7.js';
 export { ColorPicker } from './chunk-TJECLLN4.js';
 export { CommandPalette } from './chunk-5MOYKVB7.js';
 export { ContextMenu } from './chunk-AAPZLBHQ.js';
-export { DatePicker } from './chunk-FKP5D5IS.js';
+export { DatePicker } from './chunk-7NTTRKNT.js';
+import './chunk-RC6ULCQP.js';
 export { Alert } from './chunk-A6O25EP2.js';
 export { AppShell, Sidebar, TitleBar, WindowControls } from './chunk-XCXUGHDF.js';
 export { AutoComplete } from './chunk-CFZVWY5N.js';
@@ -52,6 +53,6 @@ export { Calendar } from './chunk-I7TOBKJO.js';
 export { AimOutlined, AppstoreOutlined, BarChartOutlined, BlockOutlined, BorderOutlined, CameraOutlined, CaretDownOutlined, CaretUpOutlined, CheckCircleFilled, CheckCircleOutlined, CheckOutlined, ClockCircleFilled, CloseCircleOutlined, CloseOutlined, CopyOutlined, DashboardOutlined, DeleteOutlined, DownOutlined, EnvironmentOutlined, ExclamationCircleOutlined, FolderOpenOutlined, ICON_NAMES, Icon, LeftOutlined, LoadingOutlined, MinusCircleOutlined, MinusOutlined, NAMED_ICON_MAP, PictureOutlined, PlusOutlined, QqOutlined, ReloadOutlined, RightOutlined, RobotOutlined, SearchOutlined, SettingOutlined, StarFilled, StarOutlined, SwapOutlined, SwapRightOutlined, SyncOutlined, ThunderboltOutlined, TranslationOutlined, UnorderedListOutlined, UserOutlined, isIconName, renderIconSlot, resolveIconName } from './chunk-FDZG27IG.js';
 
 // src/index.ts
-var VERSION = "0.6.15";
+var VERSION = "0.6.17";
 
 export { VERSION };

package/dist/styles.css

@@ -2733,8 +2733,8 @@ input, textarea, select { font-family: inherit; color: inherit; }
   gap: 4px;
   height: 220px;
   overflow-y: auto;
-  padding: 90px 5px;
-  scroll-padding: 90px 0;
+  padding: calc((220px - 28px) / 2) 5px;
+  scroll-padding: calc((220px - 28px) / 2) 0;
   scrollbar-width: none;
   -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 20px, black calc(100% - 20px), transparent 100%);
   mask-image: linear-gradient(to bottom, transparent 0, black 20px, black calc(100% - 20px), transparent 100%);
@@ -2807,8 +2807,8 @@ input, textarea, select { font-family: inherit; color: inherit; }
 
   .date-time-picker-time-list {
     height: 118px;
-    padding: 28px 8px;
-    scroll-padding: 28px 0;
+    padding: calc((118px - 28px) / 2) 8px;
+    scroll-padding: calc((118px - 28px) / 2) 0;
   }
 }
 /* ============ Calendar ============ */
@@ -3012,11 +3012,11 @@ input, textarea, select { font-family: inherit; color: inherit; }
   gap: 4px;
   height: 166px;
   overflow-y: auto;
-  padding: 40px 8px;
+  padding: calc((166px - 30px) / 2) 8px;
   border-radius: 0;
   background: transparent;
   box-shadow: none;
-  scroll-padding: 40px 0;
+  scroll-padding: calc((166px - 30px) / 2) 0;
   scrollbar-width: none;
   -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
   mask-image: linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);

package/docs/llms.md

@@ -3,7 +3,7 @@
 > 拟态风格的 React 18 组件库,目标是 Electron 桌面应用。**写给 AI 编程助手**的按需文档 —— 每个组件单独一个 `.md`,避免一次性读取全部。示例源自 playground 的 demo,可直接复制运行。
 
 - **包名**: `@fangxinyan/lumina`
-- **版本**: `0.6.15`
+- **版本**: `0.6.17`
 - **React 最低版本**: 18
 - **环境**: 带打包器的 React 工程(Vite / Next.js / Webpack / Remix / Electron + Vite 等)
 - **零运行时依赖**: 只依赖 `react` / `react-dom` (peer deps)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fangxinyan/lumina",
-  "version": "0.6.15",
+  "version": "0.6.17",
   "description": "Lumina — Neumorphic component library for Electron & React apps",
   "type": "module",
   "main": "./dist/index.cjs",