@vhyxui/react 0.1.0-alpha.1

package/dist/Tabs-BTfm4LbV.js

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

package/dist/Tabs-DuU02-UD.cjs

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

package/dist/Textarea-CLrctxHU.js

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

package/dist/Textarea-H6evM8L4.cjs

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

package/dist/Toast-0acAjZTB.js

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

package/dist/Toast-ndaxbpcV.cjs

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

package/dist/Tooltip-BAmErB_g.js

@@ -0,0 +1,107 @@
+import { j as h } from "./jsx-runtime-CL69jGNW.js";
+import P, { useState as b, useRef as y, useCallback as c, useEffect as E } from "react";
+import k from "react-dom";
+import { tooltipContract as F } from "@vhyxui/core";
+import { withAgentContract as I } from "@vhyxseal/react";
+import { u as N } from "./useId-BGRmH6iF.js";
+const V = "_tooltip_jlaje_1", _ = {
+  tooltip: V
+};
+function R({
+  content: j,
+  side: e = "top",
+  align: w = "center",
+  delayDuration: g = 400,
+  skipDelayDuration: M = 300,
+  children: n
+}) {
+  const x = N("vhyx-tooltip"), [l, f] = b(!1), [T, C] = b({ top: 0, left: 0 }), v = y(null), a = y(null), m = y(null), i = c(() => {
+    a.current && clearTimeout(a.current), m.current && clearTimeout(m.current);
+  }, []);
+  E(() => () => i(), [i]);
+  const d = c(() => {
+    const o = v.current;
+    if (!o) return;
+    const t = o.getBoundingClientRect(), p = 6;
+    let s = 0, r = 0;
+    e === "top" ? (s = t.top - p, r = t.left + t.width / 2) : e === "bottom" ? (s = t.bottom + p, r = t.left + t.width / 2) : e === "right" ? (s = t.top + t.height / 2, r = t.right + p) : (s = t.top + t.height / 2, r = t.left - p), C({ top: s, left: r });
+  }, [e]), B = c(() => {
+    i(), a.current = setTimeout(() => {
+      d(), f(!0);
+    }, g);
+  }, [i, g, d]), u = c(
+    (o = 0) => {
+      i(), o > 0 ? m.current = setTimeout(() => f(!1), o) : f(!1);
+    },
+    [i]
+  );
+  E(() => {
+    if (!l) return;
+    function o(t) {
+      t.key === "Escape" && u(0);
+    }
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [l, u]);
+  const L = P.cloneElement(
+    n,
+    {
+      ref: c(
+        (o) => {
+          v.current = o;
+          const t = n.ref;
+          typeof t == "function" ? t(o) : t && typeof t == "object" && (t.current = o);
+        },
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        []
+      ),
+      "aria-describedby": l ? x : void 0,
+      onMouseEnter: (o) => {
+        const t = n.props.onMouseEnter;
+        typeof t == "function" && t(o), B();
+      },
+      onMouseLeave: (o) => {
+        const t = n.props.onMouseLeave;
+        typeof t == "function" && t(o), u(M);
+      },
+      onFocus: (o) => {
+        const t = n.props.onFocus;
+        typeof t == "function" && t(o), d(), f(!0);
+      },
+      onBlur: (o) => {
+        const t = n.props.onBlur;
+        typeof t == "function" && t(o), u(0);
+      }
+    }
+  ), O = l ? k.createPortal(
+    /* @__PURE__ */ h.jsx(
+      "div",
+      {
+        id: x,
+        role: "tooltip",
+        className: _.tooltip,
+        "data-side": e,
+        "data-align": w,
+        style: {
+          position: "fixed",
+          top: T.top,
+          left: T.left,
+          zIndex: 550,
+          // --vhyx-z-tooltip
+          transform: e === "top" || e === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
+        },
+        children: j
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+    L,
+    O
+  ] });
+}
+R.displayName = "VhyxTooltip";
+const A = { ...F, id: "vhyxui-tooltip" }, S = I(R, A);
+S.displayName = "VhyxTooltip";
+export {
+  S as T
+};

package/dist/Tooltip-CCd6VRvZ.cjs

@@ -0,0 +1 @@
+"use strict";const h=require("./jsx-runtime-BRMkMA8J.cjs"),o=require("react"),q=require("react-dom"),B=require("@vhyxui/core"),L=require("@vhyxseal/react"),O=require("./useId-D2AEOm2G.cjs"),P="_tooltip_jlaje_1",F={tooltip:P};function R({content:T,side:n="top",align:v="center",delayDuration:y=400,skipDelayDuration:C=300,children:s}){const x=O.useId("vhyx-tooltip"),[l,u]=o.useState(!1),[b,j]=o.useState({top:0,left:0}),g=o.useRef(null),p=o.useRef(null),m=o.useRef(null),i=o.useCallback(()=>{p.current&&clearTimeout(p.current),m.current&&clearTimeout(m.current)},[]);o.useEffect(()=>()=>i(),[i]);const d=o.useCallback(()=>{const e=g.current;if(!e)return;const t=e.getBoundingClientRect(),a=6;let r=0,c=0;n==="top"?(r=t.top-a,c=t.left+t.width/2):n==="bottom"?(r=t.bottom+a,c=t.left+t.width/2):n==="right"?(r=t.top+t.height/2,c=t.right+a):(r=t.top+t.height/2,c=t.left-a),j({top:r,left:c})},[n]),k=o.useCallback(()=>{i(),p.current=setTimeout(()=>{d(),u(!0)},y)},[i,y,d]),f=o.useCallback((e=0)=>{i(),e>0?m.current=setTimeout(()=>u(!1),e):u(!1)},[i]);o.useEffect(()=>{if(!l)return;function e(t){t.key==="Escape"&&f(0)}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[l,f]);const w=o.cloneElement(s,{ref:o.useCallback(e=>{g.current=e;const t=s.ref;typeof t=="function"?t(e):t&&typeof t=="object"&&(t.current=e)},[]),"aria-describedby":l?x:void 0,onMouseEnter:e=>{const t=s.props.onMouseEnter;typeof t=="function"&&t(e),k()},onMouseLeave:e=>{const t=s.props.onMouseLeave;typeof t=="function"&&t(e),f(C)},onFocus:e=>{const t=s.props.onFocus;typeof t=="function"&&t(e),d(),u(!0)},onBlur:e=>{const t=s.props.onBlur;typeof t=="function"&&t(e),f(0)}}),M=l?q.createPortal(h.jsxRuntimeExports.jsx("div",{id:x,role:"tooltip",className:F.tooltip,"data-side":n,"data-align":v,style:{position:"fixed",top:b.top,left:b.left,zIndex:550,transform:n==="top"||n==="bottom"?"translateX(-50%)":"translateY(-50%)"},children:T}),document.body):null;return h.jsxRuntimeExports.jsxs(h.jsxRuntimeExports.Fragment,{children:[w,M]})}R.displayName="VhyxTooltip";const I={...B.tooltipContract,id:"vhyxui-tooltip"},E=L.withAgentContract(R,I);E.displayName="VhyxTooltip";exports.Tooltip=E;

package/dist/VhyxUIProvider-C9NxI-tU.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./jsx-runtime-BRMkMA8J.cjs"),c=require("@vhyxseal/react"),a=require("./Toast-ndaxbpcV.cjs"),x={"skip-link":"_skip-link_1u818_1"},d={domain:"",domainVerified:!1,verificationToken:""};function e({children:s,toastPosition:o="bottom-right",maxToasts:r=5,defaultDuration:n=4e3}){const t=process.env.NODE_ENV!=="production";return i.jsxRuntimeExports.jsxs(c.SealProvider,{config:d,dev:t,children:[i.jsxRuntimeExports.jsx("a",{href:"#vhyx-main",className:x["skip-link"],children:"Skip to main content"}),i.jsxRuntimeExports.jsx(a.ToastProvider,{position:o,maxToasts:r,defaultDuration:n,children:s})]})}e.displayName="VhyxUIProvider";exports.VhyxUIProvider=e;

package/dist/VhyxUIProvider-D1vNoiIk.js

@@ -0,0 +1,34 @@
+import { j as i } from "./jsx-runtime-CL69jGNW.js";
+import { SealProvider as t } from "@vhyxseal/react";
+import { a } from "./Toast-0acAjZTB.js";
+const m = {
+  "skip-link": "_skip-link_1u818_1"
+}, p = {
+  domain: "",
+  domainVerified: !1,
+  verificationToken: ""
+};
+function c({
+  children: o,
+  toastPosition: r = "bottom-right",
+  maxToasts: s = 5,
+  defaultDuration: e = 4e3
+}) {
+  const n = process.env.NODE_ENV !== "production";
+  return /* @__PURE__ */ i.jsxs(t, { config: p, dev: n, children: [
+    /* @__PURE__ */ i.jsx("a", { href: "#vhyx-main", className: m["skip-link"], children: "Skip to main content" }),
+    /* @__PURE__ */ i.jsx(
+      a,
+      {
+        position: r,
+        maxToasts: s,
+        defaultDuration: e,
+        children: o
+      }
+    )
+  ] });
+}
+c.displayName = "VhyxUIProvider";
+export {
+  c as V
+};

package/dist/alert.cjs

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