@vhyxui/react 0.1.2-alpha.2 → 0.2.0-alpha

package/dist/{Badge-Fuc7l-1E.js → Badge-Bbxb4wyt.js}

@@ -2,27 +2,27 @@ import { j as m } from "./jsx-runtime-CL69jGNW.js";
 import f from "react";
 import { badgeContract as p } from "@vhyxui/core";
 import { withAgentContract as b } from "@vhyxseal/react";
-const u = "_badge_12qri_1", B = {
+const u = "_badge_1s34s_1", B = {
   badge: u
 }, r = f.forwardRef(
   ({
-    variant: o = "default",
-    size: d = "md",
+    variant: s = "default",
+    size: o = "md",
     dot: t = !1,
     count: a,
     max: e = 99,
-    className: s,
+    className: d,
     children: n,
     ...i
   }, g) => {
-    const l = [B.badge, s].filter(Boolean).join(" "), c = () => t ? null : a !== void 0 ? a > e ? `${e}+` : String(a) : n;
+    const l = [B.badge, d].filter(Boolean).join(" "), c = () => t ? null : a !== void 0 ? a > e ? `${e}+` : String(a) : n;
     return /* @__PURE__ */ m.jsx(
       "span",
       {
         ref: g,
         className: l,
-        "data-variant": o,
-        "data-size": d,
+        "data-variant": s,
+        "data-size": o,
         "data-dot": t ? !0 : void 0,
         ...i,
         children: c()

package/dist/{Badge-RM7n86Rq.cjs → Badge-SBO9tGzn.cjs}

@@ -1 +1 @@
-"use strict";const b=require("./jsx-runtime-BRMkMA8J.cjs"),f=require("react"),B=require("@vhyxui/core"),x=require("@vhyxseal/react"),y="_badge_12qri_1",h={badge:y},r=f.forwardRef(({variant:n="default",size:d="md",dot:a=!1,count:e,max:t=99,className:i,children:o,...c},g)=>{const l=[h.badge,i].filter(Boolean).join(" "),u=()=>a?null:e!==void 0?e>t?`${t}+`:String(e):o;return b.jsxRuntimeExports.jsx("span",{ref:g,className:l,"data-variant":n,"data-size":d,"data-dot":a?!0:void 0,...c,children:u()})});r.displayName="VhyxBadge";const m={...B.badgeContract,id:"vhyxui-badge"},s=x.withAgentContract(r,m);s.displayName="VhyxBadge";exports.Badge=s;
+"use strict";const b=require("./jsx-runtime-BRMkMA8J.cjs"),f=require("react"),B=require("@vhyxui/core"),x=require("@vhyxseal/react"),y="_badge_1s34s_1",h={badge:y},s=f.forwardRef(({variant:n="default",size:d="md",dot:a=!1,count:e,max:t=99,className:i,children:o,...c},g)=>{const l=[h.badge,i].filter(Boolean).join(" "),u=()=>a?null:e!==void 0?e>t?`${t}+`:String(e):o;return b.jsxRuntimeExports.jsx("span",{ref:g,className:l,"data-variant":n,"data-size":d,"data-dot":a?!0:void 0,...c,children:u()})});s.displayName="VhyxBadge";const m={...B.badgeContract,id:"vhyxui-badge"},r=x.withAgentContract(s,m);r.displayName="VhyxBadge";exports.Badge=r;

package/dist/{Button-D7eX45GC.js → Button-DDMc7-3S.js}

@@ -1,15 +1,15 @@
 import { j as t } from "./jsx-runtime-CL69jGNW.js";
-import C, { useMemo as S } from "react";
-import { buttonContract as p, Slot as g } from "@vhyxui/core";
-import { withAgentContract as I } from "@vhyxseal/react";
-import { S as V } from "./Spinner-CZSz1OpT.js";
-import { u as E } from "./useId-BGRmH6iF.js";
-const R = "_button_1wjdv_1", U = "_content_1wjdv_57", q = "_spinner_1wjdv_190", z = "_icon_1wjdv_198", a = {
-  button: R,
-  content: U,
-  spinner: q,
-  icon: z
-}, f = C.forwardRef(
+import z, { useMemo as C } from "react";
+import { buttonContract as p, Slot as S } from "@vhyxui/core";
+import { withAgentContract as g } from "@vhyxseal/react";
+import { S as I } from "./Spinner-BYi9eTfl.js";
+import { u as V } from "./useId-BGRmH6iF.js";
+const E = "_button_z02sw_1", R = "_content_z02sw_57", U = "_spinner_z02sw_196", q = "_icon_z02sw_204", a = {
+  button: E,
+  content: R,
+  spinner: U,
+  icon: q
+}, f = z.forwardRef(
   ({
     variant: r = "primary",
     size: b = "md",
@@ -18,40 +18,40 @@ const R = "_button_1wjdv_1", U = "_content_1wjdv_57", q = "_spinner_1wjdv_190",
     iconPosition: i = "left",
     iconOnly: s = !1,
     asChild: h = !1,
-    contract: d,
-    className: v,
-    children: u,
-    disabled: x,
-    id: j,
-    "aria-label": c,
-    ..._
+    contract: u,
+    className: x,
+    children: c,
+    disabled: v,
+    id: _,
+    "aria-label": d,
+    ...y
   }, l) => {
-    const y = E("vhyx-button"), o = j ?? y;
-    process.env.NODE_ENV !== "production" && s && !c && console.warn(
+    const N = V("vhyx-button"), o = _ ?? N;
+    process.env.NODE_ENV !== "production" && s && !d && console.warn(
       "[VhyxUI] <Button iconOnly> requires an aria-label for accessibility. Screen reader users will not be able to identify this button."
     );
-    const N = S(() => ({ ...p, id: o, ...r === "destructive" ? { safetyLevel: "high", destructive: !0, requiresConfirmation: !0 } : {}, ...d }), [r, o, d]), w = x ?? n, B = [a.button, v].filter(Boolean).join(" "), m = {
+    const j = C(() => ({ ...p, id: o, ...r === "destructive" ? { safetyLevel: "high", destructive: !0, requiresConfirmation: !0 } : {}, ...u }), [r, o, u]), w = v ?? n, B = [a.button, x].filter(Boolean).join(" "), m = {
       id: o,
       className: B,
       "aria-busy": n ? !0 : void 0,
-      "aria-label": c,
+      "aria-label": d,
       "data-variant": r,
       "data-size": b,
       "data-loading": n ? !0 : void 0,
       "data-icon-only": s ? !0 : void 0,
-      "data-vhyx-contract": JSON.stringify(N),
-      ..._
+      "data-vhyx-contract": JSON.stringify(j),
+      ...y
     };
-    return h ? /* @__PURE__ */ t.jsx(g, { ref: l, ...m, children: u }) : /* @__PURE__ */ t.jsxs("button", { ref: l, disabled: w, ...m, children: [
-      n && /* @__PURE__ */ t.jsx(V, { size: "sm", variant: "white", "aria-hidden": "true", label: "", className: a.spinner }),
+    return h ? /* @__PURE__ */ t.jsx(S, { ref: l, ...m, children: c }) : /* @__PURE__ */ t.jsxs("button", { ref: l, disabled: w, ...m, children: [
+      n && /* @__PURE__ */ t.jsx(I, { size: "sm", variant: "white", "aria-hidden": "true", label: "", className: a.spinner }),
       e && i === "left" && !s && /* @__PURE__ */ t.jsx("span", { className: a.icon, "aria-hidden": "true", children: e }),
-      s && e ? /* @__PURE__ */ t.jsx("span", { className: a.icon, "aria-hidden": "true", children: e }) : !s && /* @__PURE__ */ t.jsx("span", { className: a.content, children: u }),
+      s && e ? /* @__PURE__ */ t.jsx("span", { className: a.icon, "aria-hidden": "true", children: e }) : !s && /* @__PURE__ */ t.jsx("span", { className: a.content, children: c }),
       e && i === "right" && !s && /* @__PURE__ */ t.jsx("span", { className: a.icon, "aria-hidden": "true", children: e })
     ] });
   }
 );
 f.displayName = "VhyxButton";
-const D = { ...p, id: "vhyxui-button" }, A = I(f, D);
+const D = { ...p, id: "vhyxui-button" }, A = g(f, D);
 A.displayName = "VhyxButton";
 export {
   A as B

package/dist/{Button-AkUYT9eN.cjs → Button-akOSYEu9.cjs}

@@ -1 +1 @@
-"use strict";const t=require("./jsx-runtime-BRMkMA8J.cjs"),b=require("react"),i=require("@vhyxui/core"),C=require("@vhyxseal/react"),S=require("./Spinner-BZGPmp9c.cjs"),I=require("./useId-D2AEOm2G.cjs"),V="_button_1wjdv_1",g="_content_1wjdv_57",z="_spinner_1wjdv_190",D="_icon_1wjdv_198",n={button:V,content:g,spinner:z,icon:D},m=b.forwardRef(({variant:a="primary",size:j="md",loading:r=!1,icon:e,iconPosition:u="left",iconOnly:s=!1,asChild:f=!1,contract:c,className:v,children:d,disabled:_,id:y,"aria-label":l,...N},x)=>{const R=I.useId("vhyx-button"),o=y??R;process.env.NODE_ENV!=="production"&&s&&!l&&console.warn("[VhyxUI] <Button iconOnly> requires an aria-label for accessibility. Screen reader users will not be able to identify this button.");const w=b.useMemo(()=>{const B=a==="destructive"?{safetyLevel:"high",destructive:!0,requiresConfirmation:!0}:{};return{...i.buttonContract,id:o,...B,...c}},[a,o,c]),E=_??r,q=[n.button,v].filter(Boolean).join(" "),p={id:o,className:q,"aria-busy":r?!0:void 0,"aria-label":l,"data-variant":a,"data-size":j,"data-loading":r?!0:void 0,"data-icon-only":s?!0:void 0,"data-vhyx-contract":JSON.stringify(w),...N};return f?t.jsxRuntimeExports.jsx(i.Slot,{ref:x,...p,children:d}):t.jsxRuntimeExports.jsxs("button",{ref:x,disabled:E,...p,children:[r&&t.jsxRuntimeExports.jsx(S.Spinner,{size:"sm",variant:"white","aria-hidden":"true",label:"",className:n.spinner}),e&&u==="left"&&!s&&t.jsxRuntimeExports.jsx("span",{className:n.icon,"aria-hidden":"true",children:e}),s&&e?t.jsxRuntimeExports.jsx("span",{className:n.icon,"aria-hidden":"true",children:e}):!s&&t.jsxRuntimeExports.jsx("span",{className:n.content,children:d}),e&&u==="right"&&!s&&t.jsxRuntimeExports.jsx("span",{className:n.icon,"aria-hidden":"true",children:e})]})});m.displayName="VhyxButton";const U={...i.buttonContract,id:"vhyxui-button"},h=C.withAgentContract(m,U);h.displayName="VhyxButton";exports.Button=h;
+"use strict";const t=require("./jsx-runtime-BRMkMA8J.cjs"),b=require("react"),i=require("@vhyxui/core"),C=require("@vhyxseal/react"),z=require("./Spinner-CeIDpqkx.cjs"),S=require("./useId-D2AEOm2G.cjs"),I="_button_z02sw_1",V="_content_z02sw_57",g="_spinner_z02sw_196",D="_icon_z02sw_204",n={button:I,content:V,spinner:g,icon:D},m=b.forwardRef(({variant:a="primary",size:f="md",loading:r=!1,icon:e,iconPosition:u="left",iconOnly:s=!1,asChild:j=!1,contract:c,className:_,children:d,disabled:v,id:y,"aria-label":l,...N},x)=>{const R=S.useId("vhyx-button"),o=y??R;process.env.NODE_ENV!=="production"&&s&&!l&&console.warn("[VhyxUI] <Button iconOnly> requires an aria-label for accessibility. Screen reader users will not be able to identify this button.");const w=b.useMemo(()=>{const B=a==="destructive"?{safetyLevel:"high",destructive:!0,requiresConfirmation:!0}:{};return{...i.buttonContract,id:o,...B,...c}},[a,o,c]),E=v??r,q=[n.button,_].filter(Boolean).join(" "),p={id:o,className:q,"aria-busy":r?!0:void 0,"aria-label":l,"data-variant":a,"data-size":f,"data-loading":r?!0:void 0,"data-icon-only":s?!0:void 0,"data-vhyx-contract":JSON.stringify(w),...N};return j?t.jsxRuntimeExports.jsx(i.Slot,{ref:x,...p,children:d}):t.jsxRuntimeExports.jsxs("button",{ref:x,disabled:E,...p,children:[r&&t.jsxRuntimeExports.jsx(z.Spinner,{size:"sm",variant:"white","aria-hidden":"true",label:"",className:n.spinner}),e&&u==="left"&&!s&&t.jsxRuntimeExports.jsx("span",{className:n.icon,"aria-hidden":"true",children:e}),s&&e?t.jsxRuntimeExports.jsx("span",{className:n.icon,"aria-hidden":"true",children:e}):!s&&t.jsxRuntimeExports.jsx("span",{className:n.content,children:d}),e&&u==="right"&&!s&&t.jsxRuntimeExports.jsx("span",{className:n.icon,"aria-hidden":"true",children:e})]})});m.displayName="VhyxButton";const U={...i.buttonContract,id:"vhyxui-button"},h=C.withAgentContract(m,U);h.displayName="VhyxButton";exports.Button=h;

package/dist/Card-DSCA-Igh.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./jsx-runtime-BRMkMA8J.cjs"),i=require("react"),y=require("@vhyxui/core"),g=require("@vhyxseal/react"),N=require("./useId-D2AEOm2G.cjs"),q="_card_wvqde_1",R="_header_wvqde_35",b="_body_wvqde_36",B="_footer_wvqde_37",w="_image_wvqde_102",s={card:q,header:R,body:b,footer:B,image:w};function E(e){return i.isValidElement(e)&&(e.type===c||e.type===n||e.type===m||e.type===u)}const l=i.forwardRef(({variant:e="default",padding:t="md",interactive:a=!1,contract:o,className:C,children:d,...f},p)=>{const j=N.useId("vhyx-card"),v={...y.cardContract,id:j,...o},_=[s.card,C].filter(Boolean).join(" "),h=i.Children.toArray(d).some(E)?d:r.jsxRuntimeExports.jsx(n,{children:d});return r.jsxRuntimeExports.jsx("div",{ref:p,className:_,"data-variant":e,"data-padding":t,"data-interactive":a?!0:void 0,"data-vhyx-contract":JSON.stringify(v),...f,children:h})});l.displayName="VhyxCard";function c({children:e,className:t,...a}){const o=[s.header,t].filter(Boolean).join(" ");return r.jsxRuntimeExports.jsx("div",{className:o,...a,children:e})}c.displayName="VhyxCardHeader";function n({children:e,className:t,...a}){const o=[s.body,t].filter(Boolean).join(" ");return r.jsxRuntimeExports.jsx("div",{className:o,...a,children:e})}n.displayName="VhyxCardBody";function m({children:e,className:t,...a}){const o=[s.footer,t].filter(Boolean).join(" ");return r.jsxRuntimeExports.jsx("div",{className:o,...a,children:e})}m.displayName="VhyxCardFooter";function u({children:e,className:t,...a}){const o=[s.image,t].filter(Boolean).join(" ");return r.jsxRuntimeExports.jsx("div",{className:o,...a,children:e})}u.displayName="VhyxCardImage";const V={...y.cardContract,id:"vhyxui-card"},x=Object.assign(g.withAgentContract(l,V),{Header:c,Body:n,Footer:m,Image:u});x.displayName="VhyxCard";exports.Card=x;

package/dist/Card-Dh9Pcmfa.js

@@ -0,0 +1,79 @@
+import { j as r } from "./jsx-runtime-CL69jGNW.js";
+import i from "react";
+import { cardContract as l } from "@vhyxui/core";
+import { withAgentContract as h } from "@vhyxseal/react";
+import { u as g } from "./useId-BGRmH6iF.js";
+const N = "_card_wvqde_1", b = "_header_wvqde_35", B = "_body_wvqde_36", w = "_footer_wvqde_37", V = "_image_wvqde_102", s = {
+  card: N,
+  header: b,
+  body: B,
+  footer: w,
+  image: V
+};
+function q(a) {
+  return i.isValidElement(a) && (a.type === c || a.type === d || a.type === m || a.type === y);
+}
+const f = i.forwardRef(
+  ({
+    variant: a = "default",
+    padding: e = "md",
+    interactive: o = !1,
+    contract: t,
+    className: C,
+    children: n,
+    ...p
+  }, u) => {
+    const x = g("vhyx-card"), v = {
+      ...l,
+      id: x,
+      ...t
+    }, _ = [s.card, C].filter(Boolean).join(" "), j = i.Children.toArray(n).some(q) ? n : /* @__PURE__ */ r.jsx(d, { children: n });
+    return /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        ref: u,
+        className: _,
+        "data-variant": a,
+        "data-padding": e,
+        "data-interactive": o ? !0 : void 0,
+        "data-vhyx-contract": JSON.stringify(v),
+        ...p,
+        children: j
+      }
+    );
+  }
+);
+f.displayName = "VhyxCard";
+function c({ children: a, className: e, ...o }) {
+  const t = [s.header, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: t, ...o, children: a });
+}
+c.displayName = "VhyxCardHeader";
+function d({ children: a, className: e, ...o }) {
+  const t = [s.body, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: t, ...o, children: a });
+}
+d.displayName = "VhyxCardBody";
+function m({ children: a, className: e, ...o }) {
+  const t = [s.footer, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: t, ...o, children: a });
+}
+m.displayName = "VhyxCardFooter";
+function y({ children: a, className: e, ...o }) {
+  const t = [s.image, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: t, ...o, children: a });
+}
+y.displayName = "VhyxCardImage";
+const I = { ...l, id: "vhyxui-card" }, S = Object.assign(
+  h(f, I),
+  {
+    Header: c,
+    Body: d,
+    Footer: m,
+    Image: y
+  }
+);
+S.displayName = "VhyxCard";
+export {
+  S as C
+};

package/dist/Popover-BHGX_cC4.cjs

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

package/dist/Popover-u9vlClum.js

@@ -0,0 +1,211 @@
+import { j as d } from "./jsx-runtime-CL69jGNW.js";
+import E, { useState as I, useRef as L, useCallback as C, useEffect as R, useMemo as V, createContext as U, useContext as $ } from "react";
+import D from "react-dom";
+import { popoverContract as B, Slot as M, VhyxUIError as G, VhyxUIErrorCode as H } from "@vhyxui/core";
+import { withAgentContract as J } from "@vhyxseal/react";
+import { u as K } from "./useId-BGRmH6iF.js";
+const W = "_trigger_5e049_1", Y = "_content_5e049_7", q = "_arrow_5e049_21", F = "_close_5e049_29", j = {
+  trigger: W,
+  content: Y,
+  arrow: q,
+  close: F
+}, S = U(null);
+function _(r) {
+  const s = $(S);
+  if (!s)
+    throw new G({
+      code: H.VHYXUI_MISSING_CONTEXT,
+      message: `${r} must be used within <Popover>`,
+      suggestion: "Wrap your component tree with <Popover>"
+    });
+  return s;
+}
+const T = E.forwardRef(
+  ({
+    open: r,
+    defaultOpen: s = !1,
+    onOpenChange: t,
+    contract: p,
+    children: v
+  }, i) => {
+    const e = K("vhyx-popover"), l = `${e}-trigger`, g = `${e}-content`, a = r !== void 0, [m, f] = I(s), u = a ? r : m, h = L(null), c = L(null), o = C(
+      (n) => {
+        a || f(n), t == null || t(n);
+      },
+      [a, t]
+    );
+    R(() => {
+      if (!u) return;
+      function n(y) {
+        var P;
+        y.key === "Escape" && (o(!1), (P = h.current) == null || P.focus());
+      }
+      return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+    }, [u, o]), R(() => {
+      if (!u) return;
+      function n(y) {
+        var b, N;
+        const P = y.target;
+        (b = h.current) != null && b.contains(P) || (N = c.current) != null && N.contains(P) || o(!1);
+      }
+      return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+    }, [u, o]);
+    const w = V(
+      () => ({ ...B, id: e, ...p }),
+      [e, p]
+    ), x = V(
+      () => ({
+        open: u,
+        onOpenChange: o,
+        triggerId: l,
+        contentId: g,
+        triggerRef: h,
+        contentRef: c
+      }),
+      [u, o, l, g]
+    );
+    return /* @__PURE__ */ d.jsx(S.Provider, { value: x, children: /* @__PURE__ */ d.jsx(
+      "div",
+      {
+        ref: i,
+        "data-state": u ? "open" : "closed",
+        "data-vhyx-contract": JSON.stringify(w),
+        children: v
+      }
+    ) });
+  }
+);
+T.displayName = "VhyxPopover";
+const A = E.forwardRef(
+  ({ children: r, className: s, onClick: t, asChild: p = !1, ...v }, i) => {
+    const e = _("Popover.Trigger"), l = C(
+      (f) => {
+        e.triggerRef.current = f, typeof i == "function" ? i(f) : i && (i.current = f);
+      },
+      [i, e.triggerRef]
+    ), g = C(
+      (f) => {
+        t == null || t(f), e.onOpenChange(!e.open);
+      },
+      [t, e]
+    ), a = [j.trigger, s].filter(Boolean).join(" "), m = {
+      id: e.triggerId,
+      "aria-haspopup": "dialog",
+      "aria-expanded": e.open,
+      "aria-controls": e.open ? e.contentId : void 0,
+      onClick: g,
+      className: a,
+      ...v
+    };
+    return p ? /* @__PURE__ */ d.jsx(M, { ref: l, ...m, children: r }) : /* @__PURE__ */ d.jsx("button", { ref: l, type: "button", ...m, children: r });
+  }
+);
+A.displayName = "VhyxPopoverTrigger";
+function O({
+  children: r,
+  className: s,
+  side: t = "bottom",
+  align: p = "center",
+  style: v,
+  ...i
+}) {
+  const e = _("Popover.Content"), [l, g] = I(!1), [a, m] = I({
+    top: 0,
+    left: 0,
+    transform: "translateX(-50%)"
+  });
+  R(() => {
+    g(!0);
+  }, []), R(() => {
+    if (!e.open || !e.triggerRef.current) return;
+    const c = () => {
+      const o = e.triggerRef.current.getBoundingClientRect(), w = 8;
+      let x = 0, n = 0, y = "translateX(-50%)";
+      t === "bottom" ? (x = o.bottom + w, n = o.left + o.width / 2) : t === "top" ? (x = o.top - w, n = o.left + o.width / 2) : t === "right" ? (x = o.top + o.height / 2, n = o.right + w) : (x = o.top + o.height / 2, n = o.left - w, y = "translateX(-100%)"), m({ top: x, left: n, transform: y });
+    };
+    return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+    };
+  }, [e.open, e.triggerRef, t]);
+  const f = C(
+    (c) => {
+      e.contentRef.current = c;
+    },
+    [e.contentRef]
+  );
+  if (!l || !e.open) return null;
+  const u = [j.content, s].filter(Boolean).join(" "), h = /* @__PURE__ */ d.jsx(
+    "div",
+    {
+      ref: f,
+      id: e.contentId,
+      role: "dialog",
+      "aria-modal": "false",
+      "aria-labelledby": e.triggerId,
+      className: u,
+      "data-state": "open",
+      "data-side": t,
+      "data-align": p,
+      ...i,
+      style: {
+        // Consumer's cosmetic style first — internal positioning keys below
+        // 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.
+        ...v,
+        position: "fixed",
+        top: a.top,
+        left: a.left,
+        zIndex: 450,
+        // --vhyx-z-popover
+        transform: a.transform
+      },
+      children: r
+    }
+  );
+  return D.createPortal(h, document.body);
+}
+O.displayName = "VhyxPopoverContent";
+function X({ className: r, ...s }) {
+  const t = [j.arrow, r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d.jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: t,
+      viewBox: "0 0 10 5",
+      ...s,
+      children: /* @__PURE__ */ d.jsx("path", { d: "M0 5L5 0L10 5", fill: "currentColor" })
+    }
+  );
+}
+X.displayName = "VhyxPopoverArrow";
+const z = E.forwardRef(
+  ({ children: r, className: s, onClick: t, asChild: p = !1, ...v }, i) => {
+    const e = _("Popover.Close"), l = C(
+      (m) => {
+        t == null || t(m), e.onOpenChange(!1);
+      },
+      [t, e]
+    ), g = [j.close, s].filter(Boolean).join(" "), a = {
+      onClick: l,
+      className: g,
+      ...v
+    };
+    return p ? /* @__PURE__ */ d.jsx(M, { ref: i, ...a, children: r }) : /* @__PURE__ */ d.jsx("button", { ref: i, type: "button", ...a, children: r ?? "Close" });
+  }
+);
+z.displayName = "VhyxPopoverClose";
+const Q = { ...B, id: "vhyxui-popover" }, Z = Object.assign(
+  J(T, Q),
+  {
+    Trigger: A,
+    Content: O,
+    Arrow: X,
+    Close: z
+  }
+);
+Z.displayName = "VhyxPopover";
+export {
+  Z as P
+};

package/dist/Select-CGfKq69f.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("./jsx-runtime-BRMkMA8J.cjs"),e=require("react"),re=require("react-dom"),L=require("@vhyxui/core"),oe=require("@vhyxseal/react"),O=require("./useId-D2AEOm2G.cjs"),ce="_trigger_1t193_3",ie="_content_1t193_81",ae="_item_1t193_101",le="_group_1t193_152",ue="_label_1t193_158",de="_separator_1t193_170",b={trigger:ce,"trigger-value":"_trigger-value_1t193_62","trigger-icon":"_trigger-icon_1t193_70",content:ie,item:ae,"item-check":"_item-check_1t193_141",group:le,label:ue,separator:de},X=e.createContext(null);function D(r){const n=e.useContext(X);if(!n)throw new L.VhyxUIError({code:L.VhyxUIErrorCode.VHYXUI_MISSING_CONTEXT,message:`${r} must be used within <Select>`,suggestion:"Wrap your component tree with <Select>"});return n}const Y=e.forwardRef(({value:r,defaultValue:n,onValueChange:l,disabled:m=!1,size:s="md",placeholder:f,contract:y,children:o,className:v,...c},R)=>{const S=O.useId("vhyx-select-trigger"),u=O.useId("vhyx-select-content"),x=O.useId("vhyx-select"),d=r!==void 0,[k,C]=e.useState(n),h=d?r:k,[t,N]=e.useState(!1),[I,E]=e.useState(void 0),V=e.useRef(null),T=e.useRef(null),_=e.useRef(new Map),B=e.useRef([]),z=e.useRef(new Map),[A,M]=e.useState(void 0),q=e.useRef(h);q.current=h,e.useEffect(()=>{if(h===void 0){M(void 0);return}const i=_.current.get(h);M(i?i.label:void 0)},[h]);const H=e.useCallback((i,a,g)=>{_.current.has(i)||B.current.push(i);const j={label:a};g!==void 0&&(j.disabled=g),_.current.set(i,j),i===q.current&&M(a)},[]),P=e.useCallback(()=>A,[A]),U=e.useCallback(i=>{var j;const a=B.current.filter(w=>{var F;return!((F=_.current.get(w))!=null&&F.disabled)});if(a.length===0)return;let g;if(i==="home")g=a[0];else if(i==="end")g=a[a.length-1];else{const w=I!==void 0?a.indexOf(I):-1;g=i==="down"?a[Math.min(w+1,a.length-1)]:a[Math.max(w-1,0)]}g!==void 0&&(E(g),(j=z.current.get(g))==null||j.focus())},[I]),W=e.useCallback(i=>{var a;d||C(i),l==null||l(i),N(!1),E(void 0),(a=V.current)==null||a.focus()},[d,l]),G=e.useCallback(i=>{if(N(i),i){const a=h??B.current[0];E(a)}else E(void 0)},[h]),ne=e.useMemo(()=>({...L.selectContract,id:x,...y}),[x,y]),se=e.useMemo(()=>({value:h,onValueChange:W,open:t,onOpenChange:G,disabled:m,size:s,placeholder:f,triggerId:S,contentId:u,triggerRef:V,contentRef:T,focusedValue:I,setFocusedValue:E,registerItem:H,getSelectedLabel:P,navigateItems:U,itemElementsRef:z,itemOrderRef:B,itemRegistryRef:_}),[h,W,t,G,m,s,f,S,u,I,H,P,U]);return e.useEffect(()=>{if(!t)return;function i(a){var g;a.key==="Escape"&&(N(!1),E(void 0),(g=V.current)==null||g.focus())}return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[t]),e.useEffect(()=>{if(!t)return;function i(a){var j,w;const g=a.target;(j=V.current)!=null&&j.contains(g)||(w=T.current)!=null&&w.contains(g)||(N(!1),E(void 0))}return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[t]),p.jsxRuntimeExports.jsx(X.Provider,{value:se,children:p.jsxRuntimeExports.jsx("div",{ref:R,className:v,"data-size":s,"data-disabled":m?!0:void 0,"data-vhyx-contract":JSON.stringify(ne),...c,children:o})})});Y.displayName="VhyxSelect";const J=e.forwardRef((r,n)=>{const{icon:l,className:m,asChild:s=!1,children:f,...y}=r,o=D("Select.Trigger"),v=o.getSelectedLabel(),c=e.useCallback(d=>{o.triggerRef.current=d,typeof n=="function"?n(d):n&&(n.current=d)},[n,o.triggerRef]),R=e.useCallback(()=>{o.disabled||o.onOpenChange(!o.open)},[o]),S=e.useCallback(d=>{(d.key==="ArrowDown"||d.key==="ArrowUp")&&(d.preventDefault(),o.open||o.onOpenChange(!0))},[o]),u=[b.trigger,m].filter(Boolean).join(" "),x={id:o.triggerId,role:"combobox","aria-haspopup":"listbox","aria-expanded":o.open,"aria-controls":o.open?o.contentId:void 0,disabled:o.disabled,onClick:R,onKeyDown:S,className:u,"data-size":o.size,"data-state":o.open?"open":"closed","data-placeholder":v?void 0:!0,...y};return s?p.jsxRuntimeExports.jsx(L.Slot,{ref:c,...x,children:f}):p.jsxRuntimeExports.jsxs("button",{ref:c,type:"button",...x,children:[p.jsxRuntimeExports.jsx("span",{className:b["trigger-value"],children:v??o.placeholder??"Select…"}),p.jsxRuntimeExports.jsx("span",{className:b["trigger-icon"],"aria-hidden":"true",children:l??p.jsxRuntimeExports.jsx("svg",{viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:1.5,children:p.jsxRuntimeExports.jsx("path",{d:"M2.5 4.5L6 8L9.5 4.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})});J.displayName="VhyxSelectTrigger";function $({children:r,className:n,style:l,...m}){const s=D("Select.Content"),[f,y]=e.useState(!1),[o,v]=e.useState({position:"fixed",top:0,left:0,minWidth:0,zIndex:"var(--vhyx-z-dropdown)"});e.useEffect(()=>{y(!0)},[]),e.useEffect(()=>{if(!s.open||!s.triggerRef.current)return;const u=()=>{var t;const x=s.triggerRef.current.getBoundingClientRect(),d=window.innerHeight-x.bottom,k=x.top,C=((t=s.contentRef.current)==null?void 0:t.scrollHeight)??300,h=d<C&&k>d;v({position:"fixed",top:h?x.top-C-4:x.bottom+4,left:x.left,minWidth:x.width,zIndex:"var(--vhyx-z-dropdown)",maxHeight:h?Math.min(C,k-8):Math.min(C,d-8),overflowY:"auto"})};return u(),window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),()=>{window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u)}},[s.open,s.triggerRef]),e.useEffect(()=>{var u;!s.open||!s.focusedValue||(u=s.itemElementsRef.current.get(s.focusedValue))==null||u.focus()},[s.open]);const c=e.useCallback(u=>{s.contentRef.current=u},[s.contentRef]);if(!f)return null;const R=[b.content,n].filter(Boolean).join(" "),S=p.jsxRuntimeExports.jsx("div",{ref:c,id:s.contentId,role:"listbox","aria-labelledby":s.triggerId,className:R,"data-state":s.open?"open":"closed",...m,style:{...l,...o},children:r});return re.createPortal(S,document.body)}$.displayName="VhyxSelectContent";const K=e.forwardRef(({value:r,disabled:n,children:l,className:m,onClick:s,onKeyDown:f,onMouseEnter:y,...o},v)=>{const c=D("Select.Item"),R=c.value===r,S=c.focusedValue===r,u=typeof l=="string"?l:"";e.useEffect(()=>{c.registerItem(r,u,n)},[c,r,u,n]);const x=e.useCallback(t=>{t?c.itemElementsRef.current.set(r,t):c.itemElementsRef.current.delete(r),typeof v=="function"?v(t):v&&(v.current=t)},[v,c,r]),d=e.useCallback(t=>{s==null||s(t),n||c.onValueChange(r)},[s,n,c,r]),k=e.useCallback(t=>{f==null||f(t),t.key==="Enter"||t.key===" "?(t.preventDefault(),n||c.onValueChange(r)):t.key==="ArrowDown"?(t.preventDefault(),c.navigateItems("down")):t.key==="ArrowUp"?(t.preventDefault(),c.navigateItems("up")):t.key==="Home"?(t.preventDefault(),c.navigateItems("home")):t.key==="End"&&(t.preventDefault(),c.navigateItems("end"))},[f,n,c,r]),C=e.useCallback(t=>{y==null||y(t),!n&&(c.setFocusedValue(r),t.currentTarget.focus())},[y,n,c,r]),h=[b.item,m].filter(Boolean).join(" ");return p.jsxRuntimeExports.jsxs("div",{ref:x,role:"option","aria-selected":R,"aria-disabled":n?!0:void 0,tabIndex:S?0:-1,onClick:d,onKeyDown:k,onMouseEnter:C,className:h,"data-state":R?"selected":"unselected","data-disabled":n?!0:void 0,"data-focused":S?!0:void 0,...o,children:[l,R&&p.jsxRuntimeExports.jsx("span",{className:b["item-check"],"aria-hidden":"true",children:p.jsxRuntimeExports.jsx("svg",{viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:p.jsxRuntimeExports.jsx("polyline",{points:"2,6 5,9 10,3"})})})]})});K.displayName="VhyxSelectItem";function Q({children:r,className:n,...l}){const m=O.useId("vhyx-select-group-label"),s=[b.group,n].filter(Boolean).join(" ");return p.jsxRuntimeExports.jsx("div",{role:"group","aria-labelledby":m,className:s,...l,children:e.Children.map(r,f=>e.isValidElement(f)&&f.type.displayName==="VhyxSelectLabel"?e.cloneElement(f,{id:m}):f)})}Q.displayName="VhyxSelectGroup";function Z({children:r,className:n,...l}){const m=[b.label,n].filter(Boolean).join(" ");return p.jsxRuntimeExports.jsx("span",{className:m,...l,children:r})}Z.displayName="VhyxSelectLabel";function ee({className:r,...n}){const l=[b.separator,r].filter(Boolean).join(" ");return p.jsxRuntimeExports.jsx("hr",{"aria-hidden":"true",className:l,...n})}ee.displayName="VhyxSelectSeparator";const fe={...L.selectContract,id:"vhyxui-select"},te=Object.assign(oe.withAgentContract(Y,fe),{Trigger:J,Content:$,Item:K,Group:Q,Label:Z,Separator:ee});te.displayName="VhyxSelect";exports.Select=te;