@vhyxui/react 0.1.3-alpha → 0.2.1-alpha

package/dist/Select-DjeJOdb7.js

@@ -1,327 +0,0 @@
-import { j as f } from "./jsx-runtime-CL69jGNW.js";
-import L, { useState as E, useRef as N, useEffect as C, useCallback as m, useMemo as q, createContext as ae, useContext as le } from "react";
-import de from "react-dom";
-import { selectContract as K, Slot as ue, VhyxUIError as fe, VhyxUIErrorCode as pe } from "@vhyxui/core";
-import { withAgentContract as ge } from "@vhyxseal/react";
-import { u as T } from "./useId-BGRmH6iF.js";
-const me = "_trigger_rs2m0_3", he = "_content_rs2m0_81", xe = "_item_rs2m0_101", ye = "_group_rs2m0_142", ve = "_label_rs2m0_148", Se = "_separator_rs2m0_160", S = {
-  trigger: me,
-  "trigger-value": "_trigger-value_rs2m0_62",
-  "trigger-icon": "_trigger-icon_rs2m0_70",
-  content: he,
-  item: xe,
-  "item-check": "_item-check_rs2m0_131",
-  group: ye,
-  label: ve,
-  separator: Se
-}, Q = ae(null);
-function H(n) {
-  const o = le(Q);
-  if (!o)
-    throw new fe({
-      code: pe.VHYXUI_MISSING_CONTEXT,
-      message: `${n} must be used within <Select>`,
-      suggestion: "Wrap your component tree with <Select>"
-    });
-  return o;
-}
-const Z = L.forwardRef(
-  ({
-    value: n,
-    defaultValue: o,
-    onValueChange: l,
-    disabled: t = !1,
-    size: d = "md",
-    placeholder: e,
-    contract: x,
-    children: g,
-    className: c,
-    ...y
-  }, b) => {
-    const i = T("vhyx-select-trigger"), u = T("vhyx-select-content"), R = T("vhyx-select"), h = n !== void 0, [j, r] = E(o), v = h ? n : j, [k, B] = E(!1), [V, I] = E(void 0), O = N(null), z = N(null), M = N(/* @__PURE__ */ new Map()), D = N([]), U = N(/* @__PURE__ */ new Map()), [W, A] = E(void 0), G = N(v);
-    G.current = v, C(() => {
-      if (v === void 0) {
-        A(void 0);
-        return;
-      }
-      const s = M.current.get(v);
-      A(s ? s.label : void 0);
-    }, [v]);
-    const P = m(
-      (s, a, p) => {
-        M.current.has(s) || D.current.push(s);
-        const w = { label: a };
-        p !== void 0 && (w.disabled = p), M.current.set(s, w), s === G.current && A(a);
-      },
-      []
-    ), F = m(() => W, [W]), X = m(
-      (s) => {
-        var w;
-        const a = D.current.filter(
-          (_) => {
-            var $;
-            return !(($ = M.current.get(_)) != null && $.disabled);
-          }
-        );
-        if (a.length === 0) return;
-        let p;
-        if (s === "home")
-          p = a[0];
-        else if (s === "end")
-          p = a[a.length - 1];
-        else {
-          const _ = V !== void 0 ? a.indexOf(V) : -1;
-          p = s === "down" ? a[Math.min(_ + 1, a.length - 1)] : a[Math.max(_ - 1, 0)];
-        }
-        p !== void 0 && (I(p), (w = U.current.get(p)) == null || w.focus());
-      },
-      [V]
-    ), Y = m(
-      (s) => {
-        var a;
-        h || r(s), l == null || l(s), B(!1), I(void 0), (a = O.current) == null || a.focus();
-      },
-      [h, l]
-    ), J = m(
-      (s) => {
-        if (B(s), s) {
-          const a = v ?? D.current[0];
-          I(a);
-        } else
-          I(void 0);
-      },
-      [v]
-    ), ce = q(
-      () => ({ ...K, id: R, ...x }),
-      [R, x]
-    ), ie = q(
-      () => ({
-        value: v,
-        onValueChange: Y,
-        open: k,
-        onOpenChange: J,
-        disabled: t,
-        size: d,
-        placeholder: e,
-        triggerId: i,
-        contentId: u,
-        triggerRef: O,
-        contentRef: z,
-        focusedValue: V,
-        setFocusedValue: I,
-        registerItem: P,
-        getSelectedLabel: F,
-        navigateItems: X,
-        itemElementsRef: U,
-        itemOrderRef: D,
-        itemRegistryRef: M
-      }),
-      [
-        v,
-        Y,
-        k,
-        J,
-        t,
-        d,
-        e,
-        i,
-        u,
-        V,
-        P,
-        F,
-        X
-      ]
-    );
-    return C(() => {
-      if (!k) return;
-      function s(a) {
-        var p;
-        a.key === "Escape" && (B(!1), I(void 0), (p = O.current) == null || p.focus());
-      }
-      return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-    }, [k]), C(() => {
-      if (!k) return;
-      function s(a) {
-        var w, _;
-        const p = a.target;
-        (w = O.current) != null && w.contains(p) || (_ = z.current) != null && _.contains(p) || (B(!1), I(void 0));
-      }
-      return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
-    }, [k]), /* @__PURE__ */ f.jsx(Q.Provider, { value: ie, children: /* @__PURE__ */ f.jsx(
-      "div",
-      {
-        ref: b,
-        className: c,
-        "data-size": d,
-        "data-disabled": t ? !0 : void 0,
-        "data-vhyx-contract": JSON.stringify(ce),
-        ...y,
-        children: g
-      }
-    ) });
-  }
-);
-Z.displayName = "VhyxSelect";
-const ee = L.forwardRef(
-  ({ icon: n, className: o, asChild: l = !1, ...t }, d) => {
-    const e = H("Select.Trigger"), x = e.getSelectedLabel(), g = m(
-      (u) => {
-        e.triggerRef.current = u, typeof d == "function" ? d(u) : d && (d.current = u);
-      },
-      [d, e.triggerRef]
-    ), c = m(() => {
-      e.disabled || e.onOpenChange(!e.open);
-    }, [e]), y = m(
-      (u) => {
-        (u.key === "ArrowDown" || u.key === "ArrowUp") && (u.preventDefault(), e.open || e.onOpenChange(!0));
-      },
-      [e]
-    ), b = [S.trigger, o].filter(Boolean).join(" "), i = {
-      id: e.triggerId,
-      role: "combobox",
-      "aria-haspopup": "listbox",
-      "aria-expanded": e.open,
-      "aria-controls": e.open ? e.contentId : void 0,
-      disabled: e.disabled,
-      onClick: c,
-      onKeyDown: y,
-      className: b,
-      "data-size": e.size,
-      "data-state": e.open ? "open" : "closed",
-      "data-placeholder": x ? void 0 : !0,
-      ...t
-    };
-    return l ? /* @__PURE__ */ f.jsx(ue, { ref: g, ...i, children: t.children }) : /* @__PURE__ */ f.jsxs("button", { ref: g, type: "button", ...i, children: [
-      /* @__PURE__ */ f.jsx("span", { className: S["trigger-value"], children: x ?? e.placeholder ?? "Select…" }),
-      /* @__PURE__ */ f.jsx("span", { className: S["trigger-icon"], "aria-hidden": "true", children: n ?? /* @__PURE__ */ f.jsx("svg", { viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ f.jsx("path", { d: "M2.5 4.5L6 8L9.5 4.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
-    ] });
-  }
-);
-ee.displayName = "VhyxSelectTrigger";
-function te({ children: n, className: o, ...l }) {
-  const t = H("Select.Content"), [d, e] = E(!1), [x, g] = E({
-    position: "fixed",
-    top: 0,
-    left: 0,
-    minWidth: 0,
-    zIndex: "var(--vhyx-z-dropdown)"
-  });
-  C(() => {
-    e(!0);
-  }, []), C(() => {
-    var r;
-    if (!t.open || !t.triggerRef.current) return;
-    const i = t.triggerRef.current.getBoundingClientRect(), u = window.innerHeight - i.bottom, R = i.top, h = ((r = t.contentRef.current) == null ? void 0 : r.scrollHeight) ?? 300, j = u < h && R > u;
-    g({
-      position: "fixed",
-      top: j ? i.top - h - 4 : i.bottom + 4,
-      left: i.left,
-      minWidth: i.width,
-      zIndex: "var(--vhyx-z-dropdown)",
-      maxHeight: j ? Math.min(h, R - 8) : Math.min(h, u - 8),
-      overflowY: "auto"
-    });
-  }, [t.open, t.triggerRef]), C(() => {
-    var i;
-    !t.open || !t.focusedValue || (i = t.itemElementsRef.current.get(t.focusedValue)) == null || i.focus();
-  }, [t.open]);
-  const c = m(
-    (i) => {
-      t.contentRef.current = i;
-    },
-    [t.contentRef]
-  );
-  if (!d) return null;
-  const y = [S.content, o].filter(Boolean).join(" "), b = /* @__PURE__ */ f.jsx(
-    "div",
-    {
-      ref: c,
-      id: t.contentId,
-      role: "listbox",
-      "aria-labelledby": t.triggerId,
-      className: y,
-      "data-state": t.open ? "open" : "closed",
-      style: x,
-      ...l,
-      children: n
-    }
-  );
-  return de.createPortal(b, document.body);
-}
-te.displayName = "VhyxSelectContent";
-const ne = L.forwardRef(
-  ({ value: n, disabled: o, children: l, className: t, onClick: d, onKeyDown: e, ...x }, g) => {
-    const c = H("Select.Item"), y = c.value === n, b = c.focusedValue === n, i = typeof l == "string" ? l : "";
-    C(() => {
-      c.registerItem(n, i, o);
-    }, [c, n, i, o]);
-    const u = m(
-      (r) => {
-        r ? c.itemElementsRef.current.set(n, r) : c.itemElementsRef.current.delete(n), typeof g == "function" ? g(r) : g && (g.current = r);
-      },
-      [g, c, n]
-    ), R = m(
-      (r) => {
-        d == null || d(r), o || c.onValueChange(n);
-      },
-      [d, o, c, n]
-    ), h = m(
-      (r) => {
-        e == null || e(r), r.key === "Enter" || r.key === " " ? (r.preventDefault(), o || c.onValueChange(n)) : r.key === "ArrowDown" ? (r.preventDefault(), c.navigateItems("down")) : r.key === "ArrowUp" ? (r.preventDefault(), c.navigateItems("up")) : r.key === "Home" ? (r.preventDefault(), c.navigateItems("home")) : r.key === "End" && (r.preventDefault(), c.navigateItems("end"));
-      },
-      [e, o, c, n]
-    ), j = [S.item, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ f.jsxs(
-      "div",
-      {
-        ref: u,
-        role: "option",
-        "aria-selected": y,
-        "aria-disabled": o ? !0 : void 0,
-        tabIndex: b ? 0 : -1,
-        onClick: R,
-        onKeyDown: h,
-        className: j,
-        "data-state": y ? "selected" : "unselected",
-        "data-disabled": o ? !0 : void 0,
-        "data-focused": b ? !0 : void 0,
-        ...x,
-        children: [
-          l,
-          y && /* @__PURE__ */ f.jsx("span", { className: S["item-check"], "aria-hidden": "true", children: /* @__PURE__ */ f.jsx("svg", { viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", children: /* @__PURE__ */ f.jsx("polyline", { points: "2,6 5,9 10,3" }) }) })
-        ]
-      }
-    );
-  }
-);
-ne.displayName = "VhyxSelectItem";
-function re({ children: n, className: o, ...l }) {
-  const t = T("vhyx-select-group-label"), d = [S.group, o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ f.jsx("div", { role: "group", "aria-labelledby": t, className: d, ...l, children: L.Children.map(n, (e) => L.isValidElement(e) && e.type.displayName === "VhyxSelectLabel" ? L.cloneElement(e, { id: t }) : e) });
-}
-re.displayName = "VhyxSelectGroup";
-function oe({ children: n, className: o, ...l }) {
-  const t = [S.label, o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ f.jsx("span", { className: t, ...l, children: n });
-}
-oe.displayName = "VhyxSelectLabel";
-function se({ className: n, ...o }) {
-  const l = [S.separator, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ f.jsx("hr", { "aria-hidden": "true", className: l, ...o });
-}
-se.displayName = "VhyxSelectSeparator";
-const be = { ...K, id: "vhyxui-select" }, we = Object.assign(
-  ge(Z, be),
-  {
-    Trigger: ee,
-    Content: te,
-    Item: ne,
-    Group: re,
-    Label: oe,
-    Separator: se
-  }
-);
-we.displayName = "VhyxSelect";
-export {
-  we as S
-};

package/dist/Spinner-BZGPmp9c.cjs

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