@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/Theme.d.cts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 
-type ThemeMode = "light" | "dark" | "system";
-type ResolvedThemeMode = "light" | "dark";
+type ThemeBaseMode = "light" | "dark";
+type BuiltInThemeMode = ThemeBaseMode | "system";
+type ThemeMode = BuiltInThemeMode | (string & {});
+type ResolvedThemeMode = ThemeBaseMode | (string & {});
 type AccentKey = "sky" | "coral" | "mint" | "violet" | "amber" | "rose";
 type DensityMode = "compact" | "comfortable" | "spacious";
 type FontKey = "system" | "sf" | "serif" | "mono";
@@ -30,8 +32,21 @@ type FontConfig = FontKey | string | {
 /** Arbitrary CSS variable overrides. Keys may be either a short name
  *  (e.g. `"bg"` → `--bg`) or a full var name (e.g. `"--bg"`). */
 type ThemeTokens = Record<string, string>;
+/** Named custom theme mode. `base` keeps dark/light specific component rules. */
+interface ThemePreset {
+    base?: ThemeBaseMode;
+    accent?: AccentKey | CustomAccentInput;
+    density?: DensityMode;
+    intensity?: number;
+    radius?: number;
+    font?: FontConfig;
+    tokens?: ThemeTokens;
+}
+type ThemePresets = Record<string, ThemePreset>;
 interface ThemeConfig {
     mode?: ThemeMode;
+    /** Base light/dark color scheme used by custom modes. */
+    colorScheme?: ThemeBaseMode;
     accent?: AccentKey | CustomAccentInput;
     density?: DensityMode;
     /** Shadow strength, 1..10. Maps to `--d` (0.4..1.6). */
@@ -40,12 +55,16 @@ interface ThemeConfig {
     radius?: number;
     font?: FontConfig;
     tokens?: ThemeTokens;
+    /** Custom named modes addressable through `mode` / `setMode`. */
+    themes?: ThemePresets;
 }
 interface ThemeValue {
     /** Requested mode ("system" is preserved here). */
     mode: ThemeMode;
-    /** Resolved concrete mode ("system" → "light" | "dark" based on OS). */
+    /** Resolved concrete mode ("system" → "light" | "dark"; custom modes keep their name). */
     resolvedMode: ResolvedThemeMode;
+    /** The light/dark base currently used for component-specific selectors. */
+    colorScheme: ThemeBaseMode;
     /** Accent key or "custom" if a palette was supplied. */
     accent: AccentKey | "custom";
     /** Resolved palette currently in effect. */
@@ -55,6 +74,8 @@ interface ThemeValue {
     radius: number;
     font: FontConfig;
     tokens: ThemeTokens;
+    themes: ThemePresets;
+    activeTheme: ThemePreset | null;
     setMode: (m: ThemeMode) => void;
     toggleMode: () => void;
     setAccent: (a: AccentKey | CustomAccentInput) => void;
@@ -63,6 +84,7 @@ interface ThemeValue {
     setRadius: (n: number) => void;
     setFont: (f: FontConfig) => void;
     setTokens: (t: ThemeTokens) => void;
+    setThemes: (t: ThemePresets) => void;
     /** Shallow-merge a partial config. */
     update: (cfg: Partial<ThemeConfig>) => void;
     /** Reset to the initial props. */
@@ -75,10 +97,11 @@ declare const ACCENT_PRESETS: Record<AccentKey, AccentPalette>;
 declare const ACCENT_PRESETS_DARK: Record<AccentKey, Pick<AccentPalette, "ink" | "soft" | "glow">>;
 /** Built-in font family stacks. */
 declare const FONT_STACKS: Record<FontKey, string>;
-/** Resolve "system" mode against `prefers-color-scheme`. */
+/** Resolve "system" mode against `prefers-color-scheme`; custom modes keep their name. */
 declare function resolveThemeMode(mode: ThemeMode): ResolvedThemeMode;
+declare function resolveThemeColorScheme(mode: ThemeMode, themes?: ThemePresets, fallback?: ThemeBaseMode): ThemeBaseMode;
 /** Fill missing slots of a custom accent via color-mix. */
-declare function normalizeAccentInput(input: AccentKey | CustomAccentInput, resolvedMode: ResolvedThemeMode): {
+declare function normalizeAccentInput(input: AccentKey | CustomAccentInput, colorScheme: ThemeBaseMode): {
     key: AccentKey | "custom";
     palette: AccentPalette;
 };
@@ -124,4 +147,4 @@ interface ThemeProviderProps extends ThemeConfig {
  */
 declare const ThemeProvider: React.FC<ThemeProviderProps>;
 
-export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, type AccentKey, type AccentPalette, type CustomAccentInput, type DensityMode, FONT_STACKS, type FontConfig, type FontKey, type ResolvedThemeMode, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeTokens, type ThemeValue, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional };
+export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, type AccentKey, type AccentPalette, type BuiltInThemeMode, type CustomAccentInput, type DensityMode, FONT_STACKS, type FontConfig, type FontKey, type ResolvedThemeMode, type ThemeBaseMode, type ThemeConfig, type ThemeMode, type ThemePreset, type ThemePresets, ThemeProvider, type ThemeProviderProps, type ThemeTokens, type ThemeValue, applyTheme, normalizeAccentInput, resolveThemeColorScheme, resolveThemeMode, useTheme, useThemeOptional };

package/dist/Theme.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 
-type ThemeMode = "light" | "dark" | "system";
-type ResolvedThemeMode = "light" | "dark";
+type ThemeBaseMode = "light" | "dark";
+type BuiltInThemeMode = ThemeBaseMode | "system";
+type ThemeMode = BuiltInThemeMode | (string & {});
+type ResolvedThemeMode = ThemeBaseMode | (string & {});
 type AccentKey = "sky" | "coral" | "mint" | "violet" | "amber" | "rose";
 type DensityMode = "compact" | "comfortable" | "spacious";
 type FontKey = "system" | "sf" | "serif" | "mono";
@@ -30,8 +32,21 @@ type FontConfig = FontKey | string | {
 /** Arbitrary CSS variable overrides. Keys may be either a short name
  *  (e.g. `"bg"` → `--bg`) or a full var name (e.g. `"--bg"`). */
 type ThemeTokens = Record<string, string>;
+/** Named custom theme mode. `base` keeps dark/light specific component rules. */
+interface ThemePreset {
+    base?: ThemeBaseMode;
+    accent?: AccentKey | CustomAccentInput;
+    density?: DensityMode;
+    intensity?: number;
+    radius?: number;
+    font?: FontConfig;
+    tokens?: ThemeTokens;
+}
+type ThemePresets = Record<string, ThemePreset>;
 interface ThemeConfig {
     mode?: ThemeMode;
+    /** Base light/dark color scheme used by custom modes. */
+    colorScheme?: ThemeBaseMode;
     accent?: AccentKey | CustomAccentInput;
     density?: DensityMode;
     /** Shadow strength, 1..10. Maps to `--d` (0.4..1.6). */
@@ -40,12 +55,16 @@ interface ThemeConfig {
     radius?: number;
     font?: FontConfig;
     tokens?: ThemeTokens;
+    /** Custom named modes addressable through `mode` / `setMode`. */
+    themes?: ThemePresets;
 }
 interface ThemeValue {
     /** Requested mode ("system" is preserved here). */
     mode: ThemeMode;
-    /** Resolved concrete mode ("system" → "light" | "dark" based on OS). */
+    /** Resolved concrete mode ("system" → "light" | "dark"; custom modes keep their name). */
     resolvedMode: ResolvedThemeMode;
+    /** The light/dark base currently used for component-specific selectors. */
+    colorScheme: ThemeBaseMode;
     /** Accent key or "custom" if a palette was supplied. */
     accent: AccentKey | "custom";
     /** Resolved palette currently in effect. */
@@ -55,6 +74,8 @@ interface ThemeValue {
     radius: number;
     font: FontConfig;
     tokens: ThemeTokens;
+    themes: ThemePresets;
+    activeTheme: ThemePreset | null;
     setMode: (m: ThemeMode) => void;
     toggleMode: () => void;
     setAccent: (a: AccentKey | CustomAccentInput) => void;
@@ -63,6 +84,7 @@ interface ThemeValue {
     setRadius: (n: number) => void;
     setFont: (f: FontConfig) => void;
     setTokens: (t: ThemeTokens) => void;
+    setThemes: (t: ThemePresets) => void;
     /** Shallow-merge a partial config. */
     update: (cfg: Partial<ThemeConfig>) => void;
     /** Reset to the initial props. */
@@ -75,10 +97,11 @@ declare const ACCENT_PRESETS: Record<AccentKey, AccentPalette>;
 declare const ACCENT_PRESETS_DARK: Record<AccentKey, Pick<AccentPalette, "ink" | "soft" | "glow">>;
 /** Built-in font family stacks. */
 declare const FONT_STACKS: Record<FontKey, string>;
-/** Resolve "system" mode against `prefers-color-scheme`. */
+/** Resolve "system" mode against `prefers-color-scheme`; custom modes keep their name. */
 declare function resolveThemeMode(mode: ThemeMode): ResolvedThemeMode;
+declare function resolveThemeColorScheme(mode: ThemeMode, themes?: ThemePresets, fallback?: ThemeBaseMode): ThemeBaseMode;
 /** Fill missing slots of a custom accent via color-mix. */
-declare function normalizeAccentInput(input: AccentKey | CustomAccentInput, resolvedMode: ResolvedThemeMode): {
+declare function normalizeAccentInput(input: AccentKey | CustomAccentInput, colorScheme: ThemeBaseMode): {
     key: AccentKey | "custom";
     palette: AccentPalette;
 };
@@ -124,4 +147,4 @@ interface ThemeProviderProps extends ThemeConfig {
  */
 declare const ThemeProvider: React.FC<ThemeProviderProps>;
 
-export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, type AccentKey, type AccentPalette, type CustomAccentInput, type DensityMode, FONT_STACKS, type FontConfig, type FontKey, type ResolvedThemeMode, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeTokens, type ThemeValue, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional };
+export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, type AccentKey, type AccentPalette, type BuiltInThemeMode, type CustomAccentInput, type DensityMode, FONT_STACKS, type FontConfig, type FontKey, type ResolvedThemeMode, type ThemeBaseMode, type ThemeConfig, type ThemeMode, type ThemePreset, type ThemePresets, ThemeProvider, type ThemeProviderProps, type ThemeTokens, type ThemeValue, applyTheme, normalizeAccentInput, resolveThemeColorScheme, resolveThemeMode, useTheme, useThemeOptional };

package/dist/Theme.js

@@ -1 +1 @@
-export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, FONT_STACKS, ThemeProvider, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional } from './chunk-NN25YMOL.js';
+export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, FONT_STACKS, ThemeProvider, applyTheme, normalizeAccentInput, resolveThemeColorScheme, resolveThemeMode, useTheme, useThemeOptional } from './chunk-J5ZGYQZK.js';

package/dist/{Timeline-RHZAZKZ7.css → Timeline-3ZHOHPXT.css}

@@ -88,7 +88,7 @@
 .timeline-item-dot.info { background: var(--info); }
 .timeline-item-dot.muted { background: var(--fg-subtle); }
 
-/* Pending dot: clear default fill, Spinner handles its own visuals */
+/* Pending dot: clear default fill, Spin handles its own visuals */
 .timeline-item-dot.pending {
   background: transparent;
   box-shadow: none;
@@ -125,7 +125,7 @@
   color: var(--fg-muted);
 }
 
-/* When dot has custom content (Spinner / Icon), expand to fit */
+/* When dot has custom content (Spin / Icon), expand to fit */
 .timeline-item-dot:has(> *) {
   width: auto;
   height: auto;

package/dist/Timeline.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkEEMWQX3C_cjs = require('./chunk-EEMWQX3C.cjs');
-require('./chunk-GY3BSHHS.cjs');
+var chunkNTS5L4NQ_cjs = require('./chunk-NTS5L4NQ.cjs');
+require('./chunk-QKQHZIF3.cjs');
 
 
 
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkEEMWQX3C_cjs.Timeline; }
+  get: function () { return chunkNTS5L4NQ_cjs.Timeline; }
 });

package/dist/Timeline.d.cts

@@ -17,7 +17,7 @@ interface TimelineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "chil
     items: TimelineItemConfig[];
     /**
      * Show a pending (loading) item at the end.
-     * `true` renders a default spinner; a ReactNode renders custom content.
+     * `true` renders a default Spin indicator; a ReactNode renders custom content.
      */
     pending?: boolean | React.ReactNode;
     /** Text shown as the pending item's content */

package/dist/Timeline.d.ts

@@ -17,7 +17,7 @@ interface TimelineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "chil
     items: TimelineItemConfig[];
     /**
      * Show a pending (loading) item at the end.
-     * `true` renders a default spinner; a ReactNode renders custom content.
+     * `true` renders a default Spin indicator; a ReactNode renders custom content.
      */
     pending?: boolean | React.ReactNode;
     /** Text shown as the pending item's content */

package/dist/Timeline.js

@@ -1,2 +1,2 @@
-export { Timeline } from './chunk-3D77MQHO.js';
-import './chunk-5A3RT4KD.js';
+export { Timeline } from './chunk-46VXFTEC.js';
+import './chunk-ELNT3CFO.js';

package/dist/Tooltip.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkX2U7EKCS_cjs = require('./chunk-X2U7EKCS.cjs');
+var chunk3YJU3D5S_cjs = require('./chunk-3YJU3D5S.cjs');
 require('./chunk-YB3IWIOJ.cjs');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkX2U7EKCS_cjs.Tooltip; }
+  get: function () { return chunk3YJU3D5S_cjs.Tooltip; }
 });

package/dist/Tooltip.d.cts

@@ -1,13 +1,26 @@
 import * as React from 'react';
 
-interface TooltipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "content"> {
-    content: React.ReactNode;
-    placement?: "top" | "bottom" | "left" | "right";
+type TooltipPlacement = "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+interface TooltipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "content" | "title"> {
+    content?: React.ReactNode;
+    /** Alias for `content`. */
+    title?: React.ReactNode;
+    placement?: TooltipPlacement;
     children: React.ReactElement;
     delay?: number;
     disabled?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Controlled visibility alias. */
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    /** Class for the popped-out bubble. */
+    overlayClassName?: string;
+    /** Alias used by some popup APIs. */
+    popupClassName?: string;
 }
 /** `Tooltip` — hover/focus text bubble. */
 declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLSpanElement>>;
 
-export { Tooltip, type TooltipProps };
+export { Tooltip, type TooltipPlacement, type TooltipProps };

package/dist/Tooltip.d.ts

@@ -1,13 +1,26 @@
 import * as React from 'react';
 
-interface TooltipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "content"> {
-    content: React.ReactNode;
-    placement?: "top" | "bottom" | "left" | "right";
+type TooltipPlacement = "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+interface TooltipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "content" | "title"> {
+    content?: React.ReactNode;
+    /** Alias for `content`. */
+    title?: React.ReactNode;
+    placement?: TooltipPlacement;
     children: React.ReactElement;
     delay?: number;
     disabled?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Controlled visibility alias. */
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    /** Class for the popped-out bubble. */
+    overlayClassName?: string;
+    /** Alias used by some popup APIs. */
+    popupClassName?: string;
 }
 /** `Tooltip` — hover/focus text bubble. */
 declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLSpanElement>>;
 
-export { Tooltip, type TooltipProps };
+export { Tooltip, type TooltipPlacement, type TooltipProps };

package/dist/Tooltip.js

@@ -1,2 +1,2 @@
-export { Tooltip } from './chunk-IW5LW6XS.js';
+export { Tooltip } from './chunk-TEEFR2FD.js';
 import './chunk-DUFRASGO.js';

package/dist/Typography.cjs

@@ -1,27 +1,27 @@
 'use strict';
 
-var chunk6ODY6MGL_cjs = require('./chunk-6ODY6MGL.cjs');
-require('./chunk-2MNAZRWE.cjs');
+var chunkR2TEDH2F_cjs = require('./chunk-R2TEDH2F.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function () { return chunk6ODY6MGL_cjs.Link; }
+  get: function () { return chunkR2TEDH2F_cjs.Link; }
 });
 Object.defineProperty(exports, "Paragraph", {
   enumerable: true,
-  get: function () { return chunk6ODY6MGL_cjs.Paragraph; }
+  get: function () { return chunkR2TEDH2F_cjs.Paragraph; }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
-  get: function () { return chunk6ODY6MGL_cjs.Text; }
+  get: function () { return chunkR2TEDH2F_cjs.Text; }
 });
 Object.defineProperty(exports, "Title", {
   enumerable: true,
-  get: function () { return chunk6ODY6MGL_cjs.Title; }
+  get: function () { return chunkR2TEDH2F_cjs.Title; }
 });
 Object.defineProperty(exports, "Typography", {
   enumerable: true,
-  get: function () { return chunk6ODY6MGL_cjs.Typography; }
+  get: function () { return chunkR2TEDH2F_cjs.Typography; }
 });

package/dist/Typography.d.cts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IconName } from './Icon.cjs';
+import 'react/jsx-runtime';
 
 type TypographyType = "secondary" | "success" | "warning" | "danger";
 interface CopyableConfig {

package/dist/Typography.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IconName } from './Icon.js';
+import 'react/jsx-runtime';
 
 type TypographyType = "secondary" | "success" | "warning" | "danger";
 interface CopyableConfig {

package/dist/Typography.js

@@ -1,2 +1,2 @@
-export { Link, Paragraph, Text, Title, Typography } from './chunk-ULOJ5UEY.js';
-import './chunk-NJ6B22YJ.js';
+export { Link, Paragraph, Text, Title, Typography } from './chunk-ET6DYQVZ.js';
+import './chunk-47VG2P34.js';

package/dist/{chunk-OVZTG5CP.cjs → chunk-2HQCUBA7.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Drawer-IPGB4CXH.css');
@@ -116,7 +116,7 @@ var Drawer = React__namespace.forwardRef(({
                     className: "drawer-close",
                     onClick: onClose,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] })

package/dist/{chunk-X2U7EKCS.cjs → chunk-3YJU3D5S.cjs}

@@ -28,22 +28,44 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var normalizePlacement = (placement) => {
+  const base = placement.startsWith("top") ? "top" : placement.startsWith("bottom") ? "bottom" : placement.startsWith("left") ? "left" : placement.startsWith("right") ? "right" : placement;
+  const alignCross = placement.endsWith("Left") || placement.endsWith("Top") ? "start" : placement.endsWith("Right") || placement.endsWith("Bottom") ? "end" : "center";
+  return { placement: base, alignCross };
+};
 var Tooltip = React__namespace.forwardRef(({
   content,
+  title,
   placement = "top",
   children,
   delay = 250,
   disabled,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  visible,
+  onVisibleChange,
+  overlayClassName = "",
+  popupClassName = "",
   onMouseEnter,
   onMouseLeave,
   onFocus,
   onBlur,
   ...rest
 }, ref) => {
-  const [show, setShow] = React__namespace.useState(false);
+  const [innerShow, setInnerShow] = React__namespace.useState(defaultOpen);
   const t = React__namespace.useRef();
+  const controlledShow = openProp ?? visible;
+  const show = controlledShow ?? innerShow;
+  const resolvedContent = content ?? title;
+  const disabledTooltip = disabled || resolvedContent == null || resolvedContent === "";
+  const setShow = React__namespace.useCallback((next) => {
+    if (controlledShow === void 0) setInnerShow(next);
+    onOpenChange?.(next);
+    onVisibleChange?.(next);
+  }, [controlledShow, onOpenChange, onVisibleChange]);
   const open = () => {
-    if (disabled) return;
+    if (disabledTooltip) return;
     window.clearTimeout(t.current);
     t.current = window.setTimeout(() => setShow(true), delay);
   };
@@ -51,12 +73,13 @@ var Tooltip = React__namespace.forwardRef(({
     window.clearTimeout(t.current);
     setShow(false);
   };
+  const normalized = normalizePlacement(placement);
   const { triggerRef, floatingStyle, placement: resolved } = chunkYB3IWIOJ_cjs.useFloating({
     open: show,
-    placement,
+    placement: normalized.placement,
     panelWidth: 160,
     panelHeight: 32,
-    alignCross: "center"
+    alignCross: normalized.alignCross
   });
   const setTriggerRef = React__namespace.useCallback(
     (node) => {
@@ -93,7 +116,7 @@ var Tooltip = React__namespace.forwardRef(({
       }
     ),
     show && typeof document !== "undefined" && reactDom.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `tip ${resolved}`, style: floatingStyle, children: content }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `tip ${resolved} ${overlayClassName} ${popupClassName}`, style: floatingStyle, children: resolvedContent }),
       document.body
     )
   ] });

package/dist/chunk-45VJGBGN.js

@@ -0,0 +1,25 @@
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Empty-DC2LPORC.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Empty/Empty.tsx
+var Empty = React.forwardRef(({
+  title = "\u6682\u65E0\u5185\u5BB9",
+  description,
+  icon,
+  action,
+  size = "md",
+  variant = "default",
+  className = "",
+  ...rest
+}, ref) => /* @__PURE__ */ jsxs("div", { ref, className: `empty ${size} ${variant} ${className}`, ...rest, children: [
+  icon && /* @__PURE__ */ jsx("div", { className: "empty-ico", children: icon }),
+  /* @__PURE__ */ jsx("div", { className: "empty-title", children: title }),
+  description && /* @__PURE__ */ jsx("div", { className: "empty-desc", children: description }),
+  action && /* @__PURE__ */ jsx("div", { className: "empty-action", children: action })
+] }));
+Empty.displayName = "Empty";
+
+export { Empty };

package/dist/{chunk-3D77MQHO.js → chunk-46VXFTEC.js}

@@ -1,7 +1,7 @@
-import { Spinner } from './chunk-5A3RT4KD.js';
+import { Spin } from './chunk-ELNT3CFO.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Timeline-RHZAZKZ7.css';
+import './Timeline-3ZHOHPXT.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -74,7 +74,7 @@ var TimelineItem = ({
   return /* @__PURE__ */ jsxs("div", { className: cls, children: [
     /* @__PURE__ */ jsx("div", { className: "timeline-item-label", children: item.label }),
     /* @__PURE__ */ jsxs("div", { className: "timeline-item-head", children: [
-      /* @__PURE__ */ jsx("div", { className: `timeline-item-dot ${color} ${isPending ? "pending" : ""}`, children: item.dot ?? (isPending && /* @__PURE__ */ jsx(Spinner, { size: 14 })) }),
+      /* @__PURE__ */ jsx("div", { className: `timeline-item-dot ${color} ${isPending ? "pending" : ""}`, children: item.dot ?? (isPending && /* @__PURE__ */ jsx(Spin, { size: 14 })) }),
       !isLast && /* @__PURE__ */ jsx("div", { className: "timeline-item-tail" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "timeline-item-content", children: item.children })