@fangxinyan/lumina 0.6.17 → 0.7.0

package/dist/chunk-RZEFKXL3.cjs

@@ -1,104 +0,0 @@
-'use strict';
-
-var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
-require('./tokens-RYJ3DFTU.css');
-require('./shared-NJHRNLRH.css');
-require('./Textarea-YHWKHIFE.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);
-
-var Textarea = React__namespace.forwardRef(
-  ({
-    value,
-    defaultValue,
-    onChange,
-    onValueChange,
-    invalid,
-    allowClear,
-    maxLength,
-    showCount,
-    className = "",
-    ...rest
-  }, ref) => {
-    const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
-    const isControlled = value !== void 0;
-    const currentValue = isControlled ? value : inner;
-    const disabled = rest.disabled;
-    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("");
-      const synthetic = {
-        ...e,
-        target: { ...e.target, value: "" },
-        currentTarget: { ...e.currentTarget, value: "" }
-      };
-      onChange?.(synthetic);
-      onValueChange?.("", synthetic);
-    };
-    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
-    const showClear = !!allowClear && !!currentValue && !disabled;
-    const count = currentValue ? currentValue.length : 0;
-    const field = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "textarea-wrap", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
-        {
-          ref,
-          className: cls,
-          value: isControlled ? value : void 0,
-          defaultValue: isControlled ? void 0 : defaultValue,
-          onChange: handleChange,
-          maxLength,
-          ...rest
-        }
-      ),
-      showClear && /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "textarea-clear",
-          role: "button",
-          "aria-label": "Clear",
-          tabIndex: -1,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: handleClear,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 12 })
-        }
-      )
-    ] });
-    if (!showCount) return field;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "textarea-shell", children: [
-      field,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "textarea-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-var TextArea = Textarea;
-
-exports.TextArea = TextArea;
-exports.Textarea = Textarea;

package/dist/chunk-S7IHWY24.js

@@ -1,81 +0,0 @@
-import { Icon } from './chunk-FDZG27IG.js';
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './Textarea-YHWKHIFE.css';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Textarea = React.forwardRef(
-  ({
-    value,
-    defaultValue,
-    onChange,
-    onValueChange,
-    invalid,
-    allowClear,
-    maxLength,
-    showCount,
-    className = "",
-    ...rest
-  }, ref) => {
-    const [inner, setInner] = React.useState(defaultValue ?? "");
-    const isControlled = value !== void 0;
-    const currentValue = isControlled ? value : inner;
-    const disabled = rest.disabled;
-    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("");
-      const synthetic = {
-        ...e,
-        target: { ...e.target, value: "" },
-        currentTarget: { ...e.currentTarget, value: "" }
-      };
-      onChange?.(synthetic);
-      onValueChange?.("", synthetic);
-    };
-    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
-    const showClear = !!allowClear && !!currentValue && !disabled;
-    const count = currentValue ? currentValue.length : 0;
-    const field = /* @__PURE__ */ jsxs("div", { className: "textarea-wrap", children: [
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref,
-          className: cls,
-          value: isControlled ? value : void 0,
-          defaultValue: isControlled ? void 0 : defaultValue,
-          onChange: handleChange,
-          maxLength,
-          ...rest
-        }
-      ),
-      showClear && /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "textarea-clear",
-          role: "button",
-          "aria-label": "Clear",
-          tabIndex: -1,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: handleClear,
-          children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 })
-        }
-      )
-    ] });
-    if (!showCount) return field;
-    return /* @__PURE__ */ jsxs("div", { className: "textarea-shell", children: [
-      field,
-      /* @__PURE__ */ jsx("div", { className: "textarea-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-var TextArea = Textarea;
-
-export { TextArea, Textarea };

package/dist/chunk-SOQ56ZI2.cjs

@@ -1,49 +0,0 @@
-'use strict';
-
-require('./tokens-RYJ3DFTU.css');
-require('./shared-NJHRNLRH.css');
-require('./List-LSMU5QAC.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/List/List.tsx
-var List = React__namespace.forwardRef(({ items, dividers = true, className = "", style, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "ul",
-  {
-    ref,
-    className: `list ${dividers ? "with-dividers" : ""} ${className}`,
-    style: { listStyle: "none", margin: 0, ...style },
-    ...rest,
-    children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `list-item ${it.onClick ? "clickable" : ""}`, onClick: it.onClick, children: [
-      it.avatar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list-item-avatar", children: it.avatar }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "list-item-meta", children: [
-        it.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list-item-title", children: it.title }),
-        it.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list-item-desc", children: it.description })
-      ] }),
-      it.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list-item-actions", children: it.actions })
-    ] }, it.key))
-  }
-));
-List.displayName = "List";
-
-exports.List = List;

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 };