@fangxinyan/lumina 0.6.18 → 0.8.0

package/dist/chunk-TBNPJPYG.cjs

@@ -1,61 +0,0 @@
-'use strict';
-
-require('./tokens-RYJ3DFTU.css');
-require('./shared-NJHRNLRH.css');
-require('./Avatar-TNPOHVY5.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/Avatar/Avatar.tsx
-var Avatar = React__namespace.forwardRef(({
-  src,
-  alt = "",
-  initials,
-  size = "md",
-  shape = "circle",
-  status,
-  className = "",
-  style,
-  ...rest
-}, ref) => {
-  const sizeCls = typeof size === "string" && size !== "md" ? size : "";
-  const shapeCls = shape === "square" ? "square" : "";
-  const customStyle = typeof size === "number" ? { ["--size"]: `${size}px`, ...style } : style ?? {};
-  const shown = initials ?? alt.slice(0, 2).toUpperCase();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref,
-      className: `avatar ${sizeCls} ${shapeCls} ${className}`.trim().replace(/\s+/g, " "),
-      style: customStyle,
-      ...rest,
-      children: [
-        src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: shown }),
-        status && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `avatar-status ${status}` })
-      ]
-    }
-  );
-});
-Avatar.displayName = "Avatar";
-
-exports.Avatar = Avatar;

package/dist/chunk-TJECLLN4.js

@@ -1,344 +0,0 @@
-import { useFloating } from './chunk-DUFRASGO.js';
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './ColorPicker-LPG6QPYF.css';
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var clamp = (n, lo, hi) => Math.min(Math.max(n, lo), hi);
-function normalizeHex(input) {
-  const s = input.trim().replace(/^#/, "");
-  if (!/^([\da-f]{3}|[\da-f]{6})$/i.test(s)) return null;
-  const full = s.length === 3 ? s.split("").map((c) => c + c).join("") : s;
-  return "#" + full.toLowerCase();
-}
-function hexToRgb(hex) {
-  const n = normalizeHex(hex);
-  if (!n) return null;
-  const int = parseInt(n.slice(1), 16);
-  return [int >> 16 & 255, int >> 8 & 255, int & 255];
-}
-function rgbToHex(r, g, b) {
-  const to = (x) => {
-    const h = clamp(Math.round(x), 0, 255).toString(16);
-    return h.length === 1 ? "0" + h : h;
-  };
-  return "#" + to(r) + to(g) + to(b);
-}
-function rgbToHsv(r, g, b) {
-  const R = r / 255;
-  const G = g / 255;
-  const B = b / 255;
-  const max = Math.max(R, G, B);
-  const min = Math.min(R, G, B);
-  const d = max - min;
-  let h = 0;
-  if (d !== 0) {
-    if (max === R) h = (G - B) / d % 6;
-    else if (max === G) h = (B - R) / d + 2;
-    else h = (R - G) / d + 4;
-    h *= 60;
-    if (h < 0) h += 360;
-  }
-  const s = max === 0 ? 0 : d / max * 100;
-  const v = max * 100;
-  return [h, s, v];
-}
-function hsvToRgb(h, s, v) {
-  const S = s / 100;
-  const V = v / 100;
-  const c = V * S;
-  const hh = h % 360 / 60;
-  const x = c * (1 - Math.abs(hh % 2 - 1));
-  const m = V - c;
-  let r = 0;
-  let g = 0;
-  let b = 0;
-  if (hh < 1) [r, g, b] = [c, x, 0];
-  else if (hh < 2) [r, g, b] = [x, c, 0];
-  else if (hh < 3) [r, g, b] = [0, c, x];
-  else if (hh < 4) [r, g, b] = [0, x, c];
-  else if (hh < 5) [r, g, b] = [x, 0, c];
-  else [r, g, b] = [c, 0, x];
-  return [(r + m) * 255, (g + m) * 255, (b + m) * 255];
-}
-var hexToHsv = (hex) => {
-  const rgb = hexToRgb(hex);
-  return rgb ? rgbToHsv(...rgb) : null;
-};
-var hsvToHex = (h, s, v) => rgbToHex(...hsvToRgb(h, s, v));
-var DEFAULT_PRESETS = [
-  "#ff6b6b",
-  "#ffa94d",
-  "#ffd43b",
-  "#51cf66",
-  "#22b8cf",
-  "#339af0",
-  "#845ef7",
-  "#f06595",
-  "#868e96",
-  "#212529"
-];
-var SaturationBoard = ({ hue, s, v, onChange }) => {
-  const ref = React.useRef(null);
-  const compute = (clientX, clientY) => {
-    const el = ref.current;
-    if (!el) return { s, v };
-    const rect = el.getBoundingClientRect();
-    const ns = clamp((clientX - rect.left) / rect.width * 100, 0, 100);
-    const nv = clamp(100 - (clientY - rect.top) / rect.height * 100, 0, 100);
-    return { s: ns, v: nv };
-  };
-  const handlePointerDown = (e) => {
-    const el = ref.current;
-    if (!el) return;
-    el.setPointerCapture(e.pointerId);
-    const first = compute(e.clientX, e.clientY);
-    onChange(first.s, first.v, false);
-    const move = (ev) => {
-      const c = compute(ev.clientX, ev.clientY);
-      onChange(c.s, c.v, false);
-    };
-    const up = (ev) => {
-      const c = compute(ev.clientX, ev.clientY);
-      onChange(c.s, c.v, true);
-      el.releasePointerCapture(e.pointerId);
-      el.removeEventListener("pointermove", move);
-      el.removeEventListener("pointerup", up);
-      el.removeEventListener("pointercancel", up);
-    };
-    el.addEventListener("pointermove", move);
-    el.addEventListener("pointerup", up);
-    el.addEventListener("pointercancel", up);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: "cp-board",
-      style: { background: `hsl(${hue}, 100%, 50%)` },
-      onPointerDown: handlePointerDown,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "cp-board-white" }),
-        /* @__PURE__ */ jsx("div", { className: "cp-board-black" }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "cp-board-thumb",
-            style: { left: `${s}%`, top: `${100 - v}%` }
-          }
-        )
-      ]
-    }
-  );
-};
-var HueSlider = ({ hue, onChange }) => {
-  const ref = React.useRef(null);
-  const compute = (clientX) => {
-    const el = ref.current;
-    if (!el) return hue;
-    const rect = el.getBoundingClientRect();
-    return clamp((clientX - rect.left) / rect.width * 360, 0, 360);
-  };
-  const handlePointerDown = (e) => {
-    const el = ref.current;
-    if (!el) return;
-    el.setPointerCapture(e.pointerId);
-    onChange(compute(e.clientX), false);
-    const move = (ev) => onChange(compute(ev.clientX), false);
-    const up = (ev) => {
-      onChange(compute(ev.clientX), true);
-      el.releasePointerCapture(e.pointerId);
-      el.removeEventListener("pointermove", move);
-      el.removeEventListener("pointerup", up);
-      el.removeEventListener("pointercancel", up);
-    };
-    el.addEventListener("pointermove", move);
-    el.addEventListener("pointerup", up);
-    el.addEventListener("pointercancel", up);
-  };
-  return /* @__PURE__ */ jsx("div", { ref, className: "cp-hue", onPointerDown: handlePointerDown, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "cp-hue-thumb",
-      style: { left: `${hue / 360 * 100}%` }
-    }
-  ) });
-};
-var ColorPicker = React.forwardRef(
-  (props, ref) => {
-    const {
-      value,
-      defaultValue = "#845ef7",
-      onChange,
-      onChangeComplete,
-      disabled,
-      size = "md",
-      placement = "bottom",
-      presets = DEFAULT_PRESETS,
-      showText = false,
-      children,
-      open: openProp,
-      defaultOpen = false,
-      onOpenChange,
-      className = "",
-      style,
-      onClick,
-      ...rest
-    } = props;
-    const isControlled = value != null;
-    const [internal, setInternal] = React.useState(
-      normalizeHex(defaultValue) ?? "#845ef7"
-    );
-    const current = normalizeHex((isControlled ? value : internal) ?? "") ?? "#845ef7";
-    const isOpenControlled = openProp != null;
-    const [openState, setOpenState] = React.useState(defaultOpen);
-    const open = isOpenControlled ? !!openProp : openState;
-    const setOpen = (next) => {
-      if (!isOpenControlled) setOpenState(next);
-      onOpenChange?.(next);
-    };
-    const [inputText, setInputText] = React.useState(current);
-    React.useEffect(() => setInputText(current), [current]);
-    const { triggerRef, floatingStyle } = useFloating({
-      open,
-      placement,
-      panelWidth: 256,
-      panelHeight: 300
-    });
-    const panelRef = React.useRef(null);
-    React.useImperativeHandle(ref, () => triggerRef.current);
-    React.useEffect(() => {
-      if (!open) return;
-      const onDown = (e) => {
-        const t = e.target;
-        if (triggerRef.current?.contains(t)) return;
-        if (panelRef.current?.contains(t)) return;
-        setOpen(false);
-      };
-      const onKey = (e) => {
-        if (e.key === "Escape") setOpen(false);
-      };
-      document.addEventListener("mousedown", onDown);
-      document.addEventListener("keydown", onKey);
-      return () => {
-        document.removeEventListener("mousedown", onDown);
-        document.removeEventListener("keydown", onKey);
-      };
-    }, [open]);
-    const commit = (hex, done) => {
-      const n = normalizeHex(hex);
-      if (!n) return;
-      if (!isControlled) setInternal(n);
-      onChange?.(n);
-      if (done) onChangeComplete?.(n);
-    };
-    const hsv = hexToHsv(current) ?? [0, 100, 100];
-    const [h, s, v] = hsv;
-    const handleBoard = (ns, nv, done) => {
-      commit(hsvToHex(h, ns, nv), done);
-    };
-    const handleHue = (nh, done) => {
-      commit(hsvToHex(nh, s, v), done);
-    };
-    const handleInputBlur = () => {
-      const n = normalizeHex(inputText);
-      if (n) commit(n, true);
-      else setInputText(current);
-    };
-    const handleInputKey = (e) => {
-      if (e.key === "Enter") {
-        e.preventDefault();
-        e.target.blur();
-      }
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `cp ${placement} ${open ? "open" : ""} ${className}`,
-        style,
-        children: [
-          children ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              ref: triggerRef,
-              className: "cp-custom-trigger",
-              disabled,
-              onClick: (e) => {
-                onClick?.(e);
-                if (!disabled) setOpen(!open);
-              },
-              ...rest,
-              children
-            }
-          ) : /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              ref: triggerRef,
-              className: `cp-trigger ${size}`,
-              disabled,
-              onClick: (e) => {
-                onClick?.(e);
-                if (!disabled) setOpen(!open);
-              },
-              "aria-label": `\u9009\u62E9\u989C\u8272 (\u5F53\u524D ${current})`,
-              style,
-              ...rest,
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "cp-swatch", style: { background: current } }),
-                showText && /* @__PURE__ */ jsx("span", { className: "cp-text", children: current })
-              ]
-            }
-          ),
-          open && !disabled && typeof document !== "undefined" && createPortal(
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                ref: panelRef,
-                className: "cp-panel",
-                role: "dialog",
-                style: floatingStyle,
-                children: [
-                  /* @__PURE__ */ jsx(SaturationBoard, { hue: h, s, v, onChange: handleBoard }),
-                  /* @__PURE__ */ jsx(HueSlider, { hue: h, onChange: handleHue }),
-                  /* @__PURE__ */ jsxs("div", { className: "cp-row", children: [
-                    /* @__PURE__ */ jsx("span", { className: "cp-swatch sm", style: { background: current } }),
-                    /* @__PURE__ */ jsx(
-                      "input",
-                      {
-                        className: "cp-input",
-                        value: inputText,
-                        onChange: (e) => setInputText(e.target.value),
-                        onBlur: handleInputBlur,
-                        onKeyDown: handleInputKey,
-                        spellCheck: false
-                      }
-                    )
-                  ] }),
-                  presets.length > 0 && /* @__PURE__ */ jsx("div", { className: "cp-presets", children: presets.map((p) => /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      className: `cp-preset ${current === normalizeHex(p) ? "active" : ""}`,
-                      style: { background: p },
-                      onClick: () => commit(p, true),
-                      "aria-label": p
-                    },
-                    p
-                  )) })
-                ]
-              }
-            ),
-            document.body
-          )
-        ]
-      }
-    );
-  }
-);
-ColorPicker.displayName = "ColorPicker";
-
-export { ColorPicker };

package/dist/chunk-ULUD3FED.cjs

@@ -1,138 +0,0 @@
-'use strict';
-
-var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
-require('./tokens-RYJ3DFTU.css');
-require('./shared-NJHRNLRH.css');
-require('./Drawer-7KICRM4L.css');
-var React = require('react');
-var ReactDOM = require('react-dom');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-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);
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
-var ANIM_MS = 280;
-var Drawer = React__namespace.forwardRef(({
-  open,
-  onClose,
-  placement = "right",
-  size = 380,
-  title,
-  extra,
-  footer,
-  children,
-  mask = true,
-  maskClosable = true,
-  maskClassName = "",
-  maskStyle,
-  keyboard = true,
-  closable = true,
-  closeIcon,
-  destroyOnClose = false,
-  afterOpenChange,
-  zIndex,
-  className = "",
-  style,
-  onClick,
-  ...rest
-}, ref) => {
-  const [hasOpenedOnce, setHasOpenedOnce] = React__namespace.useState(open);
-  React__namespace.useEffect(() => {
-    if (open) setHasOpenedOnce(true);
-  }, [open]);
-  React__namespace.useEffect(() => {
-    if (!open || !keyboard) return;
-    const h = (e) => e.key === "Escape" && onClose?.();
-    window.addEventListener("keydown", h);
-    return () => window.removeEventListener("keydown", h);
-  }, [open, keyboard, onClose]);
-  const prevOpen = React__namespace.useRef(open);
-  React__namespace.useEffect(() => {
-    if (prevOpen.current !== open) {
-      prevOpen.current = open;
-      if (afterOpenChange) {
-        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);
-        return () => window.clearTimeout(id);
-      }
-    }
-  }, [open, afterOpenChange]);
-  if (typeof document === "undefined") return null;
-  if (!hasOpenedOnce) return null;
-  if (!open && destroyOnClose) return null;
-  const isV = placement === "left" || placement === "right";
-  const panelStyle = isV ? { width: size } : { height: size };
-  if (zIndex != null) panelStyle.zIndex = zIndex;
-  Object.assign(panelStyle, style);
-  const overlayStyle = zIndex != null || maskStyle ? { ...maskStyle, ...zIndex != null ? { zIndex: zIndex - 1 } : {} } : void 0;
-  return ReactDOM__default.default.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      mask && /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: ["drawer-overlay", open ? "" : "hidden", maskClassName].filter(Boolean).join(" "),
-          style: overlayStyle,
-          onClick: () => maskClosable && onClose?.()
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          ref,
-          className: `drawer ${placement} ${open ? "" : "hidden"} ${className}`,
-          style: panelStyle,
-          onClick: (e) => {
-            onClick?.(e);
-            e.stopPropagation();
-          },
-          role: "dialog",
-          "aria-hidden": !open,
-          ...rest,
-          children: [
-            (title || extra || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer-head", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-title", children: title }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer-head-right", children: [
-                extra,
-                closable && /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "drawer-close",
-                    onClick: onClose,
-                    "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 16 })
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-body", children }),
-            footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-foot", children: footer })
-          ]
-        }
-      )
-    ] }),
-    document.body
-  );
-});
-Drawer.displayName = "Drawer";
-
-exports.Drawer = Drawer;