@dynamic-mockups/design-system 0.2.6 → 0.2.7

package/dist/index.mjs

@@ -11074,36 +11074,46 @@ const je = O.forwardRef(
     defaultBorderColorToken: f,
     defaultTextColorToken: p
   }, v) => {
-    const m = e === "active", h = [
+    const m = O.useRef(null), h = e === "active";
+    O.useEffect(() => {
+      const C = m.current;
+      C && document.activeElement === C && C.blur();
+    }, []);
+    const g = O.useCallback(
+      (C) => {
+        m.current = C, typeof v == "function" ? v(C) : v && (v.current = C);
+      },
+      [v]
+    ), b = [
       "ds-radio-selector",
-      m && "ds-radio-selector--active",
+      h && "ds-radio-selector--active",
       s && "ds-radio-selector--disabled",
       l
-    ].filter(Boolean).join(" "), g = {
+    ].filter(Boolean).join(" "), y = {
       "--radio-selector-active-border": A ? D(A) : void 0,
       "--radio-selector-active-bg": u ? D(u) : void 0,
       "--radio-selector-active-text": V ? D(V) : void 0,
       "--radio-selector-default-border": f ? D(f) : void 0,
       "--radio-selector-default-text": p ? D(p) : void 0
-    }, b = r.startsWith("solar:") ? r : `solar:${r}`;
+    }, x = r.startsWith("solar:") ? r : `solar:${r}`;
     return /* @__PURE__ */ T(
       "div",
       {
-        ref: v,
-        className: h,
+        ref: g,
+        className: b,
         onClick: s ? void 0 : i,
         role: "radio",
-        "aria-checked": m,
+        "aria-checked": h,
         "aria-disabled": s,
-        style: g,
+        style: y,
         tabIndex: s ? -1 : 0,
         children: [
-          t && /* @__PURE__ */ d("div", { className: "ds-radio-selector__icon", children: /* @__PURE__ */ d(me, { icon: b, width: 24, height: 24 }) }),
+          t && /* @__PURE__ */ d("div", { className: "ds-radio-selector__icon", children: /* @__PURE__ */ d(me, { icon: x, width: 24, height: 24 }) }),
           /* @__PURE__ */ T("div", { className: "ds-radio-selector__content", children: [
             /* @__PURE__ */ d("div", { className: "ds-radio-selector__title", children: o }),
             n && a && /* @__PURE__ */ d("div", { className: "ds-radio-selector__subtext", children: a })
           ] }),
-          m && /* @__PURE__ */ d("div", { className: "ds-radio-selector__check", children: /* @__PURE__ */ d(me, { icon: "solar:check-circle-bold", width: 16, height: 16 }) })
+          h && /* @__PURE__ */ d("div", { className: "ds-radio-selector__check", children: /* @__PURE__ */ d(me, { icon: "solar:check-circle-bold", width: 16, height: 16 }) })
         ]
       }
     );