@fangxinyan/lumina 0.6.18 → 0.7.0

package/dist/chunk-KYV75JPQ.js

@@ -1,147 +0,0 @@
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './Radio-IQKASYDF.css';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/Radio/Radio.tsx
-var RadioRoot = React.forwardRef(({
-  checked,
-  defaultChecked,
-  onChange,
-  disabled,
-  label,
-  className = "",
-  id,
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React.useState(defaultChecked ?? false);
-  const isControlled = checked !== void 0;
-  const value = isControlled ? checked : inner;
-  const pick = () => {
-    if (disabled) return;
-    if (!isControlled) setInner(true);
-    onChange?.(true);
-  };
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      ref,
-      className: `radio ${value ? "checked" : ""} ${disabled ? "disabled" : ""} ${className}`,
-      onClick: pick,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "radio",
-            "aria-checked": value,
-            disabled,
-            onClick: (event) => {
-              event.stopPropagation();
-              pick();
-            },
-            id,
-            className: "radio-dot"
-          }
-        ),
-        label && /* @__PURE__ */ jsx("span", { className: "radio-label", children: label })
-      ]
-    }
-  );
-});
-RadioRoot.displayName = "Radio";
-var RadioGroupInner = ({
-  options,
-  value,
-  defaultValue,
-  onChange,
-  direction,
-  variant = "default",
-  size = "md",
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React.useState(defaultValue);
-  const groupRef = React.useRef(null);
-  const [thumb, setThumb] = React.useState({ left: 0, width: 0, ready: false });
-  const isControlled = value !== void 0;
-  const current = isControlled ? value : inner;
-  const setGroupRef = React.useCallback(
-    (node) => {
-      groupRef.current = node;
-      if (typeof ref === "function") ref(node);
-      else if (ref) ref.current = node;
-    },
-    [ref]
-  );
-  const pick = (v) => {
-    if (!isControlled) setInner(v);
-    onChange?.(v);
-  };
-  const resolvedDirection = direction ?? (variant === "segmented" ? "horizontal" : "vertical");
-  React.useLayoutEffect(() => {
-    if (variant !== "segmented") return;
-    const group = groupRef.current;
-    if (!group) return;
-    const updateThumb = () => {
-      const active = group.querySelector(".radio.checked");
-      if (!active) {
-        setThumb((prev) => prev.ready ? { left: prev.left, width: prev.width, ready: false } : prev);
-        return;
-      }
-      const next = {
-        left: active.offsetLeft,
-        width: active.offsetWidth,
-        ready: true
-      };
-      setThumb(
-        (prev) => prev.left === next.left && prev.width === next.width && prev.ready === next.ready ? prev : next
-      );
-    };
-    updateThumb();
-    const frame = requestAnimationFrame(updateThumb);
-    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(updateThumb) : null;
-    if (observer) {
-      observer.observe(group);
-      group.querySelectorAll(".radio").forEach((item) => observer.observe(item));
-    }
-    window.addEventListener("resize", updateThumb);
-    return () => {
-      cancelAnimationFrame(frame);
-      observer?.disconnect();
-      window.removeEventListener("resize", updateThumb);
-    };
-  }, [current, options, size, variant]);
-  return /* @__PURE__ */ jsxs("div", { ref: setGroupRef, className: `radio-group ${resolvedDirection} ${variant} ${size} ${className}`, ...rest, children: [
-    variant === "segmented" && /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        className: "radio-segment-thumb",
-        style: {
-          width: thumb.width,
-          transform: `translateX(${thumb.left}px)`,
-          opacity: thumb.ready ? 1 : 0
-        }
-      }
-    ),
-    options.map((opt) => /* @__PURE__ */ jsx(
-      RadioRoot,
-      {
-        label: opt.label,
-        checked: current === opt.value,
-        disabled: opt.disabled,
-        onChange: () => pick(opt.value)
-      },
-      String(opt.value)
-    ))
-  ] });
-};
-var RadioGroup = React.forwardRef(RadioGroupInner);
-RadioGroup.displayName = "RadioGroup";
-var Radio = RadioRoot;
-Radio.Group = RadioGroup;
-
-export { Radio, RadioGroup };

package/dist/chunk-N7OQNSII.cjs

@@ -1,145 +0,0 @@
-'use strict';
-
-require('./tokens-RYJ3DFTU.css');
-require('./shared-NJHRNLRH.css');
-require('./Splitter-DHNOY4NC.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/Splitter/Splitter.tsx
-var Splitter = React__namespace.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__namespace.useState(defaultSize);
-  const current = isControlled ? size : inner;
-  const containerRef = React__namespace.useRef(null);
-  const [dragging, setDragging] = React__namespace.useState(false);
-  const clamp = React__namespace.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__namespace.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "splitter-panel first", style: firstStyle, children: children[0] }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "splitter-handle-grip", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "splitter-panel second", children: children[1] })
-      ]
-    }
-  );
-});
-Splitter.displayName = "Splitter";
-
-exports.Splitter = Splitter;

package/dist/chunk-P64NPZBG.js

@@ -1,113 +0,0 @@
-import { Icon } from './chunk-FDZG27IG.js';
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './Message-H222YGR6.css';
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { createRoot } from 'react-dom/client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var listeners = /* @__PURE__ */ new Set();
-var items = [];
-var uid = 0;
-var autoMounted = false;
-function emit() {
-  if (listeners.size === 0 && !autoMounted && typeof document !== "undefined") {
-    autoMounted = true;
-    const div = document.createElement("div");
-    document.body.appendChild(div);
-    createRoot(div).render(React.createElement(MessageContainer));
-  }
-  listeners.forEach((l) => l(items));
-}
-var normalizeConfig = (type, content, durationOrTitle, onClose) => {
-  if (content && typeof content === "object" && !React.isValidElement(content) && ("content" in content || "message" in content || "type" in content)) {
-    return { type, ...content };
-  }
-  const node = content;
-  if (typeof durationOrTitle === "number") {
-    return { type, content: node, duration: durationOrTitle, onClose };
-  }
-  return { type, content: node, title: durationOrTitle };
-};
-var message = {
-  open(config) {
-    const id = ++uid;
-    const next = {
-      id,
-      key: config.key,
-      type: config.type ?? "info",
-      title: config.title,
-      content: config.content ?? config.message,
-      duration: config.duration ?? 3200,
-      onClose: config.onClose
-    };
-    if (config.key != null) {
-      const existing = items.findIndex((item) => item.key === config.key);
-      if (existing >= 0) {
-        items = items.map((item, idx) => idx === existing ? { ...next, id: item.id } : item);
-        emit();
-        return items[existing]?.id ?? id;
-      }
-    }
-    items = [...items, next];
-    emit();
-    if (next.duration > 0 && typeof window !== "undefined") {
-      window.setTimeout(() => message.dismiss(config.key ?? id), next.duration);
-    }
-    return id;
-  },
-  show(config) {
-    return message.open(config);
-  },
-  info: (content, durationOrTitle, onClose) => message.open(normalizeConfig("info", content, durationOrTitle, onClose)),
-  success: (content, durationOrTitle, onClose) => message.open(normalizeConfig("success", content, durationOrTitle, onClose)),
-  warning: (content, durationOrTitle, onClose) => message.open(normalizeConfig("warning", content, durationOrTitle, onClose)),
-  warn: (content, durationOrTitle, onClose) => message.open(normalizeConfig("warning", content, durationOrTitle, onClose)),
-  error: (content, durationOrTitle, onClose) => message.open(normalizeConfig("error", content, durationOrTitle, onClose)),
-  dismiss(idOrKey) {
-    const removed = items.filter((i) => i.id === idOrKey || i.key === idOrKey);
-    items = items.filter((i) => i.id !== idOrKey && i.key !== idOrKey);
-    removed.forEach((item) => item.onClose?.());
-    emit();
-  },
-  destroy(idOrKey) {
-    if (idOrKey == null) message.clear();
-    else message.dismiss(idOrKey);
-  },
-  clear() {
-    const removed = items;
-    items = [];
-    removed.forEach((item) => item.onClose?.());
-    emit();
-  }
-};
-var MessageContainer = React.forwardRef(({ placement = "top-right", className = "", ...rest }, ref) => {
-  const [list, setList] = React.useState(items);
-  React.useEffect(() => {
-    listeners.add(setList);
-    return () => {
-      listeners.delete(setList);
-    };
-  }, []);
-  if (typeof document === "undefined") return null;
-  return createPortal(
-    /* @__PURE__ */ jsx("div", { ref, className: `message-container ${placement} ${className}`, ...rest, children: list.map((t) => {
-      const iconName = t.type === "success" ? "check2" : t.type === "warning" || t.type === "error" ? "alert" : "info";
-      return /* @__PURE__ */ jsxs("div", { className: `message ${t.type}`, role: "status", children: [
-        /* @__PURE__ */ jsx(Icon, { name: iconName, size: 18, className: "message-icon" }),
-        /* @__PURE__ */ jsxs("div", { className: "message-body", children: [
-          t.title && /* @__PURE__ */ jsx("div", { className: "message-title", children: t.title }),
-          t.content && /* @__PURE__ */ jsx("div", { className: "message-content", children: t.content })
-        ] }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 14 }) })
-      ] }, t.id);
-    }) }),
-    document.body
-  );
-});
-MessageContainer.displayName = "MessageContainer";
-var toast = message;
-var ToastContainer = MessageContainer;
-
-export { MessageContainer, ToastContainer, message, toast };