@unicom-cloud/ui 0.8.124 → 0.8.125

package/progress/index.js

@@ -1,52 +1,58 @@
-/* 2025-11-19 10:00:13 */
-import { jsxs as w, jsx as i } from "react/jsx-runtime";
-import { forwardRef as y, useContext as $ } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as P, jsx as i } from "react/jsx-runtime";
+import { forwardRef as $, useContext as k, useRef as N, useImperativeHandle as S } from "react";
 import "../config-provider/ConfigProvider.js";
-import k from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import N from "@unicom-cloud/ui-common/utils/className";
-import S from "@unicom-cloud/ui-common/utils/omit";
-import m from "./CircleProgress.js";
-import T from "./LineProgess.js";
-import { StepProgress as W } from "./StepProgress.js";
-import b from "../config-provider/context.js";
-const j = {
+import T from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import R from "@unicom-cloud/ui-common/utils/className";
+import W from "@unicom-cloud/ui-common/utils/omit";
+import a from "./CircleProgress.js";
+import b from "./LineProgess.js";
+import { StepProgress as j } from "./StepProgress.js";
+import v from "../config-provider/context.js";
+const z = {
   type: "line",
   showText: !0,
   inlineText: !1,
   percent: 0,
   size: "default"
 };
-function z(a, f) {
-  const { getPrefixCls: c, componentConfig: h, rtl: d } = $(b), t = k(
-    a,
-    j,
-    h?.Progress
+function E(f, c) {
+  const { getPrefixCls: u, componentConfig: d, rtl: h } = k(v), t = T(
+    f,
+    z,
+    d?.Progress
   ), {
-    className: u,
+    className: C,
     style: g,
-    size: l,
+    size: n,
     width: s,
-    strokeWidth: p,
-    steps: C,
-    percent: x,
-    ...P
-  } = t, e = C && t.type !== "circle" ? "steps" : t.type, r = c?.("progress"), o = "status" in t ? t.status : x >= 100 ? "success" : "normal", n = { width: s };
-  return l === "mini" && e === "line" && (n.width = s || 16, n.height = s || 16), /* @__PURE__ */ w(
+    strokeWidth: m,
+    steps: x,
+    percent: w,
+    ...y
+  } = t, r = x && t.type !== "circle" ? "steps" : t.type, e = u?.("progress"), o = "status" in t ? t.status : w >= 100 ? "success" : "normal", l = { width: s };
+  n === "mini" && r === "line" && (l.width = s || 16, l.height = s || 16);
+  const p = N(null);
+  return S(c, () => ({
+    getRootElement() {
+      return p.current;
+    }
+  })), /* @__PURE__ */ P(
     "div",
     {
-      ref: f,
-      className: N(
-        r,
-        `${r}-${e}`,
-        `${r}-${l}`,
+      ref: p,
+      className: R(
+        e,
+        `${e}-${r}`,
+        `${e}-${n}`,
         {
-          [`${r}-is-${o}`]: o !== "normal",
-          [`${r}-rtl`]: d
+          [`${e}-is-${o}`]: o !== "normal",
+          [`${e}-rtl`]: h
         },
-        u
+        C
       ),
-      style: { ...n, ...g },
-      ...S(P, [
+      style: { ...l, ...g },
+      ...W(y, [
         "type",
         "animation",
         "status",
@@ -59,43 +65,43 @@ function z(a, f) {
         "bufferColor"
       ]),
       children: [
-        e === "steps" && /* @__PURE__ */ i(
-          W,
+        r === "steps" && /* @__PURE__ */ i(
+          j,
           {
             ...t,
-            type: e,
+            type: r,
             status: o,
-            prefixCls: r
+            prefixCls: e
           }
         ),
-        e === "circle" && /* @__PURE__ */ i(
-          m,
+        r === "circle" && /* @__PURE__ */ i(
+          a,
           {
             width: t.width,
             ...t,
             pathStrokeColor: t.trailColor,
             status: o,
-            prefixCls: r
+            prefixCls: e
           }
         ),
-        e === "line" && (l === "mini" ? /* @__PURE__ */ i(
-          m,
+        r === "line" && (n === "mini" ? /* @__PURE__ */ i(
+          a,
           {
             pathStrokeColor: t.trailColor,
             ...t,
-            pathStrokeWidth: p || 4,
+            pathStrokeWidth: m || 4,
             width: s || 16,
-            strokeWidth: p || 4,
-            prefixCls: r,
+            strokeWidth: m || 4,
+            prefixCls: e,
             status: o
           }
-        ) : /* @__PURE__ */ i(T, { ...t, status: o, prefixCls: r }))
+        ) : /* @__PURE__ */ i(b, { ...t, status: o, prefixCls: e }))
       ]
     }
   );
 }
-const R = y(z);
-R.displayName = "Progress";
+const H = $(E);
+H.displayName = "Progress";
 export {
-  R as default
+  H as default
 };

package/qr-code/index.js

@@ -1,18 +1,20 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as r } from "react/jsx-runtime";
-import { useContext as z } from "react";
+import { forwardRef as P, useContext as Q, useRef as S, useImperativeHandle as h } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useMergeProps as P } from "@unicom-cloud/ui-common/hooks";
+import { useMergeProps as N } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
 import "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
 import "@unicom-cloud/ui-common/utils/dom";
-import Q from "@unicom-cloud/ui-common/utils/className";
-import { QRCodeCanvas as R, QRCodeSVG as S } from "./src/index.js";
-import { default as I } from "./src/qrcodegen.js";
-import h from "../config-provider/context.js";
-const N = {
+import w from "@unicom-cloud/ui-common/utils/className";
+import { QRCodeCanvas as y, QRCodeSVG as A } from "./src/index.js";
+import { default as Y } from "./src/qrcodegen.js";
+import E from "../config-provider/context.js";
+const L = {
   renderAs: "svg",
   size: 160,
   bordered: !0,
@@ -21,56 +23,61 @@ const N = {
   bgColor: "var(--pqb-color-bg-2, #ffffff)",
   marginSize: 0,
   value: "二维码组件"
-}, E = (m) => {
-  const { getPrefixCls: n, componentConfig: p } = z(h), a = P(
+}, M = (m, l) => {
+  const { getPrefixCls: p, componentConfig: a } = Q(E), f = N(
     m,
-    N,
-    p?.QRCode
+    L,
+    a?.QRCode
   ), {
-    value: l,
-    renderAs: e,
-    size: o,
+    value: d,
+    renderAs: o,
+    size: e,
     bordered: t,
-    errorLevel: d,
-    fgColor: c,
-    bgColor: f,
-    marginSize: g = 0,
-    imageSettings: C,
-    className: v,
-    style: u,
+    errorLevel: c,
+    fgColor: g,
+    bgColor: u,
+    marginSize: C = 0,
+    imageSettings: v,
+    className: x,
+    style: R,
     ...b
-  } = a, s = n?.("qrcode"), x = o - (t ? 12 : 0), q = () => {
+  } = f, s = p?.("qrcode"), q = e - (t ? 12 : 0), z = () => {
     const i = {
-      value: l,
-      size: x,
-      level: d,
-      fgColor: c,
-      bgColor: f,
-      marginSize: g,
-      imageSettings: C,
+      value: d,
+      size: q,
+      level: c,
+      fgColor: g,
+      bgColor: u,
+      marginSize: C,
+      imageSettings: v,
       ...b
     };
-    return e === "canvas" ? /* @__PURE__ */ r(R, { ...i }) : /* @__PURE__ */ r(S, { ...i });
-  };
-  return /* @__PURE__ */ r(
+    return o === "canvas" ? /* @__PURE__ */ r(y, { ...i }) : /* @__PURE__ */ r(A, { ...i });
+  }, n = S(null);
+  return h(l, () => ({
+    getRootElement() {
+      return n.current;
+    }
+  })), /* @__PURE__ */ r(
     "div",
     {
-      className: Q(
+      ref: n,
+      className: w(
         s,
         t && `${s}-bordered`,
-        v,
-        `qrcode-${e}`
+        x,
+        `qrcode-${o}`
       ),
       style: {
-        width: o,
-        height: o,
-        ...u
+        width: e,
+        height: e,
+        ...R
       },
-      children: q()
+      children: z()
     }
   );
-};
+}, U = P(M);
 export {
-  E as default,
-  I as qrcodegen
+  U as default,
+  Y as qrcodegen
 };

package/qr-code/src/index.js

@@ -1,7 +1,8 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as M, jsxs as T, Fragment as X } from "react/jsx-runtime";
+import Y from "lodash/castArray";
 import p from "react";
-import { isFunction as Y, isArray as J } from "@unicom-cloud/ui-common/utils/is";
+import { isFunction as J } from "@unicom-cloud/ui-common/utils/is";
 import L from "./qrcodegen.js";
 const K = {
   L: L.QrCode.Ecc.LOW,
@@ -9,49 +10,49 @@ const K = {
   Q: L.QrCode.Ecc.QUARTILE,
   H: L.QrCode.Ecc.HIGH
 }, H = 128, U = "L", G = "#FFFFFF", V = "#000000", z = 1, ee = 0, te = 0.1;
-function b(s, e = 0) {
+function b(c, e = 0) {
   const o = [];
-  return s.forEach(function(t, l) {
+  return c.forEach(function(t, l) {
     let n = null;
-    t.forEach(function(r, c) {
+    t.forEach(function(r, s) {
       if (!r && n !== null) {
         o.push(
-          `M${n + e} ${l + e}h${c - n}v1H${n + e}z`
+          `M${n + e} ${l + e}h${s - n}v1H${n + e}z`
         ), n = null;
         return;
       }
-      if (c === t.length - 1) {
+      if (s === t.length - 1) {
         if (!r)
           return;
-        n === null ? o.push(`M${c + e},${l + e} h1v1H${c + e}z`) : o.push(
-          `M${n + e},${l + e} h${c + 1 - n}v1H${n + e}z`
+        n === null ? o.push(`M${s + e},${l + e} h1v1H${s + e}z`) : o.push(
+          `M${n + e},${l + e} h${s + 1 - n}v1H${n + e}z`
         );
         return;
       }
-      r && n === null && (n = c);
+      r && n === null && (n = s);
     });
   }), o.join("");
 }
-function N(s, e) {
-  return s.slice().map((o, t) => t < e.y || t >= e.y + e.h ? o : o.map((l, n) => n < e.x || n >= e.x + e.w ? l : !1));
+function N(c, e) {
+  return c.slice().map((o, t) => t < e.y || t >= e.y + e.h ? o : o.map((l, n) => n < e.x || n >= e.x + e.w ? l : !1));
 }
-function ne(s, e, o, t) {
+function ne(c, e, o, t) {
   if (t == null)
     return null;
-  const l = s.length + o * 2, n = Math.floor(e * te), r = l / e, c = (t.width || n) * r, C = (t.height || n) * r, E = t.x == null ? s.length / 2 - c / 2 : t.x * r, d = t.y == null ? s.length / 2 - C / 2 : t.y * r, v = t.opacity == null ? 1 : t.opacity;
+  const l = c.length + o * 2, n = Math.floor(e * te), r = l / e, s = (t.width || n) * r, C = (t.height || n) * r, E = t.x == null ? c.length / 2 - s / 2 : t.x * r, d = t.y == null ? c.length / 2 - C / 2 : t.y * r, R = t.opacity == null ? 1 : t.opacity;
   let u = null;
   if (t.excavate) {
-    const f = Math.floor(E), i = Math.floor(d), g = Math.ceil(c + E - f), a = Math.ceil(C + d - i);
+    const f = Math.floor(E), i = Math.floor(d), g = Math.ceil(s + E - f), a = Math.ceil(C + d - i);
     u = { x: f, y: i, w: g, h: a };
   }
   const h = t.crossOrigin;
-  return { x: E, y: d, h: C, w: c, excavation: u, opacity: v, crossOrigin: h };
+  return { x: E, y: d, h: C, w: s, excavation: u, opacity: R, crossOrigin: h };
 }
-function le(s) {
-  return s != null ? Math.max(Math.floor(s), 0) : ee;
+function le(c) {
+  return c != null ? Math.max(Math.floor(c), 0) : ee;
 }
 function j({
-  value: s,
+  value: c,
   level: e,
   minVersion: o,
   marginSize: t,
@@ -59,8 +60,8 @@ function j({
   size: n,
   boostLevel: r
 }) {
-  const c = p.useMemo(() => {
-    const h = (J(s) ? s : [s]).reduce((f, i) => (f.push(...L.QrSegment.makeSegments(i)), f), []);
+  const s = p.useMemo(() => {
+    const h = Y(c).reduce((f, i) => (f.push(...L.QrSegment.makeSegments(i)), f), []);
     return L.QrCode.encodeSegments(
       h,
       K[e],
@@ -69,8 +70,8 @@ function j({
       void 0,
       r
     );
-  }, [s, e, o, r]), { cells: C, margin: E, numCells: d, calculatedImageSettings: v } = p.useMemo(() => {
-    const u = c.getModules(), h = le(t), f = u.length + h * 2, i = ne(
+  }, [c, e, o, r]), { cells: C, margin: E, numCells: d, calculatedImageSettings: R } = p.useMemo(() => {
+    const u = s.getModules(), h = le(t), f = u.length + h * 2, i = ne(
       u,
       n,
       h,
@@ -82,13 +83,13 @@ function j({
       numCells: f,
       calculatedImageSettings: i
     };
-  }, [c, n, l, t]);
+  }, [s, n, l, t]);
   return {
-    qrcode: c,
+    qrcode: s,
     margin: E,
     cells: C,
     numCells: d,
-    calculatedImageSettings: v
+    calculatedImageSettings: R
   };
 }
 const oe = (function() {
@@ -105,15 +106,15 @@ const oe = (function() {
       size: l = H,
       level: n = U,
       bgColor: r = G,
-      fgColor: c = V,
+      fgColor: s = V,
       minVersion: C = z,
       boostLevel: E,
       marginSize: d,
-      imageSettings: v,
+      imageSettings: R,
       ...u
-    } = e, { style: h, ...f } = u, i = v?.src, g = p.useRef(null), a = p.useRef(null), F = p.useCallback(
+    } = e, { style: h, ...f } = u, i = R?.src, g = p.useRef(null), a = p.useRef(null), F = p.useCallback(
       (y) => {
-        g.current = y, Y(o) ? o(y) : o && (o.current = y);
+        g.current = y, J(o) ? o(y) : o && (o.current = y);
       },
       [o]
     ), [x, S] = p.useState(!1), { margin: I, cells: A, numCells: Q, calculatedImageSettings: m } = j({
@@ -122,13 +123,13 @@ const oe = (function() {
       minVersion: C,
       boostLevel: E,
       marginSize: d,
-      imageSettings: v,
+      imageSettings: R,
       size: l
     });
     p.useEffect(() => {
       if (g.current != null) {
-        const y = g.current, R = y.getContext("2d");
-        if (!R)
+        const y = g.current, v = y.getContext("2d");
+        if (!v)
           return;
         let D = A;
         const w = a.current, O = m != null && w !== null && w.complete && w.naturalHeight !== 0 && w.naturalWidth !== 0;
@@ -139,11 +140,11 @@ const oe = (function() {
         const P = window.devicePixelRatio || 1;
         y.height = y.width = l * P;
         const _ = l / Q * P;
-        R.scale(_, _), R.fillStyle = r, R.fillRect(0, 0, Q, Q), R.fillStyle = c, oe ? R.fill(new Path2D(b(D, I))) : A.forEach(function(k, q) {
+        v.scale(_, _), v.fillStyle = r, v.fillRect(0, 0, Q, Q), v.fillStyle = s, oe ? v.fill(new Path2D(b(D, I))) : A.forEach(function(k, q) {
           k.forEach(function(B, Z) {
-            B && R.fillRect(Z + I, q + I, 1, 1);
+            B && v.fillRect(Z + I, q + I, 1, 1);
           });
-        }), m && (R.globalAlpha = m.opacity), O && R.drawImage(
+        }), m && (v.globalAlpha = m.opacity), O && v.drawImage(
           w,
           m.x + I,
           m.y + I,
@@ -192,11 +193,11 @@ const ce = p.forwardRef(
       size: l = H,
       level: n = U,
       bgColor: r = G,
-      fgColor: c = V,
+      fgColor: s = V,
       minVersion: C = z,
       boostLevel: E,
       title: d,
-      marginSize: v,
+      marginSize: R,
       imageSettings: u,
       ...h
     } = e, { margin: f, cells: i, numCells: g, calculatedImageSettings: a } = j({
@@ -204,7 +205,7 @@ const ce = p.forwardRef(
       level: n,
       minVersion: C,
       boostLevel: E,
-      marginSize: v,
+      marginSize: R,
       imageSettings: u,
       size: l
     });
@@ -245,7 +246,7 @@ const ce = p.forwardRef(
               shapeRendering: "crispEdges"
             }
           ),
-          /* @__PURE__ */ M("path", { fill: c, d: S, shapeRendering: "crispEdges" }),
+          /* @__PURE__ */ M("path", { fill: s, d: S, shapeRendering: "crispEdges" }),
           x
         ]
       }

package/qr-code/src/qrcodegen.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 var A;
 ((w) => {
   class r {

package/radio/Group.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as t } from "react/jsx-runtime";
 import { createContext as M, useContext as D } from "react";
 import "../config-provider/ConfigProvider.js";

package/radio/GroupBlock.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as a, jsxs as t } from "react/jsx-runtime";
 import { useContext as N } from "react";
 import "../config-provider/ConfigProvider.js";

package/radio/Radio.js

@@ -1,92 +1,98 @@
-/* 2025-11-19 10:00:13 */
-import { jsxs as d, jsx as i, Fragment as V } from "react/jsx-runtime";
-import _, { useRef as j, useContext as m } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as p, jsx as i, Fragment as V } from "react/jsx-runtime";
+import _, { forwardRef as j, useRef as f, useContext as C, useImperativeHandle as D } from "react";
 import "../config-provider/ConfigProvider.js";
-import D from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import F from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import I from "../icon-hover/index.js";
-import M from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as f, isNil as w } from "@unicom-cloud/ui-common/utils/is";
-import A from "@unicom-cloud/ui-common/utils/omit";
-import H, { RadioGroupContext as C } from "./Group.js";
-import L from "./GroupBlock.js";
-import O from "../config-provider/context.js";
-function l(h) {
-  const p = j(null), { getPrefixCls: k, componentConfig: g, rtl: b } = m(O), a = D(
-    h,
+import E from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import H from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import M from "../icon-hover/index.js";
+import A from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as h, isNil as L } from "@unicom-cloud/ui-common/utils/is";
+import O from "@unicom-cloud/ui-common/utils/omit";
+import Q, { RadioGroupContext as k } from "./Group.js";
+import q from "./GroupBlock.js";
+import z from "../config-provider/context.js";
+function J(g, b) {
+  const u = f(null), { getPrefixCls: R, componentConfig: x, rtl: N } = C(z), r = E(
+    g,
     {},
-    g?.Radio
-  ), e = m(C), t = k?.("radio"), r = { ...a };
-  e.group && (r.checked = e.value === a.value, r.disabled = "disabled" in a ? a.disabled : e.disabled);
-  const { disabled: c, children: s, value: x, style: N, className: R, ...u } = r, [n, $] = F(!1, {
-    value: r.checked,
-    defaultValue: r.defaultChecked
-  }), v = M(
+    x?.Radio
+  ), e = C(k), t = R?.("radio"), n = { ...r };
+  e.group && (n.checked = e.value === r.value, n.disabled = "disabled" in r ? r.disabled : e.disabled);
+  const { disabled: c, children: s, value: $, style: v, className: G, ...d } = n, [a, y] = H(!1, {
+    value: n.checked,
+    defaultValue: n.defaultChecked
+  }), P = A(
     `${t}${e.type === "button" ? "-button" : ""}`,
     {
-      [`${t}-checked`]: n,
+      [`${t}-checked`]: a,
       [`${t}-disabled`]: c,
-      [`${t}-rtl`]: b
+      [`${t}-rtl`]: N
     },
-    R
-  ), G = (o) => {
-    const { onChange: P, value: B } = r;
-    c || (e.group ? e.onChangeValue?.(B, o) : !("checked" in a) && !n && $(!0), !n && P?.(!0, o));
-  }, y = _.useCallback(
+    G
+  ), I = (o) => {
+    const { onChange: B, value: F } = n;
+    c || (e.group ? e.onChangeValue?.(F, o) : !("checked" in r) && !a && y(!0), !a && B?.(!0, o));
+  }, w = _.useCallback(
     (o) => {
-      f(a.children) && (o.preventDefault(), p.current && p.current.click()), u.onClick?.(o);
+      h(r.children) && (o.preventDefault(), u.current && u.current.click()), d.onClick?.(o);
     },
-    [a.children, u.onClick]
-  );
-  return /* @__PURE__ */ d(
+    [r.children, d.onClick]
+  ), m = f(null);
+  return D(b, () => ({
+    getRootElement() {
+      return m.current;
+    }
+  })), /* @__PURE__ */ p(
     "label",
     {
-      ...A(u, ["checked", "onChange"]),
-      onClick: y,
-      style: N,
-      className: v,
+      ref: m,
+      ...O(d, ["checked", "onChange"]),
+      onClick: w,
+      style: v,
+      className: P,
       children: [
         /* @__PURE__ */ i(
           "input",
           {
-            ref: p,
+            ref: u,
             disabled: c,
-            value: x || "",
+            value: $ || "",
             type: "radio",
             ...e.name ? { name: e.name } : {},
-            checked: n,
+            checked: a,
             onChange: (o) => {
-              o.persist(), G(o);
+              o.persist(), I(o);
             },
             onClick: (o) => {
               o.stopPropagation();
             }
           }
         ),
-        f(s) ? s({ checked: n }) : e.type === "radio" ? /* @__PURE__ */ d(V, { children: [
+        h(s) ? s({ checked: a }) : e.type === "radio" ? /* @__PURE__ */ p(V, { children: [
           /* @__PURE__ */ i(
-            I,
+            M,
             {
               prefix: t,
               className: `${t}-mask-wrapper`,
-              disabled: n || c,
+              disabled: a || c,
               children: /* @__PURE__ */ i("div", { className: `${t}-mask` })
             }
           ),
-          !w(s) && /* @__PURE__ */ i("span", { className: `${t}-text`, children: s })
+          !L(s) && /* @__PURE__ */ i("span", { className: `${t}-text`, children: s })
         ] }) : e.type === "button" && /* @__PURE__ */ i("span", { className: `${t}-button-inner`, children: s })
       ]
     }
   );
 }
+const K = j(J), l = K;
 l.__PQB_RADIO = !0;
 l.displayName = "Radio";
-l.Group = H;
-l.GroupBlock = L;
-l.GroupContext = C;
+l.Group = Q;
+l.GroupBlock = q;
+l.GroupContext = k;
 export {
-  H as RadioGroup,
-  L as RadioGroupBlock,
-  C as RadioGroupContext,
+  Q as RadioGroup,
+  q as RadioGroupBlock,
+  k as RadioGroupContext,
   l as default
 };

package/radio/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import a from "./Radio.js";
 import { ClearRadioGroupContext as e, default as d, RadioGroupContext as p } from "./Group.js";
 import { default as f } from "./GroupBlock.js";