@usevyre/react 0.1.2 → 0.2.0

package/dist/index.js

@@ -1,14 +1,14 @@
 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, { useRef as A, useCallback as M, useEffect as V, createContext as ee, useReducer as Te, useContext as U, useState as D, useId as oe, useMemo as ae } from "react";
 import P from "react-dom";
-function m(...e) {
+function u(...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);
+        const a = u(...t);
         a && r.push(a);
       } else if (typeof t == "object")
         for (const [a, o] of Object.entries(t))
@@ -46,7 +46,7 @@ const Ee = {
       l,
       {
         ref: h,
-        className: m(
+        className: u(
           "vyre-btn",
           Ee[e],
           De[r],
@@ -101,7 +101,7 @@ const Ve = p.forwardRef(
     "span",
     {
       ref: i,
-      className: m("vyre-badge", `vyre-badge--${e}`, t),
+      className: u("vyre-badge", `vyre-badge--${e}`, t),
       "data-variant": e,
       ...o,
       children: [
@@ -124,7 +124,7 @@ const $e = p.forwardRef(
     "div",
     {
       ref: d,
-      className: m(
+      className: u(
         "vyre-card",
         `vyre-card--${e}`,
         r && "vyre-card--hoverable",
@@ -141,15 +141,15 @@ const $e = p.forwardRef(
 );
 $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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("vyre-card__footer", e), ...t, children: r })
 );
 He.displayName = "VyreCardFooter";
 const Fe = p.forwardRef(
@@ -166,7 +166,7 @@ const Fe = p.forwardRef(
     "div",
     {
       ref: l,
-      className: m("vyre-field", t !== "idle" && `vyre-field--${t}`, i),
+      className: u("vyre-field", t !== "idle" && `vyre-field--${t}`, i),
       "data-state": t,
       ...s,
       children: [
@@ -188,13 +188,13 @@ const Oe = p.forwardRef(
     rightElement: t,
     className: a,
     ...o
-  }, i) => r || t ? /* @__PURE__ */ N("div", { className: m("vyre-input-wrapper", `vyre-input-wrapper--${e}`), children: [
+  }, i) => r || t ? /* @__PURE__ */ N("div", { className: u("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(
+        className: u(
           "vyre-input",
           `vyre-input--${e}`,
           !!r && "vyre-input--has-left",
@@ -209,7 +209,7 @@ const Oe = p.forwardRef(
     "input",
     {
       ref: i,
-      className: m("vyre-input", `vyre-input--${e}`, a),
+      className: u("vyre-input", `vyre-input--${e}`, a),
       ...o
     }
   )
@@ -220,7 +220,7 @@ const Ke = p.forwardRef(
     "textarea",
     {
       ref: i,
-      className: m("vyre-textarea", `vyre-textarea--${e}`, t),
+      className: u("vyre-textarea", `vyre-textarea--${e}`, t),
       style: { resize: r, ...a },
       ...o
     }
@@ -253,7 +253,7 @@ const qe = [
         y.current = f, typeof v == "function" ? v(f) : v && (v.current = f);
       },
       [v]
-    ), u = M((f) => {
+    ), m = M((f) => {
       if (f.key !== "Tab") return;
       const x = y.current;
       if (!x) return;
@@ -269,7 +269,7 @@ const qe = [
     );
     return V(() => {
       if (!e) return;
-      document.addEventListener("keydown", w), document.addEventListener("keydown", u);
+      document.addEventListener("keydown", w), document.addEventListener("keydown", m);
       const f = document.body.style.overflow;
       document.body.style.overflow = "hidden";
       const x = setTimeout(() => {
@@ -277,9 +277,9 @@ const qe = [
         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);
+        document.removeEventListener("keydown", w), document.removeEventListener("keydown", m), document.body.style.overflow = f, clearTimeout(x);
       };
-    }, [e, w, u, i]), e ? P.createPortal(
+    }, [e, w, m, i]), e ? P.createPortal(
       /* @__PURE__ */ n(
         "div",
         {
@@ -293,7 +293,7 @@ const qe = [
             "div",
             {
               ref: c,
-              className: m("vyre-modal", `vyre-modal--${t}`, d),
+              className: u("vyre-modal", `vyre-modal--${t}`, d),
               role: "dialog",
               "aria-modal": "true",
               "aria-label": l,
@@ -311,15 +311,15 @@ const qe = [
 );
 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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("vyre-modal__footer", e), ...t, children: r })
 );
 Ge.displayName = "VyreModalFooter";
 const _e = ee(null);
@@ -335,8 +335,8 @@ function Xe(e, r) {
 }
 let ze = 0;
 const Ze = () => `vyre-t-${++ze}`;
-function Kr({ children: e }) {
-  const [r, t] = Se(Xe, []), a = M((i) => {
+function Pr({ children: e }) {
+  const [r, t] = Te(Xe, []), a = M((i) => {
     const d = Ze();
     return t({ type: "ADD", payload: { ...i, id: d } }), d;
   }, []), o = M((i) => {
@@ -359,7 +359,7 @@ function Kr({ children: e }) {
     )
   ] });
 }
-function qr() {
+function Yr() {
   const e = U(_e);
   if (!e) throw new Error("useToast must be used inside <ToastProvider>");
   return e;
@@ -378,7 +378,7 @@ function Je({
   }, [a, o]), /* @__PURE__ */ N(
     "div",
     {
-      className: m("vyre-toast", `vyre-toast--${t}`),
+      className: u("vyre-toast", `vyre-toast--${t}`),
       role: "alert",
       "data-variant": t,
       children: [
@@ -433,9 +433,9 @@ const et = p.forwardRef(
     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(
+    const h = r !== void 0, [v, y] = D(t ?? ""), _ = h ? r : v, [c, m] = 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(() => {
+      m(!1), f(-1);
+    }, []), T = M(
       (k) => {
         var I;
         k.disabled || (h || y(k.value), a == null || a(k.value), F(), (I = x.current) == null || I.focus());
@@ -445,8 +445,8 @@ const et = p.forwardRef(
     V(() => {
       if (!c) return;
       const k = (I) => {
-        const T = b == null ? void 0 : b.current;
-        T && !T.contains(I.target) && F();
+        const S = b == null ? void 0 : b.current;
+        S && !S.contains(I.target) && F();
       };
       return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
     }, [c, b, F]), V(() => {
@@ -461,14 +461,14 @@ const et = p.forwardRef(
         case " ":
         case "ArrowDown": {
           if (k.preventDefault(), !c) {
-            u(!0);
-            const I = e.findIndex((T) => T.value === _);
+            m(!0);
+            const I = e.findIndex((S) => S.value === _);
             f(I >= 0 ? I : 0);
           }
           break;
         }
         case "ArrowUp": {
-          k.preventDefault(), c || (u(!0), f(e.length - 1));
+          k.preventDefault(), c || (m(!0), f(e.length - 1));
           break;
         }
         case "Escape": {
@@ -480,24 +480,24 @@ const et = p.forwardRef(
       var I;
       switch (k.key) {
         case "ArrowDown": {
-          k.preventDefault(), f((T) => {
-            let E = T + 1;
+          k.preventDefault(), f((S) => {
+            let E = S + 1;
             for (; E < e.length && e[E].disabled; ) E++;
-            return E < e.length ? E : T;
+            return E < e.length ? E : S;
           });
           break;
         }
         case "ArrowUp": {
-          k.preventDefault(), f((T) => {
-            let E = T - 1;
+          k.preventDefault(), f((S) => {
+            let E = S - 1;
             for (; E >= 0 && e[E].disabled; ) E--;
-            return E >= 0 ? E : T;
+            return E >= 0 ? E : S;
           });
           break;
         }
         case "Enter":
         case " ": {
-          k.preventDefault(), w >= 0 && S(e[w]);
+          k.preventDefault(), w >= 0 && T(e[w]);
           break;
         }
         case "Escape":
@@ -507,14 +507,14 @@ const et = p.forwardRef(
         }
         case "Home": {
           k.preventDefault();
-          const T = e.findIndex((E) => !E.disabled);
-          T >= 0 && f(T);
+          const S = e.findIndex((E) => !E.disabled);
+          S >= 0 && f(S);
           break;
         }
         case "End": {
           k.preventDefault();
-          const T = [...e].reverse().findIndex((E) => !E.disabled);
-          T >= 0 && f(e.length - 1 - T);
+          const S = [...e].reverse().findIndex((E) => !E.disabled);
+          S >= 0 && f(e.length - 1 - S);
           break;
         }
       }
@@ -523,7 +523,7 @@ const et = p.forwardRef(
       "div",
       {
         ref: b,
-        className: m("vyre-select", `vyre-select--${d}`, s),
+        className: u("vyre-select", `vyre-select--${d}`, s),
         "data-open": c,
         ...l,
         children: [
@@ -539,9 +539,9 @@ const et = p.forwardRef(
               "aria-disabled": i,
               disabled: i,
               onClick: () => {
-                i || u((k) => {
+                i || m((k) => {
                   if (!k) {
-                    const I = e.findIndex((T) => T.value === _);
+                    const I = e.findIndex((S) => S.value === _);
                     f(I >= 0 ? I : 0);
                   }
                   return !k;
@@ -574,8 +574,8 @@ const et = p.forwardRef(
                     "data-highlighted": I === w,
                     className: "vyre-select__option",
                     onMouseEnter: () => !k.disabled && f(I),
-                    onMouseDown: (T) => {
-                      T.preventDefault(), S(k);
+                    onMouseDown: (S) => {
+                      S.preventDefault(), T(k);
                     },
                     children: [
                       k.label,
@@ -661,7 +661,7 @@ const nt = p.forwardRef(
       },
       [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 }) });
+    return /* @__PURE__ */ n(we.Provider, { value: { value: h, onChange: y, baseId: v }, children: /* @__PURE__ */ n("div", { ref: d, className: u("vyre-tabs", a), ...i, children: o }) });
   }
 );
 nt.displayName = "VyreTabs";
@@ -690,7 +690,7 @@ const at = p.forwardRef(
           i.current = s, typeof o == "function" ? o(s) : o && (o.current = s);
         },
         role: "tablist",
-        className: m("vyre-tabs__list", e),
+        className: u("vyre-tabs__list", e),
         "aria-label": t,
         onKeyDown: d,
         ...a,
@@ -714,7 +714,7 @@ const ot = p.forwardRef(
         "aria-selected": b,
         disabled: r,
         tabIndex: b ? 0 : -1,
-        className: m(
+        className: u(
           "vyre-tabs__tab",
           b && "vyre-tabs__tab--active",
           t
@@ -729,7 +729,7 @@ const ot = p.forwardRef(
 );
 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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("vyre-tabs__panels", e), ...t, children: r })
 );
 it.displayName = "VyreTabPanels";
 const st = p.forwardRef(
@@ -743,7 +743,7 @@ const st = p.forwardRef(
         id: `${d}-panel-${e}`,
         "aria-labelledby": `${d}-tab-${e}`,
         tabIndex: 0,
-        className: m("vyre-tabs__panel", r),
+        className: u("vyre-tabs__panel", r),
         ...a,
         children: t
       }
@@ -764,31 +764,31 @@ const lt = 120, dt = ({
     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);
+      var m, w;
+      h(), (w = (m = y.props).onMouseEnter) == null || w.call(m, c);
     },
     onMouseLeave: (c) => {
-      var u, w;
-      v(), (w = (u = y.props).onMouseLeave) == null || w.call(u, c);
+      var m, w;
+      v(), (w = (m = y.props).onMouseLeave) == null || w.call(m, c);
     },
     onFocus: (c) => {
-      var u, w;
-      d("visible"), (w = (u = y.props).onFocus) == null || w.call(u, c);
+      var m, w;
+      d("visible"), (w = (m = y.props).onFocus) == null || w.call(m, c);
     },
     onBlur: (c) => {
-      var u, w;
-      v(), (w = (u = y.props).onBlur) == null || w.call(u, c);
+      var m, w;
+      v(), (w = (m = y.props).onBlur) == null || w.call(m, c);
     },
     "aria-describedby": i !== "hidden" ? b : void 0
   });
-  return /* @__PURE__ */ N("span", { className: m("vyre-tooltip-wrapper", o), children: [
+  return /* @__PURE__ */ N("span", { className: u("vyre-tooltip-wrapper", o), children: [
     _,
     i !== "hidden" && /* @__PURE__ */ N(
       "span",
       {
         id: b,
         role: "tooltip",
-        className: m(
+        className: u(
           "vyre-tooltip",
           `vyre-tooltip--${r}`,
           i === "leaving" && "vyre-tooltip--leaving"
@@ -824,7 +824,7 @@ const ct = p.forwardRef(
     ), 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 === "single" ? c = v.includes(_) ? [] : [_] : c = v.includes(_) ? v.filter((m) => m !== _) : [...v, _], t === void 0 && h(c), a == null || a(e === "single" ? c[0] ?? "" : c);
       },
       [e, v, t, a]
     );
@@ -1036,13 +1036,13 @@ const bt = p.forwardRef(
     style: b,
     ...h
   }, v) => {
-    const [y, _] = p.useState(r), c = e !== void 0 ? e : y, u = (c - t) / (a - t) * 100;
+    const [y, _] = p.useState(r), c = e !== void 0 ? e : y, m = (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 },
+        style: { "--vyre-slider-pct": `${m}%`, ...b },
         children: [
           /* @__PURE__ */ n(
             "input",
@@ -1063,8 +1063,8 @@ const bt = p.forwardRef(
             }
           ),
           /* @__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}%` } })
+            /* @__PURE__ */ n("div", { className: "vyre-slider__fill", style: { width: `${m}%` } }),
+            /* @__PURE__ */ n("div", { className: "vyre-slider__thumb", style: { left: `${m}%` } })
           ] })
         ]
       }
@@ -1214,32 +1214,32 @@ const Ct = ({
   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) => {
+  const s = t !== void 0, [l, b] = D(!1), [h, v] = D(!1), [y, _] = D(!1), [c, m] = 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(() => {
+  }, [s, a]), F = M(() => O(!w), [w, O]), T = 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 ? (L.current && (clearTimeout(L.current), L.current = null), v(!1), _(!0)) : y && !h && T();
   }, [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);
+    m(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();
+      x.current && !x.current.contains(k.target) && f.current && !f.current.contains(k.target) && T();
     };
     return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
-  }, [y, i, S]), V(() => {
+  }, [y, i, T]), V(() => {
     if (!y) return;
     const R = (k) => {
-      k.key === "Escape" && S();
+      k.key === "Escape" && T();
     };
     return document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R);
-  }, [y, S]);
+  }, [y, T]);
   const W = p.cloneElement(e, {
     ref: f,
     onClick: (R) => {
@@ -1260,7 +1260,7 @@ const Ct = ({
           id: B,
           role: "dialog",
           "aria-modal": "false",
-          className: m(
+          className: u(
             "vyre-popover",
             `vyre-popover--${$}`,
             h && "vyre-popover--leaving",
@@ -1281,11 +1281,11 @@ const ce = ee(null), xe = ee(null), Lt = 120, Mt = ({
   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(
+  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), m = A(null), w = A(null), f = oe(), x = M(
     () => {
-      var S;
+      var T;
       return Array.from(
-        ((S = u.current) == null ? void 0 : S.querySelectorAll(
+        ((T = m.current) == null ? void 0 : T.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])"
         )) ?? []
       );
@@ -1293,8 +1293,8 @@ const ce = ee(null), xe = ee(null), Lt = 120, Mt = ({
     []
   ), L = M(() => {
     s(!0), w.current = setTimeout(() => {
-      var S;
-      s(!1), b(!1), i(!1), _(-1), (S = c.current) == null || S.focus({ preventScroll: !0 });
+      var T;
+      s(!1), b(!1), i(!1), _(-1), (T = c.current) == null || T.focus({ preventScroll: !0 });
     }, Lt);
   }, []), B = M(() => {
     w.current && (clearTimeout(w.current), w.current = null), s(!1), i(!0), b(!0);
@@ -1303,18 +1303,18 @@ const ce = ee(null), xe = ee(null), Lt = 120, Mt = ({
   }, [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(() => {
+    const T = c.current.getBoundingClientRect(), W = 4, R = window.scrollX, k = window.scrollY;
+    let I = 0, S = 0;
+    t.startsWith("bottom") ? (I = T.bottom + k + W, S = t === "bottom-start" ? T.left + R : T.right + R) : (I = T.top + k - W, S = t === "top-start" ? T.left + R : T.right + R), v({ top: I, left: S }), 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();
+    const T = (R) => {
+      m.current && !m.current.contains(R.target) && c.current && !c.current.contains(R.target) && L();
     }, W = (R) => {
-      var k, I, T;
+      var k, I, S;
       if (R.key === "Escape") {
         L();
         return;
@@ -1328,18 +1328,18 @@ const ce = ee(null), xe = ee(null), Lt = 120, Mt = ({
       }
       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);
+        (S = E[E.length - 1]) == null || S.focus({ preventScroll: !0 }), _(E.length - 1);
       }
     };
-    return document.addEventListener("mousedown", S), document.addEventListener("keydown", W), () => {
-      document.removeEventListener("mousedown", S), document.removeEventListener("keydown", W);
+    return document.addEventListener("mousedown", T), document.addEventListener("keydown", W), () => {
+      document.removeEventListener("mousedown", T), document.removeEventListener("keydown", W);
     };
   }, [l, y, L, x]);
   const q = p.cloneElement(e, {
     ref: c,
-    onClick: (S) => {
+    onClick: (T) => {
       var W, R;
-      $(), (R = (W = e.props).onClick) == null || R.call(W, S);
+      $(), (R = (W = e.props).onClick) == null || R.call(W, T);
     },
     "aria-expanded": o,
     "aria-haspopup": "menu",
@@ -1351,11 +1351,11 @@ const ce = ee(null), xe = ee(null), Lt = 120, Mt = ({
       /* @__PURE__ */ n(
         "div",
         {
-          ref: u,
+          ref: m,
           id: f,
           role: "menu",
           "aria-orientation": "vertical",
-          className: m(
+          className: u(
             "vyre-dropdown",
             O && "vyre-dropdown--end",
             F && "vyre-dropdown--top",
@@ -1378,7 +1378,7 @@ Mt.displayName = "VyreDropdownMenu";
 const Rt = ({
   children: e,
   className: r
-}) => /* @__PURE__ */ n("div", { className: m("vyre-dropdown__label", r), children: e });
+}) => /* @__PURE__ */ n("div", { className: u("vyre-dropdown__label", r), children: e });
 Rt.displayName = "VyreDropdownLabel";
 const It = ({
   children: e,
@@ -1394,7 +1394,7 @@ const It = ({
     "button",
     {
       role: "menuitem",
-      className: m(
+      className: u(
         "vyre-dropdown__item",
         a === "danger" && "vyre-dropdown__item--danger",
         d
@@ -1414,7 +1414,7 @@ const It = ({
   );
 };
 It.displayName = "VyreDropdownItem";
-const Tt = ({
+const St = ({
   children: e,
   checked: r,
   onCheckedChange: t,
@@ -1431,7 +1431,7 @@ const Tt = ({
       "aria-disabled": a || void 0,
       disabled: a,
       tabIndex: -1,
-      className: m("vyre-dropdown__item vyre-dropdown__item--checkbox", i),
+      className: u("vyre-dropdown__item vyre-dropdown__item--checkbox", i),
       onClick: () => {
         a || (t(!r), d == null || d.close());
       },
@@ -1443,13 +1443,13 @@ const Tt = ({
     }
   );
 };
-Tt.displayName = "VyreDropdownCheckboxItem";
-const St = ({
+St.displayName = "VyreDropdownCheckboxItem";
+const Tt = ({
   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";
+Tt.displayName = "VyreDropdownRadioGroup";
 const Et = ({
   children: e,
   value: r,
@@ -1465,7 +1465,7 @@ const Et = ({
       "aria-disabled": t || void 0,
       disabled: t,
       tabIndex: -1,
-      className: m("vyre-dropdown__item vyre-dropdown__item--radio", a),
+      className: u("vyre-dropdown__item vyre-dropdown__item--radio", a),
       onClick: () => {
         t || (i == null || i.onValueChange(r), o == null || o.close());
       },
@@ -1487,14 +1487,14 @@ const Dt = ({
 }) => {
   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;
+    const m = 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
+      top: m.top + f,
+      left: a === "right" ? m.right + w + x : m.left + w - x
     }), s(!0);
-  }, [a]), _ = M(() => s(!1), []), c = (u) => {
+  }, [a]), _ = M(() => s(!1), []), c = (m) => {
     var f;
-    const w = u.relatedTarget;
+    const w = m.relatedTarget;
     (f = v.current) != null && f.contains(w) || _();
   };
   return /* @__PURE__ */ N(de, { children: [
@@ -1508,7 +1508,7 @@ const Dt = ({
         "aria-disabled": o || void 0,
         disabled: o,
         tabIndex: -1,
-        className: m("vyre-dropdown__item vyre-dropdown__item--sub", i),
+        className: u("vyre-dropdown__item vyre-dropdown__item--sub", i),
         onMouseEnter: y,
         onMouseLeave: c,
         onFocus: y,
@@ -1525,7 +1525,7 @@ const Dt = ({
         {
           ref: v,
           role: "menu",
-          className: m(
+          className: u(
             "vyre-dropdown vyre-dropdown--sub",
             a === "left" && "vyre-dropdown--sub-left"
           ),
@@ -1536,9 +1536,9 @@ const Dt = ({
             right: a === "left" ? `calc(100vw - ${l.left}px)` : void 0,
             transform: a === "left" ? "translateX(-100%)" : void 0
           },
-          onMouseLeave: (u) => {
+          onMouseLeave: (m) => {
             var f;
-            const w = u.relatedTarget;
+            const w = m.relatedTarget;
             (f = h.current) != null && f.contains(w) || _();
           },
           children: r
@@ -1549,7 +1549,7 @@ const Dt = ({
   ] });
 };
 Dt.displayName = "VyreDropdownSub";
-const At = ({ className: e }) => /* @__PURE__ */ n("div", { role: "separator", className: m("vyre-dropdown__separator", e) });
+const At = ({ className: e }) => /* @__PURE__ */ n("div", { role: "separator", className: u("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" }),
@@ -1576,7 +1576,7 @@ const Bt = () => /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox:
     "div",
     {
       role: "alert",
-      className: m("vyre-alert", `vyre-alert--${e}`, i),
+      className: u("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: [
@@ -1617,7 +1617,7 @@ const Ht = [
     l == null || l(), r(!1);
   }, [l, r]), c = M(() => {
     s == null || s(), r(!1);
-  }, [s, r]), u = M((f) => {
+  }, [s, r]), m = M((f) => {
     if (f.key !== "Tab") return;
     const x = h.current;
     if (!x) return;
@@ -1628,7 +1628,7 @@ const Ht = [
   }, []);
   if (V(() => {
     if (!e) return;
-    document.addEventListener("keydown", u);
+    document.addEventListener("keydown", m);
     const f = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     const x = (L) => {
@@ -1638,9 +1638,9 @@ const Ht = [
       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;
+      document.removeEventListener("keydown", m), document.removeEventListener("keydown", x), document.body.style.overflow = f;
     };
-  }, [e, u, _]), !e) return null;
+  }, [e, m, _]), !e) return null;
   const w = Ce[o];
   return P.createPortal(
     /* @__PURE__ */ n(
@@ -1660,10 +1660,10 @@ const Ht = [
             "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),
+            className: u("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__icon-wrap", children: /* @__PURE__ */ n("span", { className: u("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 })
@@ -1683,7 +1683,7 @@ const Ht = [
                   "button",
                   {
                     type: "button",
-                    className: m(
+                    className: u(
                       "vyre-btn vyre-btn--sm",
                       o === "danger" && "vyre-btn--danger",
                       o === "warning" && "vyre-btn--primary",
@@ -1724,14 +1724,14 @@ const Ot = [
     "aria-labelledby": b,
     ...h
   }, v) => {
-    const y = A(null), _ = A(null), c = M((u) => {
-      if (u.key !== "Tab") return;
+    const y = A(null), _ = A(null), c = M((m) => {
+      if (m.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());
+      m.shiftKey && document.activeElement === x ? (m.preventDefault(), L.focus()) : !m.shiftKey && document.activeElement === L && (m.preventDefault(), x.focus());
     }, []);
     return V(() => {
       if (!e) return;
@@ -1748,12 +1748,12 @@ const Ot = [
           document.removeEventListener("keydown", c), document.removeEventListener("keydown", w), document.body.style.overflow = f;
         };
       }
-      const u = document.body.style.overflow;
+      const m = 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;
+        document.removeEventListener("keydown", c), document.body.style.overflow = m;
       };
     }, [e, c, i, r]), e ? P.createPortal(
       /* @__PURE__ */ n(
@@ -1761,22 +1761,22 @@ const Ot = [
         {
           ref: _,
           className: "vyre-sheet-backdrop",
-          onClick: (u) => {
-            o && u.target === _.current && r();
+          onClick: (m) => {
+            o && m.target === _.current && r();
           },
           role: "presentation",
           children: /* @__PURE__ */ n(
             "div",
             {
-              ref: (u) => {
-                y.current = u, typeof v == "function" ? v(u) : v && (v.current = u);
+              ref: (m) => {
+                y.current = m, typeof v == "function" ? v(m) : v && (v.current = m);
               },
               role: "dialog",
               "aria-modal": "true",
               "aria-label": l,
               "aria-labelledby": b,
               tabIndex: -1,
-              className: m(
+              className: u(
                 "vyre-sheet",
                 `vyre-sheet--${t}`,
                 `vyre-sheet--${a}`,
@@ -1794,15 +1794,15 @@ const Ot = [
 );
 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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("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 })
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("vyre-sheet__footer", e), ...t, children: r })
 );
 Yt.displayName = "VyreSheetFooter";
 const Ut = ({
@@ -1811,7 +1811,7 @@ const Ut = ({
   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: [
+  return /* @__PURE__ */ n("nav", { "aria-label": "Breadcrumb", className: u("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)) }) });
@@ -1825,22 +1825,29 @@ const Gt = ({
 }) => t || !r ? /* @__PURE__ */ n(
   "span",
   {
-    className: m("vyre-breadcrumb__link vyre-breadcrumb__link--current", a),
+    className: u("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 });
+) : /* @__PURE__ */ n("a", { href: r, className: u("vyre-breadcrumb__link", a), children: e });
 Gt.displayName = "VyreBreadcrumbItem";
+const Xt = ({ children: e, href: r, className: t }) => /* @__PURE__ */ n("a", { href: r, className: u("vyre-breadcrumb__link", t), children: e });
+Xt.displayName = "VyreBreadcrumbLink";
+const zt = ({
+  children: e = "/",
+  className: r
+}) => /* @__PURE__ */ n("span", { className: u("vyre-breadcrumb__separator", r), "aria-hidden": "true", children: e });
+zt.displayName = "VyreBreadcrumbSeparator";
 function he(e, r) {
   return Array.from({ length: r - e + 1 }, (t, a) => e + a);
 }
-function Xt(e, r, t) {
+function Zt(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 = ({
+const Jt = () => /* @__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" }) }), Qt = () => /* @__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" }) }), er = () => /* @__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" }) }), tr = () => /* @__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" }) }), rr = ({
   page: e,
   totalPages: r,
   onPageChange: t,
@@ -1851,11 +1858,11 @@ const zt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox:
   pageSize: s,
   className: l
 }) => {
-  const b = Xt(e, r, a), h = e > 1, v = e < r, y = p.useMemo(() => {
+  const b = Zt(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}`;
+      const c = (e - 1) * s + 1, m = Math.min(e * s, d);
+      return `Showing ${c}–${m} of ${d}`;
     }
     return `Page ${e} of ${r}`;
   }, [i, e, r, d, s]), _ = /* @__PURE__ */ N(de, { children: [
@@ -1866,7 +1873,7 @@ const zt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox:
         onClick: () => t(1),
         disabled: !h,
         "aria-label": "First page",
-        children: /* @__PURE__ */ n(Jt, {})
+        children: /* @__PURE__ */ n(er, {})
       }
     ),
     /* @__PURE__ */ n(
@@ -1876,14 +1883,14 @@ const zt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox:
         onClick: () => t(e - 1),
         disabled: !h,
         "aria-label": "Previous page",
-        children: /* @__PURE__ */ n(zt, {})
+        children: /* @__PURE__ */ n(Jt, {})
       }
     ),
     /* @__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(
+      (c, m) => c === "..." ? /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: "vyre-pagination__dots", "aria-hidden": "true", children: "···" }) }, `dots-${m}`) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
         "button",
         {
-          className: m(
+          className: u(
             "vyre-pagination__btn",
             c === e && "vyre-pagination__btn--active"
           ),
@@ -1901,7 +1908,7 @@ const zt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox:
         onClick: () => t(e + 1),
         disabled: !v,
         "aria-label": "Next page",
-        children: /* @__PURE__ */ n(Zt, {})
+        children: /* @__PURE__ */ n(Qt, {})
       }
     ),
     o && /* @__PURE__ */ n(
@@ -1911,17 +1918,17 @@ const zt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox:
         onClick: () => t(r),
         disabled: !v,
         "aria-label": "Last page",
-        children: /* @__PURE__ */ n(Qt, {})
+        children: /* @__PURE__ */ n(tr, {})
       }
     )
   ] });
-  return i ? /* @__PURE__ */ N("div", { className: m("vyre-pagination-row", l), children: [
+  return i ? /* @__PURE__ */ N("div", { className: u("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: _ });
+  ] }) : /* @__PURE__ */ n("nav", { "aria-label": "Pagination", className: u("vyre-pagination", l), children: _ });
 };
-er.displayName = "VyrePagination";
-const tr = ({
+rr.displayName = "VyrePagination";
+const nr = ({
   children: e,
   striped: r = !1,
   bordered: t = !1,
@@ -1931,7 +1938,7 @@ const tr = ({
 }) => /* @__PURE__ */ n("div", { className: "vyre-table-wrapper", children: /* @__PURE__ */ n(
   "table",
   {
-    className: m(
+    className: u(
       "vyre-table",
       r && "vyre-table--striped",
       t && "vyre-table--bordered",
@@ -1942,24 +1949,24 @@ const tr = ({
     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(
+nr.displayName = "VyreTable";
+const ar = p.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("thead", { ref: t, className: u("vyre-table__head", e), ...r }));
+ar.displayName = "VyreTableHead";
+const or = p.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("tbody", { ref: t, className: u("vyre-table__body", e), ...r }));
+or.displayName = "VyreTableBody";
+const ir = p.forwardRef(
   ({ className: e, selected: r, ...t }, a) => /* @__PURE__ */ n(
     "tr",
     {
       ref: a,
-      className: m("vyre-table__row", r && "vyre-table__row--selected", e),
+      className: u("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: [
+ir.displayName = "VyreTableRow";
+const sr = ({ 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",
     {
@@ -1982,12 +1989,12 @@ const or = ({ dir: e }) => /* @__PURE__ */ n("span", { className: "vyre-table__s
       opacity: e === "asc" ? 0.3 : 1
     }
   )
-] }) }), ir = p.forwardRef(
+] }) }), lr = 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(
+      className: u(
         "vyre-table__th vyre-table__th--sortable",
         `vyre-table__th--${o}`,
         t && `vyre-table__th--sort-${t}`,
@@ -1997,33 +2004,33 @@ const or = ({ dir: e }) => /* @__PURE__ */ n("span", { className: "vyre-table__s
       ...d,
       children: /* @__PURE__ */ N("button", { className: "vyre-table__sort-btn", onClick: a, type: "button", children: [
         i,
-        /* @__PURE__ */ n(or, { dir: t })
+        /* @__PURE__ */ n(sr, { dir: t })
       ] })
     }
   ) : /* @__PURE__ */ n(
     "th",
     {
       ref: s,
-      className: m("vyre-table__th", `vyre-table__th--${o}`, e),
+      className: u("vyre-table__th", `vyre-table__th--${o}`, e),
       ...d,
       children: i
     }
   )
 );
-ir.displayName = "VyreTableHeader";
-const sr = p.forwardRef(
+lr.displayName = "VyreTableHeader";
+const dr = p.forwardRef(
   ({ className: e, align: r = "left", ...t }, a) => /* @__PURE__ */ n(
     "td",
     {
       ref: a,
-      className: m("vyre-table__td", `vyre-table__td--${r}`, e),
+      className: u("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";
+dr.displayName = "VyreTableCell";
+const cr = p.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("caption", { ref: t, className: u("vyre-table__caption", e), ...r }));
+cr.displayName = "VyreTableCaption";
 const Le = ee(null), ue = () => {
   const e = U(Le);
   if (!e) throw new Error("Command components must be used inside <Command>");
@@ -2032,20 +2039,20 @@ const Le = ee(null), ue = () => {
 function me(e) {
   return e.toLowerCase().replace(/\s+/g, " ").trim();
 }
-function dr(e, r, t = []) {
+function ur(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}`;
+let mr = 0;
+function vr() {
+  return `cmd-${++mr}`;
 }
 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, $) => {
+    }, [r]), _ = A(/* @__PURE__ */ new Map()), c = A(/* @__PURE__ */ new Map()), m = M((L, B, $) => {
       _.current.set(L, { el: B, disabled: $ });
     }, []), w = M((L) => {
       _.current.delete(L), c.current.delete(L);
@@ -2058,18 +2065,18 @@ const Me = p.forwardRef(
       activeIndex: s,
       setActiveIndex: l,
       items: _,
-      registerItem: u,
+      registerItem: m,
       unregisterItem: w,
       selectItem: f,
       onSelectRef: c,
       visibleCount: b,
       setVisibleCount: h
-    }), [v, y, s, u, w, f, b]);
+    }), [v, y, s, m, w, f, b]);
     return /* @__PURE__ */ n(Le.Provider, { value: x, children: /* @__PURE__ */ n(
       "div",
       {
         ref: o,
-        className: m("vyre-command", t),
+        className: u("vyre-command", t),
         role: "combobox",
         "aria-expanded": "true",
         "aria-haspopup": "listbox",
@@ -2079,7 +2086,7 @@ const Me = p.forwardRef(
   }
 );
 Me.displayName = "VyreCommand";
-const mr = p.forwardRef(
+const yr = p.forwardRef(
   ({ placeholder: e = "Search...", className: r }, t) => {
     const { search: a, setSearch: o } = ue();
     return /* @__PURE__ */ N("div", { className: "vyre-command__input-wrapper", children: [
@@ -2088,7 +2095,7 @@ const mr = p.forwardRef(
         "input",
         {
           ref: t,
-          className: m("vyre-command__input", r),
+          className: u("vyre-command__input", r),
           type: "text",
           placeholder: e,
           value: a,
@@ -2113,8 +2120,8 @@ const mr = p.forwardRef(
     ] });
   }
 );
-mr.displayName = "VyreCommandInput";
-const vr = p.forwardRef(
+yr.displayName = "VyreCommandInput";
+const fr = p.forwardRef(
   ({ className: e, children: r }, t) => {
     const { activeIndex: a, setActiveIndex: o, items: i, selectItem: d } = ue(), s = M((l) => {
       var h, v;
@@ -2135,25 +2142,25 @@ const vr = p.forwardRef(
         ref: t,
         id: "vyre-command-list",
         role: "listbox",
-        className: m("vyre-command__list", e),
+        className: u("vyre-command__list", e),
         onKeyDown: s,
         children: r
       }
     );
   }
 );
-vr.displayName = "VyreCommandList";
-const yr = ({ className: e, children: r }) => {
+fr.displayName = "VyreCommandList";
+const hr = ({ 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." });
+  return !t || a > 0 ? null : /* @__PURE__ */ n("div", { className: u("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: [
+hr.displayName = "VyreCommandEmpty";
+const br = ({ heading: e, className: r, children: t }) => /* @__PURE__ */ N("div", { className: u("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 = ({
+br.displayName = "VyreCommandGroup";
+const pr = ({
   onSelect: e,
   disabled: r = !1,
   keywords: t,
@@ -2162,7 +2169,7 @@ const hr = ({
   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);
+  const { search: s, setActiveIndex: l, registerItem: b, unregisterItem: h, onSelectRef: v, setVisibleCount: y } = ue(), _ = ae(() => vr(), []), c = A(null), w = ur(s, typeof o == "string" ? o : "", t);
   return V(() => (y((f) => f + (w ? 1 : 0)), () => {
     y((f) => f - (w ? 1 : 0));
   }), [w, y]), V(() => {
@@ -2182,7 +2189,7 @@ const hr = ({
       "data-cmd-item": !0,
       role: "option",
       "aria-disabled": r || void 0,
-      className: m(
+      className: u(
         "vyre-command__item",
         r && "vyre-command__item--disabled",
         a
@@ -2201,10 +2208,10 @@ const hr = ({
     }
   ) : 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 = ({
+pr.displayName = "VyreCommandItem";
+const _r = ({ className: e }) => /* @__PURE__ */ n("div", { className: u("vyre-command__separator", e), role: "separator", "aria-hidden": "true" });
+_r.displayName = "VyreCommandSeparator";
+const wr = ({
   open: e,
   onOpenChange: r,
   value: t,
@@ -2243,7 +2250,7 @@ const pr = ({
           {
             value: t,
             onValueChange: a,
-            className: m("vyre-command--dialog", o),
+            className: u("vyre-command--dialog", o),
             children: i
           }
         )
@@ -2252,7 +2259,7 @@ const pr = ({
     document.body
   ) : null;
 };
-pr.displayName = "VyreCommandDialog";
+wr.displayName = "VyreCommandDialog";
 function Q(e) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
@@ -2265,16 +2272,16 @@ function re(e, r) {
 function be(e, r) {
   return Q(e) > Q(r);
 }
-function _r(e, r) {
+function gr(e, r) {
   return new Date(e, r + 1, 0).getDate();
 }
-function wr(e, r, t) {
+function Nr(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) {
+function kr(e) {
   return `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 }
 const pe = Array.from(
@@ -2292,14 +2299,14 @@ const pe = Array.from(
     } = 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(() => {
+    }, [h, v] = D(() => (b() ?? l).getFullYear()), [y, _] = D(() => (b() ?? l).getMonth()), [c, m] = 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);
+      const g = gr(h, y), C = Nr(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")
@@ -2309,7 +2316,7 @@ const pe = Array.from(
         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) => {
+    }, [e]), T = M((g) => {
       if (e.mode !== "range") return !1;
       const [C, j] = e.value ?? [null, null], H = j ?? w;
       if (!C || !H) return !1;
@@ -2334,10 +2341,10 @@ const pe = Array.from(
           !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]);
+          J >= 0 ? (te = e.onChange) == null || te.call(e, K.filter((fe, Se) => Se !== J)) : (se = e.onChange) == null || se.call(e, [...K, C]);
         }
       }
-    }, [h, y, x, B, e, k]), T = () => {
+    }, [h, y, x, B, e, k]), S = () => {
       y === 0 ? (_(11), v((g) => g - 1)) : _((g) => g - 1);
     }, E = () => {
       y === 11 ? (_(0), v((g) => g + 1)) : _((g) => g + 1);
@@ -2348,16 +2355,16 @@ const pe = Array.from(
         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: [
+    return /* @__PURE__ */ N("div", { ref: r, className: u("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 === "days" && /* @__PURE__ */ n("button", { className: "vyre-calendar__nav", onClick: S, "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"),
+              onClick: () => m(c === "months" ? "days" : "months"),
               children: pe[y]
             }
           ),
@@ -2365,7 +2372,7 @@ const pe = Array.from(
             "button",
             {
               className: "vyre-calendar__header-btn",
-              onClick: () => u(c === "years" ? "days" : "years"),
+              onClick: () => m(c === "years" ? "days" : "years"),
               children: h
             }
           )
@@ -2376,9 +2383,9 @@ const pe = Array.from(
       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"),
+          className: u("vyre-calendar__month-cell", C === y && "vyre-calendar__month-cell--active"),
           onClick: () => {
-            _(C), u("days");
+            _(C), m("days");
           },
           children: g.slice(0, 3)
         },
@@ -2387,9 +2394,9 @@ const pe = Array.from(
       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"),
+          className: u("vyre-calendar__year-cell", g === h && "vyre-calendar__year-cell--active"),
           onClick: () => {
-            v(g), u("days");
+            v(g), m("days");
           },
           children: g
         },
@@ -2399,11 +2406,11 @@ const pe = Array.from(
         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);
+          const C = new Date(h, y, g), j = F(C), H = T(C), z = W(C), Z = R(C), te = k(C), se = Y(C, l);
           return /* @__PURE__ */ n(
             "button",
             {
-              className: m(
+              className: u(
                 "vyre-calendar__day",
                 se && "vyre-calendar__day--today",
                 j && "vyre-calendar__day--selected",
@@ -2464,7 +2471,7 @@ const pe = Array.from(
   }
 );
 Re.displayName = "VyreCalendar";
-function Nr(e) {
+function xr(e) {
   if (e.mode === "range") {
     const [a, o] = e.value ?? [null, null];
     return a ? o ? `${X(a)} – ${X(o)}` : X(a) : "";
@@ -2474,11 +2481,11 @@ function Nr(e) {
     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) : "";
+  return r ? t ? `${X(r)} ${kr(r)}` : X(r) : "";
 }
-const kr = p.forwardRef(
+const Cr = 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(() => {
+    const [o, i] = D(!1), d = A(null), s = A(null), [l, b] = D({ top: 0, left: 0, width: 0 }), h = xr(t), v = M(() => {
       if (!d.current) return;
       const c = d.current.getBoundingClientRect();
       b({
@@ -2490,33 +2497,33 @@ const kr = p.forwardRef(
     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);
+      const c = () => v(), m = () => v();
+      return window.addEventListener("scroll", c, !0), window.addEventListener("resize", m), () => {
+        window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", m);
       };
     }, [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) => {
+      }, m = (w) => {
         w.key === "Escape" && i(!1);
       };
-      return document.addEventListener("pointerdown", c), document.addEventListener("keydown", u), () => {
-        document.removeEventListener("pointerdown", c), document.removeEventListener("keydown", u);
+      return document.addEventListener("pointerdown", c), document.addEventListener("keydown", m), () => {
+        document.removeEventListener("pointerdown", c), document.removeEventListener("keydown", m);
       };
     }, [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);
+        var m;
+        (m = t.onChange) == null || m.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);
+        var m;
+        (m = t.onChange) == null || m.call(t, c), y && i(!1);
       }
     }, [t, y]);
     return /* @__PURE__ */ N("div", { ref: a, className: "vyre-datepicker", children: [
@@ -2525,7 +2532,7 @@ const kr = p.forwardRef(
         {
           ref: d,
           type: "button",
-          className: m("vyre-datepicker__trigger", !h && "vyre-datepicker__trigger--placeholder", r),
+          className: u("vyre-datepicker__trigger", !h && "vyre-datepicker__trigger--placeholder", r),
           onClick: () => {
             v(), i((c) => !c);
           },
@@ -2544,8 +2551,8 @@ const kr = p.forwardRef(
                 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);
+                  var m, w, f;
+                  c.stopPropagation(), t.mode === "range" ? (m = t.onChange) == null || m.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" }) })
               }
@@ -2570,8 +2577,8 @@ const kr = p.forwardRef(
     ] });
   }
 );
-kr.displayName = "VyreDatePicker";
-const xr = p.forwardRef(
+Cr.displayName = "VyreDatePicker";
+const Lr = p.forwardRef(
   ({
     as: e = "p",
     size: r = "md",
@@ -2586,7 +2593,7 @@ const xr = p.forwardRef(
     e,
     {
       ref: b,
-      className: m(
+      className: u(
         "vyre-text",
         r !== "md" && `vyre-text--${r}`,
         t && `vyre-text--${t}`,
@@ -2600,8 +2607,8 @@ const xr = p.forwardRef(
     }
   )
 );
-xr.displayName = "VyreText";
-const Cr = p.forwardRef(
+Lr.displayName = "VyreText";
+const Mr = p.forwardRef(
   ({
     as: e = "h2",
     size: r = "md",
@@ -2615,7 +2622,7 @@ const Cr = p.forwardRef(
     e,
     {
       ref: l,
-      className: m(
+      className: u(
         "vyre-heading",
         `vyre-heading--${r}`,
         t !== "bold" && `vyre-heading--${t}`,
@@ -2628,49 +2635,49 @@ const Cr = p.forwardRef(
     }
   )
 );
-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 })
+Mr.displayName = "VyreHeading";
+const Rr = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("p", { ref: a, className: u("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(
+Rr.displayName = "VyreLead";
+const Ir = p.forwardRef(
+  ({ block: e, className: r, children: t, ...a }, o) => e ? /* @__PURE__ */ n("pre", { className: u("vyre-code-block", r), ...a, children: /* @__PURE__ */ n("code", { ref: o, children: t }) }) : /* @__PURE__ */ n(
     "code",
     {
       ref: o,
-      className: m("vyre-code", r),
+      className: u("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 })
+Ir.displayName = "VyreCode";
+const Sr = p.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("blockquote", { ref: a, className: u("vyre-blockquote", e), ...t, children: r })
 );
-Rr.displayName = "VyreBlockquote";
+Sr.displayName = "VyreBlockquote";
 const Ie = ee({
   collapsed: !1,
   toggleCollapsed: () => {
   }
-}), ye = () => U(Ie), Ir = p.forwardRef(
+}), ye = () => U(Ie), Tr = 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 }) });
+    return /* @__PURE__ */ n(Ie.Provider, { value: { collapsed: l, toggleCollapsed: b }, children: /* @__PURE__ */ n("div", { ref: i, className: u("vyre-app-layout", a), children: o }) });
   }
 );
-Ir.displayName = "VyreAppLayout";
-const Tr = p.forwardRef(
+Tr.displayName = "VyreAppLayout";
+const Er = p.forwardRef(
   ({ variant: e = "default", className: r, children: t }, a) => {
     const { collapsed: o } = ye();
     return /* @__PURE__ */ n(
       "aside",
       {
         ref: a,
-        className: m(
+        className: u(
           "vyre-sidebar",
           o && "vyre-sidebar--collapsed",
           e === "floating" && "vyre-sidebar--floating",
@@ -2682,27 +2689,27 @@ const Tr = p.forwardRef(
     );
   }
 );
-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: [
+Er.displayName = "VyreSidebar";
+const Dr = p.forwardRef(
+  ({ logo: e, title: r, className: t, children: a }, o) => /* @__PURE__ */ N("div", { ref: o, className: u("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 })
+Dr.displayName = "VyreSidebarHeader";
+const Ar = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: u("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: [
+Ar.displayName = "VyreSidebarContent";
+const Br = p.forwardRef(
+  ({ label: e, className: r, children: t }, a) => /* @__PURE__ */ N("div", { ref: a, className: u("vyre-sidebar__section", r), children: [
     e && /* @__PURE__ */ n("div", { className: "vyre-sidebar__section-label", children: e }),
     t
   ] })
 );
-Dr.displayName = "VyreSidebarSection";
-const Ar = ({
+Br.displayName = "VyreSidebarSection";
+const Vr = ({
   active: e,
   icon: r,
   badge: t,
@@ -2711,7 +2718,7 @@ const Ar = ({
   className: i,
   children: d
 }) => {
-  const { collapsed: s } = ye(), l = m("vyre-sidebar__item", e && "vyre-sidebar__item--active", i), b = /* @__PURE__ */ N(de, { children: [
+  const { collapsed: s } = ye(), l = u("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 })
@@ -2737,26 +2744,26 @@ const Ar = ({
     }
   );
 };
-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 })
+Vr.displayName = "VyreSidebarItem";
+const $r = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: u("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 })
+$r.displayName = "VyreSidebarFooter";
+const Wr = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: u("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 })
+Wr.displayName = "VyreAppShell";
+const jr = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("header", { ref: t, className: u("vyre-app-bar", e), children: r })
 );
-$r.displayName = "VyreAppBar";
-const Wr = ({ className: e }) => {
+jr.displayName = "VyreAppBar";
+const Hr = ({ className: e }) => {
   const { collapsed: r, toggleCollapsed: t } = ye();
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: m("vyre-sidebar-trigger", e),
+      className: u("vyre-sidebar-trigger", e),
       onClick: t,
       "aria-label": r ? "Expand sidebar" : "Collapse sidebar",
       "aria-expanded": !r,
@@ -2768,11 +2775,11 @@ const Wr = ({ className: e }) => {
     }
   );
 };
-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 })
+Hr.displayName = "VyreSidebarTrigger";
+const Fr = p.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: u("vyre-page-content", e), children: r })
 );
-jr.displayName = "VyrePageContent";
+Fr.displayName = "VyrePageContent";
 export {
   ct as Accordion,
   vt as AccordionContent,
@@ -2780,14 +2787,16 @@ export {
   mt as AccordionTrigger,
   jt as Alert,
   Ft as AlertDialog,
-  $r as AppBar,
-  Ir as AppLayout,
-  Vr as AppShell,
+  jr as AppBar,
+  Tr as AppLayout,
+  Wr as AppShell,
   yt as Avatar,
   Ve as Badge,
-  Rr as Blockquote,
+  Sr as Blockquote,
   Ut as Breadcrumb,
   Gt as BreadcrumbItem,
+  Xt as BreadcrumbLink,
+  zt as BreadcrumbSeparator,
   Ae as Button,
   Re as Calendar,
   $e as Card,
@@ -2795,35 +2804,35 @@ export {
   He as CardFooter,
   We as CardHeader,
   ft as Checkbox,
-  Mr as Code,
+  Ir 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,
+  wr as CommandDialog,
+  hr as CommandEmpty,
+  br as CommandGroup,
+  yr as CommandInput,
+  pr as CommandItem,
+  fr as CommandList,
+  _r as CommandSeparator,
+  Cr as DatePicker,
+  St as DropdownCheckboxItem,
   It as DropdownItem,
   Rt as DropdownLabel,
   Mt as DropdownMenu,
-  St as DropdownRadioGroup,
+  Tt as DropdownRadioGroup,
   Et as DropdownRadioItem,
   At as DropdownSeparator,
   Dt as DropdownSub,
   Fe as Field,
-  Cr as Heading,
+  Mr as Heading,
   Oe as Input,
   wt as Label,
-  Lr as Lead,
+  Rr as Lead,
   Pe as Modal,
   Ue as ModalBody,
   Ge as ModalFooter,
   Ye as ModalHeader,
-  jr as PageContent,
-  er as Pagination,
+  Fr as PageContent,
+  rr as Pagination,
   Ct as Popover,
   pt as Progress,
   et as Select,
@@ -2832,13 +2841,13 @@ export {
   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,
+  Er as Sidebar,
+  Ar as SidebarContent,
+  $r as SidebarFooter,
+  Dr as SidebarHeader,
+  Vr as SidebarItem,
+  Br as SidebarSection,
+  Hr as SidebarTrigger,
   gt as Skeleton,
   bt as Slider,
   ht as Switch,
@@ -2846,19 +2855,19 @@ export {
   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,
+  nr as Table,
+  or as TableBody,
+  cr as TableCaption,
+  dr as TableCell,
+  ar as TableHead,
+  lr as TableHeader,
+  ir as TableRow,
   nt as Tabs,
-  xr as Text,
+  Lr as Text,
   Ke as Textarea,
-  Kr as ToastProvider,
+  Pr as ToastProvider,
   dt as Tooltip,
-  m as cn,
+  u as cn,
   ye as useAppLayout,
-  qr as useToast
+  Yr as useToast
 };