@vhyxui/react 0.1.0-alpha.1

package/dist/RadioItem-CzHSS_qK.js

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

package/dist/Select-C9yB2B8M.cjs

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

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

package/dist/Separator-C5lPGzes.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-BRMkMA8J.cjs"),x=require("react"),u=require("@vhyxui/core"),d=require("@vhyxseal/react"),j="_separator_2n49e_1",h="_line_2n49e_28",r={separator:j,"separator--labeled":"_separator--labeled_2n49e_21",line:h,"label-text":"_label-text_2n49e_34"},l=x.forwardRef(({orientation:a="horizontal",decorative:t=!0,label:s,className:o,...n},i)=>{const c={className:[r.separator,o].filter(Boolean).join(" "),"data-orientation":a,...t?{"aria-hidden":!0}:{role:"separator","aria-orientation":a},...n};return s&&a==="horizontal"?e.jsxRuntimeExports.jsxs("div",{ref:i,className:[r["separator--labeled"],o].filter(Boolean).join(" "),"data-orientation":a,...t?{"aria-hidden":!0}:{role:"separator","aria-orientation":a},...n,children:[e.jsxRuntimeExports.jsx("span",{className:r.line}),e.jsxRuntimeExports.jsx("span",{className:r["label-text"],children:s}),e.jsxRuntimeExports.jsx("span",{className:r.line})]}):e.jsxRuntimeExports.jsx("hr",{ref:i,...c})});l.displayName="VhyxSeparator";const m={...u.separatorContract,id:"vhyxui-separator"},p=d.withAgentContract(l,m);p.displayName="VhyxSeparator";exports.Separator=p;

package/dist/Separator-DQT58t90.js

@@ -0,0 +1,52 @@
+import { j as r } from "./jsx-runtime-CL69jGNW.js";
+import c from "react";
+import { separatorContract as d } from "@vhyxui/core";
+import { withAgentContract as m } from "@vhyxseal/react";
+const x = "_separator_2n49e_1", h = "_line_2n49e_28", e = {
+  separator: x,
+  "separator--labeled": "_separator--labeled_2n49e_21",
+  line: h,
+  "label-text": "_label-text_2n49e_34"
+}, i = c.forwardRef(
+  ({
+    orientation: a = "horizontal",
+    decorative: t = !0,
+    label: s,
+    className: o,
+    ...n
+  }, l) => {
+    const p = {
+      className: [e.separator, o].filter(Boolean).join(" "),
+      "data-orientation": a,
+      ...t ? { "aria-hidden": !0 } : { role: "separator", "aria-orientation": a },
+      ...n
+    };
+    return s && a === "horizontal" ? /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        ref: l,
+        className: [e["separator--labeled"], o].filter(Boolean).join(" "),
+        "data-orientation": a,
+        ...t ? { "aria-hidden": !0 } : { role: "separator", "aria-orientation": a },
+        ...n,
+        children: [
+          /* @__PURE__ */ r.jsx("span", { className: e.line }),
+          /* @__PURE__ */ r.jsx("span", { className: e["label-text"], children: s }),
+          /* @__PURE__ */ r.jsx("span", { className: e.line })
+        ]
+      }
+    ) : /* @__PURE__ */ r.jsx(
+      "hr",
+      {
+        ref: l,
+        ...p
+      }
+    );
+  }
+);
+i.displayName = "VhyxSeparator";
+const _ = { ...d, id: "vhyxui-separator" }, j = m(i, _);
+j.displayName = "VhyxSeparator";
+export {
+  j as S
+};

package/dist/Spinner-Cd5tcOLS.js

@@ -0,0 +1,61 @@
+import { j as r } from "./jsx-runtime-CL69jGNW.js";
+import c from "react";
+import { spinnerContract as l } from "@vhyxui/core";
+import { withAgentContract as d } from "@vhyxseal/react";
+const m = "_spinner_3wx6i_1", x = {
+  spinner: m
+}, t = c.forwardRef(
+  ({
+    size: s = "md",
+    variant: e = "default",
+    label: n = "Loading",
+    className: o,
+    ...i
+  }, a) => {
+    const p = [x.spinner, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r.jsxs(
+      "svg",
+      {
+        ref: a,
+        role: "status",
+        "aria-label": n,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className: p,
+        "data-size": s,
+        "data-variant": e,
+        ...i,
+        children: [
+          /* @__PURE__ */ r.jsx("title", { children: n }),
+          /* @__PURE__ */ r.jsx(
+            "circle",
+            {
+              cx: 12,
+              cy: 12,
+              r: 9,
+              strokeWidth: 2.5,
+              stroke: "currentColor",
+              opacity: 0.2
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            "path",
+            {
+              d: "M12 3a9 9 0 0 1 9 9",
+              strokeWidth: 2.5,
+              stroke: "currentColor",
+              strokeLinecap: "round"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+t.displayName = "VhyxSpinner";
+const h = { ...l, id: "vhyxui-spinner" }, f = d(t, h);
+f.displayName = "VhyxSpinner";
+export {
+  f as S
+};

package/dist/Spinner-DSHhLV-r.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-BRMkMA8J.cjs"),x=require("react"),l=require("@vhyxui/core"),u=require("@vhyxseal/react"),d="_spinner_3wx6i_1",h={spinner:d},r=x.forwardRef(({size:s="md",variant:i="default",label:n="Loading",className:o,...a},c)=>{const p=[h.spinner,o].filter(Boolean).join(" ");return e.jsxRuntimeExports.jsxs("svg",{ref:c,role:"status","aria-label":n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:p,"data-size":s,"data-variant":i,...a,children:[e.jsxRuntimeExports.jsx("title",{children:n}),e.jsxRuntimeExports.jsx("circle",{cx:12,cy:12,r:9,strokeWidth:2.5,stroke:"currentColor",opacity:.2}),e.jsxRuntimeExports.jsx("path",{d:"M12 3a9 9 0 0 1 9 9",strokeWidth:2.5,stroke:"currentColor",strokeLinecap:"round"})]})});r.displayName="VhyxSpinner";const j={...l.spinnerContract,id:"vhyxui-spinner"},t=u.withAgentContract(r,j);t.displayName="VhyxSpinner";exports.Spinner=t;

package/dist/Switch-BU_Tcttb.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./jsx-runtime-BRMkMA8J.cjs"),s=require("react"),h=require("@vhyxui/core"),A=require("@vhyxseal/react"),J=require("./useId-D2AEOm2G.cjs"),O="_thumb_du6cw_38",m={switch:"_switch_du6cw_1",thumb:O},f=s.forwardRef(({checked:l,defaultChecked:S=!1,onCheckedChange:c,size:b="md",asChild:j=!1,contract:y,className:v,id:R,disabled:n,onClick:e,onKeyDown:r,children:_,...q},d)=>{const I=J.useId("vhyx-switch"),w=R??I,u=l!==void 0,[N,E]=s.useState(S),i=u?l:N,a=s.useCallback(()=>{if(n)return;const t=!i;u||E(t),c==null||c(t)},[n,i,u,c]),B=s.useCallback(t=>{e==null||e(t),a()},[e,a]),V=s.useCallback(t=>{r==null||r(t),t.key==="Enter"&&(t.preventDefault(),a())},[r,a]),k={...h.switchContract,id:w,...y},z=[m.switch,v].filter(Boolean).join(" "),x={id:w,role:"switch","aria-checked":i,disabled:n,onClick:B,onKeyDown:V,className:z,"data-state":i?"checked":"unchecked","data-size":b,"data-vhyx-contract":JSON.stringify(k),...q};return j?o.jsxRuntimeExports.jsx(h.Slot,{ref:d,...x,children:_}):o.jsxRuntimeExports.jsx("button",{ref:d,type:"button",...x,children:o.jsxRuntimeExports.jsx("span",{className:m.thumb})})});f.displayName="VhyxSwitch";const P={...h.switchContract,id:"vhyxui-switch"},p=A.withAgentContract(f,P);p.displayName="VhyxSwitch";exports.Switch=p;

package/dist/Switch-DOAZfSV0.js

@@ -0,0 +1,64 @@
+import { j as n } from "./jsx-runtime-CL69jGNW.js";
+import J, { useState as O, useCallback as h } from "react";
+import { switchContract as w, Slot as P } from "@vhyxui/core";
+import { withAgentContract as q } from "@vhyxseal/react";
+import { u as F } from "./useId-BGRmH6iF.js";
+const G = "_thumb_du6cw_38", f = {
+  switch: "_switch_du6cw_1",
+  thumb: G
+}, p = J.forwardRef(
+  ({
+    checked: u,
+    defaultChecked: x = !1,
+    onCheckedChange: s,
+    size: S = "md",
+    asChild: y = !1,
+    contract: b,
+    className: j,
+    id: v,
+    disabled: e,
+    onClick: c,
+    onKeyDown: r,
+    children: _,
+    ...N
+  }, l) => {
+    const I = F("vhyx-switch"), m = v ?? I, o = u !== void 0, [R, B] = O(x), a = o ? u : R, i = h(() => {
+      if (e) return;
+      const t = !a;
+      o || B(t), s == null || s(t);
+    }, [e, a, o, s]), E = h(
+      (t) => {
+        c == null || c(t), i();
+      },
+      [c, i]
+    ), V = h(
+      (t) => {
+        r == null || r(t), t.key === "Enter" && (t.preventDefault(), i());
+      },
+      [r, i]
+    ), z = {
+      ...w,
+      id: m,
+      ...b
+    }, A = [f.switch, j].filter(Boolean).join(" "), d = {
+      id: m,
+      role: "switch",
+      "aria-checked": a,
+      disabled: e,
+      onClick: E,
+      onKeyDown: V,
+      className: A,
+      "data-state": a ? "checked" : "unchecked",
+      "data-size": S,
+      "data-vhyx-contract": JSON.stringify(z),
+      ...N
+    };
+    return y ? /* @__PURE__ */ n.jsx(P, { ref: l, ...d, children: _ }) : /* @__PURE__ */ n.jsx("button", { ref: l, type: "button", ...d, children: /* @__PURE__ */ n.jsx("span", { className: f.thumb }) });
+  }
+);
+p.displayName = "VhyxSwitch";
+const H = { ...w, id: "vhyxui-switch" }, L = q(p, H);
+L.displayName = "VhyxSwitch";
+export {
+  L as S
+};