@fangxinyan/lumina 0.6.1 → 0.6.2

package/dist/{chunk-PWW64ZWO.cjs → chunk-KD4YYIIO.cjs}

@@ -2,7 +2,7 @@
 
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Tabs-RHK6XAFF.css');
+require('./Tabs-BLSNI2T5.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -63,36 +63,5 @@ var Tabs = React__namespace.forwardRef(({
   ] });
 });
 Tabs.displayName = "Tabs";
-var SegmentedInner = ({
-  options,
-  value,
-  defaultValue,
-  onChange,
-  size = "md",
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React__namespace.useState(defaultValue ?? options[0]?.value);
-  const isControlled = value !== void 0;
-  const v = isControlled ? value : inner;
-  const pick = (next) => {
-    if (!isControlled) setInner(next);
-    onChange?.(next);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `segmented ${size} ${className}`, ...rest, children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      disabled: o.disabled,
-      className: `seg ${v === o.value ? "active" : ""}`,
-      onClick: () => pick(o.value),
-      children: o.label
-    },
-    String(o.value)
-  )) });
-};
-var Segmented = React__namespace.forwardRef(SegmentedInner);
-Segmented.displayName = "Segmented";
 
-exports.Segmented = Segmented;
 exports.Tabs = Tabs;

package/dist/chunk-KGSADAOD.cjs

@@ -0,0 +1,170 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Radio-GVFDPAZM.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/Radio/Radio.tsx
+var RadioRoot = React__namespace.forwardRef(({
+  checked,
+  defaultChecked,
+  onChange,
+  disabled,
+  label,
+  className = "",
+  id,
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React__namespace.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__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      ref,
+      className: `radio ${value ? "checked" : ""} ${disabled ? "disabled" : ""} ${className}`,
+      onClick: pick,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": value,
+            disabled,
+            onClick: (event) => {
+              event.stopPropagation();
+              pick();
+            },
+            id,
+            className: "radio-dot"
+          }
+        ),
+        label && /* @__PURE__ */ jsxRuntime.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__namespace.useState(defaultValue);
+  const groupRef = React__namespace.useRef(null);
+  const [thumb, setThumb] = React__namespace.useState({ left: 0, width: 0, ready: false });
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : inner;
+  const setGroupRef = React__namespace.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__namespace.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__ */ jsxRuntime.jsxs("div", { ref: setGroupRef, className: `radio-group ${resolvedDirection} ${variant} ${size} ${className}`, ...rest, children: [
+    variant === "segmented" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      RadioRoot,
+      {
+        label: opt.label,
+        checked: current === opt.value,
+        disabled: opt.disabled,
+        onChange: () => pick(opt.value)
+      },
+      String(opt.value)
+    ))
+  ] });
+};
+var RadioGroup = React__namespace.forwardRef(RadioGroupInner);
+RadioGroup.displayName = "RadioGroup";
+var Radio = RadioRoot;
+Radio.Group = RadioGroup;
+
+exports.Radio = Radio;
+exports.RadioGroup = RadioGroup;

package/dist/{chunk-6ODY6MGL.cjs → chunk-MQV2XN4B.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Typography-NKPWTJCV.css');
@@ -74,8 +74,8 @@ var CopyAction = ({ config, fallbackText }) => {
     timerRef.current = window.setTimeout(() => setCopied(false), 2400);
   };
   const [defIcon, doneIcon] = config.icon ?? [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "copy", size: 12 }, "def"),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "check", size: 12 }, "done")
+    /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "copy", size: 12 }, "def"),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "check", size: 12 }, "done")
   ];
   const tipText = config.tooltips === false ? void 0 : Array.isArray(config.tooltips) ? copied ? config.tooltips[1] : config.tooltips[0] : copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -213,7 +213,7 @@ function useTypographyBody(props) {
           }
         },
         className: "typo-action typo-edit",
-        children: editConf.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "edit", size: 12 })
+        children: editConf.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "edit", size: 12 })
       }
     );
   }
@@ -473,7 +473,7 @@ var Link = React__namespace.forwardRef(
         ...anchorRest,
         children: [
           body.inner,
-          external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-link-ext", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: externalIcon, size: 12 }) }),
+          external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-link-ext", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: externalIcon, size: 12 }) }),
           body.expandNode,
           body.copyNode,
           body.editIconNode

package/dist/{chunk-OVZTG5CP.cjs → chunk-MT7UWY6T.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.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(chunkTJII7BQ2_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] })

package/dist/chunk-MUXP7ASL.js

@@ -0,0 +1,26 @@
+import { Table } from './chunk-AWXCSX6J.js';
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './TablePro-3XVHYLSL.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function TablePro({
+  toolbar,
+  actions,
+  footer,
+  title,
+  className = "",
+  ...tableProps
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: `table-card ${className}`, children: [
+    (title || toolbar || actions) && /* @__PURE__ */ jsxs("div", { className: "table-toolbar", children: [
+      title && /* @__PURE__ */ jsx("div", { className: "table-title", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "table-toolbar-main", children: toolbar }),
+      actions && /* @__PURE__ */ jsx("div", { className: "table-toolbar-actions", children: actions })
+    ] }),
+    /* @__PURE__ */ jsx(Table, { ...tableProps, className: "joined" }),
+    footer && /* @__PURE__ */ jsx("div", { className: "table-footer", children: footer })
+  ] });
+}
+
+export { TablePro };

package/dist/{chunk-EEMWQX3C.cjs → chunk-NTS5L4NQ.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkGY3BSHHS_cjs = require('./chunk-GY3BSHHS.cjs');
+var chunkQKQHZIF3_cjs = require('./chunk-QKQHZIF3.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Timeline-RHZAZKZ7.css');
+require('./Timeline-3ZHOHPXT.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -96,7 +96,7 @@ var TimelineItem = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-label", children: item.label }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "timeline-item-head", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `timeline-item-dot ${color} ${isPending ? "pending" : ""}`, children: item.dot ?? (isPending && /* @__PURE__ */ jsxRuntime.jsx(chunkGY3BSHHS_cjs.Spinner, { size: 14 })) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `timeline-item-dot ${color} ${isPending ? "pending" : ""}`, children: item.dot ?? (isPending && /* @__PURE__ */ jsxRuntime.jsx(chunkQKQHZIF3_cjs.Spin, { size: 14 })) }),
       !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-tail" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-content", children: item.children })

package/dist/{chunk-WBK6XIDJ.js → chunk-OBEKX4VR.js}

@@ -1,6 +1,6 @@
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Tabs-RHK6XAFF.css';
+import './Tabs-BLSNI2T5.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -41,35 +41,5 @@ var Tabs = React.forwardRef(({
   ] });
 });
 Tabs.displayName = "Tabs";
-var SegmentedInner = ({
-  options,
-  value,
-  defaultValue,
-  onChange,
-  size = "md",
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React.useState(defaultValue ?? options[0]?.value);
-  const isControlled = value !== void 0;
-  const v = isControlled ? value : inner;
-  const pick = (next) => {
-    if (!isControlled) setInner(next);
-    onChange?.(next);
-  };
-  return /* @__PURE__ */ jsx("div", { ref, className: `segmented ${size} ${className}`, ...rest, children: options.map((o) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      disabled: o.disabled,
-      className: `seg ${v === o.value ? "active" : ""}`,
-      onClick: () => pick(o.value),
-      children: o.label
-    },
-    String(o.value)
-  )) });
-};
-var Segmented = React.forwardRef(SegmentedInner);
-Segmented.displayName = "Segmented";
 
-export { Segmented, Tabs };
+export { Tabs };