@fangxinyan/lumina 0.6.0 → 0.6.2

package/dist/{chunk-JAGJQDAV.cjs → chunk-HPFQXYKG.cjs}

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunkJF2WNLPF_cjs = require('./chunk-JF2WNLPF.cjs');
-var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
+var chunk5WAXZJG5_cjs = require('./chunk-5WAXZJG5.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Modal-XSDMU4XJ.css');
+require('./Modal-2QNDW4SO.css');
 var React = require('react');
 var ReactDOM = require('react-dom');
+var client = require('react-dom/client');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -33,7 +34,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 
 var ANIM_MS = 280;
-var Modal = React__namespace.forwardRef(({
+var ModalBase = React__namespace.forwardRef(({
   open,
   onClose,
   onCancel,
@@ -91,9 +92,9 @@ var Modal = React__namespace.forwardRef(({
   if (!open && destroyOnClose) return null;
   const overlayStyle = zIndex != null ? { zIndex } : void 0;
   const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkJF2WNLPF_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5WAXZJG5_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkJF2WNLPF_cjs.Button,
+      chunk5WAXZJG5_cjs.Button,
       {
         variant: "primary",
         loading: confirmLoading,
@@ -138,7 +139,7 @@ var Modal = React__namespace.forwardRef(({
                     className: "modal-close",
                     onClick: handleCancel,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] }),
@@ -152,8 +153,156 @@ var Modal = React__namespace.forwardRef(({
     document.body
   );
 });
-Modal.displayName = "Modal";
+ModalBase.displayName = "Modal";
+var staticHandles = /* @__PURE__ */ new Set();
+var staticIconName = {
+  confirm: "info",
+  info: "info",
+  success: "check2",
+  warning: "alert",
+  error: "alert"
+};
+var isThenable = (value) => !!value && typeof value.then === "function";
+var StaticModalHost = ({
+  kind,
+  config,
+  open,
+  destroy
+}) => {
+  const [loading, setLoading] = React__namespace.useState(false);
+  const {
+    content,
+    children,
+    icon,
+    okCancel = kind === "confirm",
+    onOk,
+    onCancel,
+    okText = "\u786E\u5B9A",
+    cancelText = "\u53D6\u6D88",
+    okButtonProps,
+    cancelButtonProps,
+    confirmLoading,
+    footer,
+    maskClosable,
+    escClosable,
+    className = "",
+    ...modalProps
+  } = config;
+  const close = React__namespace.useCallback(() => {
+    onCancel?.();
+    destroy();
+  }, [destroy, onCancel]);
+  const handleOk = React__namespace.useCallback(() => {
+    const result = onOk?.();
+    if (result === false) return;
+    if (isThenable(result)) {
+      setLoading(true);
+      result.then((next) => {
+        if (next !== false) destroy();
+      }).finally(() => setLoading(false));
+      return;
+    }
+    destroy();
+  }, [destroy, onOk]);
+  const okVariant = kind === "error" ? "danger" : "primary";
+  const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5WAXZJG5_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunk5WAXZJG5_cjs.Button,
+      {
+        variant: okVariant,
+        loading: loading || confirmLoading,
+        onClick: handleOk,
+        ...okButtonProps,
+        children: okText
+      }
+    )
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5WAXZJG5_cjs.Button,
+    {
+      variant: okVariant,
+      loading: loading || confirmLoading,
+      onClick: handleOk,
+      ...okButtonProps,
+      children: okText
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ModalBase,
+    {
+      ...modalProps,
+      open,
+      onClose: close,
+      onCancel: close,
+      footer: mergedFooter,
+      maskClosable: maskClosable ?? false,
+      escClosable: escClosable ?? true,
+      className: `modal-static-overlay ${className}`,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-static-body", children: [
+        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-static-content", children: content ?? children })
+      ] })
+    }
+  );
+};
+var createStaticModal = (kind, config) => {
+  if (typeof document === "undefined") {
+    return { destroy: () => {
+    }, update: () => {
+    } };
+  }
+  const div = document.createElement("div");
+  document.body.appendChild(div);
+  let root = client.createRoot(div);
+  let current = { ...config };
+  let open = true;
+  const render = () => {
+    root?.render(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        StaticModalHost,
+        {
+          kind,
+          config: current,
+          open,
+          destroy: handle.destroy
+        }
+      )
+    );
+  };
+  const handle = {
+    destroy: () => {
+      if (!root) return;
+      open = false;
+      render();
+      staticHandles.delete(handle);
+      window.setTimeout(() => {
+        root?.unmount();
+        root = null;
+        div.remove();
+      }, ANIM_MS);
+    },
+    update: (next) => {
+      if (!root) return;
+      current = {
+        ...current,
+        ...typeof next === "function" ? next(current) : next
+      };
+      render();
+    }
+  };
+  staticHandles.add(handle);
+  render();
+  return handle;
+};
+var Modal = ModalBase;
+Modal.confirm = (config) => createStaticModal("confirm", config);
+Modal.info = (config) => createStaticModal("info", config);
+Modal.success = (config) => createStaticModal("success", config);
+Modal.warning = (config) => createStaticModal("warning", config);
+Modal.warn = Modal.warning;
+Modal.error = (config) => createStaticModal("error", config);
+Modal.destroyAll = () => {
+  Array.from(staticHandles).forEach((handle) => handle.destroy());
+};
 
 exports.Modal = Modal;
-//# sourceMappingURL=chunk-JAGJQDAV.cjs.map
-//# sourceMappingURL=chunk-JAGJQDAV.cjs.map

package/dist/{chunk-XYGRVPUA.js → chunk-HWFM4MAT.js}

@@ -1,4 +1,4 @@
-import { useFloating } from './chunk-ANAQER3T.js';
+import { useFloating } from './chunk-DUFRASGO.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Popover-DVGQGWX6.css';
@@ -6,6 +6,11 @@ import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
+var normalizePlacement = (placement) => {
+  const base = placement.startsWith("top") ? "top" : placement.startsWith("bottom") ? "bottom" : placement.startsWith("left") ? "left" : placement.startsWith("right") ? "right" : placement;
+  const alignCross = placement.endsWith("Left") || placement.endsWith("Top") ? "start" : placement.endsWith("Right") || placement.endsWith("Bottom") ? "end" : "center";
+  return { placement: base, alignCross };
+};
 var Popover = React.forwardRef(({
   content,
   title,
@@ -16,18 +21,24 @@ var Popover = React.forwardRef(({
   width,
   defaultOpen = false,
   open,
+  visible,
   onOpenChange,
+  onVisibleChange,
   children,
   className = "",
+  overlayClassName = "",
+  popupClassName = "",
   onClick,
   onMouseEnter,
   onMouseLeave,
   ...rest
 }, ref) => {
   const [inner, setInner] = React.useState(defaultOpen);
-  const isControlled = open !== void 0;
-  const show = isControlled ? open : inner;
+  const controlledOpen = open ?? visible;
+  const isControlled = controlledOpen !== void 0;
+  const show = isControlled ? controlledOpen : inner;
   const panelWidth = width === "auto" ? 160 : width ?? 240;
+  const normalized = normalizePlacement(placement);
   const {
     triggerRef,
     floatingRef,
@@ -35,15 +46,16 @@ var Popover = React.forwardRef(({
     placement: resolved
   } = useFloating({
     open: show,
-    placement,
+    placement: normalized.placement,
     panelWidth,
     panelHeight: 160,
-    alignCross: "center"
+    alignCross: normalized.alignCross
   });
   const set = React.useCallback((v) => {
     if (!isControlled) setInner(v);
     onOpenChange?.(v);
-  }, [isControlled, onOpenChange]);
+    onVisibleChange?.(v);
+  }, [isControlled, onOpenChange, onVisibleChange]);
   const setTriggerRef = React.useCallback(
     (node) => {
       triggerRef.current = node;
@@ -108,7 +120,7 @@ var Popover = React.forwardRef(({
         "div",
         {
           ref: floatingRef,
-          className: `popover popover-${resolved}`,
+          className: `popover popover-${resolved} ${overlayClassName} ${popupClassName}`,
           style: { ...floatingStyle, ...widthStyle },
           ...panelHover,
           children: [
@@ -136,5 +148,3 @@ var Popover = React.forwardRef(({
 Popover.displayName = "Popover";
 
 export { Popover };
-//# sourceMappingURL=chunk-XYGRVPUA.js.map
-//# sourceMappingURL=chunk-XYGRVPUA.js.map

package/dist/{chunk-TC5ZL2OS.cjs → chunk-HZSIUOCN.cjs}

@@ -2,7 +2,7 @@
 
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Empty-NQ72W3D7.css');
+require('./Skeleton-CVWH2VWN.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -26,58 +26,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/components/Empty/Empty.tsx
-var Empty = React__namespace.forwardRef(({
-  title = "\u6682\u65E0\u5185\u5BB9",
-  description,
-  icon,
-  action,
-  size = "md",
-  variant = "default",
-  className = "",
-  ...rest
-}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `empty ${size} ${variant} ${className}`, ...rest, children: [
-  icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-ico", children: icon }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-title", children: title }),
-  description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-desc", children: description }),
-  action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-action", children: action })
-] }));
-Empty.displayName = "Empty";
-var Spinner = React__namespace.forwardRef(({
-  size = 20,
-  tone = "accent",
-  label,
-  variant = "ring",
-  className = "",
-  style,
-  ...rest
-}, ref) => {
-  const cls = `spinner ${variant} ${tone} ${className}`.trim();
-  const spinnerStyle = variant === "dots" ? { fontSize: size, ...style } : { width: size, height: size, ...style };
-  const spinner = variant === "dots" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cls, style: spinnerStyle, "aria-label": "Loading", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("i", {}),
-    /* @__PURE__ */ jsxRuntime.jsx("i", {}),
-    /* @__PURE__ */ jsxRuntime.jsx("i", {})
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cls,
-      style: spinnerStyle,
-      "aria-label": "Loading"
-    }
-  );
-  if (!label) {
-    return React__namespace.cloneElement(spinner, {
-      ref,
-      ...rest
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: "spinner-wrap", style, ...rest, children: [
-    spinner,
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner-label", children: label })
-  ] });
-});
-Spinner.displayName = "Spinner";
+// src/components/Skeleton/Skeleton.tsx
 var AVATAR_SIZE_PX = { sm: 32, md: 40, lg: 56 };
 var Skeleton = React__namespace.forwardRef(({
   width = "100%",
@@ -158,8 +107,4 @@ var Skeleton = React__namespace.forwardRef(({
 });
 Skeleton.displayName = "Skeleton";
 
-exports.Empty = Empty;
 exports.Skeleton = Skeleton;
-exports.Spinner = Spinner;
-//# sourceMappingURL=chunk-TC5ZL2OS.cjs.map
-//# sourceMappingURL=chunk-TC5ZL2OS.cjs.map

package/dist/{chunk-N6ZLZUBF.cjs → chunk-IZOHYJUQ.cjs}

@@ -253,5 +253,3 @@ var Slider = React__namespace.forwardRef(
 );
 
 exports.Slider = Slider;
-//# sourceMappingURL=chunk-N6ZLZUBF.cjs.map
-//# sourceMappingURL=chunk-N6ZLZUBF.cjs.map

package/dist/{chunk-6FSOJLY6.js → chunk-JD7A6VM3.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-BSHHQOFY.js';
+import { Icon } from './chunk-OF3SGLZY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Button-SDQD25AG.css';
@@ -12,17 +12,23 @@ var Button = React.forwardRef(
     size = "md",
     icon,
     trailingIcon,
+    iconOnly,
+    tip,
     loading,
     block,
     disabled,
     className = "",
     type = "button",
+    "aria-label": ariaLabel,
     ...rest
   }, ref) => {
+    const onlyIcon = iconOnly || !!icon && children == null;
+    const content = onlyIcon ? null : children;
     const cls = [
       "btn",
       variant,
       size !== "md" && size,
+      onlyIcon && "icon",
       loading && "loading",
       block && "block",
       disabled && "disabled",
@@ -35,10 +41,12 @@ var Button = React.forwardRef(
         type,
         className: cls,
         disabled: disabled || loading,
+        title: tip,
+        "aria-label": ariaLabel ?? (onlyIcon ? tip ?? icon : void 0),
         ...rest,
         children: [
           loading ? /* @__PURE__ */ jsx("span", { className: "spinner", "aria-hidden": true }) : icon ? /* @__PURE__ */ jsx(Icon, { name: icon, size: 15 }) : null,
-          children,
+          content,
           trailingIcon && /* @__PURE__ */ jsx(Icon, { name: trailingIcon, size: 15 })
         ]
       }
@@ -46,21 +54,5 @@ var Button = React.forwardRef(
   }
 );
 Button.displayName = "Button";
-var IconButton = React.forwardRef(
-  ({ icon, tip, className = "", ...rest }, ref) => /* @__PURE__ */ jsx(
-    Button,
-    {
-      ref,
-      className: `icon ${className}`,
-      "aria-label": tip || rest["aria-label"] || icon,
-      title: tip,
-      ...rest,
-      children: /* @__PURE__ */ jsx(Icon, { name: icon, size: 16 })
-    }
-  )
-);
-IconButton.displayName = "IconButton";
 
-export { Button, IconButton };
-//# sourceMappingURL=chunk-6FSOJLY6.js.map
-//# sourceMappingURL=chunk-6FSOJLY6.js.map
+export { Button };

package/dist/chunk-K2KYM7LW.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var chunk3AS5B7MQ_cjs = require('./chunk-3AS5B7MQ.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./TablePro-3XVHYLSL.css');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TablePro({
+  toolbar,
+  actions,
+  footer,
+  title,
+  className = "",
+  ...tableProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `table-card ${className}`, children: [
+    (title || toolbar || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "table-toolbar", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-main", children: toolbar }),
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk3AS5B7MQ_cjs.Table, { ...tableProps, className: "joined" }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer", children: footer })
+  ] });
+}
+
+exports.TablePro = TablePro;

package/dist/{chunk-X3QINITU.js → chunk-K6F25JXT.js}

@@ -1,4 +1,4 @@
-import { useFloating } from './chunk-ANAQER3T.js';
+import { useFloating } from './chunk-DUFRASGO.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './ColorPicker-SDDQGHCM.css';
@@ -342,5 +342,3 @@ var ColorPicker = React.forwardRef(
 ColorPicker.displayName = "ColorPicker";
 
 export { ColorPicker };
-//# sourceMappingURL=chunk-X3QINITU.js.map
-//# sourceMappingURL=chunk-X3QINITU.js.map

package/dist/{chunk-NRP3X3PE.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,38 +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;
-//# sourceMappingURL=chunk-NRP3X3PE.cjs.map
-//# sourceMappingURL=chunk-NRP3X3PE.cjs.map

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;