@fangxinyan/lumina 0.6.3 → 0.6.5

package/dist/{chunk-ET6DYQVZ.js → chunk-5JNDDWFZ.js}

@@ -1,9 +1,11 @@
-import { Icon } from './chunk-47VG2P34.js';
-import './tokens-BIIUTPKN.css';
+import { useFloating } from './chunk-DUFRASGO.js';
+import { Icon } from './chunk-YT5NLCRC.js';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Typography-NKPWTJCV.css';
+import './Typography-32QQLD4F.css';
 import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 function toText(node) {
   if (node == null || node === false) return "";
@@ -31,6 +33,122 @@ function buildClass(props, base, extra) {
     props.className
   ].filter(Boolean).join(" ");
 }
+function assignRef(ref, value) {
+  if (!ref) return;
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  ref.current = value;
+}
+var EllipsisTooltip = React.forwardRef(({ content, children }, forwardedRef) => {
+  const [open, setOpen] = React.useState(false);
+  const openTimerRef = React.useRef();
+  const closeTimerRef = React.useRef();
+  const childRef = children.ref;
+  const {
+    triggerRef,
+    floatingRef,
+    floatingStyle,
+    placement
+  } = useFloating({
+    open,
+    placement: "top",
+    panelWidth: 360,
+    panelHeight: 96,
+    alignCross: "center"
+  });
+  React.useEffect(() => {
+    return () => {
+      window.clearTimeout(openTimerRef.current);
+      window.clearTimeout(closeTimerRef.current);
+    };
+  }, []);
+  const show = React.useCallback(() => {
+    window.clearTimeout(closeTimerRef.current);
+    if (open || openTimerRef.current != null) return;
+    openTimerRef.current = window.setTimeout(() => {
+      openTimerRef.current = void 0;
+      setOpen(true);
+    }, 250);
+  }, [open]);
+  const hide = React.useCallback(() => {
+    window.clearTimeout(openTimerRef.current);
+    openTimerRef.current = void 0;
+    window.clearTimeout(closeTimerRef.current);
+    closeTimerRef.current = window.setTimeout(() => setOpen(false), 300);
+  }, []);
+  const setTriggerRef = React.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      assignRef(forwardedRef, node);
+      assignRef(childRef, node);
+    },
+    [childRef, forwardedRef, triggerRef]
+  );
+  const childProps = children.props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    React.cloneElement(children, {
+      ref: setTriggerRef,
+      onMouseEnter: (event) => {
+        childProps.onMouseEnter?.(event);
+        show();
+      },
+      onMouseOver: (event) => {
+        childProps.onMouseOver?.(event);
+        show();
+      },
+      onMouseMove: (event) => {
+        childProps.onMouseMove?.(event);
+        show();
+      },
+      onMouseLeave: (event) => {
+        childProps.onMouseLeave?.(event);
+        hide();
+      },
+      onPointerEnter: (event) => {
+        childProps.onPointerEnter?.(event);
+        show();
+      },
+      onPointerMove: (event) => {
+        childProps.onPointerMove?.(event);
+        show();
+      },
+      onPointerLeave: (event) => {
+        childProps.onPointerLeave?.(event);
+        hide();
+      },
+      onFocus: (event) => {
+        childProps.onFocus?.(event);
+        show();
+      },
+      onBlur: (event) => {
+        childProps.onBlur?.(event);
+        hide();
+      }
+    }),
+    open && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: floatingRef,
+          className: `typo-ellipsis-tooltip ${placement}`,
+          style: floatingStyle,
+          role: "tooltip",
+          onMouseEnter: show,
+          onMouseMove: show,
+          onMouseLeave: hide,
+          onPointerEnter: show,
+          onPointerMove: show,
+          onPointerLeave: hide,
+          children: content
+        }
+      ),
+      document.body
+    )
+  ] });
+});
+EllipsisTooltip.displayName = "Typography.EllipsisTooltip";
 var CopyAction = ({ config, fallbackText }) => {
   const [copied, setCopied] = React.useState(false);
   const timerRef = React.useRef(null);
@@ -230,7 +348,7 @@ function useTypographyBody(props) {
       }
     );
   }
-  const titleAttr = wantClamp && ellConf.tooltip ? typeof ellConf.tooltip === "string" ? ellConf.tooltip : fallbackText : void 0;
+  const tooltipContent = wantClamp && !expanded && ellConf.tooltip ? ellConf.tooltip === true ? fallbackText : ellConf.tooltip : void 0;
   return {
     editing,
     editConf,
@@ -243,7 +361,7 @@ function useTypographyBody(props) {
     expandNode,
     style,
     extraCls,
-    titleAttr
+    tooltipContent
   };
 }
 var Title = React.forwardRef((props, ref) => {
@@ -271,13 +389,12 @@ var Title = React.forwardRef((props, ref) => {
       }
     );
   }
-  return /* @__PURE__ */ jsxs(
+  const element = /* @__PURE__ */ jsxs(
     Tag,
     {
       ref,
       className: buildClass(rest, `typo typo-title h${level}`, body.extraCls),
       style: body.style,
-      title: body.titleAttr,
       children: [
         body.inner,
         body.expandNode,
@@ -286,6 +403,7 @@ var Title = React.forwardRef((props, ref) => {
       ]
     }
   );
+  return body.tooltipContent ? /* @__PURE__ */ jsx(EllipsisTooltip, { ref, content: body.tooltipContent, children: element }) : element;
 });
 Title.displayName = "Typography.Title";
 var Text = React.forwardRef((props, ref) => {
@@ -313,13 +431,12 @@ var Text = React.forwardRef((props, ref) => {
       }
     );
   }
-  return /* @__PURE__ */ jsxs(
+  const element = /* @__PURE__ */ jsxs(
     Tag,
     {
       ref,
       className: buildClass(rest, "typo typo-text", body.extraCls),
       style: body.style,
-      title: body.titleAttr,
       children: [
         body.inner,
         body.expandNode,
@@ -328,6 +445,7 @@ var Text = React.forwardRef((props, ref) => {
       ]
     }
   );
+  return body.tooltipContent ? /* @__PURE__ */ jsx(EllipsisTooltip, { ref, content: body.tooltipContent, children: element }) : element;
 });
 Text.displayName = "Typography.Text";
 var Paragraph = React.forwardRef(
@@ -354,13 +472,12 @@ var Paragraph = React.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsxs(
+    const element = /* @__PURE__ */ jsxs(
       "p",
       {
         ref,
         className: buildClass(props, "typo typo-paragraph", body.extraCls),
         style: body.style,
-        title: body.titleAttr,
         children: [
           body.inner,
           body.expandNode,
@@ -369,6 +486,7 @@ var Paragraph = React.forwardRef(
         ]
       }
     );
+    return body.tooltipContent ? /* @__PURE__ */ jsx(EllipsisTooltip, { ref, content: body.tooltipContent, children: element }) : element;
   }
 );
 Paragraph.displayName = "Typography.Paragraph";
@@ -431,13 +549,12 @@ var Link = React.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsxs(
+    const element = /* @__PURE__ */ jsxs(
       "a",
       {
         ref,
         className: buildClass(props, "typo typo-link", body.extraCls),
         style: body.style,
-        title: body.titleAttr,
         target,
         rel: safeRel,
         "aria-disabled": disabled || void 0,
@@ -458,6 +575,7 @@ var Link = React.forwardRef(
         ]
       }
     );
+    return body.tooltipContent ? /* @__PURE__ */ jsx(EllipsisTooltip, { ref, content: body.tooltipContent, children: element }) : element;
   }
 );
 Link.displayName = "Typography.Link";

package/dist/{chunk-MPVCYU2K.cjs → chunk-5NFSDFBB.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
-require('./tokens-BIIUTPKN.css');
+var chunk6LARTGLP_cjs = require('./chunk-6LARTGLP.cjs');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./Textarea-YNET7IBH.css');
+require('./Textarea-YHWKHIFE.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -86,7 +86,7 @@ var Textarea = React__namespace.forwardRef(
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
           onClick: handleClear,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 12 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "x", size: 12 })
         }
       )
     ] });

package/dist/{chunk-P6P4DGLF.cjs → chunk-66GXZQKL.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunkHKF2V5MM_cjs = require('./chunk-HKF2V5MM.cjs');
-require('./tokens-BIIUTPKN.css');
+var chunkVAXWWJJP_cjs = require('./chunk-VAXWWJJP.cjs');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./AutoComplete-P5KZMZO5.css');
+require('./AutoComplete-4YZBMW4E.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -168,7 +168,7 @@ var AutoComplete = React__namespace.forwardRef(
     ) : null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: triggerRef, className: `autocomplete ${className}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkHKF2V5MM_cjs.Input,
+        chunkVAXWWJJP_cjs.Input,
         {
           ref,
           ...rest,

package/dist/{chunk-QP3VCSRY.cjs → chunk-66T76GII.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkHKF2V5MM_cjs = require('./chunk-HKF2V5MM.cjs');
-var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
-require('./tokens-BIIUTPKN.css');
+var chunkVAXWWJJP_cjs = require('./chunk-VAXWWJJP.cjs');
+var chunk6LARTGLP_cjs = require('./chunk-6LARTGLP.cjs');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
 require('./InputNumber-VXQIWLQC.css');
 var React = require('react');
@@ -117,7 +117,7 @@ var InputNumber = React__namespace.forwardRef(
           disabled: upDisabled,
           onMouseDown: (e) => e.preventDefault(),
           onClick: () => increment(step),
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevUp", size: 10, stroke: 2.5 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "chevUp", size: 10, stroke: 2.5 })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -129,7 +129,7 @@ var InputNumber = React__namespace.forwardRef(
           disabled: downDisabled,
           onMouseDown: (e) => e.preventDefault(),
           onClick: () => increment(-step),
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevDown", size: 10, stroke: 2.5 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "chevDown", size: 10, stroke: 2.5 })
         }
       )
     ] }) : null;
@@ -138,7 +138,7 @@ var InputNumber = React__namespace.forwardRef(
       stepperSuffix
     ] }) : stepperSuffix ?? suffix;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkHKF2V5MM_cjs.Input,
+      chunkVAXWWJJP_cjs.Input,
       {
         ref,
         id,

package/dist/chunk-6EOSMK34.cjs

@@ -0,0 +1,194 @@
+'use strict';
+
+// src/components/Theme/presets.ts
+var LUMINA_THEME_PRESETS = {
+  light: {
+    base: "light",
+    accent: "sky",
+    density: "comfortable",
+    intensity: 5,
+    radius: 20,
+    font: "sf",
+    tokens: {
+      bg: "#e8eef5",
+      "bg-raised": "#edf2f8",
+      "bg-sunken": "#dde4ed",
+      fg: "#3a4558",
+      "fg-muted": "#7b8599",
+      "fg-subtle": "#9ca7ba",
+      border: "rgba(130, 148, 175, 0.14)",
+      divider: "rgba(130, 148, 175, 0.18)",
+      "shadow-dark": "rgba(163, 177, 198, 0.55)",
+      "shadow-light": "rgba(255, 255, 255, 0.95)",
+      "shadow-scale": "1",
+      "shadow-float-scale": "1"
+    }
+  },
+  dark: {
+    base: "dark",
+    accent: "sky",
+    density: "comfortable",
+    intensity: 5,
+    radius: 20,
+    font: "sf",
+    tokens: {
+      bg: "#1b2030",
+      "bg-raised": "#242a3c",
+      "bg-sunken": "#151a27",
+      fg: "#d8deeb",
+      "fg-muted": "#8b94ab",
+      "fg-subtle": "#5f6a82",
+      border: "rgba(0, 0, 0, 0.35)",
+      divider: "rgba(255, 255, 255, 0.06)",
+      "shadow-dark": "rgba(0, 0, 0, 0.55)",
+      "shadow-light": "rgba(130, 145, 180, 0.06)",
+      "shadow-scale": "1",
+      "shadow-float-scale": "1"
+    }
+  },
+  porcelain: {
+    base: "light",
+    accent: {
+      accent: "oklch(66% 0.14 175)",
+      ink: "oklch(39% 0.11 175)",
+      soft: "oklch(92% 0.04 175)",
+      glow: "oklch(66% 0.14 175 / 0.32)"
+    },
+    density: "comfortable",
+    intensity: 6,
+    radius: 24,
+    font: "sf",
+    tokens: {
+      bg: "#edf3f1",
+      "bg-raised": "#f5faf8",
+      "bg-sunken": "#dfe8e5",
+      fg: "#33434a",
+      "fg-muted": "#75868c",
+      "fg-subtle": "#9aa8ad",
+      border: "rgba(101, 134, 139, 0.13)",
+      divider: "rgba(101, 134, 139, 0.18)",
+      "shadow-dark": "rgba(143, 163, 168, 0.45)",
+      "shadow-light": "rgba(255, 255, 255, 0.96)",
+      "shadow-scale": "1",
+      "shadow-float-scale": "1"
+    }
+  },
+  graphite: {
+    base: "dark",
+    accent: {
+      accent: "oklch(72% 0.13 190)",
+      ink: "oklch(85% 0.1 190)",
+      soft: "oklch(31% 0.05 190)",
+      glow: "oklch(72% 0.13 190 / 0.18)"
+    },
+    intensity: 4,
+    radius: 18,
+    tokens: {
+      bg: "#181b22",
+      "bg-raised": "#20242d",
+      "bg-sunken": "#11141a",
+      fg: "#edf1f7",
+      "fg-muted": "#a3adbd",
+      "fg-subtle": "#667285",
+      border: "rgba(255, 255, 255, 0.07)",
+      divider: "rgba(255, 255, 255, 0.08)",
+      "shadow-dark": "rgba(0, 0, 0, 0.58)",
+      "shadow-light": "rgba(128, 146, 166, 0.07)",
+      "shadow-scale": "1",
+      "shadow-float-scale": "1"
+    }
+  },
+  ember: {
+    base: "dark",
+    accent: {
+      accent: "oklch(76% 0.15 62)",
+      ink: "oklch(86% 0.11 62)",
+      soft: "oklch(34% 0.07 62)",
+      glow: "oklch(76% 0.15 62 / 0.18)"
+    },
+    intensity: 5,
+    radius: 16,
+    tokens: {
+      bg: "#201a18",
+      "bg-raised": "#2a221f",
+      "bg-sunken": "#171211",
+      fg: "#f0e7df",
+      "fg-muted": "#b09f93",
+      "fg-subtle": "#78695f",
+      border: "rgba(255, 233, 212, 0.08)",
+      divider: "rgba(255, 233, 212, 0.09)",
+      "shadow-dark": "rgba(0, 0, 0, 0.54)",
+      "shadow-light": "rgba(232, 172, 118, 0.07)",
+      "shadow-scale": "1",
+      "shadow-float-scale": "1"
+    }
+  },
+  assistant: {
+    base: "light",
+    accent: {
+      accent: "#646cff",
+      ink: "#4f56d8",
+      soft: "rgba(100, 108, 255, 0.12)",
+      glow: "rgba(100, 108, 255, 0.26)"
+    },
+    density: "comfortable",
+    intensity: 4,
+    radius: 16,
+    font: "system",
+    tokens: {
+      bg: "#e6eaf4",
+      "bg-raised": "#f9f9f9",
+      "bg-sunken": "#d7dce8",
+      fg: "#213547",
+      "fg-muted": "#68768a",
+      "fg-subtle": "#9aa6b8",
+      border: "rgba(240, 247, 255, 0.72)",
+      divider: "rgba(33, 53, 71, 0.12)",
+      "shadow-dark": "#d1d5de",
+      "shadow-light": "#fbffff",
+      "shadow-scale": "1",
+      "shadow-float-scale": "1"
+    }
+  },
+  assistantDark: {
+    base: "dark",
+    accent: {
+      accent: "#818cf8",
+      ink: "#c4c9ff",
+      soft: "rgba(129, 140, 248, 0.17)",
+      glow: "rgba(129, 140, 248, 0.18)"
+    },
+    density: "comfortable",
+    intensity: 4,
+    radius: 16,
+    font: "system",
+    tokens: {
+      bg: "#2a2a36",
+      "bg-raised": "#33333f",
+      "bg-sunken": "#20202b",
+      fg: "#d4d7e0",
+      "fg-muted": "#9ca1b0",
+      "fg-subtle": "#6f7484",
+      border: "#3e4455",
+      divider: "rgba(255, 255, 255, 0.08)",
+      "shadow-dark": "#1a1a24",
+      "shadow-light": "#3a3a46",
+      "shadow-scale": "1",
+      "shadow-float-scale": "1"
+    }
+  }
+};
+function cloneLuminaThemePreset(key) {
+  const preset = LUMINA_THEME_PRESETS[key];
+  return {
+    ...preset,
+    accent: typeof preset.accent === "object" ? { ...preset.accent } : preset.accent,
+    tokens: { ...preset.tokens }
+  };
+}
+function pickLuminaThemePresets(keys) {
+  return Object.fromEntries(keys.map((key) => [key, cloneLuminaThemePreset(key)]));
+}
+
+exports.cloneLuminaThemePreset = cloneLuminaThemePreset;
+exports.pickLuminaThemePresets = pickLuminaThemePresets;

package/dist/{chunk-WNM5RVXR.cjs → chunk-6GQPF3EI.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./tokens-BIIUTPKN.css');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./Switch-36KJNDXM.css');
+require('./Switch-COAQIOMH.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/dist/{chunk-V272XR3F.cjs → chunk-6LARTGLP.cjs}

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