@vhyxui/react 0.2.1-alpha → 0.3.0-alpha

package/dist/Popover-BlCmIF9J.cjs

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

@@ -0,0 +1,215 @@
+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 D from "react-dom";
+import { popoverContract as T, 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 = {
+  trigger: q,
+  content: F,
+  arrow: Q,
+  close: Z
+}, S = U(null);
+function E(r) {
+  const i = $(S);
+  if (!i)
+    throw new G({
+      code: X.VHYXUI_MISSING_CONTEXT,
+      message: `${r} must be used within <Popover>`,
+      suggestion: "Wrap your component tree with <Popover>"
+    });
+  return i;
+}
+const A = N.forwardRef(
+  ({
+    open: r,
+    defaultOpen: i = !1,
+    onOpenChange: t,
+    contract: n,
+    children: P
+  }, 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(
+      (s) => {
+        f || u(s), t == null || t(s);
+      },
+      [f, t]
+    );
+    j(() => {
+      if (!p) return;
+      function s(h) {
+        var d;
+        h.key === "Escape" && (a(!1), (d = C.current) == null || d.focus());
+      }
+      return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+    }, [p, a]), j(() => {
+      if (!p) return;
+      function s(h) {
+        var x, y;
+        const d = h.target;
+        (x = C.current) != null && x.contains(d) || (y = R.current) != null && y.contains(d) || a(!1);
+      }
+      return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+    }, [p, a]);
+    const o = V(
+      () => ({ ...T, id: e, ...n }),
+      [e, n]
+    ), w = V(
+      () => ({
+        open: p,
+        onOpenChange: a,
+        triggerId: l,
+        contentId: m,
+        triggerRef: C,
+        contentRef: R
+      }),
+      [p, a, l, m]
+    );
+    return /* @__PURE__ */ g.jsx(S.Provider, { value: w, children: /* @__PURE__ */ g.jsx(
+      "div",
+      {
+        ref: c,
+        "data-state": p ? "open" : "closed",
+        "data-vhyx-contract": JSON.stringify(o),
+        children: P
+      }
+    ) });
+  }
+);
+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(
+      (u) => {
+        e.triggerRef.current = u, typeof c == "function" ? c(u) : c && (c.current = u);
+      },
+      [c, e.triggerRef]
+    ), m = b(
+      (u) => {
+        t == null || t(u), e.onOpenChange(!e.open);
+      },
+      [t, e]
+    ), f = [I.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
+    };
+    return n ? /* @__PURE__ */ g.jsx(M, { ref: l, ...v, children: r }) : /* @__PURE__ */ g.jsx("button", { ref: l, type: "button", ...v, children: r });
+  }
+);
+O.displayName = "VhyxPopoverTrigger";
+function H({
+  children: r,
+  className: i,
+  side: t = "bottom",
+  align: n = "center",
+  style: P,
+  ...c
+}) {
+  const e = E("Popover.Content"), [l, m] = _(!1), [f, v] = _({
+    top: 0,
+    left: 0
+  });
+  j(() => {
+    m(!0);
+  }, []), j(() => {
+    if (!l || !e.open || !e.triggerRef.current) return;
+    const R = () => {
+      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)
+      });
+    };
+    R();
+    const a = Y(R);
+    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;
+    },
+    [e.contentRef]
+  );
+  if (!l || !e.open) return null;
+  const p = [I.content, i].filter(Boolean).join(" "), C = /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      ref: u,
+      id: e.contentId,
+      role: "dialog",
+      "aria-modal": "false",
+      "aria-labelledby": e.triggerId,
+      className: p,
+      "data-state": "open",
+      "data-side": t,
+      "data-align": n,
+      ...c,
+      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.
+        ...P,
+        position: "fixed",
+        top: f.top,
+        left: f.left,
+        zIndex: 450
+        // --vhyx-z-popover
+      },
+      children: r
+    }
+  );
+  return D.createPortal(C, document.body);
+}
+H.displayName = "VhyxPopoverContent";
+function W({ className: r, ...i }) {
+  const t = [I.arrow, r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ g.jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: t,
+      viewBox: "0 0 10 5",
+      ...i,
+      children: /* @__PURE__ */ g.jsx("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(
+      (v) => {
+        t == null || t(v), e.onOpenChange(!1);
+      },
+      [t, e]
+    ), m = [I.close, i].filter(Boolean).join(" "), f = {
+      onClick: l,
+      className: m,
+      ...P
+    };
+    return n ? /* @__PURE__ */ g.jsx(M, { ref: c, ...f, children: r }) : /* @__PURE__ */ g.jsx("button", { ref: c, type: "button", ...f, children: r ?? "Close" });
+  }
+);
+z.displayName = "VhyxPopoverClose";
+const k = { ...T, id: "vhyxui-popover" }, ee = Object.assign(
+  J(A, k),
+  {
+    Trigger: O,
+    Content: H,
+    Arrow: W,
+    Close: z
+  }
+);
+ee.displayName = "VhyxPopover";
+export {
+  ee as P
+};

package/dist/Select-BkJNe4Lc.cjs

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

package/dist/Select-DfV10hZt.js

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

package/dist/{SelectField-DTfYCDWa.js → SelectField-B6N0uub8.js}

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-CL69jGNW.js";
 import { F as f } from "./Field-Bv07PL2M.js";
-import { S as r } from "./Select-DHalg36V.js";
+import { S as r } from "./Select-DfV10hZt.js";
 function h({
   name: s,
   label: i,

package/dist/{SelectField-DG7SlT9m.cjs → SelectField-Dxl2Mgbv.cjs}

@@ -1 +1 @@
-"use strict";const e=require("./jsx-runtime-BRMkMA8J.cjs"),R=require("./Field-D6FSsUGj.cjs"),t=require("./Select-CGfKq69f.cjs");function r({name:l,label:i,hint:n,error:c,required:x,optional:u,layout:d,options:j,placeholder:o,value:m,onValueChange:a,disabled:S,size:p}){return e.jsxRuntimeExports.jsx(R.Field,{name:l,label:i,hint:n,error:c,required:x,optional:u,layout:d,children:e.jsxRuntimeExports.jsxs(t.Select,{value:m,onValueChange:a,disabled:S,size:p,placeholder:o,children:[e.jsxRuntimeExports.jsx(t.Select.Trigger,{"aria-label":typeof i=="string"?i:void 0}),e.jsxRuntimeExports.jsx(t.Select.Content,{children:j.map(s=>e.jsxRuntimeExports.jsx(t.Select.Item,{value:s.value,children:s.label},s.value))})]})})}r.displayName="VhyxSelectField";exports.SelectField=r;
+"use strict";const e=require("./jsx-runtime-BRMkMA8J.cjs"),R=require("./Field-D6FSsUGj.cjs"),t=require("./Select-BkJNe4Lc.cjs");function r({name:l,label:i,hint:n,error:c,required:x,optional:u,layout:d,options:j,placeholder:o,value:m,onValueChange:a,disabled:S,size:p}){return e.jsxRuntimeExports.jsx(R.Field,{name:l,label:i,hint:n,error:c,required:x,optional:u,layout:d,children:e.jsxRuntimeExports.jsxs(t.Select,{value:m,onValueChange:a,disabled:S,size:p,placeholder:o,children:[e.jsxRuntimeExports.jsx(t.Select.Trigger,{"aria-label":typeof i=="string"?i:void 0}),e.jsxRuntimeExports.jsx(t.Select.Content,{children:j.map(s=>e.jsxRuntimeExports.jsx(t.Select.Item,{value:s.value,children:s.label},s.value))})]})})}r.displayName="VhyxSelectField";exports.SelectField=r;

package/dist/floatingPosition-UeYoO5K4.js

@@ -0,0 +1,18 @@
+function l(a, n, c, t = 8) {
+  const e = Math.max(t, c - n - t);
+  return Math.min(Math.max(a, t), e);
+}
+function r(a) {
+  let n = null;
+  return { run: () => {
+    n === null && (n = requestAnimationFrame(() => {
+      n = null, a();
+    }));
+  }, cancel: () => {
+    n !== null && (cancelAnimationFrame(n), n = null);
+  } };
+}
+export {
+  l as c,
+  r
+};

package/dist/floatingPosition-oslPPzF_.cjs

@@ -0,0 +1 @@
+"use strict";function l(a,n,c,t=8){const e=Math.max(t,c-n-t);return Math.min(Math.max(a,t),e)}function r(a){let n=null;return{run:()=>{n===null&&(n=requestAnimationFrame(()=>{n=null,a()}))},cancel:()=>{n!==null&&(cancelAnimationFrame(n),n=null)}}}exports.clampToViewport=l;exports.rafBatched=r;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./VhyxUIProvider-C7ie8u2L.cjs"),u=require("./Button-akOSYEu9.cjs"),l=require("./Input-UQ2fQwE7.cjs"),T=require("./Textarea-H6evM8L4.cjs"),q=require("./Select-CGfKq69f.cjs"),g=require("./Checkbox-DvkT6QP9.cjs"),c=require("./RadioItem-BfkTHBxQ.cjs"),F=require("./Switch-BU_Tcttb.cjs"),s=require("./Field-D6FSsUGj.cjs"),m=require("./TextField-C3r-6jr6.cjs"),x=require("./SelectField-DG7SlT9m.cjs"),S=require("./TextareaField-D234Lyi_.cjs"),t=require("./Toast-ndaxbpcV.cjs"),P=require("./Alert-BJ1O0bnK.cjs"),f=require("./Badge-SBO9tGzn.cjs"),b=require("./Progress-FO-4WX0i.cjs"),v=require("./Spinner-CeIDpqkx.cjs"),I=require("./Dialog-gPT4noD8.cjs"),h=require("./Drawer-BygSIQQn.cjs"),w=require("./Tooltip-CCd6VRvZ.cjs"),B=require("./Popover-BHGX_cC4.cjs"),C=require("./Card-DSCA-Igh.cjs"),D=require("./Separator-C5lPGzes.cjs"),y=require("./Tabs-DuU02-UD.cjs"),A=require("./Breadcrumb-StitgXXx.cjs"),R=require("./Pagination-CmmcBPNz.cjs"),U=5e3;function o(i,r,e){const n={message:i,variant:r,duration:(e==null?void 0:e.duration)??U,dismissible:(e==null?void 0:e.dismissible)??!0};return(e==null?void 0:e.description)!==void 0&&(n.description=e.description),(e==null?void 0:e.action)!==void 0&&(n.action=e.action),n}function a(i,r){return t.addToast(o(i,"default",r))}a.success=function(r,e){return t.addToast(o(r,"success",e))};a.danger=function(r,e){return t.addToast(o(r,"danger",e))};a.warning=function(r,e){return t.addToast(o(r,"warning",e))};a.info=function(r,e){return t.addToast(o(r,"info",e))};a.dismiss=function(r){r!==void 0?t.dismissToast(r):t.dismissAllToasts()};const k=a;exports.VhyxUIProvider=d.VhyxUIProvider;exports.Button=u.Button;exports.Input=l.Input;exports.Textarea=T.Textarea;exports.Select=q.Select;exports.Checkbox=g.Checkbox;exports.RadioGroup=c.RadioGroup;exports.RadioItem=c.RadioItem;exports.Switch=F.Switch;exports.Field=s.Field;exports.Form=s.Form;exports.useFormContext=s.useFormContext;exports.TextField=m.TextField;exports.SelectField=x.SelectField;exports.TextareaField=S.TextareaField;exports.Toast=t.Toast;exports.ToastProvider=t.ToastProvider;exports.Alert=P.Alert;exports.Badge=f.Badge;exports.Progress=b.Progress;exports.Spinner=v.Spinner;exports.Dialog=I.Dialog;exports.Drawer=h.Drawer;exports.Tooltip=w.Tooltip;exports.Popover=B.Popover;exports.Card=C.Card;exports.Separator=D.Separator;exports.Tabs=y.Tabs;exports.Breadcrumb=A.Breadcrumb;exports.Pagination=R.Pagination;exports.toast=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./VhyxUIProvider-C7ie8u2L.cjs"),u=require("./Button-akOSYEu9.cjs"),l=require("./Input-UQ2fQwE7.cjs"),T=require("./Textarea-H6evM8L4.cjs"),q=require("./Select-BkJNe4Lc.cjs"),g=require("./Checkbox-DvkT6QP9.cjs"),c=require("./RadioItem-BfkTHBxQ.cjs"),F=require("./Switch-BU_Tcttb.cjs"),s=require("./Field-D6FSsUGj.cjs"),m=require("./TextField-C3r-6jr6.cjs"),x=require("./SelectField-Dxl2Mgbv.cjs"),S=require("./TextareaField-D234Lyi_.cjs"),t=require("./Toast-ndaxbpcV.cjs"),P=require("./Alert-BJ1O0bnK.cjs"),f=require("./Badge-SBO9tGzn.cjs"),b=require("./Progress-FO-4WX0i.cjs"),v=require("./Spinner-CeIDpqkx.cjs"),I=require("./Dialog-gPT4noD8.cjs"),h=require("./Drawer-BygSIQQn.cjs"),w=require("./Tooltip-CCd6VRvZ.cjs"),B=require("./Popover-BlCmIF9J.cjs"),C=require("./Card-DSCA-Igh.cjs"),D=require("./Separator-C5lPGzes.cjs"),y=require("./Tabs-DuU02-UD.cjs"),A=require("./Breadcrumb-StitgXXx.cjs"),R=require("./Pagination-CmmcBPNz.cjs"),U=5e3;function o(i,r,e){const n={message:i,variant:r,duration:(e==null?void 0:e.duration)??U,dismissible:(e==null?void 0:e.dismissible)??!0};return(e==null?void 0:e.description)!==void 0&&(n.description=e.description),(e==null?void 0:e.action)!==void 0&&(n.action=e.action),n}function a(i,r){return t.addToast(o(i,"default",r))}a.success=function(r,e){return t.addToast(o(r,"success",e))};a.danger=function(r,e){return t.addToast(o(r,"danger",e))};a.warning=function(r,e){return t.addToast(o(r,"warning",e))};a.info=function(r,e){return t.addToast(o(r,"info",e))};a.dismiss=function(r){r!==void 0?t.dismissToast(r):t.dismissAllToasts()};const k=a;exports.VhyxUIProvider=d.VhyxUIProvider;exports.Button=u.Button;exports.Input=l.Input;exports.Textarea=T.Textarea;exports.Select=q.Select;exports.Checkbox=g.Checkbox;exports.RadioGroup=c.RadioGroup;exports.RadioItem=c.RadioItem;exports.Switch=F.Switch;exports.Field=s.Field;exports.Form=s.Form;exports.useFormContext=s.useFormContext;exports.TextField=m.TextField;exports.SelectField=x.SelectField;exports.TextareaField=S.TextareaField;exports.Toast=t.Toast;exports.ToastProvider=t.ToastProvider;exports.Alert=P.Alert;exports.Badge=f.Badge;exports.Progress=b.Progress;exports.Spinner=v.Spinner;exports.Dialog=I.Dialog;exports.Drawer=h.Drawer;exports.Tooltip=w.Tooltip;exports.Popover=B.Popover;exports.Card=C.Card;exports.Separator=D.Separator;exports.Tabs=y.Tabs;exports.Breadcrumb=A.Breadcrumb;exports.Pagination=R.Pagination;exports.toast=k;

package/dist/index.d.ts

@@ -678,6 +678,14 @@ export declare interface PopoverCloseProps extends default_2.ButtonHTMLAttribute
  * eliminating both a hydration mismatch and a `document is not defined`
  * crash from `ReactDOM.createPortal(..., document.body)` if this is open
  * on first render (`document` doesn't exist during SSR).
+ *
+ * Position is computed as plain pixel coordinates (not a CSS `transform`
+ * trick) precisely so the result can be clamped to the viewport — `align`
+ * previously had no effect at all (only `side` was read), and even a
+ * correct anchor computation would still let content overflow past a
+ * viewport edge near the trigger (e.g. a right-aligned header popover) with
+ * no boundary awareness. Both are fixed together here since they share the
+ * same measurement (the content's own rendered size).
  */
 declare function PopoverContent({ children, className, side, align, style, ...rest }: PopoverContentProps): default_2.ReactPortal | null;