@vhyxui/react 0.2.1-alpha → 0.3.0-alpha

package/dist/index.js

@@ -2,13 +2,13 @@ import { V as l } from "./VhyxUIProvider-DVFSW4q-.js";
 import { B as p } from "./Button-DDMc7-3S.js";
 import { I as S } from "./Input-BS_t1bl-.js";
 import { T as P } from "./Textarea-CLrctxHU.js";
-import { S as v } from "./Select-DHalg36V.js";
+import { S as v } from "./Select-DfV10hZt.js";
 import { C as D } from "./Checkbox-DWl91ci_.js";
 import { R as A, a as C } from "./RadioItem-CzHSS_qK.js";
 import { S as R } from "./Switch-DOAZfSV0.js";
 import { F as y, a as U, u as V } from "./Field-Bv07PL2M.js";
 import { T as E } from "./TextField-DtXQQJJk.js";
-import { S as L } from "./SelectField-DTfYCDWa.js";
+import { S as L } from "./SelectField-B6N0uub8.js";
 import { T as O } from "./TextareaField-CpqPinvx.js";
 import { b as s, c as i, d as m } from "./Toast-0acAjZTB.js";
 import { T as j, a as q } from "./Toast-0acAjZTB.js";
@@ -19,7 +19,7 @@ import { S as X } from "./Spinner-BYi9eTfl.js";
 import { D as Z } from "./Dialog-CtYu14zl.js";
 import { D as rr } from "./Drawer-BFJxsPG1.js";
 import { T as er } from "./Tooltip-BAmErB_g.js";
-import { P as sr } from "./Popover-u9vlClum.js";
+import { P as sr } from "./Popover-j9pNswBn.js";
 import { C as fr } from "./Card-Dh9Pcmfa.js";
 import { S as mr } from "./Separator-DQT58t90.js";
 import { T as xr } from "./Tabs-BTfm4LbV.js";

package/dist/popover.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover-BHGX_cC4.cjs");exports.Popover=e.Popover;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover-BlCmIF9J.cjs");exports.Popover=e.Popover;

package/dist/popover.d.ts

@@ -38,6 +38,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;
 

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { P as e } from "./Popover-u9vlClum.js";
+import { P as e } from "./Popover-j9pNswBn.js";
 export {
   e as Popover
 };

package/dist/select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Select-CGfKq69f.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Select-BkJNe4Lc.cjs");exports.Select=e.Select;

package/dist/select.js

@@ -1,4 +1,4 @@
-import { S as r } from "./Select-DHalg36V.js";
+import { S as r } from "./Select-DfV10hZt.js";
 export {
   r as Select
 };

package/dist/selectfield.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SelectField-DG7SlT9m.cjs");exports.SelectField=e.SelectField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SelectField-Dxl2Mgbv.cjs");exports.SelectField=e.SelectField;

package/dist/selectfield.js

@@ -1,4 +1,4 @@
-import { S as o } from "./SelectField-DTfYCDWa.js";
+import { S as o } from "./SelectField-B6N0uub8.js";
 export {
   o as SelectField
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vhyxui/react",
-  "version": "0.2.1-alpha",
+  "version": "0.3.0-alpha",
   "description": "VhyxUI React components — accessible, motion-first, agent-ready",
   "license": "MIT",
   "private": false,

package/dist/Popover-BHGX_cC4.cjs

@@ -1 +0,0 @@
-"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

@@ -1,211 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;

package/dist/Select-DHalg36V.js

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