@vhyxui/react 0.3.1-alpha → 0.4.0-alpha

package/dist/{Switch-DOAZfSV0.js → Switch-bIbcXIMH.js}

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

package/dist/Table-C2TUkSZv.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),o=require("react"),v=require("@vhyxui/core"),C=require("@vhyxseal/react"),i=require("./cx-dgWA95G6.cjs"),V="_wrapper_evcoi_1",H="_table_evcoi_9",S="_caption_evcoi_17",q="_head_evcoi_24",k="_th_evcoi_28",B="_td_evcoi_40",O="_row_evcoi_46",J="_body_evcoi_53",r={wrapper:V,table:H,caption:S,head:q,th:k,td:B,row:O,body:J};function A(t,l){const e=t[l];return e==null?"—":typeof e=="string"||typeof e=="number"||typeof e=="boolean"?String(e):o.isValidElement(e)?e:JSON.stringify(e)}const g=o.forwardRef(({striped:t=!1,hoverable:l=!0,density:e="comfortable",caption:d,columns:h,data:f,rowKey:j,emptyState:w,contract:m,className:N,children:u,...T},R)=>a.jsx("div",{className:r.wrapper,children:a.jsxs("table",{ref:R,className:i.cx(r.table,N),"data-striped":t?"true":void 0,"data-hover":l?"true":void 0,"data-density":e,"data-vhyx-contract":m?JSON.stringify({...v.tableContract,...m}):void 0,...T,children:[d&&a.jsx("caption",{className:r.caption,children:d}),h?a.jsxs(a.Fragment,{children:[a.jsx(y,{children:a.jsx(c,{children:h.map(s=>a.jsx(_,{align:s.align??"start",style:s.width?{width:s.width}:void 0,children:s.header},s.key))})}),a.jsx(p,{children:(f??[]).length===0?a.jsx(c,{children:a.jsx(x,{colSpan:h.length,align:"center",children:w??"No data"})}):(f??[]).map((s,b)=>a.jsx(c,{children:h.map(n=>a.jsx(x,{align:n.align??"start",children:n.cell?n.cell(s,b):A(s,n.key)},n.key))},j?j(s,b):String(s.id??b)))})]}):u]})}));g.displayName="VhyxTable";const y=o.forwardRef(({className:t,...l},e)=>a.jsx("thead",{ref:e,className:i.cx(r.head,t),...l}));y.displayName="VhyxTableHead";const p=o.forwardRef(({className:t,...l},e)=>a.jsx("tbody",{ref:e,className:i.cx(r.body,t),...l}));p.displayName="VhyxTableBody";const c=o.forwardRef(({className:t,...l},e)=>a.jsx("tr",{ref:e,className:i.cx(r.row,t),...l}));c.displayName="VhyxTableRow";const _=o.forwardRef(({align:t,className:l,...e},d)=>a.jsx("th",{ref:d,scope:"col",className:i.cx(r.th,l),"data-align":t,...e}));_.displayName="VhyxTableHeader";const x=o.forwardRef(({align:t,className:l,...e},d)=>a.jsx("td",{ref:d,className:i.cx(r.td,l),"data-align":t,...e}));x.displayName="VhyxTableCell";const E={...v.tableContract,id:"vhyxui-table"},F=Object.assign(C.withAgentContract(g,E),{Head:y,Body:p,Row:c,Header:_,Cell:x});exports.Table=F;

package/dist/Table-C_jZjmPK.js

@@ -0,0 +1,67 @@
+import { jsx as a, jsxs as w, Fragment as H } from "react/jsx-runtime";
+import d from "react";
+import { tableContract as N } from "@vhyxui/core";
+import { withAgentContract as S } from "@vhyxseal/react";
+import { c as n } from "./cx-OWdTFKLx.js";
+const j = "_wrapper_evcoi_1", k = "_table_evcoi_9", B = "_caption_evcoi_17", O = "_head_evcoi_24", J = "_th_evcoi_28", A = "_td_evcoi_40", E = "_row_evcoi_46", F = "_body_evcoi_53", r = {
+  wrapper: j,
+  table: k,
+  caption: B,
+  head: O,
+  th: J,
+  td: A,
+  row: E,
+  body: F
+};
+function q(t, l) {
+  const e = t[l];
+  return e == null ? "—" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : d.isValidElement(e) ? e : JSON.stringify(e);
+}
+const T = d.forwardRef(
+  ({ striped: t = !1, hoverable: l = !0, density: e = "comfortable", caption: i, columns: h, data: _, rowKey: v, emptyState: x, contract: g, className: R, children: u, ...C }, V) => /* @__PURE__ */ a("div", { className: r.wrapper, children: /* @__PURE__ */ w(
+    "table",
+    {
+      ref: V,
+      className: n(r.table, R),
+      "data-striped": t ? "true" : void 0,
+      "data-hover": l ? "true" : void 0,
+      "data-density": e,
+      "data-vhyx-contract": g ? JSON.stringify({ ...N, ...g }) : void 0,
+      ...C,
+      children: [
+        i && /* @__PURE__ */ a("caption", { className: r.caption, children: i }),
+        h ? /* @__PURE__ */ w(H, { children: [
+          /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(c, { children: h.map((o) => /* @__PURE__ */ a(m, { align: o.align ?? "start", style: o.width ? { width: o.width } : void 0, children: o.header }, o.key)) }) }),
+          /* @__PURE__ */ a(f, { children: (_ ?? []).length === 0 ? /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(p, { colSpan: h.length, align: "center", children: x ?? "No data" }) }) : (_ ?? []).map((o, y) => /* @__PURE__ */ a(c, { children: h.map((s) => /* @__PURE__ */ a(p, { align: s.align ?? "start", children: s.cell ? s.cell(o, y) : q(o, s.key) }, s.key)) }, v ? v(o, y) : String(o.id ?? y))) })
+        ] }) : u
+      ]
+    }
+  ) })
+);
+T.displayName = "VhyxTable";
+const b = d.forwardRef(
+  ({ className: t, ...l }, e) => /* @__PURE__ */ a("thead", { ref: e, className: n(r.head, t), ...l })
+);
+b.displayName = "VhyxTableHead";
+const f = d.forwardRef(
+  ({ className: t, ...l }, e) => /* @__PURE__ */ a("tbody", { ref: e, className: n(r.body, t), ...l })
+);
+f.displayName = "VhyxTableBody";
+const c = d.forwardRef(
+  ({ className: t, ...l }, e) => /* @__PURE__ */ a("tr", { ref: e, className: n(r.row, t), ...l })
+);
+c.displayName = "VhyxTableRow";
+const m = d.forwardRef(({ align: t, className: l, ...e }, i) => /* @__PURE__ */ a("th", { ref: i, scope: "col", className: n(r.th, l), "data-align": t, ...e }));
+m.displayName = "VhyxTableHeader";
+const p = d.forwardRef(({ align: t, className: l, ...e }, i) => /* @__PURE__ */ a("td", { ref: i, className: n(r.td, l), "data-align": t, ...e }));
+p.displayName = "VhyxTableCell";
+const z = { ...N, id: "vhyxui-table" }, P = Object.assign(S(T, z), {
+  Head: b,
+  Body: f,
+  Row: c,
+  Header: m,
+  Cell: p
+});
+export {
+  P as T
+};

package/dist/Tabs-CbmdCTVE.js

@@ -0,0 +1,220 @@
+import { jsx as v, jsxs as D } from "react/jsx-runtime";
+import $, { useState as q, useRef as w, useCallback as T, useMemo as L, useEffect as P, createContext as W, useContext as Y } from "react";
+import { tabsContract as z, Slot as G, VhyxUIError as J, VhyxUIErrorCode as F } from "@vhyxui/core";
+import { withAgentContract as Q } from "@vhyxseal/react";
+import { u as Z } from "./useId-BGRmH6iF.js";
+const K = "_root_11mqx_3", tt = "_list_11mqx_16", et = "_trigger_11mqx_49", rt = "_indicator_11mqx_114", st = "_panel_11mqx_149", _ = {
+  root: K,
+  list: tt,
+  trigger: et,
+  indicator: rt,
+  panel: st
+}, O = W(null);
+function E(e) {
+  const c = Y(O);
+  if (!c)
+    throw new J({
+      code: F.VHYXUI_MISSING_CONTEXT,
+      message: `${e} must be used within <Tabs>`,
+      suggestion: "Wrap your component tree with <Tabs>"
+    });
+  return c;
+}
+const V = $.forwardRef(
+  ({
+    value: e,
+    defaultValue: c,
+    onValueChange: f,
+    orientation: n = "horizontal",
+    variant: t = "default",
+    size: i = "md",
+    contract: u,
+    className: b,
+    children: l,
+    ...s
+  }, a) => {
+    const h = Z("vhyx-tabs"), I = e !== void 0, [C, N] = q(c), R = I ? e : C, p = w([]), m = w(/* @__PURE__ */ new Map()), r = T(
+      (d, y) => {
+        y ? (p.current.includes(d) || p.current.push(d), m.current.set(d, y)) : (m.current.delete(d), p.current = p.current.filter((o) => o !== d));
+      },
+      []
+    ), g = T(
+      (d) => {
+        I || N(d), f == null || f(d);
+      },
+      [I, f]
+    ), S = T(
+      (d, y) => {
+        var j;
+        const o = p.current;
+        if (o.length === 0) return;
+        let x;
+        if (y === "first")
+          x = o[0];
+        else if (y === "last")
+          x = o[o.length - 1];
+        else {
+          const A = o.indexOf(d);
+          y === "next" ? x = o[(A + 1) % o.length] : x = o[(A - 1 + o.length) % o.length];
+        }
+        x !== void 0 && (g(x), (j = m.current.get(x)) == null || j.focus());
+      },
+      [g]
+    ), U = L(
+      () => ({ ...z, id: h, ...u }),
+      [h, u]
+    ), M = L(
+      () => ({
+        value: R,
+        onValueChange: g,
+        orientation: n,
+        variant: t,
+        size: i,
+        tabsId: h,
+        triggerOrderRef: p,
+        triggerElementsRef: m,
+        registerTrigger: r,
+        navigateTab: S
+      }),
+      [
+        R,
+        g,
+        n,
+        t,
+        i,
+        h,
+        r,
+        S
+      ]
+    ), X = [_.root, b].filter(Boolean).join(" ");
+    return /* @__PURE__ */ v(O.Provider, { value: M, children: /* @__PURE__ */ v(
+      "div",
+      {
+        ref: a,
+        className: X,
+        "data-orientation": n,
+        "data-variant": t,
+        "data-size": i,
+        "data-vhyx-contract": JSON.stringify(U),
+        ...s,
+        children: l
+      }
+    ) });
+  }
+);
+V.displayName = "VhyxTabs";
+const k = $.forwardRef(
+  ({ children: e, className: c, ...f }, n) => {
+    const t = E("Tabs.List"), i = w(null), [u, b] = q({}), l = T(
+      (a) => {
+        i.current = a, typeof n == "function" ? n(a) : n && (n.current = a);
+      },
+      [n]
+    );
+    P(() => {
+      if (!t.value || !i.current) return;
+      const a = t.triggerElementsRef.current.get(t.value);
+      a && (t.orientation === "horizontal" ? b({
+        width: a.offsetWidth,
+        transform: `translateX(${a.offsetLeft}px)`
+      }) : b({
+        height: a.offsetHeight,
+        transform: `translateY(${a.offsetTop}px)`
+      }));
+    }, [t.value, t.orientation, t.triggerElementsRef]);
+    const s = [_.list, c].filter(Boolean).join(" ");
+    return /* @__PURE__ */ D(
+      "div",
+      {
+        ref: l,
+        role: "tablist",
+        "aria-orientation": t.orientation,
+        className: s,
+        "data-variant": t.variant,
+        "data-orientation": t.orientation,
+        ...f,
+        children: [
+          e,
+          /* @__PURE__ */ v(
+            "span",
+            {
+              className: _.indicator,
+              "data-orientation": t.orientation,
+              "aria-hidden": "true",
+              style: u
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+k.displayName = "VhyxTabsList";
+const B = $.forwardRef(
+  ({ value: e, children: c, className: f, onClick: n, onKeyDown: t, disabled: i, asChild: u = !1, ...b }, l) => {
+    const s = E("Tabs.Trigger"), a = s.value === e, h = `${s.tabsId}-panel-${e}`, I = `${s.tabsId}-trigger-${e}`, C = T(
+      (r) => {
+        s.registerTrigger(e, r), typeof l == "function" ? l(r) : l && (l.current = r);
+      },
+      [l, s, e]
+    ), N = T(
+      (r) => {
+        n == null || n(r), i || s.onValueChange(e);
+      },
+      [n, i, s, e]
+    ), R = T(
+      (r) => {
+        t == null || t(r);
+        const g = s.orientation === "horizontal";
+        g && r.key === "ArrowRight" || !g && r.key === "ArrowDown" ? (r.preventDefault(), s.navigateTab(e, "next")) : g && r.key === "ArrowLeft" || !g && r.key === "ArrowUp" ? (r.preventDefault(), s.navigateTab(e, "prev")) : r.key === "Home" ? (r.preventDefault(), s.navigateTab(e, "first")) : r.key === "End" && (r.preventDefault(), s.navigateTab(e, "last"));
+      },
+      [t, s, e]
+    ), p = [_.trigger, f].filter(Boolean).join(" "), m = {
+      id: I,
+      role: "tab",
+      "aria-selected": a,
+      "aria-controls": h,
+      disabled: i,
+      tabIndex: a ? 0 : -1,
+      onClick: N,
+      onKeyDown: R,
+      className: p,
+      "data-state": a ? "active" : "inactive",
+      "data-size": s.size,
+      ...b
+    };
+    return u ? /* @__PURE__ */ v(G, { ref: C, ...m, children: c }) : /* @__PURE__ */ v("button", { ref: C, type: "button", ...m, children: c });
+  }
+);
+B.displayName = "VhyxTabsTrigger";
+function H({ value: e, children: c, className: f, ...n }) {
+  const t = E("Tabs.Content"), i = t.value === e, u = `${t.tabsId}-panel-${e}`, b = `${t.tabsId}-trigger-${e}`;
+  if (!i) return null;
+  const l = [_.panel, f].filter(Boolean).join(" ");
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      id: u,
+      role: "tabpanel",
+      "aria-labelledby": b,
+      tabIndex: 0,
+      className: l,
+      "data-state": "active",
+      ...n,
+      children: c
+    }
+  );
+}
+H.displayName = "VhyxTabsContent";
+const nt = { ...z, id: "vhyxui-tabs" }, at = Object.assign(
+  Q(V, nt),
+  {
+    List: k,
+    Trigger: B,
+    Content: H
+  }
+);
+at.displayName = "VhyxTabs";
+export {
+  at as T
+};

package/dist/Tabs-Dfuu2ZVq.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("react/jsx-runtime"),r=require("react"),I=require("@vhyxui/core"),M=require("@vhyxseal/react"),U=require("./useId-D2AEOm2G.cjs"),X="_root_11mqx_3",D="_list_11mqx_16",P="_trigger_11mqx_49",W="_indicator_11mqx_114",Y="_panel_11mqx_149",R={root:X,list:D,trigger:P,indicator:W,panel:Y},S=r.createContext(null);function w(e){const l=r.useContext(S);if(!l)throw new I.VhyxUIError({code:I.VhyxUIErrorCode.VHYXUI_MISSING_CONTEXT,message:`${e} must be used within <Tabs>`,suggestion:"Wrap your component tree with <Tabs>"});return l}const E=r.forwardRef(({value:e,defaultValue:l,onValueChange:u,orientation:a="horizontal",variant:t="default",size:o="md",contract:b,className:x,children:f,...n},i)=>{const y=U.useId("vhyx-tabs"),v=e!==void 0,[_,N]=r.useState(l),j=v?e:_,p=r.useRef([]),T=r.useRef(new Map),s=r.useCallback((d,C)=>{C?(p.current.includes(d)||p.current.push(d),T.current.set(d,C)):(T.current.delete(d),p.current=p.current.filter(c=>c!==d))},[]),g=r.useCallback(d=>{v||N(d),u==null||u(d)},[v,u]),$=r.useCallback((d,C)=>{var k;const c=p.current;if(c.length===0)return;let h;if(C==="first")h=c[0];else if(C==="last")h=c[c.length-1];else{const q=c.indexOf(d);C==="next"?h=c[(q+1)%c.length]:h=c[(q-1+c.length)%c.length]}h!==void 0&&(g(h),(k=T.current.get(h))==null||k.focus())},[g]),V=r.useMemo(()=>({...I.tabsContract,id:y,...b}),[y,b]),B=r.useMemo(()=>({value:j,onValueChange:g,orientation:a,variant:t,size:o,tabsId:y,triggerOrderRef:p,triggerElementsRef:T,registerTrigger:s,navigateTab:$}),[j,g,a,t,o,y,s,$]),H=[R.root,x].filter(Boolean).join(" ");return m.jsx(S.Provider,{value:B,children:m.jsx("div",{ref:i,className:H,"data-orientation":a,"data-variant":t,"data-size":o,"data-vhyx-contract":JSON.stringify(V),...n,children:f})})});E.displayName="VhyxTabs";const A=r.forwardRef(({children:e,className:l,...u},a)=>{const t=w("Tabs.List"),o=r.useRef(null),[b,x]=r.useState({}),f=r.useCallback(i=>{o.current=i,typeof a=="function"?a(i):a&&(a.current=i)},[a]);r.useEffect(()=>{if(!t.value||!o.current)return;const i=t.triggerElementsRef.current.get(t.value);i&&(t.orientation==="horizontal"?x({width:i.offsetWidth,transform:`translateX(${i.offsetLeft}px)`}):x({height:i.offsetHeight,transform:`translateY(${i.offsetTop}px)`}))},[t.value,t.orientation,t.triggerElementsRef]);const n=[R.list,l].filter(Boolean).join(" ");return m.jsxs("div",{ref:f,role:"tablist","aria-orientation":t.orientation,className:n,"data-variant":t.variant,"data-orientation":t.orientation,...u,children:[e,m.jsx("span",{className:R.indicator,"data-orientation":t.orientation,"aria-hidden":"true",style:b})]})});A.displayName="VhyxTabsList";const L=r.forwardRef(({value:e,children:l,className:u,onClick:a,onKeyDown:t,disabled:o,asChild:b=!1,...x},f)=>{const n=w("Tabs.Trigger"),i=n.value===e,y=`${n.tabsId}-panel-${e}`,v=`${n.tabsId}-trigger-${e}`,_=r.useCallback(s=>{n.registerTrigger(e,s),typeof f=="function"?f(s):f&&(f.current=s)},[f,n,e]),N=r.useCallback(s=>{a==null||a(s),o||n.onValueChange(e)},[a,o,n,e]),j=r.useCallback(s=>{t==null||t(s);const g=n.orientation==="horizontal";g&&s.key==="ArrowRight"||!g&&s.key==="ArrowDown"?(s.preventDefault(),n.navigateTab(e,"next")):g&&s.key==="ArrowLeft"||!g&&s.key==="ArrowUp"?(s.preventDefault(),n.navigateTab(e,"prev")):s.key==="Home"?(s.preventDefault(),n.navigateTab(e,"first")):s.key==="End"&&(s.preventDefault(),n.navigateTab(e,"last"))},[t,n,e]),p=[R.trigger,u].filter(Boolean).join(" "),T={id:v,role:"tab","aria-selected":i,"aria-controls":y,disabled:o,tabIndex:i?0:-1,onClick:N,onKeyDown:j,className:p,"data-state":i?"active":"inactive","data-size":n.size,...x};return b?m.jsx(I.Slot,{ref:_,...T,children:l}):m.jsx("button",{ref:_,type:"button",...T,children:l})});L.displayName="VhyxTabsTrigger";function z({value:e,children:l,className:u,...a}){const t=w("Tabs.Content"),o=t.value===e,b=`${t.tabsId}-panel-${e}`,x=`${t.tabsId}-trigger-${e}`;if(!o)return null;const f=[R.panel,u].filter(Boolean).join(" ");return m.jsx("div",{id:b,role:"tabpanel","aria-labelledby":x,tabIndex:0,className:f,"data-state":"active",...a,children:l})}z.displayName="VhyxTabsContent";const G={...I.tabsContract,id:"vhyxui-tabs"},O=Object.assign(M.withAgentContract(E,G),{List:A,Trigger:L,Content:z});O.displayName="VhyxTabs";exports.Tabs=O;

package/dist/Text-CgsfCbWf.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("react/jsx-runtime"),f=require("react"),p=require("./cx-dgWA95G6.cjs"),q=require("./Text.module-gGopk2Yk.cjs"),d=f.forwardRef(({as:r="p",size:i="md",tone:a="default",weight:o,align:s,mono:c,truncate:u,lines:t,className:x,style:e,...m},n)=>l.jsx(r,{ref:n,className:p.cx(q.styles.text,x),"data-size":i,"data-tone":a==="default"?void 0:a,"data-weight":o,"data-align":s,"data-mono":c?"true":void 0,"data-truncate":u?"true":void 0,"data-clamp":t?String(t):void 0,style:t?{WebkitLineClamp:t,...e}:e,...m}));d.displayName="VhyxText";exports.Text=d;

package/dist/Text-Dl4z0gus.js

@@ -0,0 +1,26 @@
+import { jsx as x } from "react/jsx-runtime";
+import l from "react";
+import { c as u } from "./cx-OWdTFKLx.js";
+import { s as v } from "./Text.module-CEBydIO4.js";
+const g = l.forwardRef(
+  ({ as: d = "p", size: e = "md", tone: t = "default", weight: r, align: m, mono: i, truncate: s, lines: a, className: p, style: o, ...f }, c) => /* @__PURE__ */ x(
+    d,
+    {
+      ref: c,
+      className: u(v.text, p),
+      "data-size": e,
+      "data-tone": t === "default" ? void 0 : t,
+      "data-weight": r,
+      "data-align": m,
+      "data-mono": i ? "true" : void 0,
+      "data-truncate": s ? "true" : void 0,
+      "data-clamp": a ? String(a) : void 0,
+      style: a ? { WebkitLineClamp: a, ...o } : o,
+      ...f
+    }
+  )
+);
+g.displayName = "VhyxText";
+export {
+  g as T
+};

package/dist/Text.module-CEBydIO4.js

@@ -0,0 +1,7 @@
+const t = "_text_70oqj_1", e = "_heading_70oqj_43", s = {
+  text: t,
+  heading: e
+};
+export {
+  s
+};

package/dist/Text.module-gGopk2Yk.cjs

@@ -0,0 +1 @@
+"use strict";const t="_text_70oqj_1",e="_heading_70oqj_43",s={text:t,heading:e};exports.styles=s;

package/dist/TextField-B492c5Ct.js

@@ -0,0 +1,31 @@
+import { jsx as t } from "react/jsx-runtime";
+import { F as s } from "./Field-Dx9gXxGL.js";
+import { I as x } from "./Input-B0dEXpG8.js";
+function a({
+  name: r,
+  label: e,
+  hint: o,
+  error: i,
+  required: m,
+  optional: p,
+  layout: d,
+  ...l
+}) {
+  return /* @__PURE__ */ t(
+    s,
+    {
+      name: r,
+      label: e,
+      hint: o,
+      error: i,
+      required: m,
+      optional: p,
+      layout: d,
+      children: /* @__PURE__ */ t(x, { name: r, error: !!i, ...l })
+    }
+  );
+}
+a.displayName = "VhyxTextField";
+export {
+  a as T
+};

package/dist/TextField-Bp-b0-hG.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),c=require("./Field-DJvjEmzE.cjs"),F=require("./Input-CdS0oZyf.cjs");function r({name:e,label:n,hint:s,error:i,required:u,optional:d,layout:l,...x}){return t.jsx(c.Field,{name:e,label:n,hint:s,error:i,required:u,optional:d,layout:l,children:t.jsx(F.Input,{name:e,error:!!i,...x})})}r.displayName="VhyxTextField";exports.TextField=r;

package/dist/{Textarea-CLrctxHU.js → Textarea-cloHZ5Sz.js}

@@ -1,38 +1,38 @@
-import { j as l } from "./jsx-runtime-CL69jGNW.js";
-import V, { useRef as Y, useCallback as d, useEffect as $ } from "react";
+import { jsxs as x, jsx as Y } from "react/jsx-runtime";
+import $, { useRef as k, useCallback as l, useEffect as A } from "react";
 import { textareaContract as y } from "@vhyxui/core";
-import { withAgentContract as k } from "@vhyxseal/react";
-import { u as A } from "./useId-BGRmH6iF.js";
-const F = "_wrapper_lafqn_1", J = "_textarea_lafqn_8", M = "_count_lafqn_72", f = {
-  wrapper: F,
-  textarea: J,
-  count: M
-}, m = V.forwardRef(
+import { withAgentContract as E } from "@vhyxseal/react";
+import { u as F } from "./useId-BGRmH6iF.js";
+const J = "_wrapper_lafqn_1", M = "_textarea_lafqn_8", O = "_count_lafqn_72", d = {
+  wrapper: J,
+  textarea: M,
+  count: O
+}, m = $.forwardRef(
   ({
     size: v = "md",
     resize: a = "vertical",
     minRows: g = 3,
     maxRows: s,
     showCount: _ = !1,
-    error: u = !1,
+    error: f = !1,
     contract: b,
-    className: j,
-    id: w,
+    className: w,
+    id: H,
     value: r,
     onChange: o,
     maxLength: n,
-    "aria-label": H,
-    "aria-describedby": N,
-    style: C,
-    ...T
+    "aria-label": N,
+    "aria-describedby": C,
+    style: T,
+    ...j
   }, e) => {
-    const R = A("vhyx-textarea"), p = w ?? R, x = Y(null), q = d(
+    const q = F("vhyx-textarea"), u = H ?? q, p = k(null), I = l(
       (t) => {
-        x.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+        p.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
       },
       [e]
-    ), i = d(() => {
-      const t = x.current;
+    ), i = l(() => {
+      const t = p.current;
       if (!t || a !== "auto") return;
       t.style.height = "auto";
       const c = t.scrollHeight;
@@ -42,48 +42,48 @@ const F = "_wrapper_lafqn_1", J = "_textarea_lafqn_8", M = "_count_lafqn_72", f
       } else
         t.style.height = `${c}px`, t.style.overflowY = "hidden";
     }, [a, s]);
-    $(() => {
+    A(() => {
       a === "auto" && i();
     }, [r, a, i]);
-    const I = d(
+    const R = l(
       (t) => {
         o == null || o(t), a === "auto" && i();
       },
       [o, a, i]
     ), S = typeof r == "string" ? r.length : 0, B = {
       ...y,
-      id: p,
+      id: u,
       ...b
-    }, E = [f.textarea, j].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l.jsxs("div", { className: f.wrapper, children: [
-      /* @__PURE__ */ l.jsx(
+    }, V = [d.textarea, w].filter(Boolean).join(" ");
+    return /* @__PURE__ */ x("div", { className: d.wrapper, children: [
+      /* @__PURE__ */ Y(
         "textarea",
         {
-          ref: q,
-          id: p,
+          ref: I,
+          id: u,
           value: r,
-          onChange: I,
+          onChange: R,
           maxLength: n,
           rows: g,
-          "aria-invalid": u ? !0 : void 0,
-          "aria-label": H,
-          "aria-describedby": N,
-          className: E,
+          "aria-invalid": f ? !0 : void 0,
+          "aria-label": N,
+          "aria-describedby": C,
+          className: V,
           "data-size": v,
           "data-resize": a,
-          "data-error": u ? !0 : void 0,
+          "data-error": f ? !0 : void 0,
           "data-vhyx-contract": JSON.stringify(B),
           style: {
             resize: a === "auto" ? "none" : a,
-            ...C
+            ...T
           },
-          ...T
+          ...j
         }
       ),
-      _ && n !== void 0 && /* @__PURE__ */ l.jsxs(
+      _ && n !== void 0 && /* @__PURE__ */ x(
         "span",
         {
-          className: f.count,
+          className: d.count,
           "aria-live": "polite",
           "aria-atomic": "true",
           children: [
@@ -97,8 +97,8 @@ const F = "_wrapper_lafqn_1", J = "_textarea_lafqn_8", M = "_count_lafqn_72", f
   }
 );
 m.displayName = "VhyxTextarea";
-const O = { ...y, id: "vhyxui-textarea" }, D = k(m, O);
-D.displayName = "VhyxTextarea";
+const D = { ...y, id: "vhyxui-textarea" }, G = E(m, D);
+G.displayName = "VhyxTextarea";
 export {
-  D as T
+  G as T
 };

package/dist/Textarea-uXK6PrFb.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),a=require("react"),p=require("@vhyxui/core"),Y=require("@vhyxseal/react"),$=require("./useId-D2AEOm2G.cjs"),A="_wrapper_lafqn_1",E="_textarea_lafqn_8",F="_count_lafqn_72",d={wrapper:A,textarea:E,count:F},v=a.forwardRef(({size:b="md",resize:e="vertical",minRows:_=3,maxRows:n,showCount:q=!1,error:x=!1,contract:C,className:m,id:w,value:s,onChange:i,maxLength:o,"aria-label":H,"aria-describedby":j,style:N,...T},r)=>{const I=$.useId("vhyx-textarea"),f=w??I,h=a.useRef(null),R=a.useCallback(t=>{h.current=t,typeof r=="function"?r(t):r&&(r.current=t)},[r]),c=a.useCallback(()=>{const t=h.current;if(!t||e!=="auto")return;t.style.height="auto";const l=t.scrollHeight;if(n!==void 0){const y=(parseFloat(getComputedStyle(t).lineHeight)||20)*n;t.style.height=`${Math.min(l,y)}px`,t.style.overflowY=l>y?"auto":"hidden"}else t.style.height=`${l}px`,t.style.overflowY="hidden"},[e,n]);a.useEffect(()=>{e==="auto"&&c()},[s,e,c]);const k=a.useCallback(t=>{i==null||i(t),e==="auto"&&c()},[i,e,c]),S=typeof s=="string"?s.length:0,B={...p.textareaContract,id:f,...C},V=[d.textarea,m].filter(Boolean).join(" ");return u.jsxs("div",{className:d.wrapper,children:[u.jsx("textarea",{ref:R,id:f,value:s,onChange:k,maxLength:o,rows:_,"aria-invalid":x?!0:void 0,"aria-label":H,"aria-describedby":j,className:V,"data-size":b,"data-resize":e,"data-error":x?!0:void 0,"data-vhyx-contract":JSON.stringify(B),style:{resize:e==="auto"?"none":e,...N},...T}),q&&o!==void 0&&u.jsxs("span",{className:d.count,"aria-live":"polite","aria-atomic":"true",children:[S,"/",o]})]})});v.displayName="VhyxTextarea";const J={...p.textareaContract,id:"vhyxui-textarea"},g=Y.withAgentContract(v,J);g.displayName="VhyxTextarea";exports.Textarea=g;

package/dist/TextareaField-C5naVyA1.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),u=require("./Field-DJvjEmzE.cjs"),c=require("./Textarea-uXK6PrFb.cjs");function t({name:e,label:a,hint:s,error:r,required:x,optional:d,layout:l,...n}){return i.jsx(u.Field,{name:e,label:a,hint:s,error:r,required:x,optional:d,layout:l,children:i.jsx(c.Textarea,{name:e,error:!!r,...n})})}t.displayName="VhyxTextareaField";exports.TextareaField=t;

package/dist/TextareaField-CrRndsuY.js

@@ -0,0 +1,31 @@
+import { jsx as a } from "react/jsx-runtime";
+import { F as l } from "./Field-Dx9gXxGL.js";
+import { T as p } from "./Textarea-cloHZ5Sz.js";
+function s({
+  name: r,
+  label: i,
+  hint: t,
+  error: e,
+  required: o,
+  optional: m,
+  layout: x,
+  ...d
+}) {
+  return /* @__PURE__ */ a(
+    l,
+    {
+      name: r,
+      label: i,
+      hint: t,
+      error: e,
+      required: o,
+      optional: m,
+      layout: x,
+      children: /* @__PURE__ */ a(p, { name: r, error: !!e, ...d })
+    }
+  );
+}
+s.displayName = "VhyxTextareaField";
+export {
+  s as T
+};

package/dist/Toast-CESL8AKT.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),r=require("react"),T=require("@vhyxui/core"),g=require("@vhyxseal/react");let c=[],x=5;const d=new Set;let m=0;function f(){for(const t of d)t()}function p(t){t.maxToasts!==void 0&&(x=t.maxToasts)}function _(){return c}function v(t){m+=1;const e=`vhyx-toast-${m}`,n={...t,id:e},o=[...c];return o.length>=x&&o.shift(),c=[...o,n],f(),e}function h(t){c=c.filter(e=>e.id!==t),f()}function j(){c=[],f()}function y(t){return d.add(t),()=>{d.delete(t)}}const q="_region_lqmlf_3",N="_toast_lqmlf_12",a={region:q,toast:N,"toast-content":"_toast-content_lqmlf_74","toast-icon":"_toast-icon_lqmlf_103","toast-body":"_toast-body_lqmlf_117","toast-message":"_toast-message_lqmlf_125","toast-description":"_toast-description_lqmlf_133","toast-action":"_toast-action_lqmlf_142","toast-dismiss":"_toast-dismiss_lqmlf_168"};function b({position:t="bottom-right",maxToasts:e=5,defaultDuration:n=5e3,children:o}){const[i,l]=r.useState(()=>_());return r.useEffect(()=>{p({maxToasts:e})},[e]),r.useEffect(()=>y(()=>{l(_())}),[]),s.jsxs(s.Fragment,{children:[o,s.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"false","aria-label":"Notifications",className:a.region,"data-position":t,children:i.map(u=>s.jsx(C,{item:u,defaultDuration:n},u.id))})]})}function C({item:t,defaultDuration:e}){const n=r.useCallback(()=>h(t.id),[t.id]),o=r.useRef(null),i=t.duration??e;return r.useEffect(()=>{if(!(!isFinite(i)||i<=0))return o.current=setTimeout(n,i),()=>{o.current&&clearTimeout(o.current)}},[n,i]),s.jsx("div",{role:"status","aria-live":"polite",className:a.toast,"data-variant":t.variant,"data-state":"open",children:s.jsxs("div",{className:a["toast-content"],children:[s.jsx("span",{className:a["toast-icon"],"aria-hidden":"true",children:k(t.variant)}),s.jsxs("div",{className:a["toast-body"],children:[s.jsx("span",{className:a["toast-message"],children:t.message}),t.description&&s.jsx("span",{className:a["toast-description"],children:t.description})]}),t.action&&s.jsx("button",{type:"button",className:a["toast-action"],onClick:()=>{var l;(l=t.action)==null||l.onClick(),n()},children:t.action.label}),t.dismissible!==!1&&s.jsx("button",{type:"button",className:a["toast-dismiss"],onClick:n,"aria-label":"Dismiss",children:s.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",children:[s.jsx("line",{x1:"2",y1:"2",x2:"10",y2:"10"}),s.jsx("line",{x1:"10",y1:"2",x2:"2",y2:"10"})]})})]})})}function k(t){switch(t){case"success":return"✓";case"danger":return"✕";case"warning":return"⚠";case"info":return"ℹ";default:return"●"}}const w={...T.toastContract,id:"vhyxui-toast"},I=Object.assign(g.withAgentContract(b,w),{displayName:"VhyxToast"});exports.Toast=I;exports.ToastProvider=b;exports.addToast=v;exports.dismissAllToasts=j;exports.dismissToast=h;