@usevyre/react 0.1.0

package/dist/index.js

@@ -0,0 +1,2864 @@
+import { jsxs as N, jsx as n, Fragment as de } from "react/jsx-runtime";
+import p, { useRef as A, useCallback as M, useEffect as V, createContext as ee, useReducer as Se, useContext as U, useState as D, useId as oe, useMemo as ae } from "react";
+import P from "react-dom";
+function m(...e) {
+  const r = [];
+  for (const t of e)
+    if (t) {
+      if (typeof t == "string")
+        r.push(t);
+      else if (Array.isArray(t)) {
+        const a = m(...t);
+        a && r.push(a);
+      } else if (typeof t == "object")
+        for (const [a, o] of Object.entries(t))
+          o && r.push(a);
+    }
+  return r.join(" ");
+}
+const Ee = {
+  primary: "vyre-btn--primary",
+  secondary: "vyre-btn--secondary",
+  ghost: "vyre-btn--ghost",
+  accent: "vyre-btn--accent",
+  teal: "vyre-btn--teal",
+  danger: "vyre-btn--danger"
+}, De = {
+  sm: "vyre-btn--sm",
+  md: "vyre-btn--md",
+  lg: "vyre-btn--lg",
+  icon: "vyre-btn--icon"
+}, Ae = p.forwardRef(
+  ({
+    variant: e = "secondary",
+    size: r = "md",
+    loading: t = !1,
+    disabled: a,
+    leftIcon: o,
+    rightIcon: i,
+    className: d,
+    children: s,
+    as: l = "button",
+    ...b
+  }, h) => {
+    const v = a || t;
+    return /* @__PURE__ */ N(
+      l,
+      {
+        ref: h,
+        className: m(
+          "vyre-btn",
+          Ee[e],
+          De[r],
+          t && "vyre-btn--loading",
+          d
+        ),
+        disabled: l === "button" ? v : void 0,
+        "aria-disabled": v,
+        "data-variant": e,
+        "data-size": r,
+        ...b,
+        children: [
+          t && /* @__PURE__ */ n("span", { className: "vyre-btn__spinner", "aria-hidden": "true", children: /* @__PURE__ */ n(Be, {}) }),
+          !t && o && /* @__PURE__ */ n("span", { className: "vyre-btn__icon vyre-btn__icon--left", "aria-hidden": "true", children: o }),
+          s && /* @__PURE__ */ n("span", { className: "vyre-btn__label", children: s }),
+          i && /* @__PURE__ */ n("span", { className: "vyre-btn__icon vyre-btn__icon--right", "aria-hidden": "true", children: i })
+        ]
+      }
+    );
+  }
+);
+Ae.displayName = "VyreButton";
+function Be() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "vyre-spinner",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n(
+        "circle",
+        {
+          cx: "7",
+          cy: "7",
+          r: "5.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeDasharray: "28",
+          strokeDashoffset: "10"
+        }
+      )
+    }
+  );
+}
+const Ve = p.forwardRef(
+  ({ variant: e = "default", dot: r = !1, className: t, children: a, ...o }, i) => /* @__PURE__ */ N(
+    "span",
+    {
+      ref: i,
+      className: m("vyre-badge", `vyre-badge--${e}`, t),
+      "data-variant": e,
+      ...o,
+      children: [
+        r && /* @__PURE__ */ n("span", { className: "vyre-badge__dot", "aria-hidden": "true" }),
+        a
+      ]
+    }
+  )
+);
+Ve.displayName = "VyreBadge";
+const $e = p.forwardRef(
+  ({
+    variant: e = "default",
+    hoverable: r = !1,
+    clickable: t = !1,
+    className: a,
+    children: o,
+    ...i
+  }, d) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: d,
+      className: m(
+        "vyre-card",
+        `vyre-card--${e}`,
+        r && "vyre-card--hoverable",
+        t && "vyre-card--clickable",
+        a
+      ),
+      "data-variant": e,
+      role: t ? "button" : void 0,
+      tabIndex: t ? 0 : void 0,
+      ...i,
+      children: o
+    }
+  )
+);
+$e.displayName = "VyreCard";
+const We = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-card__header", e), ...t, children: r })
+);
+We.displayName = "VyreCardHeader";
+const je = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-card__body", e), ...t, children: r })
+);
+je.displayName = "VyreCardBody";
+const He = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-card__footer", e), ...t, children: r })
+);
+He.displayName = "VyreCardFooter";
+const Fe = p.forwardRef(
+  ({
+    label: e,
+    hint: r,
+    state: t = "idle",
+    required: a = !1,
+    htmlFor: o,
+    className: i,
+    children: d,
+    ...s
+  }, l) => /* @__PURE__ */ N(
+    "div",
+    {
+      ref: l,
+      className: m("vyre-field", t !== "idle" && `vyre-field--${t}`, i),
+      "data-state": t,
+      ...s,
+      children: [
+        e && /* @__PURE__ */ N("label", { className: "vyre-field__label", htmlFor: o, children: [
+          e,
+          a && /* @__PURE__ */ n("span", { className: "vyre-field__required", "aria-label": "required", children: "*" })
+        ] }),
+        d,
+        r && /* @__PURE__ */ n("span", { className: "vyre-field__hint", role: t === "error" ? "alert" : void 0, children: r })
+      ]
+    }
+  )
+);
+Fe.displayName = "VyreField";
+const Oe = p.forwardRef(
+  ({
+    size: e = "md",
+    leftElement: r,
+    rightElement: t,
+    className: a,
+    ...o
+  }, i) => r || t ? /* @__PURE__ */ N("div", { className: m("vyre-input-wrapper", `vyre-input-wrapper--${e}`), children: [
+    r && /* @__PURE__ */ n("span", { className: "vyre-input__element vyre-input__element--left", "aria-hidden": "true", children: r }),
+    /* @__PURE__ */ n(
+      "input",
+      {
+        ref: i,
+        className: m(
+          "vyre-input",
+          `vyre-input--${e}`,
+          !!r && "vyre-input--has-left",
+          !!t && "vyre-input--has-right",
+          a
+        ),
+        ...o
+      }
+    ),
+    t && /* @__PURE__ */ n("span", { className: "vyre-input__element vyre-input__element--right", "aria-hidden": "true", children: t })
+  ] }) : /* @__PURE__ */ n(
+    "input",
+    {
+      ref: i,
+      className: m("vyre-input", `vyre-input--${e}`, a),
+      ...o
+    }
+  )
+);
+Oe.displayName = "VyreInput";
+const Ke = p.forwardRef(
+  ({ size: e = "md", resize: r = "vertical", className: t, style: a, ...o }, i) => /* @__PURE__ */ n(
+    "textarea",
+    {
+      ref: i,
+      className: m("vyre-textarea", `vyre-textarea--${e}`, t),
+      style: { resize: r, ...a },
+      ...o
+    }
+  )
+);
+Ke.displayName = "VyreTextarea";
+const qe = [
+  "a[href]",
+  "button:not([disabled])",
+  "textarea:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(","), Pe = p.forwardRef(
+  ({
+    open: e,
+    onClose: r,
+    size: t = "md",
+    closeOnBackdrop: a = !0,
+    closeOnEsc: o = !0,
+    initialFocus: i,
+    className: d,
+    children: s,
+    "aria-label": l,
+    "aria-labelledby": b,
+    ...h
+  }, v) => {
+    const y = A(null), _ = A(null), c = M(
+      (f) => {
+        y.current = f, typeof v == "function" ? v(f) : v && (v.current = f);
+      },
+      [v]
+    ), u = M((f) => {
+      if (f.key !== "Tab") return;
+      const x = y.current;
+      if (!x) return;
+      const L = Array.from(x.querySelectorAll(qe));
+      if (!L.length) return;
+      const B = L[0], $ = L[L.length - 1];
+      f.shiftKey && document.activeElement === B ? (f.preventDefault(), $.focus()) : !f.shiftKey && document.activeElement === $ && (f.preventDefault(), B.focus());
+    }, []), w = M(
+      (f) => {
+        f.key === "Escape" && o && r();
+      },
+      [o, r]
+    );
+    return V(() => {
+      if (!e) return;
+      document.addEventListener("keydown", w), document.addEventListener("keydown", u);
+      const f = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      const x = setTimeout(() => {
+        var L;
+        i != null && i.current ? i.current.focus() : (L = y.current) == null || L.focus();
+      }, 0);
+      return () => {
+        document.removeEventListener("keydown", w), document.removeEventListener("keydown", u), document.body.style.overflow = f, clearTimeout(x);
+      };
+    }, [e, w, u, i]), e ? P.createPortal(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          ref: _,
+          className: "vyre-modal-backdrop",
+          onClick: (f) => {
+            a && f.target === _.current && r();
+          },
+          role: "presentation",
+          children: /* @__PURE__ */ n(
+            "div",
+            {
+              ref: c,
+              className: m("vyre-modal", `vyre-modal--${t}`, d),
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": l,
+              "aria-labelledby": b,
+              tabIndex: -1,
+              ...h,
+              children: s
+            }
+          )
+        }
+      ),
+      document.body
+    ) : null;
+  }
+);
+Pe.displayName = "VyreModal";
+const Ye = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-modal__header", e), ...t, children: r })
+);
+Ye.displayName = "VyreModalHeader";
+const Ue = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-modal__body", e), ...t, children: r })
+);
+Ue.displayName = "VyreModalBody";
+const Ge = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-modal__footer", e), ...t, children: r })
+);
+Ge.displayName = "VyreModalFooter";
+const _e = ee(null);
+function Xe(e, r) {
+  switch (r.type) {
+    case "ADD":
+      return [...e, r.payload];
+    case "REMOVE":
+      return e.filter((t) => t.id !== r.id);
+    default:
+      return e;
+  }
+}
+let ze = 0;
+const Ze = () => `vyre-t-${++ze}`;
+function Kr({ children: e }) {
+  const [r, t] = Se(Xe, []), a = M((i) => {
+    const d = Ze();
+    return t({ type: "ADD", payload: { ...i, id: d } }), d;
+  }, []), o = M((i) => {
+    t({ type: "REMOVE", id: i });
+  }, []);
+  return /* @__PURE__ */ N(_e.Provider, { value: { toast: a, dismiss: o }, children: [
+    e,
+    typeof document < "u" && P.createPortal(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: "vyre-toast-viewport",
+          "aria-live": "polite",
+          "aria-atomic": "false",
+          "aria-label": "Notifications",
+          children: r.map((i) => /* @__PURE__ */ n(Je, { ...i, onDismiss: () => o(i.id) }, i.id))
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function qr() {
+  const e = U(_e);
+  if (!e) throw new Error("useToast must be used inside <ToastProvider>");
+  return e;
+}
+function Je({
+  title: e,
+  description: r,
+  variant: t = "default",
+  duration: a = 4e3,
+  onDismiss: o
+}) {
+  return V(() => {
+    if (a === 1 / 0) return;
+    const i = setTimeout(o, a);
+    return () => clearTimeout(i);
+  }, [a, o]), /* @__PURE__ */ N(
+    "div",
+    {
+      className: m("vyre-toast", `vyre-toast--${t}`),
+      role: "alert",
+      "data-variant": t,
+      children: [
+        /* @__PURE__ */ N("div", { className: "vyre-toast__content", children: [
+          e && /* @__PURE__ */ n("p", { className: "vyre-toast__title", children: e }),
+          r && /* @__PURE__ */ n("p", { className: "vyre-toast__description", children: r })
+        ] }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            className: "vyre-toast__close",
+            onClick: o,
+            "aria-label": "Dismiss notification",
+            type: "button",
+            children: /* @__PURE__ */ n(Qe, {})
+          }
+        )
+      ]
+    }
+  );
+}
+function Qe() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
+        }
+      )
+    }
+  );
+}
+const et = p.forwardRef(
+  ({
+    options: e,
+    value: r,
+    defaultValue: t,
+    onChange: a,
+    placeholder: o = "Select an option",
+    disabled: i = !1,
+    size: d = "md",
+    className: s,
+    ...l
+  }, b) => {
+    const h = r !== void 0, [v, y] = D(t ?? ""), _ = h ? r : v, [c, u] = D(!1), [w, f] = D(-1), x = A(null), L = A(null), $ = `${oe()}-listbox`, q = e.find((k) => k.value === _), O = e.filter((k) => !k.disabled), F = M(() => {
+      u(!1), f(-1);
+    }, []), S = M(
+      (k) => {
+        var I;
+        k.disabled || (h || y(k.value), a == null || a(k.value), F(), (I = x.current) == null || I.focus());
+      },
+      [h, a, F]
+    );
+    V(() => {
+      if (!c) return;
+      const k = (I) => {
+        const T = b == null ? void 0 : b.current;
+        T && !T.contains(I.target) && F();
+      };
+      return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+    }, [c, b, F]), V(() => {
+      var I;
+      if (!c || w < 0) return;
+      const k = (I = L.current) == null ? void 0 : I.children[w];
+      k == null || k.scrollIntoView({ block: "nearest" });
+    }, [w, c]);
+    const W = (k) => {
+      switch (k.key) {
+        case "Enter":
+        case " ":
+        case "ArrowDown": {
+          if (k.preventDefault(), !c) {
+            u(!0);
+            const I = e.findIndex((T) => T.value === _);
+            f(I >= 0 ? I : 0);
+          }
+          break;
+        }
+        case "ArrowUp": {
+          k.preventDefault(), c || (u(!0), f(e.length - 1));
+          break;
+        }
+        case "Escape": {
+          F();
+          break;
+        }
+      }
+    }, R = (k) => {
+      var I;
+      switch (k.key) {
+        case "ArrowDown": {
+          k.preventDefault(), f((T) => {
+            let E = T + 1;
+            for (; E < e.length && e[E].disabled; ) E++;
+            return E < e.length ? E : T;
+          });
+          break;
+        }
+        case "ArrowUp": {
+          k.preventDefault(), f((T) => {
+            let E = T - 1;
+            for (; E >= 0 && e[E].disabled; ) E--;
+            return E >= 0 ? E : T;
+          });
+          break;
+        }
+        case "Enter":
+        case " ": {
+          k.preventDefault(), w >= 0 && S(e[w]);
+          break;
+        }
+        case "Escape":
+        case "Tab": {
+          F(), (I = x.current) == null || I.focus();
+          break;
+        }
+        case "Home": {
+          k.preventDefault();
+          const T = e.findIndex((E) => !E.disabled);
+          T >= 0 && f(T);
+          break;
+        }
+        case "End": {
+          k.preventDefault();
+          const T = [...e].reverse().findIndex((E) => !E.disabled);
+          T >= 0 && f(e.length - 1 - T);
+          break;
+        }
+      }
+    };
+    return /* @__PURE__ */ N(
+      "div",
+      {
+        ref: b,
+        className: m("vyre-select", `vyre-select--${d}`, s),
+        "data-open": c,
+        ...l,
+        children: [
+          /* @__PURE__ */ N(
+            "button",
+            {
+              ref: x,
+              type: "button",
+              className: "vyre-select__trigger",
+              "aria-haspopup": "listbox",
+              "aria-expanded": c,
+              "aria-controls": $,
+              "aria-disabled": i,
+              disabled: i,
+              onClick: () => {
+                i || u((k) => {
+                  if (!k) {
+                    const I = e.findIndex((T) => T.value === _);
+                    f(I >= 0 ? I : 0);
+                  }
+                  return !k;
+                });
+              },
+              onKeyDown: W,
+              children: [
+                q ? /* @__PURE__ */ n("span", { className: "vyre-select__value", children: q.label }) : /* @__PURE__ */ n("span", { className: "vyre-select__placeholder", children: o }),
+                /* @__PURE__ */ n(tt, {})
+              ]
+            }
+          ),
+          c && /* @__PURE__ */ N(
+            "ul",
+            {
+              ref: L,
+              id: $,
+              role: "listbox",
+              className: "vyre-select__dropdown",
+              "aria-label": "Options",
+              tabIndex: -1,
+              onKeyDown: R,
+              children: [
+                e.map((k, I) => /* @__PURE__ */ N(
+                  "li",
+                  {
+                    role: "option",
+                    "aria-selected": k.value === _,
+                    "aria-disabled": k.disabled,
+                    "data-highlighted": I === w,
+                    className: "vyre-select__option",
+                    onMouseEnter: () => !k.disabled && f(I),
+                    onMouseDown: (T) => {
+                      T.preventDefault(), S(k);
+                    },
+                    children: [
+                      k.label,
+                      k.value === _ && /* @__PURE__ */ n(rt, {})
+                    ]
+                  },
+                  k.value
+                )),
+                O.length === 0 && /* @__PURE__ */ n("li", { className: "vyre-select__empty", role: "presentation", children: "No options available" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+et.displayName = "VyreSelect";
+function tt() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: "vyre-select__chevron",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M3 5L7 9L11 5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function rt() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: "vyre-select__check",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M2.5 7L5.5 10L11.5 4",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+const we = ee(null);
+function ge() {
+  const e = U(we);
+  if (!e) throw new Error("Tab components must be used inside <Tabs>");
+  return e;
+}
+const nt = p.forwardRef(
+  ({
+    defaultValue: e = "",
+    value: r,
+    onChange: t,
+    className: a,
+    children: o,
+    ...i
+  }, d) => {
+    const s = r !== void 0, [l, b] = D(e), h = s ? r : l, v = oe(), y = M(
+      (_) => {
+        s || b(_), t == null || t(_);
+      },
+      [s, t]
+    );
+    return /* @__PURE__ */ n(we.Provider, { value: { value: h, onChange: y, baseId: v }, children: /* @__PURE__ */ n("div", { ref: d, className: m("vyre-tabs", a), ...i, children: o }) });
+  }
+);
+nt.displayName = "VyreTabs";
+const at = p.forwardRef(
+  ({ className: e, children: r, "aria-label": t, ...a }, o) => {
+    const i = A(null), d = (s) => {
+      var v;
+      const l = Array.from(
+        ((v = i.current) == null ? void 0 : v.querySelectorAll(
+          '[role="tab"]:not([disabled])'
+        )) ?? []
+      ), b = l.findIndex((y) => y === document.activeElement);
+      if (b < 0) return;
+      let h = b;
+      if (s.key === "ArrowRight") h = (b + 1) % l.length;
+      else if (s.key === "ArrowLeft") h = (b - 1 + l.length) % l.length;
+      else if (s.key === "Home") h = 0;
+      else if (s.key === "End") h = l.length - 1;
+      else return;
+      s.preventDefault(), l[h].focus(), l[h].click();
+    };
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: (s) => {
+          i.current = s, typeof o == "function" ? o(s) : o && (o.current = s);
+        },
+        role: "tablist",
+        className: m("vyre-tabs__list", e),
+        "aria-label": t,
+        onKeyDown: d,
+        ...a,
+        children: r
+      }
+    );
+  }
+);
+at.displayName = "VyreTabList";
+const ot = p.forwardRef(
+  ({ value: e, disabled: r = !1, className: t, children: a, ...o }, i) => {
+    const { value: d, onChange: s, baseId: l } = ge(), b = e === d;
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ref: i,
+        role: "tab",
+        type: "button",
+        id: `${l}-tab-${e}`,
+        "aria-controls": `${l}-panel-${e}`,
+        "aria-selected": b,
+        disabled: r,
+        tabIndex: b ? 0 : -1,
+        className: m(
+          "vyre-tabs__tab",
+          b && "vyre-tabs__tab--active",
+          t
+        ),
+        "data-selected": b,
+        onClick: () => !r && s(e),
+        ...o,
+        children: a
+      }
+    );
+  }
+);
+ot.displayName = "VyreTab";
+const it = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-tabs__panels", e), ...t, children: r })
+);
+it.displayName = "VyreTabPanels";
+const st = p.forwardRef(
+  ({ value: e, className: r, children: t, ...a }, o) => {
+    const { value: i, baseId: d } = ge();
+    return e === i ? /* @__PURE__ */ n(
+      "div",
+      {
+        ref: o,
+        role: "tabpanel",
+        id: `${d}-panel-${e}`,
+        "aria-labelledby": `${d}-tab-${e}`,
+        tabIndex: 0,
+        className: m("vyre-tabs__panel", r),
+        ...a,
+        children: t
+      }
+    ) : null;
+  }
+);
+st.displayName = "VyreTabPanel";
+const lt = 120, dt = ({
+  content: e,
+  placement: r = "top",
+  delay: t = 300,
+  children: a,
+  className: o
+}) => {
+  const [i, d] = D("hidden"), s = A(null), l = A(null), b = oe(), h = M(() => {
+    l.current && (clearTimeout(l.current), l.current = null), s.current = setTimeout(() => d("visible"), t);
+  }, [t]), v = M(() => {
+    s.current && (clearTimeout(s.current), s.current = null), d("leaving"), l.current = setTimeout(() => d("hidden"), lt);
+  }, []), y = p.Children.only(a), _ = p.cloneElement(y, {
+    onMouseEnter: (c) => {
+      var u, w;
+      h(), (w = (u = y.props).onMouseEnter) == null || w.call(u, c);
+    },
+    onMouseLeave: (c) => {
+      var u, w;
+      v(), (w = (u = y.props).onMouseLeave) == null || w.call(u, c);
+    },
+    onFocus: (c) => {
+      var u, w;
+      d("visible"), (w = (u = y.props).onFocus) == null || w.call(u, c);
+    },
+    onBlur: (c) => {
+      var u, w;
+      v(), (w = (u = y.props).onBlur) == null || w.call(u, c);
+    },
+    "aria-describedby": i !== "hidden" ? b : void 0
+  });
+  return /* @__PURE__ */ N("span", { className: m("vyre-tooltip-wrapper", o), children: [
+    _,
+    i !== "hidden" && /* @__PURE__ */ N(
+      "span",
+      {
+        id: b,
+        role: "tooltip",
+        className: m(
+          "vyre-tooltip",
+          `vyre-tooltip--${r}`,
+          i === "leaving" && "vyre-tooltip--leaving"
+        ),
+        "data-placement": r,
+        children: [
+          e,
+          /* @__PURE__ */ n("span", { className: "vyre-tooltip__arrow", "aria-hidden": "true" })
+        ]
+      }
+    )
+  ] });
+};
+dt.displayName = "VyreTooltip";
+const Ne = p.createContext(null);
+function ke() {
+  const e = p.useContext(Ne);
+  if (!e) throw new Error("AccordionItem must be used within Accordion");
+  return e;
+}
+const ct = p.forwardRef(
+  ({
+    type: e = "single",
+    defaultValue: r,
+    value: t,
+    onValueChange: a,
+    className: o,
+    children: i,
+    ...d
+  }, s) => {
+    const l = (_) => _ === void 0 ? [] : Array.isArray(_) ? _ : [_], [b, h] = p.useState(
+      l(r)
+    ), v = t !== void 0 ? l(t) : b, y = p.useCallback(
+      (_) => {
+        let c;
+        e === "single" ? c = v.includes(_) ? [] : [_] : c = v.includes(_) ? v.filter((u) => u !== _) : [...v, _], t === void 0 && h(c), a == null || a(e === "single" ? c[0] ?? "" : c);
+      },
+      [e, v, t, a]
+    );
+    return /* @__PURE__ */ n(Ne.Provider, { value: { type: e, value: v, toggle: y }, children: /* @__PURE__ */ n(
+      "div",
+      {
+        ref: s,
+        className: ["vyre-accordion", o].filter(Boolean).join(" "),
+        ...d,
+        children: i
+      }
+    ) });
+  }
+);
+ct.displayName = "Accordion";
+const ve = p.createContext(null), ut = p.forwardRef(
+  ({ value: e, className: r, children: t, ...a }, o) => {
+    const { value: i } = ke(), d = i.includes(e);
+    return /* @__PURE__ */ n(ve.Provider, { value: { itemValue: e, isOpen: d }, children: /* @__PURE__ */ n(
+      "div",
+      {
+        ref: o,
+        "data-state": d ? "open" : "closed",
+        className: ["vyre-accordion__item", r].filter(Boolean).join(" "),
+        ...a,
+        children: t
+      }
+    ) });
+  }
+);
+ut.displayName = "AccordionItem";
+const mt = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => {
+    const { toggle: o } = ke(), i = p.useContext(ve);
+    if (!i) throw new Error("AccordionTrigger must be used within AccordionItem");
+    const { itemValue: d, isOpen: s } = i;
+    return /* @__PURE__ */ N(
+      "button",
+      {
+        ref: a,
+        type: "button",
+        "aria-expanded": s,
+        "data-state": s ? "open" : "closed",
+        className: ["vyre-accordion__trigger", e].filter(Boolean).join(" "),
+        onClick: () => o(d),
+        ...t,
+        children: [
+          /* @__PURE__ */ n("span", { className: "vyre-accordion__trigger-text", children: r }),
+          /* @__PURE__ */ n(
+            "svg",
+            {
+              className: "vyre-accordion__chevron",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ n("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+mt.displayName = "AccordionTrigger";
+const vt = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => {
+    const o = p.useContext(ve);
+    if (!o) throw new Error("AccordionContent must be used within AccordionItem");
+    const { isOpen: i } = o;
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: a,
+        hidden: !i,
+        "data-state": i ? "open" : "closed",
+        className: ["vyre-accordion__content", e].filter(Boolean).join(" "),
+        ...t,
+        children: /* @__PURE__ */ n("div", { className: "vyre-accordion__content-inner", children: r })
+      }
+    );
+  }
+);
+vt.displayName = "AccordionContent";
+const yt = p.forwardRef(
+  ({ src: e, alt: r = "", fallback: t, size: a = "md", status: o, className: i, ...d }, s) => {
+    var v;
+    const [l, b] = p.useState(!1), h = e && !l;
+    return /* @__PURE__ */ N(
+      "span",
+      {
+        ref: s,
+        "data-size": a,
+        className: ["vyre-avatar", i].filter(Boolean).join(" "),
+        ...d,
+        children: [
+          h ? /* @__PURE__ */ n(
+            "img",
+            {
+              src: e,
+              alt: r,
+              className: "vyre-avatar__img",
+              onError: () => b(!0)
+            }
+          ) : /* @__PURE__ */ n("span", { className: "vyre-avatar__fallback", "aria-label": r || t, children: t ?? ((v = r == null ? void 0 : r.charAt(0)) == null ? void 0 : v.toUpperCase()) ?? "?" }),
+          o && /* @__PURE__ */ n(
+            "span",
+            {
+              className: `vyre-avatar__status vyre-avatar__status--${o}`,
+              "aria-label": o
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+yt.displayName = "Avatar";
+const ft = p.forwardRef(
+  ({
+    checked: e,
+    defaultChecked: r,
+    indeterminate: t = !1,
+    onCheckedChange: a,
+    disabled: o,
+    size: i = "md",
+    className: d,
+    id: s,
+    ...l
+  }, b) => {
+    const h = p.useRef(null), v = b ?? h;
+    return p.useEffect(() => {
+      v.current && (v.current.indeterminate = t);
+    }, [t, v]), /* @__PURE__ */ N(
+      "span",
+      {
+        className: ["vyre-checkbox", `vyre-checkbox--${i}`, d].filter(Boolean).join(" "),
+        "data-disabled": o || void 0,
+        "data-checked": e || void 0,
+        "data-indeterminate": t || void 0,
+        children: [
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: v,
+              type: "checkbox",
+              id: s,
+              checked: e,
+              defaultChecked: r,
+              disabled: o,
+              className: "vyre-checkbox__input",
+              onChange: (y) => a == null ? void 0 : a(y.target.checked),
+              ...l
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: "vyre-checkbox__box", "aria-hidden": "true", children: t ? /* @__PURE__ */ n("svg", { width: "10", height: "2", viewBox: "0 0 10 2", fill: "none", children: /* @__PURE__ */ n("path", { d: "M1 1h8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) : /* @__PURE__ */ n("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ n("path", { d: "M1 4l3 3 5-6", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+        ]
+      }
+    );
+  }
+);
+ft.displayName = "Checkbox";
+const ht = p.forwardRef(
+  ({
+    checked: e,
+    defaultChecked: r = !1,
+    onCheckedChange: t,
+    disabled: a,
+    size: o = "md",
+    className: i,
+    ...d
+  }, s) => {
+    const [l, b] = p.useState(r), h = e !== void 0 ? e : l, v = () => {
+      if (a) return;
+      const y = !h;
+      e === void 0 && b(y), t == null || t(y);
+    };
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ref: s,
+        type: "button",
+        role: "switch",
+        "aria-checked": h,
+        disabled: a,
+        "data-checked": h || void 0,
+        "data-size": o,
+        className: ["vyre-switch", i].filter(Boolean).join(" "),
+        onClick: v,
+        ...d,
+        children: /* @__PURE__ */ n("span", { className: "vyre-switch__thumb" })
+      }
+    );
+  }
+);
+ht.displayName = "Switch";
+const bt = p.forwardRef(
+  ({
+    value: e,
+    defaultValue: r = 0,
+    min: t = 0,
+    max: a = 100,
+    step: o = 1,
+    onValueChange: i,
+    disabled: d,
+    size: s = "md",
+    className: l,
+    style: b,
+    ...h
+  }, v) => {
+    const [y, _] = p.useState(r), c = e !== void 0 ? e : y, u = (c - t) / (a - t) * 100;
+    return /* @__PURE__ */ N(
+      "div",
+      {
+        className: ["vyre-slider", `vyre-slider--${s}`, l].filter(Boolean).join(" "),
+        "data-disabled": d || void 0,
+        style: { "--vyre-slider-pct": `${u}%`, ...b },
+        children: [
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: v,
+              type: "range",
+              min: t,
+              max: a,
+              step: o,
+              value: c,
+              disabled: d,
+              className: "vyre-slider__input",
+              onChange: (w) => {
+                const f = Number(w.target.value);
+                e === void 0 && _(f), i == null || i(f);
+              },
+              ...h
+            }
+          ),
+          /* @__PURE__ */ N("div", { className: "vyre-slider__track", children: [
+            /* @__PURE__ */ n("div", { className: "vyre-slider__fill", style: { width: `${u}%` } }),
+            /* @__PURE__ */ n("div", { className: "vyre-slider__thumb", style: { left: `${u}%` } })
+          ] })
+        ]
+      }
+    );
+  }
+);
+bt.displayName = "Slider";
+const pt = p.forwardRef(
+  ({
+    value: e,
+    max: r = 100,
+    indeterminate: t = !1,
+    size: a = "md",
+    variant: o = "default",
+    className: i,
+    ...d
+  }, s) => {
+    const l = t ? void 0 : Math.min(100, Math.max(0, (e ?? 0) / r * 100));
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: s,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": r,
+        "aria-valuenow": t ? void 0 : e ?? 0,
+        "data-size": a,
+        "data-variant": o,
+        "data-indeterminate": t || void 0,
+        className: ["vyre-progress", i].filter(Boolean).join(" "),
+        ...d,
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: "vyre-progress__bar",
+            style: l !== void 0 ? { width: `${l}%` } : void 0
+          }
+        )
+      }
+    );
+  }
+);
+pt.displayName = "Progress";
+const _t = p.forwardRef(
+  ({ orientation: e = "horizontal", decorative: r = !0, className: t, ...a }, o) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      role: r ? "none" : "separator",
+      "aria-orientation": r ? void 0 : e,
+      "data-orientation": e,
+      className: ["vyre-separator", t].filter(Boolean).join(" "),
+      ...a
+    }
+  )
+);
+_t.displayName = "Separator";
+const wt = p.forwardRef(
+  ({ required: e, disabled: r, className: t, children: a, ...o }, i) => /* @__PURE__ */ N(
+    "label",
+    {
+      ref: i,
+      "data-required": e || void 0,
+      "data-disabled": r || void 0,
+      className: ["vyre-label", t].filter(Boolean).join(" "),
+      ...o,
+      children: [
+        a,
+        e && /* @__PURE__ */ n("span", { className: "vyre-label__required", "aria-hidden": "true", children: "*" })
+      ]
+    }
+  )
+);
+wt.displayName = "Label";
+const gt = p.forwardRef(
+  ({ variant: e = "rect", width: r, height: t, className: a, style: o, ...i }, d) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: d,
+      "aria-hidden": "true",
+      "data-variant": e,
+      className: ["vyre-skeleton", a].filter(Boolean).join(" "),
+      style: {
+        width: typeof r == "number" ? `${r}px` : r,
+        height: typeof t == "number" ? `${t}px` : t,
+        ...o
+      },
+      ...i
+    }
+  )
+);
+gt.displayName = "Skeleton";
+const le = 8, Nt = 120;
+function kt(e) {
+  const [r, t] = e.split("-");
+  return { side: r, align: t ?? "center" };
+}
+function xt(e, r, t, a, o, i) {
+  const d = e.width, s = e.height, l = r.width, b = r.height, h = e.left + o, v = e.top + i;
+  let y = 0, _ = 0;
+  switch (t) {
+    case "top":
+      y = v - b - le;
+      break;
+    case "bottom":
+      y = v + s + le;
+      break;
+    case "left":
+      _ = h - l - le;
+      break;
+    case "right":
+      _ = h + d + le;
+      break;
+  }
+  if (t === "top" || t === "bottom")
+    switch (a) {
+      case "start":
+        _ = h;
+        break;
+      case "center":
+        _ = h + d / 2 - l / 2;
+        break;
+      case "end":
+        _ = h + d - l;
+        break;
+    }
+  else
+    switch (a) {
+      case "start":
+        y = v;
+        break;
+      case "center":
+        y = v + s / 2 - b / 2;
+        break;
+      case "end":
+        y = v + s - b;
+        break;
+    }
+  return { top: y, left: _ };
+}
+const Ct = ({
+  trigger: e,
+  children: r,
+  open: t,
+  onOpenChange: a,
+  placement: o = "bottom",
+  closeOnOutside: i = !0,
+  className: d
+}) => {
+  const s = t !== void 0, [l, b] = D(!1), [h, v] = D(!1), [y, _] = D(!1), [c, u] = D({ top: 0, left: 0 }), w = s ? t : l, f = A(null), x = A(null), L = A(null), B = oe(), { side: $, align: q } = kt(o), O = M((R) => {
+    s || b(R), a == null || a(R);
+  }, [s, a]), F = M(() => O(!w), [w, O]), S = M(() => {
+    v(!0), L.current = setTimeout(() => {
+      v(!1), _(!1), O(!1);
+    }, Nt);
+  }, [O]);
+  V(() => {
+    w ? (L.current && (clearTimeout(L.current), L.current = null), v(!1), _(!0)) : y && !h && S();
+  }, [w]), V(() => {
+    if (!y || !f.current || !x.current) return;
+    const R = f.current.getBoundingClientRect(), k = x.current.getBoundingClientRect(), I = xt(R, k, $, q, window.scrollX, window.scrollY);
+    u(I);
+  }, [y, $, q]), V(() => {
+    if (!y || !i) return;
+    const R = (k) => {
+      x.current && !x.current.contains(k.target) && f.current && !f.current.contains(k.target) && S();
+    };
+    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
+  }, [y, i, S]), V(() => {
+    if (!y) return;
+    const R = (k) => {
+      k.key === "Escape" && S();
+    };
+    return document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R);
+  }, [y, S]);
+  const W = p.cloneElement(e, {
+    ref: f,
+    onClick: (R) => {
+      var k, I;
+      F(), (I = (k = e.props).onClick) == null || I.call(k, R);
+    },
+    "aria-expanded": w,
+    "aria-controls": B,
+    "aria-haspopup": "dialog"
+  });
+  return /* @__PURE__ */ N(de, { children: [
+    W,
+    y && P.createPortal(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          ref: x,
+          id: B,
+          role: "dialog",
+          "aria-modal": "false",
+          className: m(
+            "vyre-popover",
+            `vyre-popover--${$}`,
+            h && "vyre-popover--leaving",
+            d
+          ),
+          style: { top: c.top, left: c.left },
+          children: r
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+Ct.displayName = "VyrePopover";
+const ce = ee(null), xe = ee(null), Lt = 120, Mt = ({
+  trigger: e,
+  children: r,
+  placement: t = "bottom-start",
+  className: a
+}) => {
+  const [o, i] = D(!1), [d, s] = D(!1), [l, b] = D(!1), [h, v] = D({ top: 0, left: 0 }), [y, _] = D(-1), c = A(null), u = A(null), w = A(null), f = oe(), x = M(
+    () => {
+      var S;
+      return Array.from(
+        ((S = u.current) == null ? void 0 : S.querySelectorAll(
+          "[role=menuitem]:not([aria-disabled=true]):not([disabled]),[role=menuitemcheckbox]:not([aria-disabled=true]):not([disabled]),[role=menuitemradio]:not([aria-disabled=true]):not([disabled])"
+        )) ?? []
+      );
+    },
+    []
+  ), L = M(() => {
+    s(!0), w.current = setTimeout(() => {
+      var S;
+      s(!1), b(!1), i(!1), _(-1), (S = c.current) == null || S.focus({ preventScroll: !0 });
+    }, Lt);
+  }, []), B = M(() => {
+    w.current && (clearTimeout(w.current), w.current = null), s(!1), i(!0), b(!0);
+  }, []), $ = M(() => {
+    o ? L() : B();
+  }, [o, B, L]);
+  V(() => {
+    if (!l || !c.current) return;
+    const S = c.current.getBoundingClientRect(), W = 4, R = window.scrollX, k = window.scrollY;
+    let I = 0, T = 0;
+    t.startsWith("bottom") ? (I = S.bottom + k + W, T = t === "bottom-start" ? S.left + R : S.right + R) : (I = S.top + k - W, T = t === "top-start" ? S.left + R : S.right + R), v({ top: I, left: T }), requestAnimationFrame(() => {
+      var G;
+      (G = x()[0]) == null || G.focus({ preventScroll: !0 }), _(0);
+    });
+  }, [l, t, x]), V(() => {
+    if (!l) return;
+    const S = (R) => {
+      u.current && !u.current.contains(R.target) && c.current && !c.current.contains(R.target) && L();
+    }, W = (R) => {
+      var k, I, T;
+      if (R.key === "Escape") {
+        L();
+        return;
+      }
+      if (R.key === "ArrowDown" || R.key === "ArrowUp") {
+        R.preventDefault();
+        const E = x();
+        if (!E.length) return;
+        const G = R.key === "ArrowDown" ? 1 : -1, ie = (y + G + E.length) % E.length;
+        (k = E[ie]) == null || k.focus({ preventScroll: !0 }), _(ie);
+      }
+      if (R.key === "Home" && ((I = x()[0]) == null || I.focus({ preventScroll: !0 }), _(0)), R.key === "End") {
+        const E = x();
+        (T = E[E.length - 1]) == null || T.focus({ preventScroll: !0 }), _(E.length - 1);
+      }
+    };
+    return document.addEventListener("mousedown", S), document.addEventListener("keydown", W), () => {
+      document.removeEventListener("mousedown", S), document.removeEventListener("keydown", W);
+    };
+  }, [l, y, L, x]);
+  const q = p.cloneElement(e, {
+    ref: c,
+    onClick: (S) => {
+      var W, R;
+      $(), (R = (W = e.props).onClick) == null || R.call(W, S);
+    },
+    "aria-expanded": o,
+    "aria-haspopup": "menu",
+    "aria-controls": f
+  }), O = t.endsWith("-end"), F = t.startsWith("top");
+  return /* @__PURE__ */ N(ce.Provider, { value: { close: L }, children: [
+    q,
+    l && P.createPortal(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          ref: u,
+          id: f,
+          role: "menu",
+          "aria-orientation": "vertical",
+          className: m(
+            "vyre-dropdown",
+            O && "vyre-dropdown--end",
+            F && "vyre-dropdown--top",
+            d && "vyre-dropdown--leaving",
+            a
+          ),
+          style: {
+            top: h.top,
+            left: h.left,
+            transform: O ? "translateX(-100%)" : void 0
+          },
+          children: r
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+Mt.displayName = "VyreDropdownMenu";
+const Rt = ({
+  children: e,
+  className: r
+}) => /* @__PURE__ */ n("div", { className: m("vyre-dropdown__label", r), children: e });
+Rt.displayName = "VyreDropdownLabel";
+const It = ({
+  children: e,
+  onSelect: r,
+  disabled: t = !1,
+  variant: a = "default",
+  icon: o,
+  shortcut: i,
+  className: d
+}) => {
+  const s = U(ce);
+  return /* @__PURE__ */ N(
+    "button",
+    {
+      role: "menuitem",
+      className: m(
+        "vyre-dropdown__item",
+        a === "danger" && "vyre-dropdown__item--danger",
+        d
+      ),
+      "aria-disabled": t || void 0,
+      disabled: t,
+      tabIndex: -1,
+      onClick: () => {
+        t || (r == null || r(), s == null || s.close());
+      },
+      children: [
+        o && /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-icon", "aria-hidden": "true", children: o }),
+        /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-label", children: e }),
+        i && /* @__PURE__ */ n("kbd", { className: "vyre-dropdown__item-shortcut", children: i })
+      ]
+    }
+  );
+};
+It.displayName = "VyreDropdownItem";
+const Tt = ({
+  children: e,
+  checked: r,
+  onCheckedChange: t,
+  disabled: a = !1,
+  shortcut: o,
+  className: i
+}) => {
+  const d = U(ce);
+  return /* @__PURE__ */ N(
+    "button",
+    {
+      role: "menuitemcheckbox",
+      "aria-checked": r,
+      "aria-disabled": a || void 0,
+      disabled: a,
+      tabIndex: -1,
+      className: m("vyre-dropdown__item vyre-dropdown__item--checkbox", i),
+      onClick: () => {
+        a || (t(!r), d == null || d.close());
+      },
+      children: [
+        /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-indicator", "aria-hidden": "true", children: r && /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ n("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+        /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-label", children: e }),
+        o && /* @__PURE__ */ n("kbd", { className: "vyre-dropdown__item-shortcut", children: o })
+      ]
+    }
+  );
+};
+Tt.displayName = "VyreDropdownCheckboxItem";
+const St = ({
+  value: e,
+  onValueChange: r,
+  children: t
+}) => /* @__PURE__ */ n(xe.Provider, { value: { value: e, onValueChange: r }, children: /* @__PURE__ */ n("div", { role: "group", children: t }) });
+St.displayName = "VyreDropdownRadioGroup";
+const Et = ({
+  children: e,
+  value: r,
+  disabled: t = !1,
+  className: a
+}) => {
+  const o = U(ce), i = U(xe), d = (i == null ? void 0 : i.value) === r;
+  return /* @__PURE__ */ N(
+    "button",
+    {
+      role: "menuitemradio",
+      "aria-checked": d,
+      "aria-disabled": t || void 0,
+      disabled: t,
+      tabIndex: -1,
+      className: m("vyre-dropdown__item vyre-dropdown__item--radio", a),
+      onClick: () => {
+        t || (i == null || i.onValueChange(r), o == null || o.close());
+      },
+      children: [
+        /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-indicator", "aria-hidden": "true", children: d && /* @__PURE__ */ n("svg", { width: "8", height: "8", viewBox: "0 0 8 8", children: /* @__PURE__ */ n("circle", { cx: "4", cy: "4", r: "3", fill: "currentColor" }) }) }),
+        /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-label", children: e })
+      ]
+    }
+  );
+};
+Et.displayName = "VyreDropdownRadioItem";
+const Dt = ({
+  trigger: e,
+  children: r,
+  icon: t,
+  placement: a = "right",
+  disabled: o = !1,
+  className: i
+}) => {
+  const [d, s] = D(!1), [l, b] = D({ top: 0, left: 0 }), h = A(null), v = A(null), y = M(() => {
+    if (!h.current) return;
+    const u = h.current.getBoundingClientRect(), w = window.scrollX, f = window.scrollY, x = 2;
+    b({
+      top: u.top + f,
+      left: a === "right" ? u.right + w + x : u.left + w - x
+    }), s(!0);
+  }, [a]), _ = M(() => s(!1), []), c = (u) => {
+    var f;
+    const w = u.relatedTarget;
+    (f = v.current) != null && f.contains(w) || _();
+  };
+  return /* @__PURE__ */ N(de, { children: [
+    /* @__PURE__ */ N(
+      "button",
+      {
+        ref: h,
+        role: "menuitem",
+        "aria-haspopup": "menu",
+        "aria-expanded": d,
+        "aria-disabled": o || void 0,
+        disabled: o,
+        tabIndex: -1,
+        className: m("vyre-dropdown__item vyre-dropdown__item--sub", i),
+        onMouseEnter: y,
+        onMouseLeave: c,
+        onFocus: y,
+        children: [
+          t && /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-icon", "aria-hidden": "true", children: t }),
+          /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-label", children: e }),
+          /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-chevron", "aria-hidden": "true", children: /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ n("path", { d: a === "right" ? "M4 2l4 4-4 4" : "M8 2L4 6l4 4", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+        ]
+      }
+    ),
+    d && P.createPortal(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          ref: v,
+          role: "menu",
+          className: m(
+            "vyre-dropdown vyre-dropdown--sub",
+            a === "left" && "vyre-dropdown--sub-left"
+          ),
+          style: {
+            position: "absolute",
+            top: l.top,
+            left: a === "right" ? l.left : void 0,
+            right: a === "left" ? `calc(100vw - ${l.left}px)` : void 0,
+            transform: a === "left" ? "translateX(-100%)" : void 0
+          },
+          onMouseLeave: (u) => {
+            var f;
+            const w = u.relatedTarget;
+            (f = h.current) != null && f.contains(w) || _();
+          },
+          children: r
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+Dt.displayName = "VyreDropdownSub";
+const At = ({ className: e }) => /* @__PURE__ */ n("div", { role: "separator", className: m("vyre-dropdown__separator", e) });
+At.displayName = "VyreDropdownSeparator";
+const Bt = () => /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.4" }),
+  /* @__PURE__ */ n("path", { d: "M8 7v4M8 5v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+] }), Vt = () => /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.4" }),
+  /* @__PURE__ */ n("path", { d: "M5 8l2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), $t = () => /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ n("path", { d: "M8 2L14.5 13H1.5L8 2Z", stroke: "currentColor", strokeWidth: "1.4", strokeLinejoin: "round" }),
+  /* @__PURE__ */ n("path", { d: "M8 6v3M8 11v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+] }), Wt = () => /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.4" }),
+  /* @__PURE__ */ n("path", { d: "M6 6l4 4M10 6l-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+] }), Ce = { info: Bt, success: Vt, warning: $t, danger: Wt }, jt = ({
+  variant: e = "info",
+  title: r,
+  icon: t,
+  onClose: a,
+  children: o,
+  className: i
+}) => {
+  const d = Ce[e];
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      role: "alert",
+      className: m("vyre-alert", `vyre-alert--${e}`, i),
+      children: [
+        /* @__PURE__ */ n("span", { className: "vyre-alert__icon", "aria-hidden": "true", children: t ?? /* @__PURE__ */ n(d, {}) }),
+        /* @__PURE__ */ N("div", { className: "vyre-alert__body", children: [
+          r && /* @__PURE__ */ n("p", { className: "vyre-alert__title", children: r }),
+          o && /* @__PURE__ */ n("div", { className: "vyre-alert__description", children: o })
+        ] }),
+        a && /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: "vyre-alert__close",
+            "aria-label": "Dismiss",
+            onClick: a,
+            children: /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3l8 8M11 3l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
+          }
+        )
+      ]
+    }
+  );
+};
+jt.displayName = "VyreAlert";
+const Ht = [
+  "button:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(","), Ft = ({
+  open: e,
+  onOpenChange: r,
+  title: t,
+  description: a,
+  variant: o = "danger",
+  confirmLabel: i = "Confirm",
+  cancelLabel: d = "Cancel",
+  onConfirm: s,
+  onCancel: l,
+  className: b
+}) => {
+  const h = A(null), v = A(null), y = A(null), _ = M(() => {
+    l == null || l(), r(!1);
+  }, [l, r]), c = M(() => {
+    s == null || s(), r(!1);
+  }, [s, r]), u = M((f) => {
+    if (f.key !== "Tab") return;
+    const x = h.current;
+    if (!x) return;
+    const L = Array.from(x.querySelectorAll(Ht));
+    if (!L.length) return;
+    const B = L[0], $ = L[L.length - 1];
+    f.shiftKey && document.activeElement === B ? (f.preventDefault(), $.focus()) : !f.shiftKey && document.activeElement === $ && (f.preventDefault(), B.focus());
+  }, []);
+  if (V(() => {
+    if (!e) return;
+    document.addEventListener("keydown", u);
+    const f = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const x = (L) => {
+      L.key === "Escape" && _();
+    };
+    return document.addEventListener("keydown", x), setTimeout(() => {
+      var L;
+      return (L = y.current) == null ? void 0 : L.focus();
+    }, 0), () => {
+      document.removeEventListener("keydown", u), document.removeEventListener("keydown", x), document.body.style.overflow = f;
+    };
+  }, [e, u, _]), !e) return null;
+  const w = Ce[o];
+  return P.createPortal(
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: v,
+        className: "vyre-alert-dialog-backdrop",
+        onClick: (f) => {
+          f.target === v.current && _();
+        },
+        role: "presentation",
+        children: /* @__PURE__ */ N(
+          "div",
+          {
+            ref: h,
+            role: "alertdialog",
+            "aria-modal": "true",
+            "aria-labelledby": "vyre-ad-title",
+            "aria-describedby": a ? "vyre-ad-desc" : void 0,
+            className: m("vyre-alert-dialog", `vyre-alert-dialog--${o}`, b),
+            tabIndex: -1,
+            children: [
+              /* @__PURE__ */ n("div", { className: "vyre-alert-dialog__icon-wrap", children: /* @__PURE__ */ n("span", { className: m("vyre-alert-dialog__icon", `vyre-alert-dialog__icon--${o}`), children: /* @__PURE__ */ n(w, {}) }) }),
+              /* @__PURE__ */ N("div", { className: "vyre-alert-dialog__body", children: [
+                /* @__PURE__ */ n("h2", { id: "vyre-ad-title", className: "vyre-alert-dialog__title", children: t }),
+                a && /* @__PURE__ */ n("p", { id: "vyre-ad-desc", className: "vyre-alert-dialog__description", children: a })
+              ] }),
+              /* @__PURE__ */ N("div", { className: "vyre-alert-dialog__footer", children: [
+                /* @__PURE__ */ n(
+                  "button",
+                  {
+                    ref: y,
+                    type: "button",
+                    className: "vyre-btn vyre-btn--ghost vyre-btn--sm",
+                    onClick: _,
+                    children: d
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    className: m(
+                      "vyre-btn vyre-btn--sm",
+                      o === "danger" && "vyre-btn--danger",
+                      o === "warning" && "vyre-btn--primary",
+                      o === "info" && "vyre-btn--accent"
+                    ),
+                    onClick: c,
+                    children: i
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+};
+Ft.displayName = "VyreAlertDialog";
+const Ot = [
+  "a[href]",
+  "button:not([disabled])",
+  "textarea:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(","), Kt = p.forwardRef(
+  ({
+    open: e,
+    onClose: r,
+    side: t = "right",
+    size: a = "md",
+    closeOnBackdrop: o = !0,
+    closeOnEsc: i = !0,
+    className: d,
+    children: s,
+    "aria-label": l,
+    "aria-labelledby": b,
+    ...h
+  }, v) => {
+    const y = A(null), _ = A(null), c = M((u) => {
+      if (u.key !== "Tab") return;
+      const w = y.current;
+      if (!w) return;
+      const f = Array.from(w.querySelectorAll(Ot));
+      if (!f.length) return;
+      const x = f[0], L = f[f.length - 1];
+      u.shiftKey && document.activeElement === x ? (u.preventDefault(), L.focus()) : !u.shiftKey && document.activeElement === L && (u.preventDefault(), x.focus());
+    }, []);
+    return V(() => {
+      if (!e) return;
+      if (document.addEventListener("keydown", c), i) {
+        const w = (x) => {
+          x.key === "Escape" && r();
+        };
+        document.addEventListener("keydown", w);
+        const f = document.body.style.overflow;
+        return document.body.style.overflow = "hidden", setTimeout(() => {
+          var x;
+          return (x = y.current) == null ? void 0 : x.focus();
+        }, 0), () => {
+          document.removeEventListener("keydown", c), document.removeEventListener("keydown", w), document.body.style.overflow = f;
+        };
+      }
+      const u = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", setTimeout(() => {
+        var w;
+        return (w = y.current) == null ? void 0 : w.focus();
+      }, 0), () => {
+        document.removeEventListener("keydown", c), document.body.style.overflow = u;
+      };
+    }, [e, c, i, r]), e ? P.createPortal(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          ref: _,
+          className: "vyre-sheet-backdrop",
+          onClick: (u) => {
+            o && u.target === _.current && r();
+          },
+          role: "presentation",
+          children: /* @__PURE__ */ n(
+            "div",
+            {
+              ref: (u) => {
+                y.current = u, typeof v == "function" ? v(u) : v && (v.current = u);
+              },
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": l,
+              "aria-labelledby": b,
+              tabIndex: -1,
+              className: m(
+                "vyre-sheet",
+                `vyre-sheet--${t}`,
+                `vyre-sheet--${a}`,
+                d
+              ),
+              ...h,
+              children: s
+            }
+          )
+        }
+      ),
+      document.body
+    ) : null;
+  }
+);
+Kt.displayName = "VyreSheet";
+const qt = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-sheet__header", e), ...t, children: r })
+);
+qt.displayName = "VyreSheetHeader";
+const Pt = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-sheet__body", e), ...t, children: r })
+);
+Pt.displayName = "VyreSheetBody";
+const Yt = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: m("vyre-sheet__footer", e), ...t, children: r })
+);
+Yt.displayName = "VyreSheetFooter";
+const Ut = ({
+  children: e,
+  separator: r = "/",
+  className: t
+}) => {
+  const a = p.Children.toArray(e).filter(Boolean);
+  return /* @__PURE__ */ n("nav", { "aria-label": "Breadcrumb", className: m("vyre-breadcrumb", t), children: /* @__PURE__ */ n("ol", { className: "vyre-breadcrumb__list", children: a.map((o, i) => /* @__PURE__ */ N("li", { className: "vyre-breadcrumb__item", children: [
+    o,
+    i < a.length - 1 && /* @__PURE__ */ n("span", { className: "vyre-breadcrumb__separator", "aria-hidden": "true", children: r })
+  ] }, i)) }) });
+};
+Ut.displayName = "VyreBreadcrumb";
+const Gt = ({
+  children: e,
+  href: r,
+  current: t = !1,
+  className: a
+}) => t || !r ? /* @__PURE__ */ n(
+  "span",
+  {
+    className: m("vyre-breadcrumb__link vyre-breadcrumb__link--current", a),
+    "aria-current": t ? "page" : void 0,
+    children: e
+  }
+) : /* @__PURE__ */ n("a", { href: r, className: m("vyre-breadcrumb__link", a), children: e });
+Gt.displayName = "VyreBreadcrumbItem";
+function he(e, r) {
+  return Array.from({ length: r - e + 1 }, (t, a) => e + a);
+}
+function Xt(e, r, t) {
+  const a = t * 2 + 5;
+  if (r <= a) return he(1, r);
+  const o = Math.max(e - t, 2), i = Math.min(e + t, r - 1), d = o > 2, s = i < r - 1, l = [1];
+  return d && l.push("..."), l.push(...he(o, i)), s && l.push("..."), l.push(r), l;
+}
+const zt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M9 2L4 7l5 5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), Zt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M5 2l5 5-5 5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), Jt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M7 2L2 7l5 5M12 2L7 7l5 5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), Qt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M2 2l5 5-5 5M7 2l5 5-5 5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), er = ({
+  page: e,
+  totalPages: r,
+  onPageChange: t,
+  siblings: a = 1,
+  showEdges: o = !0,
+  showInfo: i = !1,
+  totalItems: d,
+  pageSize: s,
+  className: l
+}) => {
+  const b = Xt(e, r, a), h = e > 1, v = e < r, y = p.useMemo(() => {
+    if (!i) return null;
+    if (d != null && s != null) {
+      const c = (e - 1) * s + 1, u = Math.min(e * s, d);
+      return `Showing ${c}–${u} of ${d}`;
+    }
+    return `Page ${e} of ${r}`;
+  }, [i, e, r, d, s]), _ = /* @__PURE__ */ N(de, { children: [
+    o && /* @__PURE__ */ n(
+      "button",
+      {
+        className: "vyre-pagination__nav",
+        onClick: () => t(1),
+        disabled: !h,
+        "aria-label": "First page",
+        children: /* @__PURE__ */ n(Jt, {})
+      }
+    ),
+    /* @__PURE__ */ n(
+      "button",
+      {
+        className: "vyre-pagination__nav",
+        onClick: () => t(e - 1),
+        disabled: !h,
+        "aria-label": "Previous page",
+        children: /* @__PURE__ */ n(zt, {})
+      }
+    ),
+    /* @__PURE__ */ n("ol", { className: "vyre-pagination__list", children: b.map(
+      (c, u) => c === "..." ? /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: "vyre-pagination__dots", "aria-hidden": "true", children: "···" }) }, `dots-${u}`) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        "button",
+        {
+          className: m(
+            "vyre-pagination__btn",
+            c === e && "vyre-pagination__btn--active"
+          ),
+          onClick: () => t(c),
+          "aria-label": `Page ${c}`,
+          "aria-current": c === e ? "page" : void 0,
+          children: c
+        }
+      ) }, c)
+    ) }),
+    /* @__PURE__ */ n(
+      "button",
+      {
+        className: "vyre-pagination__nav",
+        onClick: () => t(e + 1),
+        disabled: !v,
+        "aria-label": "Next page",
+        children: /* @__PURE__ */ n(Zt, {})
+      }
+    ),
+    o && /* @__PURE__ */ n(
+      "button",
+      {
+        className: "vyre-pagination__nav",
+        onClick: () => t(r),
+        disabled: !v,
+        "aria-label": "Last page",
+        children: /* @__PURE__ */ n(Qt, {})
+      }
+    )
+  ] });
+  return i ? /* @__PURE__ */ N("div", { className: m("vyre-pagination-row", l), children: [
+    /* @__PURE__ */ n("span", { className: "vyre-pagination__info", children: y }),
+    /* @__PURE__ */ n("nav", { "aria-label": "Pagination", className: "vyre-pagination", children: _ })
+  ] }) : /* @__PURE__ */ n("nav", { "aria-label": "Pagination", className: m("vyre-pagination", l), children: _ });
+};
+er.displayName = "VyrePagination";
+const tr = ({
+  children: e,
+  striped: r = !1,
+  bordered: t = !1,
+  compact: a = !1,
+  hoverable: o = !0,
+  className: i
+}) => /* @__PURE__ */ n("div", { className: "vyre-table-wrapper", children: /* @__PURE__ */ n(
+  "table",
+  {
+    className: m(
+      "vyre-table",
+      r && "vyre-table--striped",
+      t && "vyre-table--bordered",
+      a && "vyre-table--compact",
+      o && "vyre-table--hoverable",
+      i
+    ),
+    children: e
+  }
+) });
+tr.displayName = "VyreTable";
+const rr = p.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("thead", { ref: t, className: m("vyre-table__head", e), ...r }));
+rr.displayName = "VyreTableHead";
+const nr = p.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("tbody", { ref: t, className: m("vyre-table__body", e), ...r }));
+nr.displayName = "VyreTableBody";
+const ar = p.forwardRef(
+  ({ className: e, selected: r, ...t }, a) => /* @__PURE__ */ n(
+    "tr",
+    {
+      ref: a,
+      className: m("vyre-table__row", r && "vyre-table__row--selected", e),
+      "aria-selected": r,
+      ...t
+    }
+  )
+);
+ar.displayName = "VyreTableRow";
+const or = ({ dir: e }) => /* @__PURE__ */ n("span", { className: "vyre-table__sort-icon", "aria-hidden": "true", children: /* @__PURE__ */ N("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: [
+  /* @__PURE__ */ n(
+    "path",
+    {
+      d: "M6 2v8M3 5l3-3 3 3",
+      stroke: "currentColor",
+      strokeWidth: "1.3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      opacity: e === "desc" ? 0.3 : 1
+    }
+  ),
+  /* @__PURE__ */ n(
+    "path",
+    {
+      d: "M3 7l3 3 3-3",
+      stroke: "currentColor",
+      strokeWidth: "1.3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      opacity: e === "asc" ? 0.3 : 1
+    }
+  )
+] }) }), ir = p.forwardRef(
+  ({ className: e, sortable: r, sortDir: t = null, onSort: a, align: o = "left", children: i, ...d }, s) => r ? /* @__PURE__ */ n(
+    "th",
+    {
+      ref: s,
+      className: m(
+        "vyre-table__th vyre-table__th--sortable",
+        `vyre-table__th--${o}`,
+        t && `vyre-table__th--sort-${t}`,
+        e
+      ),
+      "aria-sort": t === "asc" ? "ascending" : t === "desc" ? "descending" : "none",
+      ...d,
+      children: /* @__PURE__ */ N("button", { className: "vyre-table__sort-btn", onClick: a, type: "button", children: [
+        i,
+        /* @__PURE__ */ n(or, { dir: t })
+      ] })
+    }
+  ) : /* @__PURE__ */ n(
+    "th",
+    {
+      ref: s,
+      className: m("vyre-table__th", `vyre-table__th--${o}`, e),
+      ...d,
+      children: i
+    }
+  )
+);
+ir.displayName = "VyreTableHeader";
+const sr = p.forwardRef(
+  ({ className: e, align: r = "left", ...t }, a) => /* @__PURE__ */ n(
+    "td",
+    {
+      ref: a,
+      className: m("vyre-table__td", `vyre-table__td--${r}`, e),
+      ...t
+    }
+  )
+);
+sr.displayName = "VyreTableCell";
+const lr = p.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("caption", { ref: t, className: m("vyre-table__caption", e), ...r }));
+lr.displayName = "VyreTableCaption";
+const Le = ee(null), ue = () => {
+  const e = U(Le);
+  if (!e) throw new Error("Command components must be used inside <Command>");
+  return e;
+};
+function me(e) {
+  return e.toLowerCase().replace(/\s+/g, " ").trim();
+}
+function dr(e, r, t = []) {
+  if (!e) return !0;
+  const a = me(e);
+  return me(r).includes(a) || t.some((o) => me(o).includes(a));
+}
+let cr = 0;
+function ur() {
+  return `cmd-${++cr}`;
+}
+const Me = p.forwardRef(
+  ({ value: e, onValueChange: r, className: t, children: a }, o) => {
+    const [i, d] = D(""), [s, l] = D(0), [b, h] = D(0), v = e !== void 0 ? e : i, y = M((L) => {
+      d(L), r == null || r(L), l(0);
+    }, [r]), _ = A(/* @__PURE__ */ new Map()), c = A(/* @__PURE__ */ new Map()), u = M((L, B, $) => {
+      _.current.set(L, { el: B, disabled: $ });
+    }, []), w = M((L) => {
+      _.current.delete(L), c.current.delete(L);
+    }, []), f = M((L) => {
+      var B;
+      (B = c.current.get(L)) == null || B();
+    }, []), x = ae(() => ({
+      search: v,
+      setSearch: y,
+      activeIndex: s,
+      setActiveIndex: l,
+      items: _,
+      registerItem: u,
+      unregisterItem: w,
+      selectItem: f,
+      onSelectRef: c,
+      visibleCount: b,
+      setVisibleCount: h
+    }), [v, y, s, u, w, f, b]);
+    return /* @__PURE__ */ n(Le.Provider, { value: x, children: /* @__PURE__ */ n(
+      "div",
+      {
+        ref: o,
+        className: m("vyre-command", t),
+        role: "combobox",
+        "aria-expanded": "true",
+        "aria-haspopup": "listbox",
+        children: a
+      }
+    ) });
+  }
+);
+Me.displayName = "VyreCommand";
+const mr = p.forwardRef(
+  ({ placeholder: e = "Search...", className: r }, t) => {
+    const { search: a, setSearch: o } = ue();
+    return /* @__PURE__ */ N("div", { className: "vyre-command__input-wrapper", children: [
+      /* @__PURE__ */ n("svg", { className: "vyre-command__search-icon", width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M10 6.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0ZM9.5 10.207l3.146 3.147", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }) }),
+      /* @__PURE__ */ n(
+        "input",
+        {
+          ref: t,
+          className: m("vyre-command__input", r),
+          type: "text",
+          placeholder: e,
+          value: a,
+          onChange: (i) => o(i.target.value),
+          autoComplete: "off",
+          autoCorrect: "off",
+          spellCheck: !1,
+          "aria-autocomplete": "list",
+          "aria-controls": "vyre-command-list"
+        }
+      ),
+      a && /* @__PURE__ */ n(
+        "button",
+        {
+          className: "vyre-command__clear",
+          type: "button",
+          "aria-label": "Clear search",
+          onClick: () => o(""),
+          children: /* @__PURE__ */ n("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M2 2l9 9M11 2l-9 9", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" }) })
+        }
+      )
+    ] });
+  }
+);
+mr.displayName = "VyreCommandInput";
+const vr = p.forwardRef(
+  ({ className: e, children: r }, t) => {
+    const { activeIndex: a, setActiveIndex: o, items: i, selectItem: d } = ue(), s = M((l) => {
+      var h, v;
+      const b = Array.from((i.current ?? /* @__PURE__ */ new Map()).entries()).filter(([, y]) => !y.disabled && y.el.closest("[data-cmd-item]") !== null && !y.el.hasAttribute("data-cmd-hidden"));
+      if (l.key === "ArrowDown")
+        l.preventDefault(), o(Math.min(a + 1, b.length - 1)), (h = b[Math.min(a + 1, b.length - 1)]) == null || h[1].el.scrollIntoView({ block: "nearest" });
+      else if (l.key === "ArrowUp")
+        l.preventDefault(), o(Math.max(a - 1, 0)), (v = b[Math.max(a - 1, 0)]) == null || v[1].el.scrollIntoView({ block: "nearest" });
+      else if (l.key === "Enter") {
+        l.preventDefault();
+        const [y] = b[a] ?? [];
+        y && d(y);
+      }
+    }, [a, o, i, d]);
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: t,
+        id: "vyre-command-list",
+        role: "listbox",
+        className: m("vyre-command__list", e),
+        onKeyDown: s,
+        children: r
+      }
+    );
+  }
+);
+vr.displayName = "VyreCommandList";
+const yr = ({ className: e, children: r }) => {
+  const { search: t, visibleCount: a } = ue();
+  return !t || a > 0 ? null : /* @__PURE__ */ n("div", { className: m("vyre-command__empty", e), role: "presentation", children: r ?? "No results found." });
+};
+yr.displayName = "VyreCommandEmpty";
+const fr = ({ heading: e, className: r, children: t }) => /* @__PURE__ */ N("div", { className: m("vyre-command__group", r), role: "presentation", children: [
+  e && /* @__PURE__ */ n("div", { className: "vyre-command__group-heading", "aria-hidden": "true", children: e }),
+  /* @__PURE__ */ n("div", { role: "group", "aria-label": e, children: t })
+] });
+fr.displayName = "VyreCommandGroup";
+const hr = ({
+  onSelect: e,
+  disabled: r = !1,
+  keywords: t,
+  className: a,
+  children: o,
+  icon: i,
+  shortcut: d
+}) => {
+  const { search: s, setActiveIndex: l, registerItem: b, unregisterItem: h, onSelectRef: v, setVisibleCount: y } = ue(), _ = ae(() => ur(), []), c = A(null), w = dr(s, typeof o == "string" ? o : "", t);
+  return V(() => (y((f) => f + (w ? 1 : 0)), () => {
+    y((f) => f - (w ? 1 : 0));
+  }), [w, y]), V(() => {
+    const f = c.current;
+    if (!(!f || !w))
+      return b(_, f, r), () => h(_);
+  }, [_, r, w, b, h]), V(() => {
+    var f;
+    return e && ((f = v.current) == null || f.set(_, e)), () => {
+      var x;
+      (x = v.current) == null || x.delete(_);
+    };
+  }, [_, e, v]), w ? /* @__PURE__ */ N(
+    "div",
+    {
+      ref: c,
+      "data-cmd-item": !0,
+      role: "option",
+      "aria-disabled": r || void 0,
+      className: m(
+        "vyre-command__item",
+        r && "vyre-command__item--disabled",
+        a
+      ),
+      onClick: () => {
+        r || e == null || e();
+      },
+      onMouseEnter: () => {
+        !r && c.current && l(-1);
+      },
+      children: [
+        i && /* @__PURE__ */ n("span", { className: "vyre-command__item-icon", "aria-hidden": "true", children: i }),
+        /* @__PURE__ */ n("span", { className: "vyre-command__item-label", children: o }),
+        d && /* @__PURE__ */ n("kbd", { className: "vyre-command__item-shortcut", children: d })
+      ]
+    }
+  ) : null;
+};
+hr.displayName = "VyreCommandItem";
+const br = ({ className: e }) => /* @__PURE__ */ n("div", { className: m("vyre-command__separator", e), role: "separator", "aria-hidden": "true" });
+br.displayName = "VyreCommandSeparator";
+const pr = ({
+  open: e,
+  onOpenChange: r,
+  value: t,
+  onValueChange: a,
+  className: o,
+  children: i
+}) => {
+  const d = A(null);
+  return V(() => {
+    var b;
+    if (!e) return;
+    const s = document.activeElement, l = (b = d.current) == null ? void 0 : b.querySelector(".vyre-command__input");
+    return l == null || l.focus(), () => {
+      s == null || s.focus({ preventScroll: !0 });
+    };
+  }, [e]), V(() => {
+    if (!e) return;
+    const s = (l) => {
+      l.key === "Escape" && r(!1);
+    };
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [e, r]), e ? P.createPortal(
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: "vyre-command-backdrop",
+        ref: d,
+        onClick: (s) => {
+          s.target === s.currentTarget && r(!1);
+        },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Command palette",
+        children: /* @__PURE__ */ n(
+          Me,
+          {
+            value: t,
+            onValueChange: a,
+            className: m("vyre-command--dialog", o),
+            children: i
+          }
+        )
+      }
+    ),
+    document.body
+  ) : null;
+};
+pr.displayName = "VyreCommandDialog";
+function Q(e) {
+  return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}
+function Y(e, r) {
+  return e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate();
+}
+function re(e, r) {
+  return Q(e) < Q(r);
+}
+function be(e, r) {
+  return Q(e) > Q(r);
+}
+function _r(e, r) {
+  return new Date(e, r + 1, 0).getDate();
+}
+function wr(e, r, t) {
+  return (new Date(e, r, 1).getDay() - t + 7) % 7;
+}
+function X(e, r) {
+  return e ? new Intl.DateTimeFormat("default", { year: "numeric", month: "short", day: "numeric" }).format(e) : "";
+}
+function gr(e) {
+  return `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
+}
+const pe = Array.from(
+  { length: 12 },
+  (e, r) => new Intl.DateTimeFormat("default", { month: "long" }).format(new Date(2e3, r, 1))
+), ne = 12, Re = p.forwardRef(
+  (e, r) => {
+    const {
+      showTime: t = !1,
+      minDate: a,
+      maxDate: o,
+      disabled: i,
+      className: d,
+      weekStartsOn: s = 1
+    } = e, l = Q(/* @__PURE__ */ new Date()), b = () => {
+      var g, C;
+      return e.mode === "range" ? ((g = e.value) == null ? void 0 : g[0]) ?? l : e.mode === "multiple" ? ((C = e.value) == null ? void 0 : C[0]) ?? l : e.value ?? l;
+    }, [h, v] = D(() => (b() ?? l).getFullYear()), [y, _] = D(() => (b() ?? l).getMonth()), [c, u] = D("days"), [w, f] = D(null), [x, L] = D(() => {
+      const g = e.mode === "single" ? e.value : null;
+      return g ? g.getHours() : 0;
+    }), [B, $] = D(() => {
+      const g = e.mode === "single" ? e.value : null;
+      return g ? g.getMinutes() : 0;
+    }), q = ae(() => {
+      const g = _r(h, y), C = wr(h, y, s);
+      return { count: g, offset: C };
+    }, [h, y, s]), O = ae(() => s === 1 ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], [s]), F = M((g) => {
+      if (e.mode === "single")
+        return !!e.value && Y(g, e.value);
+      if (e.mode === "range") {
+        const [C, j] = e.value ?? [null, null];
+        return !!C && Y(g, C) || !!j && Y(g, j);
+      }
+      return e.mode === "multiple" ? (e.value ?? []).some((C) => Y(g, C)) : !1;
+    }, [e]), S = M((g) => {
+      if (e.mode !== "range") return !1;
+      const [C, j] = e.value ?? [null, null], H = j ?? w;
+      if (!C || !H) return !1;
+      const z = re(C, H) ? C : H, Z = re(C, H) ? H : C;
+      return be(g, z) && re(g, Z);
+    }, [e, w]), W = M((g) => {
+      if (e.mode !== "range") return !1;
+      const [C] = e.value ?? [null, null];
+      return !!C && Y(g, C);
+    }, [e]), R = M((g) => {
+      if (e.mode !== "range") return !1;
+      const [, C] = e.value ?? [null, null];
+      return !!C && Y(g, C);
+    }, [e]), k = M((g) => !!(a && re(g, a) || o && be(g, o) || i != null && i(g)), [a, o, i]), I = M((g) => {
+      var j, H, z, Z, te, se;
+      const C = new Date(h, y, g, x, B);
+      if (!k(Q(C))) {
+        if (e.mode === "single" || !e.mode)
+          (j = e.onChange) == null || j.call(e, C);
+        else if (e.mode === "range") {
+          const [K, J] = e.value ?? [null, null];
+          !K || K && J ? (H = e.onChange) == null || H.call(e, [C, null]) : re(C, K) ? (z = e.onChange) == null || z.call(e, [C, K]) : (Z = e.onChange) == null || Z.call(e, [K, C]);
+        } else if (e.mode === "multiple") {
+          const K = e.value ?? [], J = K.findIndex((fe) => Y(fe, C));
+          J >= 0 ? (te = e.onChange) == null || te.call(e, K.filter((fe, Te) => Te !== J)) : (se = e.onChange) == null || se.call(e, [...K, C]);
+        }
+      }
+    }, [h, y, x, B, e, k]), T = () => {
+      y === 0 ? (_(11), v((g) => g - 1)) : _((g) => g - 1);
+    }, E = () => {
+      y === 11 ? (_(0), v((g) => g + 1)) : _((g) => g + 1);
+    }, G = (g, C) => {
+      var j;
+      if (L(g), $(C), e.mode === "single" && e.value) {
+        const H = new Date(e.value);
+        H.setHours(g, C), (j = e.onChange) == null || j.call(e, H);
+      }
+    }, ie = Math.floor(h / ne) * ne;
+    return /* @__PURE__ */ N("div", { ref: r, className: m("vyre-calendar", d), children: [
+      /* @__PURE__ */ N("div", { className: "vyre-calendar__header", children: [
+        c === "days" && /* @__PURE__ */ n("button", { className: "vyre-calendar__nav", onClick: T, "aria-label": "Previous month", children: /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ n("path", { d: "M9 11L5 7l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+        c === "years" && /* @__PURE__ */ n("button", { className: "vyre-calendar__nav", onClick: () => v((g) => g - ne), "aria-label": "Previous years", children: /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ n("path", { d: "M9 11L5 7l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+        /* @__PURE__ */ N("div", { className: "vyre-calendar__header-center", children: [
+          /* @__PURE__ */ n(
+            "button",
+            {
+              className: "vyre-calendar__header-btn",
+              onClick: () => u(c === "months" ? "days" : "months"),
+              children: pe[y]
+            }
+          ),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              className: "vyre-calendar__header-btn",
+              onClick: () => u(c === "years" ? "days" : "years"),
+              children: h
+            }
+          )
+        ] }),
+        c === "days" && /* @__PURE__ */ n("button", { className: "vyre-calendar__nav", onClick: E, "aria-label": "Next month", children: /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ n("path", { d: "M5 3l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+        c === "years" && /* @__PURE__ */ n("button", { className: "vyre-calendar__nav", onClick: () => v((g) => g + ne), "aria-label": "Next years", children: /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ n("path", { d: "M5 3l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+      ] }),
+      c === "months" && /* @__PURE__ */ n("div", { className: "vyre-calendar__month-grid", children: pe.map((g, C) => /* @__PURE__ */ n(
+        "button",
+        {
+          className: m("vyre-calendar__month-cell", C === y && "vyre-calendar__month-cell--active"),
+          onClick: () => {
+            _(C), u("days");
+          },
+          children: g.slice(0, 3)
+        },
+        g
+      )) }),
+      c === "years" && /* @__PURE__ */ n("div", { className: "vyre-calendar__year-grid", children: Array.from({ length: ne }, (g, C) => ie + C).map((g) => /* @__PURE__ */ n(
+        "button",
+        {
+          className: m("vyre-calendar__year-cell", g === h && "vyre-calendar__year-cell--active"),
+          onClick: () => {
+            v(g), u("days");
+          },
+          children: g
+        },
+        g
+      )) }),
+      c === "days" && /* @__PURE__ */ N("div", { className: "vyre-calendar__grid", children: [
+        O.map((g) => /* @__PURE__ */ n("div", { className: "vyre-calendar__weekday", children: g }, g)),
+        Array.from({ length: q.offset }).map((g, C) => /* @__PURE__ */ n("div", {}, `empty-${C}`)),
+        Array.from({ length: q.count }, (g, C) => C + 1).map((g) => {
+          const C = new Date(h, y, g), j = F(C), H = S(C), z = W(C), Z = R(C), te = k(C), se = Y(C, l);
+          return /* @__PURE__ */ n(
+            "button",
+            {
+              className: m(
+                "vyre-calendar__day",
+                se && "vyre-calendar__day--today",
+                j && "vyre-calendar__day--selected",
+                H && "vyre-calendar__day--in-range",
+                z && "vyre-calendar__day--range-start",
+                Z && "vyre-calendar__day--range-end",
+                te && "vyre-calendar__day--disabled"
+              ),
+              onClick: () => I(g),
+              onMouseEnter: () => {
+                if (e.mode === "range") {
+                  const [K, J] = e.value ?? [null, null];
+                  K && !J && f(C);
+                }
+              },
+              onMouseLeave: () => f(null),
+              disabled: te,
+              "aria-selected": j,
+              "aria-label": X(C),
+              children: g
+            },
+            g
+          );
+        })
+      ] }),
+      t && c === "days" && /* @__PURE__ */ N("div", { className: "vyre-calendar__time", children: [
+        /* @__PURE__ */ N("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [
+          /* @__PURE__ */ n("circle", { cx: "7", cy: "7", r: "5.5", stroke: "currentColor", strokeWidth: "1.3" }),
+          /* @__PURE__ */ n("path", { d: "M7 4v3.5l2 1.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
+        ] }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "number",
+            className: "vyre-calendar__time-input",
+            min: 0,
+            max: 23,
+            value: x,
+            onChange: (g) => G(Number(g.target.value), B),
+            "aria-label": "Hours"
+          }
+        ),
+        /* @__PURE__ */ n("span", { className: "vyre-calendar__time-sep", children: ":" }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "number",
+            className: "vyre-calendar__time-input",
+            min: 0,
+            max: 59,
+            value: B,
+            onChange: (g) => G(x, Number(g.target.value)),
+            "aria-label": "Minutes"
+          }
+        )
+      ] })
+    ] });
+  }
+);
+Re.displayName = "VyreCalendar";
+function Nr(e) {
+  if (e.mode === "range") {
+    const [a, o] = e.value ?? [null, null];
+    return a ? o ? `${X(a)} – ${X(o)}` : X(a) : "";
+  }
+  if (e.mode === "multiple") {
+    const a = e.value ?? [];
+    return a.length === 0 ? "" : a.length === 1 ? X(a[0]) : `${a.length} dates selected`;
+  }
+  const r = e.value, t = e.showTime;
+  return r ? t ? `${X(r)} ${gr(r)}` : X(r) : "";
+}
+const kr = p.forwardRef(
+  ({ placeholder: e = "Pick a date", inputClassName: r, ...t }, a) => {
+    const [o, i] = D(!1), d = A(null), s = A(null), [l, b] = D({ top: 0, left: 0, width: 0 }), h = Nr(t), v = M(() => {
+      if (!d.current) return;
+      const c = d.current.getBoundingClientRect();
+      b({
+        top: c.bottom + window.scrollY + 6,
+        left: c.left + window.scrollX,
+        width: c.width
+      });
+    }, []);
+    V(() => {
+      if (!o) return;
+      v();
+      const c = () => v(), u = () => v();
+      return window.addEventListener("scroll", c, !0), window.addEventListener("resize", u), () => {
+        window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", u);
+      };
+    }, [o, v]), V(() => {
+      if (!o) return;
+      const c = (w) => {
+        var f, x;
+        !((f = s.current) != null && f.contains(w.target)) && !((x = d.current) != null && x.contains(w.target)) && i(!1);
+      }, u = (w) => {
+        w.key === "Escape" && i(!1);
+      };
+      return document.addEventListener("pointerdown", c), document.addEventListener("keydown", u), () => {
+        document.removeEventListener("pointerdown", c), document.removeEventListener("keydown", u);
+      };
+    }, [o]);
+    const y = t.mode !== "range" && t.mode !== "multiple" && !t.showTime, _ = ae(() => t.mode === "range" ? {
+      ...t,
+      onChange: (c) => {
+        var u;
+        (u = t.onChange) == null || u.call(t, c), c[0] && c[1] && i(!1);
+      }
+    } : t.mode === "multiple" ? t : {
+      ...t,
+      onChange: (c) => {
+        var u;
+        (u = t.onChange) == null || u.call(t, c), y && i(!1);
+      }
+    }, [t, y]);
+    return /* @__PURE__ */ N("div", { ref: a, className: "vyre-datepicker", children: [
+      /* @__PURE__ */ N(
+        "button",
+        {
+          ref: d,
+          type: "button",
+          className: m("vyre-datepicker__trigger", !h && "vyre-datepicker__trigger--placeholder", r),
+          onClick: () => {
+            v(), i((c) => !c);
+          },
+          "aria-expanded": o,
+          "aria-haspopup": "dialog",
+          children: [
+            /* @__PURE__ */ N("svg", { className: "vyre-datepicker__icon", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [
+              /* @__PURE__ */ n("rect", { x: "1.5", y: "2.5", width: "11", height: "10", rx: "1.5", stroke: "currentColor", strokeWidth: "1.3" }),
+              /* @__PURE__ */ n("path", { d: "M1.5 6h11M4.5 1v3M9.5 1v3", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
+            ] }),
+            /* @__PURE__ */ n("span", { children: h || e }),
+            h && /* @__PURE__ */ n(
+              "button",
+              {
+                className: "vyre-datepicker__clear",
+                type: "button",
+                "aria-label": "Clear",
+                onClick: (c) => {
+                  var u, w, f;
+                  c.stopPropagation(), t.mode === "range" ? (u = t.onChange) == null || u.call(t, [null, null]) : t.mode === "multiple" ? (w = t.onChange) == null || w.call(t, []) : (f = t.onChange) == null || f.call(t, null);
+                },
+                children: /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M2 2l8 8M10 2l-8 8", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" }) })
+              }
+            )
+          ]
+        }
+      ),
+      o && P.createPortal(
+        /* @__PURE__ */ n(
+          "div",
+          {
+            ref: s,
+            className: "vyre-datepicker__popover",
+            role: "dialog",
+            "aria-label": "Date picker",
+            style: { top: l.top, left: l.left, minWidth: l.width },
+            children: /* @__PURE__ */ n(Re, { ..._ })
+          }
+        ),
+        document.body
+      )
+    ] });
+  }
+);
+kr.displayName = "VyreDatePicker";
+const xr = p.forwardRef(
+  ({
+    as: e = "p",
+    size: r = "md",
+    weight: t,
+    color: a = "default",
+    truncate: o,
+    mono: i,
+    className: d,
+    children: s,
+    ...l
+  }, b) => /* @__PURE__ */ n(
+    e,
+    {
+      ref: b,
+      className: m(
+        "vyre-text",
+        r !== "md" && `vyre-text--${r}`,
+        t && `vyre-text--${t}`,
+        a !== "default" && `vyre-text--${a}`,
+        o && "vyre-text--truncate",
+        i && "vyre-text--mono",
+        d
+      ),
+      ...l,
+      children: s
+    }
+  )
+);
+xr.displayName = "VyreText";
+const Cr = p.forwardRef(
+  ({
+    as: e = "h2",
+    size: r = "md",
+    weight: t = "bold",
+    color: a = "default",
+    truncate: o,
+    className: i,
+    children: d,
+    ...s
+  }, l) => /* @__PURE__ */ n(
+    e,
+    {
+      ref: l,
+      className: m(
+        "vyre-heading",
+        `vyre-heading--${r}`,
+        t !== "bold" && `vyre-heading--${t}`,
+        a !== "default" && `vyre-text--${a}`,
+        o && "vyre-text--truncate",
+        i
+      ),
+      ...s,
+      children: d
+    }
+  )
+);
+Cr.displayName = "VyreHeading";
+const Lr = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("p", { ref: a, className: m("vyre-lead", e), ...t, children: r })
+);
+Lr.displayName = "VyreLead";
+const Mr = p.forwardRef(
+  ({ block: e, className: r, children: t, ...a }, o) => e ? /* @__PURE__ */ n("pre", { className: m("vyre-code-block", r), ...a, children: /* @__PURE__ */ n("code", { ref: o, children: t }) }) : /* @__PURE__ */ n(
+    "code",
+    {
+      ref: o,
+      className: m("vyre-code", r),
+      ...a,
+      children: t
+    }
+  )
+);
+Mr.displayName = "VyreCode";
+const Rr = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("blockquote", { ref: a, className: m("vyre-blockquote", e), ...t, children: r })
+);
+Rr.displayName = "VyreBlockquote";
+const Ie = ee({
+  collapsed: !1,
+  toggleCollapsed: () => {
+  }
+}), ye = () => U(Ie), Ir = p.forwardRef(
+  ({ defaultCollapsed: e = !1, collapsed: r, onCollapsedChange: t, className: a, children: o }, i) => {
+    const [d, s] = D(e), l = r !== void 0 ? r : d, b = M(() => {
+      const h = !l;
+      s(h), t == null || t(h);
+    }, [l, t]);
+    return /* @__PURE__ */ n(Ie.Provider, { value: { collapsed: l, toggleCollapsed: b }, children: /* @__PURE__ */ n("div", { ref: i, className: m("vyre-app-layout", a), children: o }) });
+  }
+);
+Ir.displayName = "VyreAppLayout";
+const Tr = p.forwardRef(
+  ({ variant: e = "default", className: r, children: t }, a) => {
+    const { collapsed: o } = ye();
+    return /* @__PURE__ */ n(
+      "aside",
+      {
+        ref: a,
+        className: m(
+          "vyre-sidebar",
+          o && "vyre-sidebar--collapsed",
+          e === "floating" && "vyre-sidebar--floating",
+          r
+        ),
+        "data-collapsed": o || void 0,
+        children: t
+      }
+    );
+  }
+);
+Tr.displayName = "VyreSidebar";
+const Sr = p.forwardRef(
+  ({ logo: e, title: r, className: t, children: a }, o) => /* @__PURE__ */ N("div", { ref: o, className: m("vyre-sidebar__header", t), children: [
+    e && /* @__PURE__ */ n("span", { className: "vyre-sidebar__logo", children: e }),
+    r && /* @__PURE__ */ n("span", { className: "vyre-sidebar__title", children: r }),
+    a
+  ] })
+);
+Sr.displayName = "VyreSidebarHeader";
+const Er = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: m("vyre-sidebar__content", e), children: r })
+);
+Er.displayName = "VyreSidebarContent";
+const Dr = p.forwardRef(
+  ({ label: e, className: r, children: t }, a) => /* @__PURE__ */ N("div", { ref: a, className: m("vyre-sidebar__section", r), children: [
+    e && /* @__PURE__ */ n("div", { className: "vyre-sidebar__section-label", children: e }),
+    t
+  ] })
+);
+Dr.displayName = "VyreSidebarSection";
+const Ar = ({
+  active: e,
+  icon: r,
+  badge: t,
+  href: a,
+  onClick: o,
+  className: i,
+  children: d
+}) => {
+  const { collapsed: s } = ye(), l = m("vyre-sidebar__item", e && "vyre-sidebar__item--active", i), b = /* @__PURE__ */ N(de, { children: [
+    r && /* @__PURE__ */ n("span", { className: "vyre-sidebar__item-icon", children: r }),
+    /* @__PURE__ */ n("span", { className: "vyre-sidebar__item-label", children: d }),
+    t !== void 0 && /* @__PURE__ */ n("span", { className: "vyre-sidebar__item-badge", children: t })
+  ] });
+  return a ? /* @__PURE__ */ n(
+    "a",
+    {
+      href: a,
+      className: l,
+      "aria-current": e ? "page" : void 0,
+      title: s ? String(d) : void 0,
+      children: b
+    }
+  ) : /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      className: l,
+      onClick: o,
+      "aria-pressed": e,
+      title: s ? String(d) : void 0,
+      children: b
+    }
+  );
+};
+Ar.displayName = "VyreSidebarItem";
+const Br = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: m("vyre-sidebar__footer", e), children: r })
+);
+Br.displayName = "VyreSidebarFooter";
+const Vr = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: m("vyre-app-shell", e), children: r })
+);
+Vr.displayName = "VyreAppShell";
+const $r = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("header", { ref: t, className: m("vyre-app-bar", e), children: r })
+);
+$r.displayName = "VyreAppBar";
+const Wr = ({ className: e }) => {
+  const { collapsed: r, toggleCollapsed: t } = ye();
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      className: m("vyre-sidebar-trigger", e),
+      onClick: t,
+      "aria-label": r ? "Expand sidebar" : "Collapse sidebar",
+      "aria-expanded": !r,
+      children: /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ n("rect", { x: "2", y: "4", width: "12", height: "1.5", rx: "0.75", fill: "currentColor" }),
+        /* @__PURE__ */ n("rect", { x: "2", y: "7.25", width: "8", height: "1.5", rx: "0.75", fill: "currentColor" }),
+        /* @__PURE__ */ n("rect", { x: "2", y: "10.5", width: "12", height: "1.5", rx: "0.75", fill: "currentColor" })
+      ] })
+    }
+  );
+};
+Wr.displayName = "VyreSidebarTrigger";
+const jr = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: m("vyre-page-content", e), children: r })
+);
+jr.displayName = "VyrePageContent";
+export {
+  ct as Accordion,
+  vt as AccordionContent,
+  ut as AccordionItem,
+  mt as AccordionTrigger,
+  jt as Alert,
+  Ft as AlertDialog,
+  $r as AppBar,
+  Ir as AppLayout,
+  Vr as AppShell,
+  yt as Avatar,
+  Ve as Badge,
+  Rr as Blockquote,
+  Ut as Breadcrumb,
+  Gt as BreadcrumbItem,
+  Ae as Button,
+  Re as Calendar,
+  $e as Card,
+  je as CardBody,
+  He as CardFooter,
+  We as CardHeader,
+  ft as Checkbox,
+  Mr as Code,
+  Me as Command,
+  pr as CommandDialog,
+  yr as CommandEmpty,
+  fr as CommandGroup,
+  mr as CommandInput,
+  hr as CommandItem,
+  vr as CommandList,
+  br as CommandSeparator,
+  kr as DatePicker,
+  Tt as DropdownCheckboxItem,
+  It as DropdownItem,
+  Rt as DropdownLabel,
+  Mt as DropdownMenu,
+  St as DropdownRadioGroup,
+  Et as DropdownRadioItem,
+  At as DropdownSeparator,
+  Dt as DropdownSub,
+  Fe as Field,
+  Cr as Heading,
+  Oe as Input,
+  wt as Label,
+  Lr as Lead,
+  Pe as Modal,
+  Ue as ModalBody,
+  Ge as ModalFooter,
+  Ye as ModalHeader,
+  jr as PageContent,
+  er as Pagination,
+  Ct as Popover,
+  pt as Progress,
+  et as Select,
+  _t as Separator,
+  Kt as Sheet,
+  Pt as SheetBody,
+  Yt as SheetFooter,
+  qt as SheetHeader,
+  Tr as Sidebar,
+  Er as SidebarContent,
+  Br as SidebarFooter,
+  Sr as SidebarHeader,
+  Ar as SidebarItem,
+  Dr as SidebarSection,
+  Wr as SidebarTrigger,
+  gt as Skeleton,
+  bt as Slider,
+  ht as Switch,
+  ot as Tab,
+  at as TabList,
+  st as TabPanel,
+  it as TabPanels,
+  tr as Table,
+  nr as TableBody,
+  lr as TableCaption,
+  sr as TableCell,
+  rr as TableHead,
+  ir as TableHeader,
+  ar as TableRow,
+  nt as Tabs,
+  xr as Text,
+  Ke as Textarea,
+  Kr as ToastProvider,
+  dt as Tooltip,
+  m as cn,
+  ye as useAppLayout,
+  qr as useToast
+};