@vhyxui/react 0.3.0-alpha → 0.4.0-alpha

package/dist/{Popover-j9pNswBn.js → Popover-0QvSlzcQ.js}

@@ -1,17 +1,17 @@
-import { j as g } from "./jsx-runtime-CL69jGNW.js";
-import N, { useState as _, useRef as L, useCallback as b, useEffect as j, useMemo as V, createContext as U, useContext as $ } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import E, { useState as N, useRef as V, useCallback as b, useEffect as I, useMemo as B, createContext as U, useContext as $ } from "react";
 import D from "react-dom";
-import { popoverContract as T, Slot as M, VhyxUIError as G, VhyxUIErrorCode as X } from "@vhyxui/core";
+import { popoverContract as j, Slot as M, VhyxUIError as G, VhyxUIErrorCode as X } from "@vhyxui/core";
 import { withAgentContract as J } from "@vhyxseal/react";
 import { u as K } from "./useId-BGRmH6iF.js";
-import { c as B, r as Y } from "./floatingPosition-UeYoO5K4.js";
-const q = "_trigger_5e049_1", F = "_content_5e049_7", Q = "_arrow_5e049_21", Z = "_close_5e049_29", I = {
+import { c as T, r as Y } from "./floatingPosition-UeYoO5K4.js";
+const q = "_trigger_5e049_1", F = "_content_5e049_7", Q = "_arrow_5e049_21", Z = "_close_5e049_29", _ = {
   trigger: q,
   content: F,
   arrow: Q,
   close: Z
 }, S = U(null);
-function E(r) {
+function L(r) {
   const i = $(S);
   if (!i)
     throw new G({
@@ -21,65 +21,65 @@ function E(r) {
     });
   return i;
 }
-const A = N.forwardRef(
+const A = E.forwardRef(
   ({
     open: r,
     defaultOpen: i = !1,
     onOpenChange: t,
     contract: n,
-    children: P
+    children: x
   }, c) => {
-    const e = K("vhyx-popover"), l = `${e}-trigger`, m = `${e}-content`, f = r !== void 0, [v, u] = _(i), p = f ? r : v, C = L(null), R = L(null), a = b(
+    const e = K("vhyx-popover"), l = `${e}-trigger`, m = `${e}-content`, f = r !== void 0, [v, u] = N(i), p = f ? r : v, R = V(null), C = V(null), a = b(
       (s) => {
         f || u(s), t == null || t(s);
       },
       [f, t]
     );
-    j(() => {
+    I(() => {
       if (!p) return;
       function s(h) {
         var d;
-        h.key === "Escape" && (a(!1), (d = C.current) == null || d.focus());
+        h.key === "Escape" && (a(!1), (d = R.current) == null || d.focus());
       }
       return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-    }, [p, a]), j(() => {
+    }, [p, a]), I(() => {
       if (!p) return;
       function s(h) {
-        var x, y;
+        var y, P;
         const d = h.target;
-        (x = C.current) != null && x.contains(d) || (y = R.current) != null && y.contains(d) || a(!1);
+        (y = R.current) != null && y.contains(d) || (P = C.current) != null && P.contains(d) || a(!1);
       }
       return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
     }, [p, a]);
-    const o = V(
-      () => ({ ...T, id: e, ...n }),
+    const o = B(
+      () => ({ ...j, id: e, ...n }),
       [e, n]
-    ), w = V(
+    ), w = B(
       () => ({
         open: p,
         onOpenChange: a,
         triggerId: l,
         contentId: m,
-        triggerRef: C,
-        contentRef: R
+        triggerRef: R,
+        contentRef: C
       }),
       [p, a, l, m]
     );
-    return /* @__PURE__ */ g.jsx(S.Provider, { value: w, children: /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ g(S.Provider, { value: w, children: /* @__PURE__ */ g(
       "div",
       {
         ref: c,
         "data-state": p ? "open" : "closed",
         "data-vhyx-contract": JSON.stringify(o),
-        children: P
+        children: x
       }
     ) });
   }
 );
 A.displayName = "VhyxPopover";
-const O = N.forwardRef(
-  ({ children: r, className: i, onClick: t, asChild: n = !1, ...P }, c) => {
-    const e = E("Popover.Trigger"), l = b(
+const O = E.forwardRef(
+  ({ children: r, className: i, onClick: t, asChild: n = !1, ...x }, c) => {
+    const e = L("Popover.Trigger"), l = b(
       (u) => {
         e.triggerRef.current = u, typeof c == "function" ? c(u) : c && (c.current = u);
       },
@@ -89,16 +89,16 @@ const O = N.forwardRef(
         t == null || t(u), e.onOpenChange(!e.open);
       },
       [t, e]
-    ), f = [I.trigger, i].filter(Boolean).join(" "), v = {
+    ), f = [_.trigger, i].filter(Boolean).join(" "), v = {
       id: e.triggerId,
       "aria-haspopup": "dialog",
       "aria-expanded": e.open,
       "aria-controls": e.open ? e.contentId : void 0,
       onClick: m,
       className: f,
-      ...P
+      ...x
     };
-    return n ? /* @__PURE__ */ g.jsx(M, { ref: l, ...v, children: r }) : /* @__PURE__ */ g.jsx("button", { ref: l, type: "button", ...v, children: r });
+    return n ? /* @__PURE__ */ g(M, { ref: l, ...v, children: r }) : /* @__PURE__ */ g("button", { ref: l, type: "button", ...v, children: r });
   }
 );
 O.displayName = "VhyxPopoverTrigger";
@@ -107,39 +107,39 @@ function H({
   className: i,
   side: t = "bottom",
   align: n = "center",
-  style: P,
+  style: x,
   ...c
 }) {
-  const e = E("Popover.Content"), [l, m] = _(!1), [f, v] = _({
+  const e = L("Popover.Content"), [l, m] = N(!1), [f, v] = N({
     top: 0,
     left: 0
   });
-  j(() => {
+  I(() => {
     m(!0);
-  }, []), j(() => {
+  }, []), I(() => {
     if (!l || !e.open || !e.triggerRef.current) return;
-    const R = () => {
+    const C = () => {
       const o = e.triggerRef.current.getBoundingClientRect(), w = e.contentRef.current, s = (w == null ? void 0 : w.offsetWidth) ?? o.width, h = (w == null ? void 0 : w.offsetHeight) ?? 0, d = 8;
-      let x, y;
-      t === "bottom" || t === "top" ? (x = t === "bottom" ? o.bottom + d : o.top - d - h, n === "start" ? y = o.left : n === "end" ? y = o.right - s : y = o.left + o.width / 2 - s / 2) : (y = t === "right" ? o.right + d : o.left - d - s, n === "start" ? x = o.top : n === "end" ? x = o.bottom - h : x = o.top + o.height / 2 - h / 2), v({
-        top: B(x, h, window.innerHeight),
-        left: B(y, s, window.innerWidth)
+      let y, P;
+      t === "bottom" || t === "top" ? (y = t === "bottom" ? o.bottom + d : o.top - d - h, n === "start" ? P = o.left : n === "end" ? P = o.right - s : P = o.left + o.width / 2 - s / 2) : (P = t === "right" ? o.right + d : o.left - d - s, n === "start" ? y = o.top : n === "end" ? y = o.bottom - h : y = o.top + o.height / 2 - h / 2), v({
+        top: T(y, h, window.innerHeight),
+        left: T(P, s, window.innerWidth)
       });
     };
-    R();
-    const a = Y(R);
+    C();
+    const a = Y(C);
     return window.addEventListener("scroll", a.run, !0), window.addEventListener("resize", a.run), () => {
       a.cancel(), window.removeEventListener("scroll", a.run, !0), window.removeEventListener("resize", a.run);
     };
   }, [l, e.open, e.triggerRef, t, n]);
   const u = b(
-    (R) => {
-      e.contentRef.current = R;
+    (C) => {
+      e.contentRef.current = C;
     },
     [e.contentRef]
   );
   if (!l || !e.open) return null;
-  const p = [I.content, i].filter(Boolean).join(" "), C = /* @__PURE__ */ g.jsx(
+  const p = [_.content, i].filter(Boolean).join(" "), R = /* @__PURE__ */ g(
     "div",
     {
       ref: u,
@@ -157,7 +157,7 @@ function H({
         // are applied explicitly afterward so they always win, instead of
         // letting a whole `style` object from a blind `{...rest}` spread
         // replace this element's positioning outright.
-        ...P,
+        ...x,
         position: "fixed",
         top: f.top,
         left: f.left,
@@ -167,40 +167,40 @@ function H({
       children: r
     }
   );
-  return D.createPortal(C, document.body);
+  return D.createPortal(R, document.body);
 }
 H.displayName = "VhyxPopoverContent";
 function W({ className: r, ...i }) {
-  const t = [I.arrow, r].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g.jsx(
+  const t = [_.arrow, r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ g(
     "svg",
     {
       "aria-hidden": "true",
       className: t,
       viewBox: "0 0 10 5",
       ...i,
-      children: /* @__PURE__ */ g.jsx("path", { d: "M0 5L5 0L10 5", fill: "currentColor" })
+      children: /* @__PURE__ */ g("path", { d: "M0 5L5 0L10 5", fill: "currentColor" })
     }
   );
 }
 W.displayName = "VhyxPopoverArrow";
-const z = N.forwardRef(
-  ({ children: r, className: i, onClick: t, asChild: n = !1, ...P }, c) => {
-    const e = E("Popover.Close"), l = b(
+const z = E.forwardRef(
+  ({ children: r, className: i, onClick: t, asChild: n = !1, ...x }, c) => {
+    const e = L("Popover.Close"), l = b(
       (v) => {
         t == null || t(v), e.onOpenChange(!1);
       },
       [t, e]
-    ), m = [I.close, i].filter(Boolean).join(" "), f = {
+    ), m = [_.close, i].filter(Boolean).join(" "), f = {
       onClick: l,
       className: m,
-      ...P
+      ...x
     };
-    return n ? /* @__PURE__ */ g.jsx(M, { ref: c, ...f, children: r }) : /* @__PURE__ */ g.jsx("button", { ref: c, type: "button", ...f, children: r ?? "Close" });
+    return n ? /* @__PURE__ */ g(M, { ref: c, ...f, children: r }) : /* @__PURE__ */ g("button", { ref: c, type: "button", ...f, children: r ?? "Close" });
   }
 );
 z.displayName = "VhyxPopoverClose";
-const k = { ...T, id: "vhyxui-popover" }, ee = Object.assign(
+const k = { ...j, id: "vhyxui-popover" }, ee = Object.assign(
   J(A, k),
   {
     Trigger: O,

package/dist/Popover-Chf2ikqa.cjs

@@ -0,0 +1 @@
+"use strict";const v=require("react/jsx-runtime"),o=require("react"),M=require("react-dom"),b=require("@vhyxui/core"),A=require("@vhyxseal/react"),O=require("./useId-D2AEOm2G.cjs"),_=require("./floatingPosition-oslPPzF_.cjs"),H="_trigger_5e049_1",W="_content_5e049_7",z="_arrow_5e049_21",U="_close_5e049_29",j={trigger:H,content:W,arrow:z,close:U},N=o.createContext(null);function E(n){const i=o.useContext(N);if(!i)throw new b.VhyxUIError({code:b.VhyxUIErrorCode.VHYXUI_MISSING_CONTEXT,message:`${n} must be used within <Popover>`,suggestion:"Wrap your component tree with <Popover>"});return i}const V=o.forwardRef(({open:n,defaultOpen:i=!1,onOpenChange:t,contract:s,children:C},a)=>{const e=O.useId("vhyx-popover"),u=`${e}-trigger`,w=`${e}-content`,f=n!==void 0,[h,p]=o.useState(i),g=f?n:h,I=o.useRef(null),R=o.useRef(null),l=o.useCallback(c=>{f||p(c),t==null||t(c)},[f,t]);o.useEffect(()=>{if(!g)return;function c(x){var d;x.key==="Escape"&&(l(!1),(d=I.current)==null||d.focus())}return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[g,l]),o.useEffect(()=>{if(!g)return;function c(x){var y,P;const d=x.target;(y=I.current)!=null&&y.contains(d)||(P=R.current)!=null&&P.contains(d)||l(!1)}return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[g,l]);const r=o.useMemo(()=>({...b.popoverContract,id:e,...s}),[e,s]),m=o.useMemo(()=>({open:g,onOpenChange:l,triggerId:u,contentId:w,triggerRef:I,contentRef:R}),[g,l,u,w]);return v.jsx(N.Provider,{value:m,children:v.jsx("div",{ref:a,"data-state":g?"open":"closed","data-vhyx-contract":JSON.stringify(r),children:C})})});V.displayName="VhyxPopover";const L=o.forwardRef(({children:n,className:i,onClick:t,asChild:s=!1,...C},a)=>{const e=E("Popover.Trigger"),u=o.useCallback(p=>{e.triggerRef.current=p,typeof a=="function"?a(p):a&&(a.current=p)},[a,e.triggerRef]),w=o.useCallback(p=>{t==null||t(p),e.onOpenChange(!e.open)},[t,e]),f=[j.trigger,i].filter(Boolean).join(" "),h={id:e.triggerId,"aria-haspopup":"dialog","aria-expanded":e.open,"aria-controls":e.open?e.contentId:void 0,onClick:w,className:f,...C};return s?v.jsx(b.Slot,{ref:u,...h,children:n}):v.jsx("button",{ref:u,type:"button",...h,children:n})});L.displayName="VhyxPopoverTrigger";function S({children:n,className:i,side:t="bottom",align:s="center",style:C,...a}){const e=E("Popover.Content"),[u,w]=o.useState(!1),[f,h]=o.useState({top:0,left:0});o.useEffect(()=>{w(!0)},[]),o.useEffect(()=>{if(!u||!e.open||!e.triggerRef.current)return;const R=()=>{const r=e.triggerRef.current.getBoundingClientRect(),m=e.contentRef.current,c=(m==null?void 0:m.offsetWidth)??r.width,x=(m==null?void 0:m.offsetHeight)??0,d=8;let y,P;t==="bottom"||t==="top"?(y=t==="bottom"?r.bottom+d:r.top-d-x,s==="start"?P=r.left:s==="end"?P=r.right-c:P=r.left+r.width/2-c/2):(P=t==="right"?r.right+d:r.left-d-c,s==="start"?y=r.top:s==="end"?y=r.bottom-x:y=r.top+r.height/2-x/2),h({top:_.clampToViewport(y,x,window.innerHeight),left:_.clampToViewport(P,c,window.innerWidth)})};R();const l=_.rafBatched(R);return window.addEventListener("scroll",l.run,!0),window.addEventListener("resize",l.run),()=>{l.cancel(),window.removeEventListener("scroll",l.run,!0),window.removeEventListener("resize",l.run)}},[u,e.open,e.triggerRef,t,s]);const p=o.useCallback(R=>{e.contentRef.current=R},[e.contentRef]);if(!u||!e.open)return null;const g=[j.content,i].filter(Boolean).join(" "),I=v.jsx("div",{ref:p,id:e.contentId,role:"dialog","aria-modal":"false","aria-labelledby":e.triggerId,className:g,"data-state":"open","data-side":t,"data-align":s,...a,style:{...C,position:"fixed",top:f.top,left:f.left,zIndex:450},children:n});return M.createPortal(I,document.body)}S.displayName="VhyxPopoverContent";function T({className:n,...i}){const t=[j.arrow,n].filter(Boolean).join(" ");return v.jsx("svg",{"aria-hidden":"true",className:t,viewBox:"0 0 10 5",...i,children:v.jsx("path",{d:"M0 5L5 0L10 5",fill:"currentColor"})})}T.displayName="VhyxPopoverArrow";const q=o.forwardRef(({children:n,className:i,onClick:t,asChild:s=!1,...C},a)=>{const e=E("Popover.Close"),u=o.useCallback(h=>{t==null||t(h),e.onOpenChange(!1)},[t,e]),w=[j.close,i].filter(Boolean).join(" "),f={onClick:u,className:w,...C};return s?v.jsx(b.Slot,{ref:a,...f,children:n}):v.jsx("button",{ref:a,type:"button",...f,children:n??"Close"})});q.displayName="VhyxPopoverClose";const $={...b.popoverContract,id:"vhyxui-popover"},B=Object.assign(A.withAgentContract(V,$),{Trigger:L,Content:S,Arrow:T,Close:q});B.displayName="VhyxPopover";exports.Popover=B;

package/dist/Progress-DdWZRQVS.js

@@ -0,0 +1,75 @@
+import { jsxs as j, jsx as t } from "react/jsx-runtime";
+import x, { useMemo as N } from "react";
+import { progressContract as c } from "@vhyxui/core";
+import { withAgentContract as C } from "@vhyxseal/react";
+import { u as P } from "./useId-BGRmH6iF.js";
+const M = "_wrapper_ko60j_1", I = "_label_ko60j_10", B = "_track_ko60j_21", R = "_fill_ko60j_52", o = {
+  wrapper: M,
+  label: I,
+  track: B,
+  fill: R
+}, n = x.forwardRef(
+  ({
+    value: a,
+    max: s = 100,
+    indeterminate: r = !1,
+    size: d = "md",
+    variant: p = "default",
+    showLabel: f = !1,
+    label: m,
+    contract: h,
+    className: g,
+    id: v,
+    ..._
+  }, u) => {
+    const y = P("vhyx-progress"), e = v ?? y, l = N(() => {
+      if (a === void 0 || r) return 0;
+      const b = Math.max(0, Math.min(a, s));
+      return Math.round(b / s * 100);
+    }, [a, s, r]), i = m ?? `${l}%`, w = {
+      ...c,
+      id: e,
+      ...h
+    }, k = [o.wrapper, g].filter(Boolean).join(" ");
+    return /* @__PURE__ */ j(
+      "div",
+      {
+        ref: u,
+        id: e,
+        className: k,
+        "data-size": d,
+        "data-variant": p,
+        "data-vhyx-contract": JSON.stringify(w),
+        ..._,
+        children: [
+          f && /* @__PURE__ */ t("span", { className: o.label, "aria-hidden": "true", children: i }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              role: "progressbar",
+              "aria-valuemin": 0,
+              "aria-valuemax": s,
+              "aria-valuenow": r ? void 0 : a ?? 0,
+              "aria-label": i,
+              className: o.track,
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  className: o.fill,
+                  "data-indeterminate": r ? !0 : void 0,
+                  style: r ? void 0 : { width: `${l}%` }
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+n.displayName = "VhyxProgress";
+const S = { ...c, id: "vhyxui-progress" }, V = C(n, S);
+V.displayName = "VhyxProgress";
+export {
+  V as P
+};

package/dist/Progress-lItZES-D.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),l=require("react"),n=require("@vhyxui/core"),N=require("@vhyxseal/react"),C=require("./useId-D2AEOm2G.cjs"),q="_wrapper_ko60j_1",P="_label_ko60j_10",I="_track_ko60j_21",M="_fill_ko60j_52",t={wrapper:q,label:P,track:I,fill:M},d=l.forwardRef(({value:s,max:e=100,indeterminate:r=!1,size:u="md",variant:g="default",showLabel:f=!1,label:h,contract:v,className:_,id:y,...j},w)=>{const x=C.useId("vhyx-progress"),o=y??x,c=l.useMemo(()=>{if(s===void 0||r)return 0;const b=Math.max(0,Math.min(s,e));return Math.round(b/e*100)},[s,e,r]),i=h??`${c}%`,k={...n.progressContract,id:o,...v},m=[t.wrapper,_].filter(Boolean).join(" ");return a.jsxs("div",{ref:w,id:o,className:m,"data-size":u,"data-variant":g,"data-vhyx-contract":JSON.stringify(k),...j,children:[f&&a.jsx("span",{className:t.label,"aria-hidden":"true",children:i}),a.jsx("div",{role:"progressbar","aria-valuemin":0,"aria-valuemax":e,"aria-valuenow":r?void 0:s??0,"aria-label":i,className:t.track,children:a.jsx("div",{className:t.fill,"data-indeterminate":r?!0:void 0,style:r?void 0:{width:`${c}%`}})})]})});d.displayName="VhyxProgress";const R={...n.progressContract,id:"vhyxui-progress"},p=N.withAgentContract(d,R);p.displayName="VhyxProgress";exports.Progress=p;

package/dist/RadioItem-BbIH7LoA.js

@@ -0,0 +1,141 @@
+import { jsx as R, jsxs as H } from "react/jsx-runtime";
+import z, { useState as M, useRef as A, useCallback as m, useMemo as U, useContext as Q, createContext as T, useEffect as X } from "react";
+import { radioContract as C } from "@vhyxui/core";
+import { withAgentContract as Y } from "@vhyxseal/react";
+import { u as Z } from "./useId-BGRmH6iF.js";
+const $ = "_group_16juf_3", K = "_item_16juf_17", x = {
+  group: $,
+  item: K,
+  "radio-indicator": "_radio-indicator_16juf_40",
+  "radio-dot": "_radio-dot_16juf_98",
+  "radio-label": "_radio-label_16juf_109"
+}, D = T(null);
+function V() {
+  const r = Q(D);
+  if (!r)
+    throw new Error(
+      "[VhyxUI] <RadioItem> must be used within <RadioGroup>. Wrap your RadioItem components with <RadioGroup>."
+    );
+  return r;
+}
+const J = z.forwardRef(
+  ({
+    value: r,
+    defaultValue: w,
+    onValueChange: o,
+    disabled: h = !1,
+    orientation: a = "vertical",
+    size: s = "md",
+    contract: I,
+    className: c,
+    id: e,
+    children: f,
+    ...l
+  }, y) => {
+    const N = Z("vhyx-radiogroup"), d = e ?? N, u = r !== void 0, [j, g] = M(w), _ = u ? r : j, t = A(/* @__PURE__ */ new Map()), p = A([]), [B, S] = M(void 0), E = m(
+      (i, b) => {
+        b ? (!t.current.has(i) && (p.current.push(i), p.current.length === 1 && S(i)), t.current.set(i, b)) : (t.current.delete(i), p.current = p.current.filter((n) => n !== i), S(p.current[0]));
+      },
+      []
+    ), O = m(
+      (i, b) => {
+        const n = p.current, G = n.indexOf(i);
+        if (G === -1) return;
+        const q = b === "next" ? (G + 1) % n.length : (G - 1 + n.length) % n.length, v = n[q];
+        if (v === void 0) return;
+        const k = t.current.get(v);
+        !k || k.disabled || (k.focus(), u || g(v), o == null || o(v));
+      },
+      [u, o]
+    ), F = m(
+      (i) => {
+        u || g(i), o == null || o(i);
+      },
+      [u, o]
+    ), L = U(
+      () => ({ ...C, id: d, ...I }),
+      [d, I]
+    ), P = U(
+      () => ({
+        value: _,
+        onValueChange: F,
+        disabled: h,
+        size: s,
+        groupId: d,
+        registerItem: E,
+        navigateItem: O,
+        firstValue: B
+      }),
+      [_, F, h, s, d, E, O, B]
+    ), W = [x.group, c].filter(Boolean).join(" ");
+    return /* @__PURE__ */ R(D.Provider, { value: P, children: /* @__PURE__ */ R(
+      "div",
+      {
+        ref: y,
+        id: d,
+        role: "radiogroup",
+        "aria-orientation": a,
+        className: W,
+        "data-orientation": a,
+        "data-size": s,
+        "data-vhyx-contract": JSON.stringify(L),
+        ...l,
+        children: f
+      }
+    ) });
+  }
+);
+J.displayName = "VhyxRadioGroup";
+const tt = { ...C, id: "vhyxui-radio-group" }, rt = Y(J, tt);
+rt.displayName = "VhyxRadioGroup";
+const et = z.forwardRef(
+  ({ value: r, disabled: w, children: o, className: h, onClick: a, onKeyDown: s, ...I }, c) => {
+    const e = V(), f = e.value === r, l = !!w || e.disabled, y = A(null), N = m(
+      (t) => {
+        y.current = t, typeof c == "function" ? c(t) : c && (c.current = t);
+      },
+      [c]
+    );
+    X(() => (e.registerItem(r, y.current), () => {
+      e.registerItem(r, null);
+    }), [e, r]);
+    const d = m(
+      (t) => {
+        a == null || a(t), l || e.onValueChange(r);
+      },
+      [a, l, e, r]
+    ), u = m(
+      (t) => {
+        s == null || s(t), t.key === "ArrowDown" || t.key === "ArrowRight" ? (t.preventDefault(), e.navigateItem(r, "next")) : (t.key === "ArrowUp" || t.key === "ArrowLeft") && (t.preventDefault(), e.navigateItem(r, "prev"));
+      },
+      [s, e, r]
+    ), j = !e.value && e.firstValue === r, g = f || j ? 0 : -1, _ = [x.item, h].filter(Boolean).join(" ");
+    return /* @__PURE__ */ H(
+      "button",
+      {
+        ref: N,
+        type: "button",
+        role: "radio",
+        "aria-checked": f,
+        disabled: l,
+        tabIndex: g,
+        onClick: d,
+        onKeyDown: u,
+        className: _,
+        "data-state": f ? "checked" : "unchecked",
+        "data-size": e.size,
+        "data-disabled": l ? !0 : void 0,
+        ...I,
+        children: [
+          /* @__PURE__ */ R("span", { className: x["radio-indicator"], children: f && /* @__PURE__ */ R("span", { className: x["radio-dot"] }) }),
+          o && /* @__PURE__ */ R("span", { className: x["radio-label"], children: o })
+        ]
+      }
+    );
+  }
+);
+et.displayName = "VhyxRadioItem";
+export {
+  rt as R,
+  et as a
+};

package/dist/RadioItem-Cfxch4Gj.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("react/jsx-runtime"),e=require("react"),E=require("@vhyxui/core"),P=require("@vhyxseal/react"),W=require("./useId-D2AEOm2G.cjs"),H="_group_16juf_3",Q="_item_16juf_17",R={group:H,item:Q,"radio-indicator":"_radio-indicator_16juf_40","radio-dot":"_radio-dot_16juf_98","radio-label":"_radio-label_16juf_109"},M=e.createContext(null);function T(){const r=e.useContext(M);if(!r)throw new Error("[VhyxUI] <RadioItem> must be used within <RadioGroup>. Wrap your RadioItem components with <RadioGroup>.");return r}const O=e.forwardRef(({value:r,defaultValue:v,onValueChange:o,disabled:I=!1,orientation:c="vertical",size:a="md",contract:h,className:d,id:s,children:f,...p},b)=>{const w=W.useId("vhyx-radiogroup"),u=s??w,l=r!==void 0,[N,y]=e.useState(v),g=l?r:N,t=e.useRef(new Map),x=e.useRef([]),[C,q]=e.useState(void 0),A=e.useCallback((i,_)=>{_?(!t.current.has(i)&&(x.current.push(i),x.current.length===1&&q(i)),t.current.set(i,_)):(t.current.delete(i),x.current=x.current.filter(n=>n!==i),q(x.current[0]))},[]),S=e.useCallback((i,_)=>{const n=x.current,k=n.indexOf(i);if(k===-1)return;const L=_==="next"?(k+1)%n.length:(k-1+n.length)%n.length,j=n[L];if(j===void 0)return;const G=t.current.get(j);!G||G.disabled||(G.focus(),l||y(j),o==null||o(j))},[l,o]),B=e.useCallback(i=>{l||y(i),o==null||o(i)},[l,o]),z=e.useMemo(()=>({...E.radioContract,id:u,...h}),[u,h]),D=e.useMemo(()=>({value:g,onValueChange:B,disabled:I,size:a,groupId:u,registerItem:A,navigateItem:S,firstValue:C}),[g,B,I,a,u,A,S,C]),J=[R.group,d].filter(Boolean).join(" ");return m.jsx(M.Provider,{value:D,children:m.jsx("div",{ref:b,id:u,role:"radiogroup","aria-orientation":c,className:J,"data-orientation":c,"data-size":a,"data-vhyx-contract":JSON.stringify(z),...p,children:f})})});O.displayName="VhyxRadioGroup";const X={...E.radioContract,id:"vhyxui-radio-group"},F=P.withAgentContract(O,X);F.displayName="VhyxRadioGroup";const U=e.forwardRef(({value:r,disabled:v,children:o,className:I,onClick:c,onKeyDown:a,...h},d)=>{const s=T(),f=s.value===r,p=!!v||s.disabled,b=e.useRef(null),w=e.useCallback(t=>{b.current=t,typeof d=="function"?d(t):d&&(d.current=t)},[d]);e.useEffect(()=>(s.registerItem(r,b.current),()=>{s.registerItem(r,null)}),[s,r]);const u=e.useCallback(t=>{c==null||c(t),p||s.onValueChange(r)},[c,p,s,r]),l=e.useCallback(t=>{a==null||a(t),t.key==="ArrowDown"||t.key==="ArrowRight"?(t.preventDefault(),s.navigateItem(r,"next")):(t.key==="ArrowUp"||t.key==="ArrowLeft")&&(t.preventDefault(),s.navigateItem(r,"prev"))},[a,s,r]),N=!s.value&&s.firstValue===r,y=f||N?0:-1,g=[R.item,I].filter(Boolean).join(" ");return m.jsxs("button",{ref:w,type:"button",role:"radio","aria-checked":f,disabled:p,tabIndex:y,onClick:u,onKeyDown:l,className:g,"data-state":f?"checked":"unchecked","data-size":s.size,"data-disabled":p?!0:void 0,...h,children:[m.jsx("span",{className:R["radio-indicator"],children:f&&m.jsx("span",{className:R["radio-dot"]})}),o&&m.jsx("span",{className:R["radio-label"],children:o})]})});U.displayName="VhyxRadioItem";exports.RadioGroup=F;exports.RadioItem=U;