@vhyxui/react 0.1.3-alpha → 0.2.0-alpha

package/dist/Select-DHalg36V.js

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

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

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

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

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

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

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

package/dist/Spinner-CeIDpqkx.cjs

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

package/dist/badge.cjs

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

package/dist/badge.js

@@ -1,4 +1,4 @@
-import { B as o } from "./Badge-Fuc7l-1E.js";
+import { B as o } from "./Badge-Bbxb4wyt.js";
 export {
   o as Badge
 };

package/dist/button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-AkUYT9eN.cjs");exports.Button=t.Button;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-akOSYEu9.cjs");exports.Button=t.Button;

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as r } from "./Button-D7eX45GC.js";
+import { B as r } from "./Button-DDMc7-3S.js";
 export {
   r as Button
 };

package/dist/card.cjs

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

package/dist/card.js

@@ -1,4 +1,4 @@
-import { C as o } from "./Card-D7ZNeWtE.js";
+import { C as o } from "./Card-Dh9Pcmfa.js";
 export {
   o as Card
 };

package/dist/index.cjs

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

package/dist/index.d.ts

@@ -672,8 +672,14 @@ export declare interface PopoverCloseProps extends default_2.ButtonHTMLAttribute
 /**
  * The floating panel. Rendered in a portal.
  * Non-modal (aria-modal="false") — focus is NOT trapped.
+ *
+ * Deferred to client-only via `mounted` state, same pattern as
+ * Select.Content: SSR and client initial renders both produce null,
+ * 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).
  */
-declare function PopoverContent({ children, className, side, align, ...rest }: PopoverContentProps): default_2.ReactPortal | null;
+declare function PopoverContent({ children, className, side, align, style, ...rest }: PopoverContentProps): default_2.ReactPortal | null;
 
 declare namespace PopoverContent {
     var displayName: string;
@@ -801,7 +807,7 @@ export declare const Select: default_2.ComponentType<SelectProps & default_2.Ref
  * SelectItem labels register on their own mount effects after this content
  * mounts client-side, so the trigger label display is updated via state.
  */
-declare function SelectContent({ children, className, ...rest }: SelectContentProps): default_2.ReactPortal | null;
+declare function SelectContent({ children, className, style, ...rest }: SelectContentProps): default_2.ReactPortal | null;
 
 declare namespace SelectContent {
     var displayName: string;
@@ -918,12 +924,26 @@ export declare interface SelectSeparatorProps extends default_2.HTMLAttributes<H
 /** Size tokens for Select. */
 export declare type SelectSize = 'sm' | 'md' | 'lg';
 
-export declare interface SelectTriggerProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+declare type SelectTriggerBaseProps = Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
     /** Optional icon rendered on the right. Defaults to a chevron SVG. */
     icon?: default_2.ReactNode;
-    /** When true, renders as the child element via Slot instead of <button>. */
-    asChild?: boolean;
-}
+};
+
+/**
+ * Select.Trigger's default render always shows the selected value + a
+ * chevron icon — it never renders custom content, so `children` is not
+ * part of the props shape unless `asChild` is used. Use `asChild` with a
+ * single child element to fully customize what the trigger renders.
+ */
+export declare type SelectTriggerProps = (SelectTriggerBaseProps & {
+    /** Render as the child element via Slot, merging Select.Trigger's behavior onto it. */
+    asChild: true;
+    /** The single custom trigger element `asChild` merges open/close + aria/keyboard behavior onto. */
+    children: default_2.ReactElement;
+}) | (SelectTriggerBaseProps & {
+    asChild?: false;
+    children?: never;
+});
 
 export declare const Separator: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<SeparatorProps> & default_2.RefAttributes<HTMLElement>>;
 

package/dist/index.js

@@ -1,26 +1,26 @@
 import { V as l } from "./VhyxUIProvider-DVFSW4q-.js";
-import { B as p } from "./Button-D7eX45GC.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-DjeJOdb7.js";
+import { S as v } from "./Select-DHalg36V.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-DL7K4ZhA.js";
+import { S as L } from "./SelectField-DTfYCDWa.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";
 import { A as H } from "./Alert-am3ANPTH.js";
-import { B as K } from "./Badge-Fuc7l-1E.js";
+import { B as K } from "./Badge-Bbxb4wyt.js";
 import { P as Q } from "./Progress-DWLr6Bq2.js";
-import { S as X } from "./Spinner-CZSz1OpT.js";
+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-MxUovsIt.js";
-import { C as fr } from "./Card-D7ZNeWtE.js";
+import { P as sr } from "./Popover-u9vlClum.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";
 import { B as cr } from "./Breadcrumb-Db7ASomJ.js";

package/dist/popover.cjs

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

package/dist/popover.d.ts

@@ -32,8 +32,14 @@ export declare interface PopoverCloseProps extends default_2.ButtonHTMLAttribute
 /**
  * The floating panel. Rendered in a portal.
  * Non-modal (aria-modal="false") — focus is NOT trapped.
+ *
+ * Deferred to client-only via `mounted` state, same pattern as
+ * Select.Content: SSR and client initial renders both produce null,
+ * 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).
  */
-declare function PopoverContent({ children, className, side, align, ...rest }: PopoverContentProps): default_2.ReactPortal | null;
+declare function PopoverContent({ children, className, side, align, style, ...rest }: PopoverContentProps): default_2.ReactPortal | null;
 
 declare namespace PopoverContent {
     var displayName: string;

package/dist/popover.js

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

package/dist/select.cjs

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

package/dist/select.d.ts

@@ -19,7 +19,7 @@ export declare const Select: default_2.ComponentType<SelectProps & default_2.Ref
  * SelectItem labels register on their own mount effects after this content
  * mounts client-side, so the trigger label display is updated via state.
  */
-declare function SelectContent({ children, className, ...rest }: SelectContentProps): default_2.ReactPortal | null;
+declare function SelectContent({ children, className, style, ...rest }: SelectContentProps): default_2.ReactPortal | null;
 
 declare namespace SelectContent {
     var displayName: string;
@@ -87,11 +87,25 @@ export declare interface SelectSeparatorProps extends default_2.HTMLAttributes<H
 /** Size tokens for Select. */
 export declare type SelectSize = 'sm' | 'md' | 'lg';
 
-export declare interface SelectTriggerProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+declare type SelectTriggerBaseProps = Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
     /** Optional icon rendered on the right. Defaults to a chevron SVG. */
     icon?: default_2.ReactNode;
-    /** When true, renders as the child element via Slot instead of <button>. */
-    asChild?: boolean;
-}
+};
+
+/**
+ * Select.Trigger's default render always shows the selected value + a
+ * chevron icon — it never renders custom content, so `children` is not
+ * part of the props shape unless `asChild` is used. Use `asChild` with a
+ * single child element to fully customize what the trigger renders.
+ */
+export declare type SelectTriggerProps = (SelectTriggerBaseProps & {
+    /** Render as the child element via Slot, merging Select.Trigger's behavior onto it. */
+    asChild: true;
+    /** The single custom trigger element `asChild` merges open/close + aria/keyboard behavior onto. */
+    children: default_2.ReactElement;
+}) | (SelectTriggerBaseProps & {
+    asChild?: false;
+    children?: never;
+});
 
 export { }

package/dist/select.js

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