@fangxinyan/lumina 0.6.17 → 0.7.0

package/dist/chunk-IOAOG5L7.js

@@ -1,191 +0,0 @@
-import { Textarea } from './chunk-S7IHWY24.js';
-import { Icon, isIconName, renderIconSlot } from './chunk-FDZG27IG.js';
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './Input-7GDPGP3E.css';
-import * as React from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var InputBase = React.forwardRef(
-  ({
-    value,
-    defaultValue,
-    onChange,
-    onValueChange,
-    placeholder,
-    leadingIcon,
-    trailingIcon,
-    onLeadingIconClick,
-    onTrailingIconClick,
-    size = "md",
-    invalid,
-    disabled,
-    allowClear,
-    maxLength,
-    showCount,
-    prefix,
-    suffix,
-    className = "",
-    ...rest
-  }, ref) => {
-    const [inner, setInner] = React.useState(defaultValue ?? "");
-    const inputRef = React.useRef(null);
-    const isControlled = value !== void 0;
-    const currentValue = isControlled ? value : inner;
-    const setInputRef = React.useCallback(
-      (node) => {
-        inputRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    const wrapCls = [
-      "input-wrap",
-      size !== "md" && size,
-      invalid && "invalid",
-      disabled && "disabled",
-      className
-    ].filter(Boolean).join(" ");
-    const handleIconClick = (handler) => handler ? (e) => {
-      e.stopPropagation();
-      if (!disabled) handler(e);
-    } : void 0;
-    const renderAffixIcon = (icon, side, handler) => {
-      if (icon == null || icon === false) return null;
-      const className2 = `${side}${handler ? " interactive" : ""}`;
-      if (isIconName(icon)) {
-        return /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: icon,
-            size: 14,
-            className: className2,
-            onClick: handleIconClick(handler)
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: className2,
-          onClick: handler ? (e) => {
-            e.stopPropagation();
-            if (!disabled) handler(e);
-          } : void 0,
-          children: renderIconSlot(icon)
-        }
-      );
-    };
-    const handleChange = (e) => {
-      if (!isControlled) setInner(e.target.value);
-      onChange?.(e);
-      onValueChange?.(e.target.value, e);
-    };
-    const handleClear = (e) => {
-      e.stopPropagation();
-      if (disabled) return;
-      if (!isControlled) setInner("");
-      if (inputRef.current) inputRef.current.value = "";
-      const synthetic = {
-        ...e,
-        target: inputRef.current ?? { value: "" },
-        currentTarget: inputRef.current ?? { value: "" }
-      };
-      onChange?.(synthetic);
-      onValueChange?.("", synthetic);
-    };
-    const showClear = !!allowClear && !!currentValue && !disabled;
-    const count = currentValue ? currentValue.length : 0;
-    const inputElement = /* @__PURE__ */ jsxs("div", { className: wrapCls, children: [
-      renderAffixIcon(leadingIcon, "lead", onLeadingIconClick),
-      prefix && /* @__PURE__ */ jsx("span", { className: "input-affix prefix", children: prefix }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref: setInputRef,
-          className: "input",
-          value: isControlled ? value : void 0,
-          defaultValue: isControlled ? void 0 : defaultValue,
-          onChange: handleChange,
-          placeholder,
-          disabled,
-          maxLength,
-          ...rest
-        }
-      ),
-      suffix && /* @__PURE__ */ jsx("span", { className: "input-affix suffix", children: suffix }),
-      showClear && /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "input-clear",
-          role: "button",
-          "aria-label": "Clear",
-          tabIndex: -1,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: handleClear,
-          children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 })
-        }
-      ),
-      renderAffixIcon(trailingIcon, "trail", onTrailingIconClick)
-    ] });
-    if (!showCount) return inputElement;
-    return /* @__PURE__ */ jsxs("div", { className: "input-shell", children: [
-      inputElement,
-      /* @__PURE__ */ jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
-    ] });
-  }
-);
-InputBase.displayName = "Input";
-var InputPassword = React.forwardRef(
-  ({
-    visibilityToggle = true,
-    iconRender,
-    suffix,
-    onValueChange,
-    ...rest
-  }, ref) => {
-    const [visible, setVisible] = React.useState(false);
-    const renderedIcon = iconRender?.(visible);
-    const useCustomToggle = visibilityToggle !== false && !!renderedIcon;
-    const useDefaultToggle = visibilityToggle !== false && !renderedIcon;
-    const toggle = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setVisible((v) => !v);
-    };
-    const toggleNode = useCustomToggle ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "input-password-toggle",
-        tabIndex: -1,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: toggle,
-        "aria-label": visible ? "Hide password" : "Show password",
-        children: renderedIcon
-      }
-    ) : null;
-    return /* @__PURE__ */ jsx(
-      InputBase,
-      {
-        ref,
-        ...rest,
-        type: visible ? "text" : "password",
-        suffix: toggleNode ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          suffix,
-          toggleNode
-        ] }) : suffix,
-        trailingIcon: useDefaultToggle ? visible ? "eyeOff" : "eye" : void 0,
-        onTrailingIconClick: useDefaultToggle ? () => setVisible((v) => !v) : void 0,
-        onValueChange
-      }
-    );
-  }
-);
-InputPassword.displayName = "Input.Password";
-var Input = InputBase;
-Input.Password = InputPassword;
-Input.TextArea = Textarea;
-
-export { Input, InputPassword };

package/dist/chunk-IOUAZYK2.cjs

@@ -1,116 +0,0 @@
-'use strict';
-
-require('./tokens-RYJ3DFTU.css');
-require('./shared-NJHRNLRH.css');
-require('./AppShell-FZCD4C56.css');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-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/components/AppShell/AppShell.tsx
-var WindowControls = React__namespace.forwardRef(({
-  platform = "mac",
-  onMinimize,
-  onMaximize,
-  onClose,
-  className = "",
-  ...rest
-}, ref) => {
-  const noDragStyle = { WebkitAppRegion: "no-drag" };
-  if (platform === "windows") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `win-controls windows ${className}`, style: noDragStyle, ...rest, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, "aria-label": "Minimize", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 5h8", stroke: "currentColor", strokeWidth: "1" }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, "aria-label": "Maximize", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "8", height: "8", stroke: "currentColor", strokeWidth: "1" }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1l8 8M9 1l-8 8", stroke: "currentColor", strokeWidth: "1" }) }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `win-controls mac ${className}`, style: noDragStyle, ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn close", onClick: onClose, "aria-label": "Close" }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, "aria-label": "Minimize" }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, "aria-label": "Maximize" })
-  ] });
-});
-WindowControls.displayName = "WindowControls";
-var TitleBar = React__namespace.forwardRef(({
-  title,
-  platform = "mac",
-  onMinimize,
-  onMaximize,
-  onClose,
-  center,
-  actions,
-  draggable = true,
-  className = "",
-  ...rest
-}, ref) => {
-  const dragStyle = draggable ? { WebkitAppRegion: "drag" } : void 0;
-  const noDragStyle = { WebkitAppRegion: "no-drag" };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `titlebar ${platform} ${className}`, style: dragStyle, ...rest, children: [
-    platform === "mac" && /* @__PURE__ */ jsxRuntime.jsx(WindowControls, { platform: "mac", onMinimize, onMaximize, onClose }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-title", children: title }),
-    center && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-center", style: noDragStyle, children: center }),
-    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-actions", style: noDragStyle, children: actions }),
-    platform === "windows" && /* @__PURE__ */ jsxRuntime.jsx(WindowControls, { platform: "windows", onMinimize, onMaximize, onClose })
-  ] });
-});
-TitleBar.displayName = "TitleBar";
-var Sidebar = React__namespace.forwardRef(({
-  items,
-  activeKey,
-  onSelect,
-  collapsed,
-  header,
-  footer,
-  className = "",
-  ...rest
-}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("aside", { ref, className: `sidebar ${collapsed ? "collapsed" : ""} ${className}`, ...rest, children: [
-  header && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sidebar-header", children: header }),
-  /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "sidebar-nav", children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      className: `sidebar-item ${activeKey === it.key ? "active" : ""}`,
-      onClick: () => onSelect?.(it.key),
-      children: [
-        it.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-icon", children: it.icon }),
-        !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-label", children: it.label }),
-        !collapsed && it.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-badge", children: it.badge })
-      ]
-    },
-    it.key
-  )) }),
-  footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sidebar-footer", children: footer })
-] }));
-Sidebar.displayName = "Sidebar";
-var AppShell = React__namespace.forwardRef(({ sidebar, titleBar, children, className = "", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `app-shell ${className}`, ...rest, children: [
-  titleBar,
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "app-shell-body", children: [
-    sidebar,
-    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "app-shell-main", children })
-  ] })
-] }));
-AppShell.displayName = "AppShell";
-
-exports.AppShell = AppShell;
-exports.Sidebar = Sidebar;
-exports.TitleBar = TitleBar;
-exports.WindowControls = WindowControls;

package/dist/chunk-IZHH6CVY.js

@@ -1,123 +0,0 @@
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './Splitter-DHNOY4NC.css';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/Splitter/Splitter.tsx
-var Splitter = React.forwardRef(({
-  direction = "horizontal",
-  defaultSize = 240,
-  size,
-  onResize,
-  onResizeEnd,
-  min = 80,
-  max = Infinity,
-  step = 16,
-  children,
-  className = "",
-  handleClassName = "",
-  ...rest
-}, ref) => {
-  const isControlled = size !== void 0;
-  const [inner, setInner] = React.useState(defaultSize);
-  const current = isControlled ? size : inner;
-  const containerRef = React.useRef(null);
-  const [dragging, setDragging] = React.useState(false);
-  const clamp = React.useCallback(
-    (n) => {
-      const el = containerRef.current;
-      const bound = el ? direction === "horizontal" ? el.clientWidth : el.clientHeight : Infinity;
-      return Math.max(min, Math.min(Math.min(max, Math.max(0, bound - 24)), n));
-    },
-    [direction, min, max]
-  );
-  const commit = React.useCallback(
-    (n) => {
-      const clamped = clamp(n);
-      if (!isControlled) setInner(clamped);
-      onResize?.(clamped);
-      return clamped;
-    },
-    [clamp, isControlled, onResize]
-  );
-  const onPointerDown = (e) => {
-    if (e.button !== 0) return;
-    e.preventDefault();
-    const el = containerRef.current;
-    if (!el) return;
-    const rect = el.getBoundingClientRect();
-    setDragging(true);
-    e.target.setPointerCapture?.(e.pointerId);
-    let latest = current;
-    const move = (ev) => {
-      const next = direction === "horizontal" ? ev.clientX - rect.left : ev.clientY - rect.top;
-      latest = commit(next);
-    };
-    const up = () => {
-      setDragging(false);
-      onResizeEnd?.(latest);
-      window.removeEventListener("pointermove", move);
-      window.removeEventListener("pointerup", up);
-    };
-    window.addEventListener("pointermove", move);
-    window.addEventListener("pointerup", up);
-  };
-  const onKeyDown = (e) => {
-    const inc = (n) => commit(current + n);
-    if (direction === "horizontal") {
-      if (e.key === "ArrowLeft") {
-        e.preventDefault();
-        inc(-step);
-      }
-      if (e.key === "ArrowRight") {
-        e.preventDefault();
-        inc(step);
-      }
-    } else {
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        inc(-step);
-      }
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        inc(step);
-      }
-    }
-  };
-  const firstStyle = direction === "horizontal" ? { width: current } : { height: current };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: (node) => {
-        containerRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      className: `splitter ${direction} ${dragging ? "dragging" : ""} ${className}`,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "splitter-panel first", style: firstStyle, children: children[0] }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "separator",
-            tabIndex: 0,
-            "aria-orientation": direction === "horizontal" ? "vertical" : "horizontal",
-            "aria-valuenow": current,
-            "aria-valuemin": min,
-            "aria-valuemax": Number.isFinite(max) ? max : void 0,
-            className: `splitter-handle ${handleClassName}`,
-            onPointerDown,
-            onKeyDown,
-            children: /* @__PURE__ */ jsx("span", { className: "splitter-handle-grip", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "splitter-panel second", children: children[1] })
-      ]
-    }
-  );
-});
-Splitter.displayName = "Splitter";
-
-export { Splitter };

package/dist/chunk-JFL2WMJZ.js

@@ -1,106 +0,0 @@
-import { cloneLuminaThemePreset } from './chunk-6SPMHY54.js';
-import { useThemeOptional, ThemeProvider } from './chunk-GNV6W4BN.js';
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './Surface-UDDN3DGL.css';
-import * as React from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function createSurfaceThemePreset(key) {
-  const preset = cloneLuminaThemePreset(key);
-  delete preset.density;
-  delete preset.font;
-  delete preset.label;
-  delete preset.description;
-  return preset;
-}
-var SURFACE_THEME_PRESETS = {
-  mist: createSurfaceThemePreset("light"),
-  porcelain: createSurfaceThemePreset("porcelain"),
-  graphite: createSurfaceThemePreset("graphite"),
-  ember: createSurfaceThemePreset("ember")
-};
-var surfacePresetMap = SURFACE_THEME_PRESETS;
-var isDefined = (value) => value !== void 0;
-function getInheritedAccent(theme) {
-  if (!theme) return void 0;
-  return theme.accent === "custom" ? theme.accentPalette : theme.accent;
-}
-var Surface = React.forwardRef(
-  ({
-    preset = "inherit",
-    tone = "base",
-    variant = "plain",
-    padding = "md",
-    radius = "lg",
-    height = "content",
-    bordered,
-    scrollable,
-    mode,
-    colorScheme,
-    accent,
-    density,
-    intensity,
-    themeRadius,
-    font,
-    tokens,
-    themes,
-    className = "",
-    children,
-    ...rest
-  }, ref) => {
-    const inherited = useThemeOptional();
-    const presetConfig = preset === "inherit" ? void 0 : surfacePresetMap[preset];
-    const usesLocalTheme = preset !== "inherit" || isDefined(mode) || isDefined(colorScheme) || isDefined(accent) || isDefined(density) || isDefined(intensity) || isDefined(themeRadius) || isDefined(font) || isDefined(tokens) || isDefined(themes);
-    const cls = [
-      "surface",
-      `tone-${tone}`,
-      variant,
-      `pad-${padding}`,
-      `radius-${radius}`,
-      `height-${height}`,
-      bordered && "bordered",
-      scrollable && "scrollable",
-      className
-    ].filter(Boolean).join(" ");
-    const surfaceNode = /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cls,
-        "data-surface-preset": preset === "inherit" ? void 0 : preset,
-        "data-surface-tone": tone,
-        ...rest,
-        children
-      }
-    );
-    if (!usesLocalTheme) return surfaceNode;
-    return /* @__PURE__ */ jsx(
-      ThemeProvider,
-      {
-        target: "scope",
-        as: "div",
-        mode: mode ?? presetConfig?.base ?? inherited?.mode ?? "light",
-        colorScheme: colorScheme ?? presetConfig?.base ?? inherited?.colorScheme ?? "light",
-        accent: accent ?? presetConfig?.accent ?? getInheritedAccent(inherited) ?? "sky",
-        density: density ?? presetConfig?.density ?? inherited?.density ?? "comfortable",
-        intensity: intensity ?? presetConfig?.intensity ?? inherited?.intensity ?? 5,
-        radius: themeRadius ?? presetConfig?.radius ?? inherited?.radius ?? 20,
-        font: font ?? presetConfig?.font ?? inherited?.font ?? "sf",
-        tokens: {
-          ...presetConfig?.tokens ?? {},
-          ...tokens ?? {}
-        },
-        themes: {
-          ...inherited?.themes ?? {},
-          ...themes ?? {}
-        },
-        style: { display: "contents" },
-        children: surfaceNode
-      }
-    );
-  }
-);
-Surface.displayName = "Surface";
-
-export { SURFACE_THEME_PRESETS, Surface };

package/dist/chunk-KMPFESEV.js

@@ -1,41 +0,0 @@
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './Progress-CZNXCYGW.css';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/Progress/Progress.tsx
-var Progress = React.forwardRef(({
-  value,
-  max = 100,
-  label,
-  showValue,
-  tone = "accent",
-  color,
-  size = "md",
-  className = "",
-  style,
-  ...rest
-}, ref) => {
-  const pct = Math.max(0, Math.min(100, value / max * 100));
-  const rootStyle = {
-    ...color ? {
-      ["--progress-fill"]: color,
-      ["--progress-fill-glow"]: `color-mix(in oklch, ${color} 35%, transparent)`
-    } : null,
-    ...style
-  };
-  return /* @__PURE__ */ jsxs("div", { ref, className: `progress ${size} ${tone} ${className}`, style: rootStyle, ...rest, children: [
-    (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "progress-label", children: [
-      label ? /* @__PURE__ */ jsx("span", { children: label }) : /* @__PURE__ */ jsx("span", {}),
-      showValue && /* @__PURE__ */ jsxs("span", { className: "v", children: [
-        Math.round(pct),
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "progress-track", children: /* @__PURE__ */ jsx("div", { className: "progress-bar", style: { width: `${pct}%` } }) })
-  ] });
-});
-Progress.displayName = "Progress";
-
-export { Progress };