@vhyxui/react 0.3.1-alpha → 0.4.0-alpha

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Vhyxara
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,65 @@
+# @vhyxui/react
+
+Accessible React components with motion tokens and built-in AI agent contracts.
+Every interactive component describes what it does, so AI agents can use your UI
+safely — powered by [VhyxSeal](https://www.npmjs.com/package/@vhyxseal/react).
+
+> **Alpha** — APIs may change between minor versions.
+
+## Install
+
+```bash
+npm install @vhyxui/react @vhyxui/tokens
+```
+
+Requires React 18 or 19.
+
+## Usage
+
+```css
+/* app.css */
+@import "@vhyxui/tokens/index.css";
+@import "@vhyxui/react/style.css";
+```
+
+```tsx
+import { VhyxUIProvider, Stack, Heading, Text, Button } from "@vhyxui/react";
+
+export function App() {
+  return (
+    <VhyxUIProvider theme="system">
+      <Stack gap={4}>
+        <Heading>Welcome</Heading>
+        <Text tone="muted">Your workspace is ready.</Text>
+        <Button onClick={start}>Get started</Button>
+      </Stack>
+    </VhyxUIProvider>
+  );
+}
+```
+
+Components are tree-shakeable, and each one has its own entry point
+(`@vhyxui/react/button`, `@vhyxui/react/dialog` …). Styles live in
+`@layer components`, so your own CSS and Tailwind utilities always win.
+
+## What's included
+
+- **Layout & type** — `Stack`, `HStack`, `VStack`, `Grid`, `Container`, `Center`, `Text`, `Heading`, `Kbd`, `VisuallyHidden`
+- **Forms** — `Button`, `Input`, `Textarea`, `Select`, `Checkbox`, `RadioGroup`, `Switch`, `Form`, `Field`, `TextField`, `TextareaField`, `SelectField`
+- **Overlays** — `Dialog`, `Drawer`, `Popover`, `Tooltip`, `toast`
+- **Display** — `Card`, `Badge`, `Alert`, `Avatar`, `Table`, `Accordion`, `Tabs`, `Breadcrumb`, `Pagination`, `Progress`, `Spinner`, `Skeleton`, `Separator`
+- **Utilities** — `cx`, `VhyxUIProvider` (theme, toasts, skip link, agent contracts)
+
+Works with Next.js Server Components: components ship with `'use client'`.
+
+## Related packages
+
+- `@vhyxui/tokens` — design tokens (required)
+- `@vhyxui/blocks` — ready-made blocks and page layouts
+- `@vhyxui/tailwind` — Tailwind v3 preset and v4 theme
+
+## Links
+
+- Documentation — https://vhyxui.com
+- Source — https://github.com/vhyxara/vhyxUI/tree/main/packages/react
+- License — MIT

package/dist/Accordion-qtPur3CA.js

@@ -0,0 +1,81 @@
+import { jsx as c, jsxs as y } from "react/jsx-runtime";
+import N, { useState as R, useCallback as S, useMemo as L, useContext as M, createContext as B } from "react";
+import { accordionContract as A } from "@vhyxui/core";
+import { withAgentContract as D } from "@vhyxseal/react";
+import { c as k } from "./cx-OWdTFKLx.js";
+import { u as J } from "./useId-BGRmH6iF.js";
+const P = "_accordion_1an9c_1", W = "_item_1an9c_16", q = "_trigger_1an9c_20", z = "_chevron_1an9c_51", E = "_content_1an9c_61", d = {
+  accordion: P,
+  item: W,
+  trigger: q,
+  chevron: z,
+  content: E
+}, I = B(null), b = N.forwardRef(
+  ({ type: t = "single", defaultValue: m = [], value: r, onValueChange: e, variant: v = "default", items: i, contract: l, className: f, children: n, ...p }, s) => {
+    const [j, w] = R(m), a = r ?? j, h = J("vhyx-accordion"), _ = S(
+      (o, g) => {
+        if (a.includes(o) === g) return;
+        const x = g ? t === "single" ? [o] : [...a, o] : a.filter((O) => O !== o);
+        r === void 0 && w(x), e == null || e(x);
+      },
+      [a, t, r, e]
+    ), C = L(
+      () => ({ isOpen: (o) => a.includes(o), toggle: _, name: t === "single" ? h : void 0 }),
+      [a, _, t, h]
+    );
+    return /* @__PURE__ */ c(I.Provider, { value: C, children: /* @__PURE__ */ c(
+      "div",
+      {
+        ref: s,
+        className: k(d.accordion, f),
+        "data-variant": v,
+        "data-vhyx-contract": l ? JSON.stringify({ ...A, ...l }) : void 0,
+        ...p,
+        children: i ? i.map((o) => /* @__PURE__ */ c(u, { value: o.value, title: o.title, disabled: o.disabled ?? !1, children: o.content }, o.value)) : n
+      }
+    ) });
+  }
+);
+b.displayName = "VhyxAccordion";
+const u = N.forwardRef(
+  ({ value: t, title: m, disabled: r = !1, className: e, children: v, onToggle: i, ...l }, f) => {
+    const n = M(I), p = (n == null ? void 0 : n.isOpen(t)) ?? !1;
+    return /* @__PURE__ */ y(
+      "details",
+      {
+        ref: f,
+        className: k(d.item, e),
+        open: p,
+        name: n == null ? void 0 : n.name,
+        "data-disabled": r ? "true" : void 0,
+        onToggle: (s) => {
+          n == null || n.toggle(t, s.currentTarget.open), i == null || i(s);
+        },
+        ...l,
+        children: [
+          /* @__PURE__ */ y(
+            "summary",
+            {
+              className: d.trigger,
+              "aria-disabled": r ? !0 : void 0,
+              tabIndex: r ? -1 : void 0,
+              onClick: r ? (s) => s.preventDefault() : void 0,
+              children: [
+                /* @__PURE__ */ c("span", { children: m }),
+                /* @__PURE__ */ c("svg", { className: d.chevron, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ c("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: d.content, children: v })
+        ]
+      }
+    );
+  }
+);
+u.displayName = "VhyxAccordionItem";
+const F = { ...A, id: "vhyxui-accordion" }, Z = Object.assign(D(b, F), {
+  Item: u
+});
+export {
+  Z as A
+};

package/dist/Accordion-z3QDvyGf.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("react"),y=require("@vhyxui/core"),b=require("@vhyxseal/react"),N=require("./cx-dgWA95G6.cjs"),w=require("./useId-D2AEOm2G.cjs"),O="_accordion_1an9c_1",S="_item_1an9c_16",L="_trigger_1an9c_20",M="_chevron_1an9c_51",B="_content_1an9c_61",l={accordion:O,item:S,trigger:L,chevron:M,content:B},A=t.createContext(null),I=t.forwardRef(({type:r="single",defaultValue:v=[],value:o,onValueChange:s,variant:x="default",items:i,contract:u,className:h,children:c,...m},a)=>{const[k,q]=t.useState(v),d=o??k,f=w.useId("vhyx-accordion"),j=t.useCallback((n,g)=>{if(d.includes(n)===g)return;const p=g?r==="single"?[n]:[...d,n]:d.filter(R=>R!==n);o===void 0&&q(p),s==null||s(p)},[d,r,o,s]),C=t.useMemo(()=>({isOpen:n=>d.includes(n),toggle:j,name:r==="single"?f:void 0}),[d,j,r,f]);return e.jsx(A.Provider,{value:C,children:e.jsx("div",{ref:a,className:N.cx(l.accordion,h),"data-variant":x,"data-vhyx-contract":u?JSON.stringify({...y.accordionContract,...u}):void 0,...m,children:i?i.map(n=>e.jsx(_,{value:n.value,title:n.title,disabled:n.disabled??!1,children:n.content},n.value)):c})})});I.displayName="VhyxAccordion";const _=t.forwardRef(({value:r,title:v,disabled:o=!1,className:s,children:x,onToggle:i,...u},h)=>{const c=t.useContext(A),m=(c==null?void 0:c.isOpen(r))??!1;return e.jsxs("details",{ref:h,className:N.cx(l.item,s),open:m,name:c==null?void 0:c.name,"data-disabled":o?"true":void 0,onToggle:a=>{c==null||c.toggle(r,a.currentTarget.open),i==null||i(a)},...u,children:[e.jsxs("summary",{className:l.trigger,"aria-disabled":o?!0:void 0,tabIndex:o?-1:void 0,onClick:o?a=>a.preventDefault():void 0,children:[e.jsx("span",{children:v}),e.jsx("svg",{className:l.chevron,viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M4 6l4 4 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx("div",{className:l.content,children:x})]})});_.displayName="VhyxAccordionItem";const D={...y.accordionContract,id:"vhyxui-accordion"},J=Object.assign(b.withAgentContract(I,D),{Item:_});exports.Accordion=J;

package/dist/Alert-D4EFVKUy.js

@@ -0,0 +1,99 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import b, { useState as A } from "react";
+import { alertContract as o } from "@vhyxui/core";
+import { withAgentContract as C } from "@vhyxseal/react";
+import { u as w } from "./useId-BGRmH6iF.js";
+const k = "_alert_tjvt2_1", a = {
+  alert: k,
+  "alert-icon": "_alert-icon_tjvt2_51",
+  "alert-body": "_alert-body_tjvt2_60",
+  "alert-title": "_alert-title_tjvt2_68",
+  "alert-message": "_alert-message_tjvt2_73",
+  "alert-dismiss": "_alert-dismiss_tjvt2_80"
+}, d = b.forwardRef(
+  ({
+    variant: e = "default",
+    title: i,
+    icon: c,
+    dismissible: u = !1,
+    onDismiss: s,
+    contract: r,
+    className: m,
+    children: n,
+    ...f
+  }, _) => {
+    const y = w("vhyx-alert"), [h, v] = A(!1);
+    if (h) return null;
+    const p = {
+      ...o,
+      ...r,
+      id: (r == null ? void 0 : r.id) ?? y
+    }, x = e === "danger" ? "alert" : "status", g = e === "danger" ? "assertive" : "polite", j = c ?? S(e);
+    function N() {
+      v(!0), s == null || s();
+    }
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: _,
+        role: x,
+        "aria-live": g,
+        className: [a.alert, m].filter(Boolean).join(" "),
+        "data-variant": e,
+        "data-vhyx-contract": JSON.stringify(p),
+        ...f,
+        children: [
+          /* @__PURE__ */ t("span", { className: a["alert-icon"], "aria-hidden": "true", children: j }),
+          /* @__PURE__ */ l("div", { className: a["alert-body"], children: [
+            i && /* @__PURE__ */ t("span", { className: a["alert-title"], children: i }),
+            n && /* @__PURE__ */ t("span", { className: a["alert-message"], children: n })
+          ] }),
+          u && /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: a["alert-dismiss"],
+              onClick: N,
+              "aria-label": "Dismiss",
+              children: /* @__PURE__ */ l(
+                "svg",
+                {
+                  "aria-hidden": "true",
+                  viewBox: "0 0 12 12",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: 1.5,
+                  strokeLinecap: "round",
+                  children: [
+                    /* @__PURE__ */ t("line", { x1: "2", y1: "2", x2: "10", y2: "10" }),
+                    /* @__PURE__ */ t("line", { x1: "10", y1: "2", x2: "2", y2: "10" })
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+d.displayName = "VhyxAlert";
+const I = { ...o, id: "vhyxui-alert" }, B = C(d, I);
+B.displayName = "VhyxAlert";
+function S(e) {
+  switch (e) {
+    case "success":
+      return "✓";
+    case "danger":
+      return "✕";
+    case "warning":
+      return "⚠";
+    case "info":
+      return "ℹ";
+    default:
+      return "●";
+  }
+}
+export {
+  B as A
+};

package/dist/Alert-DWB9Gtpv.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),c=require("@vhyxui/core"),b=require("@vhyxseal/react"),A=require("./useId-D2AEOm2G.cjs"),q="_alert_tjvt2_1",s={alert:q,"alert-icon":"_alert-icon_tjvt2_51","alert-body":"_alert-body_tjvt2_60","alert-title":"_alert-title_tjvt2_68","alert-message":"_alert-message_tjvt2_73","alert-dismiss":"_alert-dismiss_tjvt2_80"},o=i.forwardRef(({variant:t="default",title:l,icon:u,dismissible:x=!1,onDismiss:a,contract:r,className:_,children:n,...j},y)=>{const f=A.useId("vhyx-alert"),[h,v]=i.useState(!1);if(h)return null;const m={...c.alertContract,...r,id:(r==null?void 0:r.id)??f},g=t==="danger"?"alert":"status",N=t==="danger"?"assertive":"polite",p=u??I(t);function C(){v(!0),a==null||a()}return e.jsxs("div",{ref:y,role:g,"aria-live":N,className:[s.alert,_].filter(Boolean).join(" "),"data-variant":t,"data-vhyx-contract":JSON.stringify(m),...j,children:[e.jsx("span",{className:s["alert-icon"],"aria-hidden":"true",children:p}),e.jsxs("div",{className:s["alert-body"],children:[l&&e.jsx("span",{className:s["alert-title"],children:l}),n&&e.jsx("span",{className:s["alert-message"],children:n})]}),x&&e.jsx("button",{type:"button",className:s["alert-dismiss"],onClick:C,"aria-label":"Dismiss",children:e.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",children:[e.jsx("line",{x1:"2",y1:"2",x2:"10",y2:"10"}),e.jsx("line",{x1:"10",y1:"2",x2:"2",y2:"10"})]})})]})});o.displayName="VhyxAlert";const w={...c.alertContract,id:"vhyxui-alert"},d=b.withAgentContract(o,w);d.displayName="VhyxAlert";function I(t){switch(t){case"success":return"✓";case"danger":return"✕";case"warning":return"⚠";case"info":return"ℹ";default:return"●"}}exports.Alert=d;

package/dist/Avatar-CDoAvY0m.js

@@ -0,0 +1,51 @@
+import { jsxs as d, jsx as c } from "react/jsx-runtime";
+import m, { useState as v } from "react";
+import { c as p } from "./cx-OWdTFKLx.js";
+const _ = "_avatar_xltqw_1", f = "_image_xltqw_24", x = "_status_xltqw_30", w = "_group_xltqw_45", i = {
+  avatar: _,
+  image: f,
+  status: x,
+  group: w
+};
+function N(t) {
+  var e, r;
+  const a = t.trim().split(/\s+/).filter(Boolean), s = ((e = a[0]) == null ? void 0 : e[0]) ?? "", o = a.length > 1 ? ((r = a[a.length - 1]) == null ? void 0 : r[0]) ?? "" : "";
+  return (s + o).toUpperCase() || "?";
+}
+const A = m.forwardRef(
+  ({ src: t, name: a, size: s = "md", shape: o = "circle", status: e, className: r, ...n }, l) => {
+    const [g, u] = v(null), h = !!t && g !== t;
+    return /* @__PURE__ */ d(
+      "span",
+      {
+        ref: l,
+        role: "img",
+        "aria-label": e ? `${a} (${e})` : a,
+        className: p(i.avatar, r),
+        "data-size": s,
+        "data-shape": o,
+        ...n,
+        children: [
+          h ? /* @__PURE__ */ c("img", { className: i.image, src: t, alt: "", onError: () => u(t ?? null) }) : /* @__PURE__ */ c("span", { "aria-hidden": "true", children: N(a) }),
+          e && /* @__PURE__ */ c("span", { className: i.status, "data-status": e, "aria-hidden": "true" })
+        ]
+      }
+    );
+  }
+);
+A.displayName = "VhyxAvatar";
+function S({ max: t, size: a = "md", className: s, children: o, ...e }) {
+  const r = m.Children.toArray(o), n = t !== void 0 ? r.slice(0, t) : r, l = r.length - n.length;
+  return /* @__PURE__ */ d("div", { role: "group", className: p(i.group, s), ...e, children: [
+    l > 0 && /* @__PURE__ */ d("span", { className: i.avatar, "data-size": a, role: "img", "aria-label": `${l} more`, children: [
+      "+",
+      l
+    ] }),
+    [...n].reverse()
+  ] });
+}
+export {
+  A,
+  S as a,
+  N as g
+};

package/dist/Avatar-afXJdutp.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),d=require("./cx-dgWA95G6.cjs"),x="_avatar_xltqw_1",_="_image_xltqw_24",f="_status_xltqw_30",j="_group_xltqw_45",o={avatar:x,image:_,status:f,group:j};function g(t){var e,s;const a=t.trim().split(/\s+/).filter(Boolean),i=((e=a[0])==null?void 0:e[0])??"",n=a.length>1?((s=a[a.length-1])==null?void 0:s[0])??"":"";return(i+n).toUpperCase()||"?"}const m=u.forwardRef(({src:t,name:a,size:i="md",shape:n="circle",status:e,className:s,...c},l)=>{const[p,h]=u.useState(null),v=!!t&&p!==t;return r.jsxs("span",{ref:l,role:"img","aria-label":e?`${a} (${e})`:a,className:d.cx(o.avatar,s),"data-size":i,"data-shape":n,...c,children:[v?r.jsx("img",{className:o.image,src:t,alt:"",onError:()=>h(t??null)}):r.jsx("span",{"aria-hidden":"true",children:g(a)}),e&&r.jsx("span",{className:o.status,"data-status":e,"aria-hidden":"true"})]})});m.displayName="VhyxAvatar";function q({max:t,size:a="md",className:i,children:n,...e}){const s=u.Children.toArray(n),c=t!==void 0?s.slice(0,t):s,l=s.length-c.length;return r.jsxs("div",{role:"group",className:d.cx(o.group,i),...e,children:[l>0&&r.jsxs("span",{className:o.avatar,"data-size":a,role:"img","aria-label":`${l} more`,children:["+",l]}),[...c].reverse()]})}exports.Avatar=m;exports.AvatarGroup=q;exports.getInitials=g;

package/dist/Badge-DOhfKlXt.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("react/jsx-runtime"),f=require("react"),B=require("@vhyxui/core"),y=require("@vhyxseal/react"),h="_badge_1s34s_1",m={badge:h},r=f.forwardRef(({variant:n="default",size:d="md",dot:a=!1,count:e,max:t=99,className:i,children:o,...c},g)=>{const l=[m.badge,i].filter(Boolean).join(" "),u=()=>a?null:e!==void 0?e>t?`${t}+`:String(e):o;return b.jsx("span",{ref:g,className:l,"data-variant":n,"data-size":d,"data-dot":a?!0:void 0,...c,children:u()})});r.displayName="VhyxBadge";const q={...B.badgeContract,id:"vhyxui-badge"},s=y.withAgentContract(r,q);s.displayName="VhyxBadge";exports.Badge=s;

package/dist/Badge-Z6crWSLX.js

@@ -0,0 +1,38 @@
+import { jsx as l } from "react/jsx-runtime";
+import f from "react";
+import { badgeContract as m } from "@vhyxui/core";
+import { withAgentContract as b } from "@vhyxseal/react";
+const p = "_badge_1s34s_1", B = {
+  badge: p
+}, r = f.forwardRef(
+  ({
+    variant: o = "default",
+    size: d = "md",
+    dot: t = !1,
+    count: a,
+    max: e = 99,
+    className: n,
+    children: s,
+    ...i
+  }, g) => {
+    const c = [B.badge, n].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      "span",
+      {
+        ref: g,
+        className: c,
+        "data-variant": o,
+        "data-size": d,
+        "data-dot": t ? !0 : void 0,
+        ...i,
+        children: t ? null : a !== void 0 ? a > e ? `${e}+` : String(a) : s
+      }
+    );
+  }
+);
+r.displayName = "VhyxBadge";
+const u = { ...m, id: "vhyxui-badge" }, y = b(r, u);
+y.displayName = "VhyxBadge";
+export {
+  y as B
+};

package/dist/Breadcrumb-CbPmH-b4.js

@@ -0,0 +1,90 @@
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import g, { useMemo as c, createContext as C, useContext as I } from "react";
+import { breadcrumbContract as l, Slot as v, VhyxUIError as V, VhyxUIErrorCode as j } from "@vhyxui/core";
+import { withAgentContract as k } from "@vhyxseal/react";
+import { u as w } from "./useId-BGRmH6iF.js";
+const E = "_nav_u2x1y_1", S = "_list_u2x1y_6", P = "_item_u2x1y_16", L = "_separator_u2x1y_23", O = "_link_u2x1y_33", R = "_page_u2x1y_51", U = "_ellipsis_u2x1y_56", n = {
+  nav: E,
+  list: S,
+  item: P,
+  separator: L,
+  link: O,
+  page: R,
+  ellipsis: U
+}, m = C(null);
+function M(e) {
+  const a = I(m);
+  if (!a)
+    throw new V({
+      code: j.VHYXUI_MISSING_CONTEXT,
+      message: `${e} must be used within <Breadcrumb>`,
+      suggestion: "Wrap your component tree with <Breadcrumb>"
+    });
+  return a;
+}
+const u = g.forwardRef(
+  ({
+    separator: e = "/",
+    maxItems: a,
+    contract: r,
+    className: s,
+    children: i,
+    ...y
+  }, B) => {
+    const o = w("vhyx-breadcrumb"), _ = c(
+      () => ({ ...l, id: o, ...r }),
+      [o, r]
+    ), f = c(
+      () => ({ separator: e }),
+      [e]
+    ), h = [n.nav, s].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(m.Provider, { value: f, children: /* @__PURE__ */ t(
+      "nav",
+      {
+        ref: B,
+        "aria-label": "Breadcrumb",
+        className: h,
+        "data-vhyx-contract": JSON.stringify(_),
+        ...y,
+        children: /* @__PURE__ */ t("ol", { className: n.list, children: i })
+      }
+    ) });
+  }
+);
+u.displayName = "VhyxBreadcrumb";
+function d({ children: e, className: a, ...r }) {
+  const s = M("Breadcrumb.Item"), i = [n.item, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ N("li", { className: i, ...r, children: [
+    e,
+    /* @__PURE__ */ t("span", { className: n.separator, "aria-hidden": "true", children: s.separator })
+  ] });
+}
+d.displayName = "VhyxBreadcrumbItem";
+function p({ children: e, className: a, asChild: r = !1, ...s }) {
+  const i = [n.link, a].filter(Boolean).join(" ");
+  return r ? /* @__PURE__ */ t(v, { className: i, ...s, children: e }) : /* @__PURE__ */ t("a", { className: i, ...s, children: e });
+}
+p.displayName = "VhyxBreadcrumbLink";
+function b({ children: e, className: a, ...r }) {
+  const s = [n.page, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("span", { "aria-current": "page", className: s, ...r, children: e });
+}
+b.displayName = "VhyxBreadcrumbPage";
+function x({ className: e, ...a }) {
+  const r = [n.ellipsis, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("span", { "aria-hidden": "true", className: r, ...a, children: "…" });
+}
+x.displayName = "VhyxBreadcrumbEllipsis";
+const T = { ...l, id: "vhyxui-breadcrumb" }, X = Object.assign(
+  k(u, T),
+  {
+    Item: d,
+    Link: p,
+    Page: b,
+    Ellipsis: x
+  }
+);
+X.displayName = "VhyxBreadcrumb";
+export {
+  X as B
+};

package/dist/Breadcrumb-DWRxQvbb.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),o=require("@vhyxui/core"),j=require("@vhyxseal/react"),C=require("./useId-D2AEOm2G.cjs"),g="_nav_u2x1y_1",I="_list_u2x1y_6",v="_item_u2x1y_16",V="_separator_u2x1y_23",k="_link_u2x1y_33",w="_page_u2x1y_51",E="_ellipsis_u2x1y_56",n={nav:g,list:I,item:v,separator:V,link:k,page:w,ellipsis:E},u=i.createContext(null);function q(e){const r=i.useContext(u);if(!r)throw new o.VhyxUIError({code:o.VhyxUIErrorCode.VHYXUI_MISSING_CONTEXT,message:`${e} must be used within <Breadcrumb>`,suggestion:"Wrap your component tree with <Breadcrumb>"});return r}const m=i.forwardRef(({separator:e="/",maxItems:r,contract:a,className:t,children:c,...B},_)=>{const l=C.useId("vhyx-breadcrumb"),h=i.useMemo(()=>({...o.breadcrumbContract,id:l,...a}),[l,a]),f=i.useMemo(()=>({separator:e}),[e]),N=[n.nav,t].filter(Boolean).join(" ");return s.jsx(u.Provider,{value:f,children:s.jsx("nav",{ref:_,"aria-label":"Breadcrumb",className:N,"data-vhyx-contract":JSON.stringify(h),...B,children:s.jsx("ol",{className:n.list,children:c})})})});m.displayName="VhyxBreadcrumb";function d({children:e,className:r,...a}){const t=q("Breadcrumb.Item"),c=[n.item,r].filter(Boolean).join(" ");return s.jsxs("li",{className:c,...a,children:[e,s.jsx("span",{className:n.separator,"aria-hidden":"true",children:t.separator})]})}d.displayName="VhyxBreadcrumbItem";function x({children:e,className:r,asChild:a=!1,...t}){const c=[n.link,r].filter(Boolean).join(" ");return a?s.jsx(o.Slot,{className:c,...t,children:e}):s.jsx("a",{className:c,...t,children:e})}x.displayName="VhyxBreadcrumbLink";function b({children:e,className:r,...a}){const t=[n.page,r].filter(Boolean).join(" ");return s.jsx("span",{"aria-current":"page",className:t,...a,children:e})}b.displayName="VhyxBreadcrumbPage";function p({className:e,...r}){const a=[n.ellipsis,e].filter(Boolean).join(" ");return s.jsx("span",{"aria-hidden":"true",className:a,...r,children:"…"})}p.displayName="VhyxBreadcrumbEllipsis";const S={...o.breadcrumbContract,id:"vhyxui-breadcrumb"},y=Object.assign(j.withAgentContract(m,S),{Item:d,Link:x,Page:b,Ellipsis:p});y.displayName="VhyxBreadcrumb";exports.Breadcrumb=y;

package/dist/Button-CnNtk6HV.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),u=require("@vhyxui/core"),I=require("@vhyxseal/react"),g=require("./Spinner-BJnT9SOB.cjs"),R=require("./useId-D2AEOm2G.cjs"),V=require("./env-Cqd4Y-Z7.cjs"),z="_button_frr7n_1",D="_content_frr7n_58",U="_spinner_frr7n_197",A="_icon_frr7n_205",s={button:z,content:D,spinner:U,icon:A},v=p.forwardRef(({variant:a="primary",size:x="md",loading:r=!1,icon:e,iconPosition:c="left",iconOnly:n=!1,asChild:y=!1,contract:d,className:_,children:l,disabled:j,id:q,"aria-label":b,...B},f)=>{const N=R.useId("vhyx-button"),i=q??N;V.isDev()&&n&&!b&&console.warn("[VhyxUI] <Button iconOnly> requires an aria-label for accessibility. Screen reader users will not be able to identify this button.");const C=p.useMemo(()=>{const w=a==="destructive"?{safetyLevel:"high",destructive:!0,requiresConfirmation:!0}:{};return{...u.buttonContract,id:i,...w,...d}},[a,i,d]),o=!!j||r,S=[s.button,_].filter(Boolean).join(" "),h={id:i,className:S,"aria-busy":r?!0:void 0,"aria-label":b,"data-variant":a,"data-size":x,"data-loading":r?!0:void 0,"data-icon-only":n?!0:void 0,"data-disabled":o?!0:void 0,"data-vhyx-contract":JSON.stringify(C),...B};return y?t.jsx(u.Slot,{ref:f,"aria-disabled":o?!0:void 0,...h,children:l}):t.jsxs("button",{ref:f,disabled:o,...h,children:[r&&t.jsx(g.Spinner,{size:"sm",variant:"white","aria-hidden":"true",label:"",className:s.spinner}),e&&c==="left"&&!n&&t.jsx("span",{className:s.icon,"aria-hidden":"true",children:e}),n&&e?t.jsx("span",{className:s.icon,"aria-hidden":"true",children:e}):!n&&t.jsx("span",{className:s.content,children:l}),e&&c==="right"&&!n&&t.jsx("span",{className:s.icon,"aria-hidden":"true",children:e})]})});v.displayName="VhyxButton";const J={...u.buttonContract,id:"vhyxui-button"},m=I.withAgentContract(v,J);m.displayName="VhyxButton";exports.Button=m;

package/dist/Button-DN5vy24q.js

@@ -0,0 +1,60 @@
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import g, { useMemo as I } from "react";
+import { buttonContract as b, Slot as j } from "@vhyxui/core";
+import { withAgentContract as U } from "@vhyxseal/react";
+import { S as V } from "./Spinner-Dz68qwGs.js";
+import { u as q } from "./useId-BGRmH6iF.js";
+import { i as z } from "./env-lFT_FRkA.js";
+const D = "_button_frr7n_1", R = "_content_frr7n_58", A = "_spinner_frr7n_197", J = "_icon_frr7n_205", a = {
+  button: D,
+  content: R,
+  spinner: A,
+  icon: J
+}, p = g.forwardRef(
+  ({
+    variant: n = "primary",
+    size: h = "md",
+    loading: s = !1,
+    icon: t,
+    iconPosition: d = "left",
+    iconOnly: e = !1,
+    asChild: v = !1,
+    contract: u,
+    className: y,
+    children: c,
+    disabled: _,
+    id: x,
+    "aria-label": l,
+    ...B
+  }, f) => {
+    const N = q("vhyx-button"), o = x ?? N;
+    z() && e && !l && console.warn(
+      "[VhyxUI] <Button iconOnly> requires an aria-label for accessibility. Screen reader users will not be able to identify this button."
+    );
+    const C = I(() => ({ ...b, id: o, ...n === "destructive" ? { safetyLevel: "high", destructive: !0, requiresConfirmation: !0 } : {}, ...u }), [n, o, u]), i = !!_ || s, S = [a.button, y].filter(Boolean).join(" "), m = {
+      id: o,
+      className: S,
+      "aria-busy": s ? !0 : void 0,
+      "aria-label": l,
+      "data-variant": n,
+      "data-size": h,
+      "data-loading": s ? !0 : void 0,
+      "data-icon-only": e ? !0 : void 0,
+      "data-disabled": i ? !0 : void 0,
+      "data-vhyx-contract": JSON.stringify(C),
+      ...B
+    };
+    return v ? /* @__PURE__ */ r(j, { ref: f, "aria-disabled": i ? !0 : void 0, ...m, children: c }) : /* @__PURE__ */ w("button", { ref: f, disabled: i, ...m, children: [
+      s && /* @__PURE__ */ r(V, { size: "sm", variant: "white", "aria-hidden": "true", label: "", className: a.spinner }),
+      t && d === "left" && !e && /* @__PURE__ */ r("span", { className: a.icon, "aria-hidden": "true", children: t }),
+      e && t ? /* @__PURE__ */ r("span", { className: a.icon, "aria-hidden": "true", children: t }) : !e && /* @__PURE__ */ r("span", { className: a.content, children: c }),
+      t && d === "right" && !e && /* @__PURE__ */ r("span", { className: a.icon, "aria-hidden": "true", children: t })
+    ] });
+  }
+);
+p.displayName = "VhyxButton";
+const M = { ...b, id: "vhyxui-button" }, k = U(p, M);
+k.displayName = "VhyxButton";
+export {
+  k as B
+};

package/dist/Card-CI7DyOJg.js

@@ -0,0 +1,79 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "react";
+import { cardContract as l } from "@vhyxui/core";
+import { withAgentContract as N } from "@vhyxseal/react";
+import { u as x } from "./useId-BGRmH6iF.js";
+const b = "_card_wvqde_1", B = "_header_wvqde_35", j = "_body_wvqde_36", w = "_footer_wvqde_37", V = "_image_wvqde_102", d = {
+  card: b,
+  header: B,
+  body: j,
+  footer: w,
+  image: V
+};
+function q(a) {
+  return i.isValidElement(a) && (a.type === c || a.type === n || a.type === m || a.type === y);
+}
+const f = i.forwardRef(
+  ({
+    variant: a = "default",
+    padding: e = "md",
+    interactive: o = !1,
+    contract: t,
+    className: C,
+    children: s,
+    ...p
+  }, u) => {
+    const v = x("vhyx-card"), _ = {
+      ...l,
+      id: v,
+      ...t
+    }, h = [d.card, C].filter(Boolean).join(" "), g = i.Children.toArray(s).some(q) ? s : /* @__PURE__ */ r(n, { children: s });
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: u,
+        className: h,
+        "data-variant": a,
+        "data-padding": e,
+        "data-interactive": o ? !0 : void 0,
+        "data-vhyx-contract": JSON.stringify(_),
+        ...p,
+        children: g
+      }
+    );
+  }
+);
+f.displayName = "VhyxCard";
+function c({ children: a, className: e, ...o }) {
+  const t = [d.header, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: t, ...o, children: a });
+}
+c.displayName = "VhyxCardHeader";
+function n({ children: a, className: e, ...o }) {
+  const t = [d.body, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: t, ...o, children: a });
+}
+n.displayName = "VhyxCardBody";
+function m({ children: a, className: e, ...o }) {
+  const t = [d.footer, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: t, ...o, children: a });
+}
+m.displayName = "VhyxCardFooter";
+function y({ children: a, className: e, ...o }) {
+  const t = [d.image, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: t, ...o, children: a });
+}
+y.displayName = "VhyxCardImage";
+const I = { ...l, id: "vhyxui-card" }, S = Object.assign(
+  N(f, I),
+  {
+    Header: c,
+    Body: n,
+    Footer: m,
+    Image: y
+  }
+);
+S.displayName = "VhyxCard";
+export {
+  S as C
+};

package/dist/Card-CZUQhd45.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),C=require("@vhyxui/core"),g=require("@vhyxseal/react"),N=require("./useId-D2AEOm2G.cjs"),q="_card_wvqde_1",b="_header_wvqde_35",B="_body_wvqde_36",w="_footer_wvqde_37",V="_image_wvqde_102",s={card:q,header:b,body:B,footer:w,image:V};function I(e){return c.isValidElement(e)&&(e.type===i||e.type===n||e.type===y||e.type===l)}const m=c.forwardRef(({variant:e="default",padding:a="md",interactive:t=!1,contract:o,className:f,children:d,...v},x)=>{const _=N.useId("vhyx-card"),p={...C.cardContract,id:_,...o},h=[s.card,f].filter(Boolean).join(" "),j=c.Children.toArray(d).some(I)?d:r.jsx(n,{children:d});return r.jsx("div",{ref:x,className:h,"data-variant":e,"data-padding":a,"data-interactive":t?!0:void 0,"data-vhyx-contract":JSON.stringify(p),...v,children:j})});m.displayName="VhyxCard";function i({children:e,className:a,...t}){const o=[s.header,a].filter(Boolean).join(" ");return r.jsx("div",{className:o,...t,children:e})}i.displayName="VhyxCardHeader";function n({children:e,className:a,...t}){const o=[s.body,a].filter(Boolean).join(" ");return r.jsx("div",{className:o,...t,children:e})}n.displayName="VhyxCardBody";function y({children:e,className:a,...t}){const o=[s.footer,a].filter(Boolean).join(" ");return r.jsx("div",{className:o,...t,children:e})}y.displayName="VhyxCardFooter";function l({children:e,className:a,...t}){const o=[s.image,a].filter(Boolean).join(" ");return r.jsx("div",{className:o,...t,children:e})}l.displayName="VhyxCardImage";const S={...C.cardContract,id:"vhyxui-card"},u=Object.assign(g.withAgentContract(m,S),{Header:i,Body:n,Footer:y,Image:l});u.displayName="VhyxCard";exports.Card=u;

package/dist/Center-BmKeGEa1.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("react/jsx-runtime"),c=require("react"),e=c.forwardRef(({as:t="div",inline:n=!1,fullHeight:s=!1,style:i,...r},a)=>l.jsx(t,{ref:a,style:{display:n?"inline-flex":"flex",alignItems:"center",justifyContent:"center",...s?{minHeight:"100dvh"}:{},...i},...r}));e.displayName="VhyxCenter";exports.Center=e;

package/dist/Center-DFq5m7mf.js

@@ -0,0 +1,22 @@
+import { jsx as a } from "react/jsx-runtime";
+import f from "react";
+const l = f.forwardRef(
+  ({ as: e = "div", inline: t = !1, fullHeight: i = !1, style: n, ...r }, s) => /* @__PURE__ */ a(
+    e,
+    {
+      ref: s,
+      style: {
+        display: t ? "inline-flex" : "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        ...i ? { minHeight: "100dvh" } : {},
+        ...n
+      },
+      ...r
+    }
+  )
+);
+l.displayName = "VhyxCenter";
+export {
+  l as C
+};