@vhyxui/react 0.3.1-alpha → 0.4.0-alpha

package/dist/visually-hidden.d.ts

@@ -0,0 +1,16 @@
+import { default as default_2 } from 'react';
+
+/**
+ * VisuallyHidden — content for screen readers only.
+ * @example
+ * <button><Icon /><VisuallyHidden>Close</VisuallyHidden></button>
+ */
+export declare function VisuallyHidden({ as: Tag, style, ...rest }: VisuallyHiddenProps): default_2.ReactElement;
+
+/** Props for VisuallyHidden. */
+export declare interface VisuallyHiddenProps extends default_2.HTMLAttributes<HTMLElement> {
+    /** Element to render. @default 'span' */
+    as?: default_2.ElementType;
+}
+
+export { }

package/dist/visually-hidden.js

@@ -0,0 +1,5 @@
+"use client";
+import { V as l } from "./VisuallyHidden-CPTxPvL_.js";
+export {
+  l as VisuallyHidden
+};

package/package.json

@@ -1,180 +1,274 @@
 {
   "name": "@vhyxui/react",
-  "version": "0.3.1-alpha",
-  "description": "VhyxUI React components — accessible, motion-first, agent-ready",
-  "license": "MIT",
+  "version": "0.4.0-alpha",
   "private": false,
+  "description": "VhyxUI React components — accessible, Tailwind-friendly, agent-ready",
+  "keywords": [
+    "vhyxui",
+    "vhyxara",
+    "react",
+    "components",
+    "accessibility",
+    "a11y"
+  ],
+  "license": "MIT",
+  "homepage": "https://vhyxui.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vhyxara/vhyxUI.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/vhyxara/vhyxUI/issues"
+  },
+  "engines": {
+    "node": ">=20.19"
+  },
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     },
     "./button": {
+      "types": "./dist/button.d.ts",
       "import": "./dist/button.js",
-      "require": "./dist/button.cjs",
-      "types": "./dist/button.d.ts"
+      "require": "./dist/button.cjs"
     },
     "./input": {
+      "types": "./dist/input.d.ts",
       "import": "./dist/input.js",
-      "require": "./dist/input.cjs",
-      "types": "./dist/input.d.ts"
+      "require": "./dist/input.cjs"
     },
     "./textarea": {
+      "types": "./dist/textarea.d.ts",
       "import": "./dist/textarea.js",
-      "require": "./dist/textarea.cjs",
-      "types": "./dist/textarea.d.ts"
+      "require": "./dist/textarea.cjs"
     },
     "./select": {
+      "types": "./dist/select.d.ts",
       "import": "./dist/select.js",
-      "require": "./dist/select.cjs",
-      "types": "./dist/select.d.ts"
+      "require": "./dist/select.cjs"
     },
     "./checkbox": {
+      "types": "./dist/checkbox.d.ts",
       "import": "./dist/checkbox.js",
-      "require": "./dist/checkbox.cjs",
-      "types": "./dist/checkbox.d.ts"
+      "require": "./dist/checkbox.cjs"
     },
     "./radio": {
+      "types": "./dist/radio.d.ts",
       "import": "./dist/radio.js",
-      "require": "./dist/radio.cjs",
-      "types": "./dist/radio.d.ts"
+      "require": "./dist/radio.cjs"
     },
     "./switch": {
+      "types": "./dist/switch.d.ts",
       "import": "./dist/switch.js",
-      "require": "./dist/switch.cjs",
-      "types": "./dist/switch.d.ts"
+      "require": "./dist/switch.cjs"
     },
     "./form": {
+      "types": "./dist/form.d.ts",
       "import": "./dist/form.js",
-      "require": "./dist/form.cjs",
-      "types": "./dist/form.d.ts"
+      "require": "./dist/form.cjs"
     },
     "./toast": {
+      "types": "./dist/toast.d.ts",
       "import": "./dist/toast.js",
-      "require": "./dist/toast.cjs",
-      "types": "./dist/toast.d.ts"
+      "require": "./dist/toast.cjs"
     },
     "./alert": {
+      "types": "./dist/alert.d.ts",
       "import": "./dist/alert.js",
-      "require": "./dist/alert.cjs",
-      "types": "./dist/alert.d.ts"
+      "require": "./dist/alert.cjs"
     },
     "./badge": {
+      "types": "./dist/badge.d.ts",
       "import": "./dist/badge.js",
-      "require": "./dist/badge.cjs",
-      "types": "./dist/badge.d.ts"
+      "require": "./dist/badge.cjs"
     },
     "./progress": {
+      "types": "./dist/progress.d.ts",
       "import": "./dist/progress.js",
-      "require": "./dist/progress.cjs",
-      "types": "./dist/progress.d.ts"
+      "require": "./dist/progress.cjs"
     },
     "./spinner": {
+      "types": "./dist/spinner.d.ts",
       "import": "./dist/spinner.js",
-      "require": "./dist/spinner.cjs",
-      "types": "./dist/spinner.d.ts"
+      "require": "./dist/spinner.cjs"
     },
     "./dialog": {
+      "types": "./dist/dialog.d.ts",
       "import": "./dist/dialog.js",
-      "require": "./dist/dialog.cjs",
-      "types": "./dist/dialog.d.ts"
+      "require": "./dist/dialog.cjs"
     },
     "./drawer": {
+      "types": "./dist/drawer.d.ts",
       "import": "./dist/drawer.js",
-      "require": "./dist/drawer.cjs",
-      "types": "./dist/drawer.d.ts"
+      "require": "./dist/drawer.cjs"
     },
     "./tooltip": {
+      "types": "./dist/tooltip.d.ts",
       "import": "./dist/tooltip.js",
-      "require": "./dist/tooltip.cjs",
-      "types": "./dist/tooltip.d.ts"
+      "require": "./dist/tooltip.cjs"
     },
     "./popover": {
+      "types": "./dist/popover.d.ts",
       "import": "./dist/popover.js",
-      "require": "./dist/popover.cjs",
-      "types": "./dist/popover.d.ts"
+      "require": "./dist/popover.cjs"
     },
     "./card": {
+      "types": "./dist/card.d.ts",
       "import": "./dist/card.js",
-      "require": "./dist/card.cjs",
-      "types": "./dist/card.d.ts"
+      "require": "./dist/card.cjs"
     },
     "./separator": {
+      "types": "./dist/separator.d.ts",
       "import": "./dist/separator.js",
-      "require": "./dist/separator.cjs",
-      "types": "./dist/separator.d.ts"
+      "require": "./dist/separator.cjs"
     },
     "./tabs": {
+      "types": "./dist/tabs.d.ts",
       "import": "./dist/tabs.js",
-      "require": "./dist/tabs.cjs",
-      "types": "./dist/tabs.d.ts"
+      "require": "./dist/tabs.cjs"
     },
     "./breadcrumb": {
+      "types": "./dist/breadcrumb.d.ts",
       "import": "./dist/breadcrumb.js",
-      "require": "./dist/breadcrumb.cjs",
-      "types": "./dist/breadcrumb.d.ts"
+      "require": "./dist/breadcrumb.cjs"
     },
     "./pagination": {
+      "types": "./dist/pagination.d.ts",
       "import": "./dist/pagination.js",
-      "require": "./dist/pagination.cjs",
-      "types": "./dist/pagination.d.ts"
+      "require": "./dist/pagination.cjs"
     },
     "./textfield": {
+      "types": "./dist/textfield.d.ts",
       "import": "./dist/textfield.js",
-      "require": "./dist/textfield.cjs",
-      "types": "./dist/textfield.d.ts"
+      "require": "./dist/textfield.cjs"
     },
     "./selectfield": {
+      "types": "./dist/selectfield.d.ts",
       "import": "./dist/selectfield.js",
-      "require": "./dist/selectfield.cjs",
-      "types": "./dist/selectfield.d.ts"
+      "require": "./dist/selectfield.cjs"
     },
     "./textareafield": {
+      "types": "./dist/textareafield.d.ts",
       "import": "./dist/textareafield.js",
-      "require": "./dist/textareafield.cjs",
-      "types": "./dist/textareafield.d.ts"
+      "require": "./dist/textareafield.cjs"
     },
     "./test-utils": {
+      "types": "./dist/test-utils.d.ts",
       "import": "./dist/test-utils.js",
-      "require": "./dist/test-utils.cjs",
-      "types": "./dist/test-utils.d.ts"
+      "require": "./dist/test-utils.cjs"
+    },
+    "./stack": {
+      "types": "./dist/stack.d.ts",
+      "import": "./dist/stack.js",
+      "require": "./dist/stack.cjs"
+    },
+    "./grid": {
+      "types": "./dist/grid.d.ts",
+      "import": "./dist/grid.js",
+      "require": "./dist/grid.cjs"
+    },
+    "./container": {
+      "types": "./dist/container.d.ts",
+      "import": "./dist/container.js",
+      "require": "./dist/container.cjs"
+    },
+    "./center": {
+      "types": "./dist/center.d.ts",
+      "import": "./dist/center.js",
+      "require": "./dist/center.cjs"
+    },
+    "./text": {
+      "types": "./dist/text.d.ts",
+      "import": "./dist/text.js",
+      "require": "./dist/text.cjs"
+    },
+    "./heading": {
+      "types": "./dist/heading.d.ts",
+      "import": "./dist/heading.js",
+      "require": "./dist/heading.cjs"
+    },
+    "./avatar": {
+      "types": "./dist/avatar.d.ts",
+      "import": "./dist/avatar.js",
+      "require": "./dist/avatar.cjs"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton.d.ts",
+      "import": "./dist/skeleton.js",
+      "require": "./dist/skeleton.cjs"
+    },
+    "./kbd": {
+      "types": "./dist/kbd.d.ts",
+      "import": "./dist/kbd.js",
+      "require": "./dist/kbd.cjs"
+    },
+    "./visually-hidden": {
+      "types": "./dist/visually-hidden.d.ts",
+      "import": "./dist/visually-hidden.js",
+      "require": "./dist/visually-hidden.cjs"
+    },
+    "./accordion": {
+      "types": "./dist/accordion.d.ts",
+      "import": "./dist/accordion.js",
+      "require": "./dist/accordion.cjs"
+    },
+    "./table": {
+      "types": "./dist/table.d.ts",
+      "import": "./dist/table.js",
+      "require": "./dist/table.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.js",
+      "require": "./dist/utils.cjs"
     },
     "./style.css": "./style.css"
   },
-  "sideEffects": ["*.css", "dist/style.css"],
+  "sideEffects": [
+    "*.css",
+    "dist/style.css"
+  ],
   "files": [
     "dist",
     "style.css"
   ],
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "typecheck": "tsc --project tsconfig.test.json --noEmit",
-    "lint": "eslint src"
-  },
   "dependencies": {
-    "@vhyxseal/react": "1.0.0-rc.2",
-    "@vhyxui/core": "0.1.0-alpha.1"
+    "@vhyxseal/react": "1.0.0-rc.3",
+    "@vhyxui/core": "0.2.0-alpha"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "react-hook-form": ">=7"
+    "react-hook-form": ">=7",
+    "@testing-library/react": ">=14"
   },
   "peerDependenciesMeta": {
-    "react-hook-form": { "optional": true }
+    "react-hook-form": {
+      "optional": true
+    },
+    "@testing-library/react": {
+      "optional": true
+    }
   },
   "devDependencies": {
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/react": "^16.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "react-hook-form": "^7.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --project tsconfig.test.json --noEmit",
+    "lint": "eslint src"
   }
-}
+}

package/dist/Alert-BJ1O0bnK.cjs

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

package/dist/Alert-am3ANPTH.js

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

package/dist/Badge-Bbxb4wyt.js

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

package/dist/Badge-SBO9tGzn.cjs

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

package/dist/Breadcrumb-Db7ASomJ.js

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

package/dist/Breadcrumb-StitgXXx.cjs

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