@vhyxui/react 0.3.1-alpha → 0.4.0-alpha

package/dist/Select-CgjfJSB8.js

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

package/dist/Select-D_oVKzzK.cjs

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

package/dist/SelectField-DBGtOECg.js

@@ -0,0 +1,49 @@
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import { F as v } from "./Field-Dx9gXxGL.js";
+import { S as r } from "./Select-CgjfJSB8.js";
+function x({
+  name: t,
+  label: i,
+  hint: a,
+  error: n,
+  required: d,
+  optional: m,
+  layout: o,
+  options: c,
+  placeholder: s,
+  value: f,
+  onValueChange: h,
+  disabled: p,
+  size: u
+}) {
+  return /* @__PURE__ */ e(
+    v,
+    {
+      name: t,
+      label: i,
+      hint: a,
+      error: n,
+      required: d,
+      optional: m,
+      layout: o,
+      children: /* @__PURE__ */ S(
+        r,
+        {
+          value: f,
+          onValueChange: h,
+          disabled: p,
+          size: u,
+          placeholder: s,
+          children: [
+            /* @__PURE__ */ e(r.Trigger, { "aria-label": typeof i == "string" ? i : void 0 }),
+            /* @__PURE__ */ e(r.Content, { children: c.map((l) => /* @__PURE__ */ e(r.Item, { value: l.value, children: l.label }, l.value)) })
+          ]
+        }
+      )
+    }
+  );
+}
+x.displayName = "VhyxSelectField";
+export {
+  x as S
+};

package/dist/SelectField-DdkU9fXq.cjs

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

package/dist/Separator-BwR51KpL.js

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

package/dist/Separator-CTncQd7E.cjs

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

package/dist/Skeleton-C1LTpmVC.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as k } from "./cx-OWdTFKLx.js";
+const p = "_skeleton_pcsk4_6", d = {
+  skeleton: p
+};
+function y({ variant: i = "rect", width: a, height: n, lines: t, className: o, style: r, ...s }) {
+  const c = { ...a !== void 0 ? { width: a } : {}, ...n !== void 0 ? { height: n } : {} };
+  return t && t > 1 ? /* @__PURE__ */ e("span", { "aria-hidden": "true", style: { display: "block", ...r }, className: o, ...s, children: Array.from({ length: t }, (m, l) => /* @__PURE__ */ e(
+    "span",
+    {
+      className: d.skeleton,
+      "data-variant": "text",
+      style: { ...c, ...l === t - 1 ? { width: "60%" } : {} }
+    },
+    l
+  )) }) : /* @__PURE__ */ e("span", { "aria-hidden": "true", className: k(d.skeleton, o), "data-variant": i, style: { ...c, ...r }, ...s });
+}
+export {
+  y as S
+};

package/dist/Skeleton-CpzYhkFp.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),k=require("./cx-dgWA95G6.cjs"),u="_skeleton_pcsk4_6",l={skeleton:u};function x({variant:d="rect",width:s,height:n,lines:e,className:a,style:r,...o}){const c={...s!==void 0?{width:s}:{},...n!==void 0?{height:n}:{}};return e&&e>1?t.jsx("span",{"aria-hidden":"true",style:{display:"block",...r},className:a,...o,children:Array.from({length:e},(p,i)=>t.jsx("span",{className:l.skeleton,"data-variant":"text",style:{...c,...i===e-1?{width:"60%"}:{}}},i))}):t.jsx("span",{"aria-hidden":"true",className:k.cx(l.skeleton,a),"data-variant":d,style:{...c,...r},...o})}exports.Skeleton=x;

package/dist/Spinner-BJnT9SOB.cjs

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

package/dist/{Spinner-BYi9eTfl.js → Spinner-Dz68qwGs.js}

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

package/dist/Stack--mNjuxZe.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),n=require("react"),m=require("./cx-dgWA95G6.cjs"),i=require("./utils.cjs"),V="_stack_10gdj_1",w={stack:V},h={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},j={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"},a=n.forwardRef(({as:e="div",direction:t="column",gap:c=3,align:r,justify:o,wrap:x=!1,collapseBelow:u,padding:d,className:f,style:p,...y},S)=>s.jsx(e,{ref:S,className:m.cx(w.stack,f),"data-direction":t,"data-wrap":x?"true":void 0,"data-collapse":u,style:{gap:i.spaceVar(c),...r?{alignItems:h[r]}:{},...o?{justifyContent:j[o]}:{},...d!==void 0?{padding:i.spaceVar(d)}:{},...p},...y}));a.displayName="VhyxStack";const l=n.forwardRef(({align:e="center",...t},c)=>s.jsx(a,{ref:c,direction:"row",align:e,...t}));l.displayName="VhyxHStack";const k=n.forwardRef((e,t)=>s.jsx(a,{ref:t,direction:"column",...e}));k.displayName="VhyxVStack";exports.HStack=l;exports.Stack=a;exports.VStack=k;

package/dist/Stack-CfwjUv0j.js

@@ -0,0 +1,49 @@
+import { jsx as s } from "react/jsx-runtime";
+import c from "react";
+import { c as y } from "./cx-OWdTFKLx.js";
+import { spaceVar as l } from "./utils.js";
+const S = "_stack_10gdj_1", w = {
+  stack: S
+}, V = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+}, h = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+}, r = c.forwardRef(
+  ({ as: e = "div", direction: t = "column", gap: a = 3, align: n, justify: o, wrap: i = !1, collapseBelow: f, padding: d, className: m, style: p, ...k }, x) => /* @__PURE__ */ s(
+    e,
+    {
+      ref: x,
+      className: y(w.stack, m),
+      "data-direction": t,
+      "data-wrap": i ? "true" : void 0,
+      "data-collapse": f,
+      style: {
+        gap: l(a),
+        ...n ? { alignItems: V[n] } : {},
+        ...o ? { justifyContent: h[o] } : {},
+        ...d !== void 0 ? { padding: l(d) } : {},
+        ...p
+      },
+      ...k
+    }
+  )
+);
+r.displayName = "VhyxStack";
+const u = c.forwardRef(({ align: e = "center", ...t }, a) => /* @__PURE__ */ s(r, { ref: a, direction: "row", align: e, ...t }));
+u.displayName = "VhyxHStack";
+const v = c.forwardRef((e, t) => /* @__PURE__ */ s(r, { ref: t, direction: "column", ...e }));
+v.displayName = "VhyxVStack";
+export {
+  u as H,
+  r as S,
+  v as V
+};

package/dist/Switch-I712svE0.cjs

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