@usevyre/react 1.0.2 → 1.1.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 Te, useContext as U, useState as D, useId as oe, useMemo as ae } from "react";
-import P from "react-dom";
-function u(...e) {
+import { jsxs as x, jsx as n, Fragment as de } from "react/jsx-runtime";
+import g, { useRef as B, useCallback as D, useEffect as $, createContext as ee, useReducer as Ee, useContext as U, useState as E, useId as te, useMemo as oe } from "react";
+import G from "react-dom";
+function y(...e) {
   const r = [];
   for (const t of e)
     if (t) {
       if (typeof t == "string")
         r.push(t);
       else if (Array.isArray(t)) {
-        const a = u(...t);
+        const a = y(...t);
         a && r.push(a);
       } else if (typeof t == "object")
         for (const [a, o] of Object.entries(t))
@@ -16,19 +16,19 @@ function u(...e) {
     }
   return r.join(" ");
 }
-const Ee = {
+const Ae = {
   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 = {
+}, Be = {
   sm: "vyre-btn--sm",
   md: "vyre-btn--md",
   lg: "vyre-btn--lg",
   icon: "vyre-btn--icon"
-}, Ae = p.forwardRef(
+}, Ve = g.forwardRef(
   ({
     variant: e = "secondary",
     size: r = "md",
@@ -37,39 +37,39 @@ const Ee = {
     leftIcon: o,
     rightIcon: i,
     className: d,
-    children: s,
-    as: l = "button",
-    ...b
-  }, h) => {
+    children: l,
+    as: c = "button",
+    ...f
+  }, u) => {
     const v = a || t;
-    return /* @__PURE__ */ N(
-      l,
+    return /* @__PURE__ */ x(
+      c,
       {
-        ref: h,
-        className: u(
+        ref: u,
+        className: y(
           "vyre-btn",
-          Ee[e],
-          De[r],
+          Ae[e],
+          Be[r],
           t && "vyre-btn--loading",
           d
         ),
-        disabled: l === "button" ? v : void 0,
+        disabled: c === "button" ? v : void 0,
         "aria-disabled": v,
         "data-variant": e,
         "data-size": r,
-        ...b,
+        ...f,
         children: [
-          t && /* @__PURE__ */ n("span", { className: "vyre-btn__spinner", "aria-hidden": "true", children: /* @__PURE__ */ n(Be, {}) }),
+          t && /* @__PURE__ */ n("span", { className: "vyre-btn__spinner", "aria-hidden": "true", children: /* @__PURE__ */ n($e, {}) }),
           !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 }),
+          l && /* @__PURE__ */ n("span", { className: "vyre-btn__label", children: l }),
           i && /* @__PURE__ */ n("span", { className: "vyre-btn__icon vyre-btn__icon--right", "aria-hidden": "true", children: i })
         ]
       }
     );
   }
 );
-Ae.displayName = "VyreButton";
-function Be() {
+Ve.displayName = "VyreButton";
+function $e() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -96,12 +96,12 @@ function Be() {
     }
   );
 }
-const Ve = p.forwardRef(
-  ({ variant: e = "default", dot: r = !1, className: t, children: a, ...o }, i) => /* @__PURE__ */ N(
+const We = g.forwardRef(
+  ({ variant: e = "default", dot: r = !1, className: t, children: a, ...o }, i) => /* @__PURE__ */ x(
     "span",
     {
       ref: i,
-      className: u("vyre-badge", `vyre-badge--${e}`, t),
+      className: y("vyre-badge", `vyre-badge--${e}`, t),
       "data-variant": e,
       ...o,
       children: [
@@ -111,8 +111,8 @@ const Ve = p.forwardRef(
     }
   )
 );
-Ve.displayName = "VyreBadge";
-const $e = p.forwardRef(
+We.displayName = "VyreBadge";
+const je = g.forwardRef(
   ({
     variant: e = "default",
     hoverable: r = !1,
@@ -124,7 +124,7 @@ const $e = p.forwardRef(
     "div",
     {
       ref: d,
-      className: u(
+      className: y(
         "vyre-card",
         `vyre-card--${e}`,
         r && "vyre-card--hoverable",
@@ -139,20 +139,20 @@ const $e = p.forwardRef(
     }
   )
 );
-$e.displayName = "VyreCard";
-const We = p.forwardRef(
-  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("vyre-card__header", e), ...t, children: r })
+je.displayName = "VyreCard";
+const He = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("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: u("vyre-card__body", e), ...t, children: r })
+He.displayName = "VyreCardHeader";
+const Fe = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("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: u("vyre-card__footer", e), ...t, children: r })
+Fe.displayName = "VyreCardBody";
+const Oe = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("vyre-card__footer", e), ...t, children: r })
 );
-He.displayName = "VyreCardFooter";
-const Fe = p.forwardRef(
+Oe.displayName = "VyreCardFooter";
+const Ke = g.forwardRef(
   ({
     label: e,
     hint: r,
@@ -161,16 +161,16 @@ const Fe = p.forwardRef(
     htmlFor: o,
     className: i,
     children: d,
-    ...s
-  }, l) => /* @__PURE__ */ N(
+    ...l
+  }, c) => /* @__PURE__ */ x(
     "div",
     {
-      ref: l,
-      className: u("vyre-field", t !== "idle" && `vyre-field--${t}`, i),
+      ref: c,
+      className: y("vyre-field", t !== "idle" && `vyre-field--${t}`, i),
       "data-state": t,
-      ...s,
+      ...l,
       children: [
-        e && /* @__PURE__ */ N("label", { className: "vyre-field__label", htmlFor: o, children: [
+        e && /* @__PURE__ */ x("label", { className: "vyre-field__label", htmlFor: o, children: [
           e,
           a && /* @__PURE__ */ n("span", { className: "vyre-field__required", "aria-label": "required", children: "*" })
         ] }),
@@ -180,21 +180,21 @@ const Fe = p.forwardRef(
     }
   )
 );
-Fe.displayName = "VyreField";
-const Oe = p.forwardRef(
+Ke.displayName = "VyreField";
+const qe = g.forwardRef(
   ({
     size: e = "md",
     leftElement: r,
     rightElement: t,
     className: a,
     ...o
-  }, i) => r || t ? /* @__PURE__ */ N("div", { className: u("vyre-input-wrapper", `vyre-input-wrapper--${e}`), children: [
+  }, i) => r || t ? /* @__PURE__ */ x("div", { className: y("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: u(
+        className: y(
           "vyre-input",
           `vyre-input--${e}`,
           !!r && "vyre-input--has-left",
@@ -209,32 +209,32 @@ const Oe = p.forwardRef(
     "input",
     {
       ref: i,
-      className: u("vyre-input", `vyre-input--${e}`, a),
+      className: y("vyre-input", `vyre-input--${e}`, a),
       ...o
     }
   )
 );
-Oe.displayName = "VyreInput";
-const Ke = p.forwardRef(
+qe.displayName = "VyreInput";
+const Pe = g.forwardRef(
   ({ size: e = "md", resize: r = "vertical", className: t, style: a, ...o }, i) => /* @__PURE__ */ n(
     "textarea",
     {
       ref: i,
-      className: u("vyre-textarea", `vyre-textarea--${e}`, t),
+      className: y("vyre-textarea", `vyre-textarea--${e}`, t),
       style: { resize: r, ...a },
       ...o
     }
   )
 );
-Ke.displayName = "VyreTextarea";
-const qe = [
+Pe.displayName = "VyreTextarea";
+const Ge = [
   "a[href]",
   "button:not([disabled])",
   "textarea:not([disabled])",
   "input:not([disabled])",
   "select:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
-].join(","), Pe = p.forwardRef(
+].join(","), Ye = g.forwardRef(
   ({
     open: e,
     onClose: r,
@@ -243,64 +243,64 @@ const qe = [
     closeOnEsc: o = !0,
     initialFocus: i,
     className: d,
-    children: s,
-    "aria-label": l,
-    "aria-labelledby": b,
-    ...h
+    children: l,
+    "aria-label": c,
+    "aria-labelledby": f,
+    ...u
   }, v) => {
-    const y = A(null), _ = A(null), c = M(
-      (f) => {
-        y.current = f, typeof v == "function" ? v(f) : v && (v.current = f);
+    const h = B(null), _ = B(null), s = D(
+      (b) => {
+        h.current = b, typeof v == "function" ? v(b) : v && (v.current = b);
       },
       [v]
-    ), m = 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();
+    ), m = D((b) => {
+      if (b.key !== "Tab") return;
+      const C = h.current;
+      if (!C) return;
+      const k = Array.from(C.querySelectorAll(Ge));
+      if (!k.length) return;
+      const T = k[0], V = k[k.length - 1];
+      b.shiftKey && document.activeElement === T ? (b.preventDefault(), V.focus()) : !b.shiftKey && document.activeElement === V && (b.preventDefault(), T.focus());
+    }, []), p = D(
+      (b) => {
+        b.key === "Escape" && o && r();
       },
       [o, r]
     );
-    return V(() => {
+    return $(() => {
       if (!e) return;
-      document.addEventListener("keydown", w), document.addEventListener("keydown", m);
-      const f = document.body.style.overflow;
+      document.addEventListener("keydown", p), document.addEventListener("keydown", m);
+      const b = 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();
+      const C = setTimeout(() => {
+        var k;
+        i != null && i.current ? i.current.focus() : (k = h.current) == null || k.focus();
       }, 0);
       return () => {
-        document.removeEventListener("keydown", w), document.removeEventListener("keydown", m), document.body.style.overflow = f, clearTimeout(x);
+        document.removeEventListener("keydown", p), document.removeEventListener("keydown", m), document.body.style.overflow = b, clearTimeout(C);
       };
-    }, [e, w, m, i]), e ? P.createPortal(
+    }, [e, p, m, i]), e ? G.createPortal(
       /* @__PURE__ */ n(
         "div",
         {
           ref: _,
           className: "vyre-modal-backdrop",
-          onClick: (f) => {
-            a && f.target === _.current && r();
+          onClick: (b) => {
+            a && b.target === _.current && r();
           },
           role: "presentation",
           children: /* @__PURE__ */ n(
             "div",
             {
-              ref: c,
-              className: u("vyre-modal", `vyre-modal--${t}`, d),
+              ref: s,
+              className: y("vyre-modal", `vyre-modal--${t}`, d),
               role: "dialog",
               "aria-modal": "true",
-              "aria-label": l,
-              "aria-labelledby": b,
+              "aria-label": c,
+              "aria-labelledby": f,
               tabIndex: -1,
-              ...h,
-              children: s
+              ...u,
+              children: l
             }
           )
         }
@@ -309,21 +309,21 @@ const qe = [
     ) : null;
   }
 );
-Pe.displayName = "VyreModal";
-const Ye = p.forwardRef(
-  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("vyre-modal__header", e), ...t, children: r })
+Ye.displayName = "VyreModal";
+const Ue = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("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: u("vyre-modal__body", e), ...t, children: r })
+Ue.displayName = "VyreModalHeader";
+const Xe = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("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: u("vyre-modal__footer", e), ...t, children: r })
+Xe.displayName = "VyreModalBody";
+const ze = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("vyre-modal__footer", e), ...t, children: r })
 );
-Ge.displayName = "VyreModalFooter";
+ze.displayName = "VyreModalFooter";
 const _e = ee(null);
-function Xe(e, r) {
+function Ze(e, r) {
   switch (r.type) {
     case "ADD":
       return [...e, r.payload];
@@ -333,18 +333,18 @@ function Xe(e, r) {
       return e;
   }
 }
-let ze = 0;
-const Ze = () => `vyre-t-${++ze}`;
-function Pr({ children: e }) {
-  const [r, t] = Te(Xe, []), a = M((i) => {
-    const d = Ze();
+let Je = 0;
+const Qe = () => `vyre-t-${++Je}`;
+function Qr({ children: e }) {
+  const [r, t] = Ee(Ze, []), a = D((i) => {
+    const d = Qe();
     return t({ type: "ADD", payload: { ...i, id: d } }), d;
-  }, []), o = M((i) => {
+  }, []), o = D((i) => {
     t({ type: "REMOVE", id: i });
   }, []);
-  return /* @__PURE__ */ N(_e.Provider, { value: { toast: a, dismiss: o }, children: [
+  return /* @__PURE__ */ x(_e.Provider, { value: { toast: a, dismiss: o }, children: [
     e,
-    typeof document < "u" && P.createPortal(
+    typeof document < "u" && G.createPortal(
       /* @__PURE__ */ n(
         "div",
         {
@@ -352,37 +352,37 @@ function Pr({ children: e }) {
           "aria-live": "polite",
           "aria-atomic": "false",
           "aria-label": "Notifications",
-          children: r.map((i) => /* @__PURE__ */ n(Je, { ...i, onDismiss: () => o(i.id) }, i.id))
+          children: r.map((i) => /* @__PURE__ */ n(et, { ...i, onDismiss: () => o(i.id) }, i.id))
         }
       ),
       document.body
     )
   ] });
 }
-function Yr() {
+function en() {
   const e = U(_e);
   if (!e) throw new Error("useToast must be used inside <ToastProvider>");
   return e;
 }
-function Je({
+function et({
   title: e,
   description: r,
   variant: t = "default",
   duration: a = 4e3,
   onDismiss: o
 }) {
-  return V(() => {
+  return $(() => {
     if (a === 1 / 0) return;
     const i = setTimeout(o, a);
     return () => clearTimeout(i);
-  }, [a, o]), /* @__PURE__ */ N(
+  }, [a, o]), /* @__PURE__ */ x(
     "div",
     {
-      className: u("vyre-toast", `vyre-toast--${t}`),
+      className: y("vyre-toast", `vyre-toast--${t}`),
       role: "alert",
       "data-variant": t,
       children: [
-        /* @__PURE__ */ N("div", { className: "vyre-toast__content", children: [
+        /* @__PURE__ */ x("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 })
         ] }),
@@ -393,14 +393,14 @@ function Je({
             onClick: o,
             "aria-label": "Dismiss notification",
             type: "button",
-            children: /* @__PURE__ */ n(Qe, {})
+            children: /* @__PURE__ */ n(tt, {})
           }
         )
       ]
     }
   );
 }
-function Qe() {
+function tt() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -421,7 +421,7 @@ function Qe() {
     }
   );
 }
-const et = p.forwardRef(
+const rt = g.forwardRef(
   ({
     options: e,
     value: r,
@@ -430,161 +430,161 @@ const et = p.forwardRef(
     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, 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());
+    className: l,
+    ...c
+  }, f) => {
+    const u = r !== void 0, [v, h] = E(t ?? ""), _ = u ? r : v, [s, m] = E(!1), [p, b] = E(-1), C = B(null), k = B(null), V = `${te()}-listbox`, W = e.find((L) => L.value === _), j = e.filter((L) => !L.disabled), O = D(() => {
+      m(!1), b(-1);
+    }, []), A = D(
+      (L) => {
+        var N;
+        L.disabled || (u || h(L.value), a == null || a(L.value), O(), (N = C.current) == null || N.focus());
       },
-      [h, a, F]
+      [u, a, O]
     );
-    V(() => {
-      if (!c) return;
-      const k = (I) => {
-        const S = b == null ? void 0 : b.current;
-        S && !S.contains(I.target) && F();
+    $(() => {
+      if (!s) return;
+      const L = (N) => {
+        const R = f == null ? void 0 : f.current;
+        R && !R.contains(N.target) && O();
       };
-      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) {
+      return document.addEventListener("mousedown", L), () => document.removeEventListener("mousedown", L);
+    }, [s, f, O]), $(() => {
+      var N;
+      if (!s || p < 0) return;
+      const L = (N = k.current) == null ? void 0 : N.children[p];
+      L == null || L.scrollIntoView({ block: "nearest" });
+    }, [p, s]);
+    const F = (L) => {
+      switch (L.key) {
         case "Enter":
         case " ":
         case "ArrowDown": {
-          if (k.preventDefault(), !c) {
+          if (L.preventDefault(), !s) {
             m(!0);
-            const I = e.findIndex((S) => S.value === _);
-            f(I >= 0 ? I : 0);
+            const N = e.findIndex((R) => R.value === _);
+            b(N >= 0 ? N : 0);
           }
           break;
         }
         case "ArrowUp": {
-          k.preventDefault(), c || (m(!0), f(e.length - 1));
+          L.preventDefault(), s || (m(!0), b(e.length - 1));
           break;
         }
         case "Escape": {
-          F();
+          O();
           break;
         }
       }
-    }, R = (k) => {
-      var I;
-      switch (k.key) {
+    }, S = (L) => {
+      var N;
+      switch (L.key) {
         case "ArrowDown": {
-          k.preventDefault(), f((S) => {
-            let E = S + 1;
-            for (; E < e.length && e[E].disabled; ) E++;
-            return E < e.length ? E : S;
+          L.preventDefault(), b((R) => {
+            let I = R + 1;
+            for (; I < e.length && e[I].disabled; ) I++;
+            return I < e.length ? I : R;
           });
           break;
         }
         case "ArrowUp": {
-          k.preventDefault(), f((S) => {
-            let E = S - 1;
-            for (; E >= 0 && e[E].disabled; ) E--;
-            return E >= 0 ? E : S;
+          L.preventDefault(), b((R) => {
+            let I = R - 1;
+            for (; I >= 0 && e[I].disabled; ) I--;
+            return I >= 0 ? I : R;
           });
           break;
         }
         case "Enter":
         case " ": {
-          k.preventDefault(), w >= 0 && T(e[w]);
+          L.preventDefault(), p >= 0 && A(e[p]);
           break;
         }
         case "Escape":
         case "Tab": {
-          F(), (I = x.current) == null || I.focus();
+          O(), (N = C.current) == null || N.focus();
           break;
         }
         case "Home": {
-          k.preventDefault();
-          const S = e.findIndex((E) => !E.disabled);
-          S >= 0 && f(S);
+          L.preventDefault();
+          const R = e.findIndex((I) => !I.disabled);
+          R >= 0 && b(R);
           break;
         }
         case "End": {
-          k.preventDefault();
-          const S = [...e].reverse().findIndex((E) => !E.disabled);
-          S >= 0 && f(e.length - 1 - S);
+          L.preventDefault();
+          const R = [...e].reverse().findIndex((I) => !I.disabled);
+          R >= 0 && b(e.length - 1 - R);
           break;
         }
       }
     };
-    return /* @__PURE__ */ N(
+    return /* @__PURE__ */ x(
       "div",
       {
-        ref: b,
-        className: u("vyre-select", `vyre-select--${d}`, s),
-        "data-open": c,
-        ...l,
+        ref: f,
+        className: y("vyre-select", `vyre-select--${d}`, l),
+        "data-open": s,
+        ...c,
         children: [
-          /* @__PURE__ */ N(
+          /* @__PURE__ */ x(
             "button",
             {
-              ref: x,
+              ref: C,
               type: "button",
               className: "vyre-select__trigger",
               "aria-haspopup": "listbox",
-              "aria-expanded": c,
-              "aria-controls": $,
+              "aria-expanded": s,
+              "aria-controls": V,
               "aria-disabled": i,
               disabled: i,
               onClick: () => {
-                i || m((k) => {
-                  if (!k) {
-                    const I = e.findIndex((S) => S.value === _);
-                    f(I >= 0 ? I : 0);
+                i || m((L) => {
+                  if (!L) {
+                    const N = e.findIndex((R) => R.value === _);
+                    b(N >= 0 ? N : 0);
                   }
-                  return !k;
+                  return !L;
                 });
               },
-              onKeyDown: W,
+              onKeyDown: F,
               children: [
-                q ? /* @__PURE__ */ n("span", { className: "vyre-select__value", children: q.label }) : /* @__PURE__ */ n("span", { className: "vyre-select__placeholder", children: o }),
-                /* @__PURE__ */ n(tt, {})
+                W ? /* @__PURE__ */ n("span", { className: "vyre-select__value", children: W.label }) : /* @__PURE__ */ n("span", { className: "vyre-select__placeholder", children: o }),
+                /* @__PURE__ */ n(nt, {})
               ]
             }
           ),
-          c && /* @__PURE__ */ N(
+          s && /* @__PURE__ */ x(
             "ul",
             {
-              ref: L,
-              id: $,
+              ref: k,
+              id: V,
               role: "listbox",
               className: "vyre-select__dropdown",
               "aria-label": "Options",
               tabIndex: -1,
-              onKeyDown: R,
+              onKeyDown: S,
               children: [
-                e.map((k, I) => /* @__PURE__ */ N(
+                e.map((L, N) => /* @__PURE__ */ x(
                   "li",
                   {
                     role: "option",
-                    "aria-selected": k.value === _,
-                    "aria-disabled": k.disabled,
-                    "data-highlighted": I === w,
+                    "aria-selected": L.value === _,
+                    "aria-disabled": L.disabled,
+                    "data-highlighted": N === p,
                     className: "vyre-select__option",
-                    onMouseEnter: () => !k.disabled && f(I),
-                    onMouseDown: (S) => {
-                      S.preventDefault(), T(k);
+                    onMouseEnter: () => !L.disabled && b(N),
+                    onMouseDown: (R) => {
+                      R.preventDefault(), A(L);
                     },
                     children: [
-                      k.label,
-                      k.value === _ && /* @__PURE__ */ n(rt, {})
+                      L.label,
+                      L.value === _ && /* @__PURE__ */ n(at, {})
                     ]
                   },
-                  k.value
+                  L.value
                 )),
-                O.length === 0 && /* @__PURE__ */ n("li", { className: "vyre-select__empty", role: "presentation", children: "No options available" })
+                j.length === 0 && /* @__PURE__ */ n("li", { className: "vyre-select__empty", role: "presentation", children: "No options available" })
               ]
             }
           )
@@ -593,8 +593,8 @@ const et = p.forwardRef(
     );
   }
 );
-et.displayName = "VyreSelect";
-function tt() {
+rt.displayName = "VyreSelect";
+function nt() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -617,7 +617,7 @@ function tt() {
     }
   );
 }
-function rt() {
+function at() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -640,13 +640,13 @@ function rt() {
     }
   );
 }
-const we = ee(null);
-function ge() {
-  const e = U(we);
+const ge = ee(null);
+function we() {
+  const e = U(ge);
   if (!e) throw new Error("Tab components must be used inside <Tabs>");
   return e;
 }
-const nt = p.forwardRef(
+const ot = g.forwardRef(
   ({
     defaultValue: e = "",
     value: r,
@@ -655,42 +655,42 @@ const nt = p.forwardRef(
     children: o,
     ...i
   }, d) => {
-    const s = r !== void 0, [l, b] = D(e), h = s ? r : l, v = oe(), y = M(
+    const l = r !== void 0, [c, f] = E(e), u = l ? r : c, v = te(), h = D(
       (_) => {
-        s || b(_), t == null || t(_);
+        l || f(_), t == null || t(_);
       },
-      [s, t]
+      [l, t]
     );
-    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 }) });
+    return /* @__PURE__ */ n(ge.Provider, { value: { value: u, onChange: h, baseId: v }, children: /* @__PURE__ */ n("div", { ref: d, className: y("vyre-tabs", a), ...i, children: o }) });
   }
 );
-nt.displayName = "VyreTabs";
-const at = p.forwardRef(
+ot.displayName = "VyreTabs";
+const it = g.forwardRef(
   ({ className: e, children: r, "aria-label": t, ...a }, o) => {
-    const i = A(null), d = (s) => {
+    const i = B(null), d = (l) => {
       var v;
-      const l = Array.from(
+      const c = 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;
+      ), f = c.findIndex((h) => h === document.activeElement);
+      if (f < 0) return;
+      let u = f;
+      if (l.key === "ArrowRight") u = (f + 1) % c.length;
+      else if (l.key === "ArrowLeft") u = (f - 1 + c.length) % c.length;
+      else if (l.key === "Home") u = 0;
+      else if (l.key === "End") u = c.length - 1;
       else return;
-      s.preventDefault(), l[h].focus(), l[h].click();
+      l.preventDefault(), c[u].focus(), c[u].click();
     };
     return /* @__PURE__ */ n(
       "div",
       {
-        ref: (s) => {
-          i.current = s, typeof o == "function" ? o(s) : o && (o.current = s);
+        ref: (l) => {
+          i.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
         },
         role: "tablist",
-        className: u("vyre-tabs__list", e),
+        className: y("vyre-tabs__list", e),
         "aria-label": t,
         onKeyDown: d,
         ...a,
@@ -699,42 +699,42 @@ const at = p.forwardRef(
     );
   }
 );
-at.displayName = "VyreTabList";
-const ot = p.forwardRef(
+it.displayName = "VyreTabList";
+const st = g.forwardRef(
   ({ value: e, disabled: r = !1, className: t, children: a, ...o }, i) => {
-    const { value: d, onChange: s, baseId: l } = ge(), b = e === d;
+    const { value: d, onChange: l, baseId: c } = we(), f = e === d;
     return /* @__PURE__ */ n(
       "button",
       {
         ref: i,
         role: "tab",
         type: "button",
-        id: `${l}-tab-${e}`,
-        "aria-controls": `${l}-panel-${e}`,
-        "aria-selected": b,
+        id: `${c}-tab-${e}`,
+        "aria-controls": `${c}-panel-${e}`,
+        "aria-selected": f,
         disabled: r,
-        tabIndex: b ? 0 : -1,
-        className: u(
+        tabIndex: f ? 0 : -1,
+        className: y(
           "vyre-tabs__tab",
-          b && "vyre-tabs__tab--active",
+          f && "vyre-tabs__tab--active",
           t
         ),
-        "data-selected": b,
-        onClick: () => !r && s(e),
+        "data-selected": f,
+        onClick: () => !r && l(e),
         ...o,
         children: a
       }
     );
   }
 );
-ot.displayName = "VyreTab";
-const it = p.forwardRef(
-  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("vyre-tabs__panels", e), ...t, children: r })
+st.displayName = "VyreTab";
+const lt = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("vyre-tabs__panels", e), ...t, children: r })
 );
-it.displayName = "VyreTabPanels";
-const st = p.forwardRef(
+lt.displayName = "VyreTabPanels";
+const dt = g.forwardRef(
   ({ value: e, className: r, children: t, ...a }, o) => {
-    const { value: i, baseId: d } = ge();
+    const { value: i, baseId: d } = we();
     return e === i ? /* @__PURE__ */ n(
       "div",
       {
@@ -743,52 +743,52 @@ const st = p.forwardRef(
         id: `${d}-panel-${e}`,
         "aria-labelledby": `${d}-tab-${e}`,
         tabIndex: 0,
-        className: u("vyre-tabs__panel", r),
+        className: y("vyre-tabs__panel", r),
         ...a,
         children: t
       }
     ) : null;
   }
 );
-st.displayName = "VyreTabPanel";
-const lt = 120, dt = ({
+dt.displayName = "VyreTabPanel";
+const ct = 120, ut = ({
   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 m, w;
-      h(), (w = (m = y.props).onMouseEnter) == null || w.call(m, c);
+  const [i, d] = E("hidden"), l = B(null), c = B(null), f = te(), u = D(() => {
+    c.current && (clearTimeout(c.current), c.current = null), l.current = setTimeout(() => d("visible"), t);
+  }, [t]), v = D(() => {
+    l.current && (clearTimeout(l.current), l.current = null), d("leaving"), c.current = setTimeout(() => d("hidden"), ct);
+  }, []), h = g.Children.only(a), _ = g.cloneElement(h, {
+    onMouseEnter: (s) => {
+      var m, p;
+      u(), (p = (m = h.props).onMouseEnter) == null || p.call(m, s);
     },
-    onMouseLeave: (c) => {
-      var m, w;
-      v(), (w = (m = y.props).onMouseLeave) == null || w.call(m, c);
+    onMouseLeave: (s) => {
+      var m, p;
+      v(), (p = (m = h.props).onMouseLeave) == null || p.call(m, s);
     },
-    onFocus: (c) => {
-      var m, w;
-      d("visible"), (w = (m = y.props).onFocus) == null || w.call(m, c);
+    onFocus: (s) => {
+      var m, p;
+      d("visible"), (p = (m = h.props).onFocus) == null || p.call(m, s);
     },
-    onBlur: (c) => {
-      var m, w;
-      v(), (w = (m = y.props).onBlur) == null || w.call(m, c);
+    onBlur: (s) => {
+      var m, p;
+      v(), (p = (m = h.props).onBlur) == null || p.call(m, s);
     },
-    "aria-describedby": i !== "hidden" ? b : void 0
+    "aria-describedby": i !== "hidden" ? f : void 0
   });
-  return /* @__PURE__ */ N("span", { className: u("vyre-tooltip-wrapper", o), children: [
+  return /* @__PURE__ */ x("span", { className: y("vyre-tooltip-wrapper", o), children: [
     _,
-    i !== "hidden" && /* @__PURE__ */ N(
+    i !== "hidden" && /* @__PURE__ */ x(
       "span",
       {
-        id: b,
+        id: f,
         role: "tooltip",
-        className: u(
+        className: y(
           "vyre-tooltip",
           `vyre-tooltip--${r}`,
           i === "leaving" && "vyre-tooltip--leaving"
@@ -802,14 +802,14 @@ const lt = 120, dt = ({
     )
   ] });
 };
-dt.displayName = "VyreTooltip";
-const Ne = p.createContext(null);
+ut.displayName = "VyreTooltip";
+const Ne = g.createContext(null);
 function ke() {
-  const e = p.useContext(Ne);
+  const e = g.useContext(Ne);
   if (!e) throw new Error("AccordionItem must be used within Accordion");
   return e;
 }
-const ct = p.forwardRef(
+const mt = g.forwardRef(
   ({
     type: e = "single",
     defaultValue: r,
@@ -818,20 +818,20 @@ const ct = p.forwardRef(
     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(
+  }, l) => {
+    const c = (_) => _ === void 0 ? [] : Array.isArray(_) ? _ : [_], [f, u] = g.useState(
+      c(r)
+    ), v = t !== void 0 ? c(t) : f, h = g.useCallback(
       (_) => {
-        let 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);
+        let s;
+        e === "single" ? s = v.includes(_) ? [] : [_] : s = v.includes(_) ? v.filter((m) => m !== _) : [...v, _], t === void 0 && u(s), a == null || a(e === "single" ? s[0] ?? "" : s);
       },
       [e, v, t, a]
     );
-    return /* @__PURE__ */ n(Ne.Provider, { value: { type: e, value: v, toggle: y }, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ n(Ne.Provider, { value: { type: e, value: v, toggle: h }, children: /* @__PURE__ */ n(
       "div",
       {
-        ref: s,
+        ref: l,
         className: ["vyre-accordion", o].filter(Boolean).join(" "),
         ...d,
         children: i
@@ -839,8 +839,8 @@ const ct = p.forwardRef(
     ) });
   }
 );
-ct.displayName = "Accordion";
-const ve = p.createContext(null), ut = p.forwardRef(
+mt.displayName = "Accordion";
+const ve = g.createContext(null), vt = g.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(
@@ -855,19 +855,19 @@ const ve = p.createContext(null), ut = p.forwardRef(
     ) });
   }
 );
-ut.displayName = "AccordionItem";
-const mt = p.forwardRef(
+vt.displayName = "AccordionItem";
+const yt = g.forwardRef(
   ({ className: e, children: r, ...t }, a) => {
-    const { toggle: o } = ke(), i = p.useContext(ve);
+    const { toggle: o } = ke(), i = g.useContext(ve);
     if (!i) throw new Error("AccordionTrigger must be used within AccordionItem");
-    const { itemValue: d, isOpen: s } = i;
-    return /* @__PURE__ */ N(
+    const { itemValue: d, isOpen: l } = i;
+    return /* @__PURE__ */ x(
       "button",
       {
         ref: a,
         type: "button",
-        "aria-expanded": s,
-        "data-state": s ? "open" : "closed",
+        "aria-expanded": l,
+        "data-state": l ? "open" : "closed",
         className: ["vyre-accordion__trigger", e].filter(Boolean).join(" "),
         onClick: () => o(d),
         ...t,
@@ -890,10 +890,10 @@ const mt = p.forwardRef(
     );
   }
 );
-mt.displayName = "AccordionTrigger";
-const vt = p.forwardRef(
+yt.displayName = "AccordionTrigger";
+const ft = g.forwardRef(
   ({ className: e, children: r, ...t }, a) => {
-    const o = p.useContext(ve);
+    const o = g.useContext(ve);
     if (!o) throw new Error("AccordionContent must be used within AccordionItem");
     const { isOpen: i } = o;
     return /* @__PURE__ */ n(
@@ -909,26 +909,26 @@ const vt = p.forwardRef(
     );
   }
 );
-vt.displayName = "AccordionContent";
-const yt = p.forwardRef(
-  ({ src: e, alt: r = "", fallback: t, size: a = "md", status: o, className: i, ...d }, s) => {
+ft.displayName = "AccordionContent";
+const ht = g.forwardRef(
+  ({ src: e, alt: r = "", fallback: t, size: a = "md", status: o, className: i, ...d }, l) => {
     var v;
-    const [l, b] = p.useState(!1), h = e && !l;
-    return /* @__PURE__ */ N(
+    const [c, f] = g.useState(!1), u = e && !c;
+    return /* @__PURE__ */ x(
       "span",
       {
-        ref: s,
+        ref: l,
         "data-size": a,
         className: ["vyre-avatar", i].filter(Boolean).join(" "),
         ...d,
         children: [
-          h ? /* @__PURE__ */ n(
+          u ? /* @__PURE__ */ n(
             "img",
             {
               src: e,
               alt: r,
               className: "vyre-avatar__img",
-              onError: () => b(!0)
+              onError: () => f(!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(
@@ -943,8 +943,8 @@ const yt = p.forwardRef(
     );
   }
 );
-yt.displayName = "Avatar";
-const ft = p.forwardRef(
+ht.displayName = "Avatar";
+const bt = g.forwardRef(
   ({
     checked: e,
     defaultChecked: r,
@@ -953,13 +953,13 @@ const ft = p.forwardRef(
     disabled: o,
     size: i = "md",
     className: d,
-    id: s,
-    ...l
-  }, b) => {
-    const h = p.useRef(null), v = b ?? h;
-    return p.useEffect(() => {
+    id: l,
+    ...c
+  }, f) => {
+    const u = g.useRef(null), v = f ?? u;
+    return g.useEffect(() => {
       v.current && (v.current.indeterminate = t);
-    }, [t, v]), /* @__PURE__ */ N(
+    }, [t, v]), /* @__PURE__ */ x(
       "span",
       {
         className: ["vyre-checkbox", `vyre-checkbox--${i}`, d].filter(Boolean).join(" "),
@@ -972,13 +972,13 @@ const ft = p.forwardRef(
             {
               ref: v,
               type: "checkbox",
-              id: s,
+              id: l,
               checked: e,
               defaultChecked: r,
               disabled: o,
               className: "vyre-checkbox__input",
-              onChange: (y) => a == null ? void 0 : a(y.target.checked),
-              ...l
+              onChange: (h) => a == null ? void 0 : a(h.target.checked),
+              ...c
             }
           ),
           /* @__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" }) }) })
@@ -987,8 +987,8 @@ const ft = p.forwardRef(
     );
   }
 );
-ft.displayName = "Checkbox";
-const ht = p.forwardRef(
+bt.displayName = "Checkbox";
+const pt = g.forwardRef(
   ({
     checked: e,
     defaultChecked: r = !1,
@@ -997,21 +997,21 @@ const ht = p.forwardRef(
     size: o = "md",
     className: i,
     ...d
-  }, s) => {
-    const [l, b] = p.useState(r), h = e !== void 0 ? e : l, v = () => {
+  }, l) => {
+    const [c, f] = g.useState(r), u = e !== void 0 ? e : c, v = () => {
       if (a) return;
-      const y = !h;
-      e === void 0 && b(y), t == null || t(y);
+      const h = !u;
+      e === void 0 && f(h), t == null || t(h);
     };
     return /* @__PURE__ */ n(
       "button",
       {
-        ref: s,
+        ref: l,
         type: "button",
         role: "switch",
-        "aria-checked": h,
+        "aria-checked": u,
         disabled: a,
-        "data-checked": h || void 0,
+        "data-checked": u || void 0,
         "data-size": o,
         className: ["vyre-switch", i].filter(Boolean).join(" "),
         onClick: v,
@@ -1021,8 +1021,8 @@ const ht = p.forwardRef(
     );
   }
 );
-ht.displayName = "Switch";
-const bt = p.forwardRef(
+pt.displayName = "Switch";
+const _t = g.forwardRef(
   ({
     value: e,
     defaultValue: r = 0,
@@ -1031,18 +1031,18 @@ const bt = p.forwardRef(
     step: o = 1,
     onValueChange: i,
     disabled: d,
-    size: s = "md",
-    className: l,
-    style: b,
-    ...h
+    size: l = "md",
+    className: c,
+    style: f,
+    ...u
   }, v) => {
-    const [y, _] = p.useState(r), c = e !== void 0 ? e : y, m = (c - t) / (a - t) * 100;
-    return /* @__PURE__ */ N(
+    const [h, _] = g.useState(r), s = e !== void 0 ? e : h, m = (s - t) / (a - t) * 100;
+    return /* @__PURE__ */ x(
       "div",
       {
-        className: ["vyre-slider", `vyre-slider--${s}`, l].filter(Boolean).join(" "),
+        className: ["vyre-slider", `vyre-slider--${l}`, c].filter(Boolean).join(" "),
         "data-disabled": d || void 0,
-        style: { "--vyre-slider-pct": `${m}%`, ...b },
+        style: { "--vyre-slider-pct": `${m}%`, ...f },
         children: [
           /* @__PURE__ */ n(
             "input",
@@ -1052,17 +1052,17 @@ const bt = p.forwardRef(
               min: t,
               max: a,
               step: o,
-              value: c,
+              value: s,
               disabled: d,
               className: "vyre-slider__input",
-              onChange: (w) => {
-                const f = Number(w.target.value);
-                e === void 0 && _(f), i == null || i(f);
+              onChange: (p) => {
+                const b = Number(p.target.value);
+                e === void 0 && _(b), i == null || i(b);
               },
-              ...h
+              ...u
             }
           ),
-          /* @__PURE__ */ N("div", { className: "vyre-slider__track", children: [
+          /* @__PURE__ */ x("div", { className: "vyre-slider__track", children: [
             /* @__PURE__ */ n("div", { className: "vyre-slider__fill", style: { width: `${m}%` } }),
             /* @__PURE__ */ n("div", { className: "vyre-slider__thumb", style: { left: `${m}%` } })
           ] })
@@ -1071,8 +1071,8 @@ const bt = p.forwardRef(
     );
   }
 );
-bt.displayName = "Slider";
-const pt = p.forwardRef(
+_t.displayName = "Slider";
+const gt = g.forwardRef(
   ({
     value: e,
     max: r = 100,
@@ -1081,12 +1081,12 @@ const pt = p.forwardRef(
     variant: o = "default",
     className: i,
     ...d
-  }, s) => {
-    const l = t ? void 0 : Math.min(100, Math.max(0, (e ?? 0) / r * 100));
+  }, l) => {
+    const c = t ? void 0 : Math.min(100, Math.max(0, (e ?? 0) / r * 100));
     return /* @__PURE__ */ n(
       "div",
       {
-        ref: s,
+        ref: l,
         role: "progressbar",
         "aria-valuemin": 0,
         "aria-valuemax": r,
@@ -1100,15 +1100,15 @@ const pt = p.forwardRef(
           "div",
           {
             className: "vyre-progress__bar",
-            style: l !== void 0 ? { width: `${l}%` } : void 0
+            style: c !== void 0 ? { width: `${c}%` } : void 0
           }
         )
       }
     );
   }
 );
-pt.displayName = "Progress";
-const _t = p.forwardRef(
+gt.displayName = "Progress";
+const wt = g.forwardRef(
   ({ orientation: e = "horizontal", decorative: r = !0, className: t, ...a }, o) => /* @__PURE__ */ n(
     "div",
     {
@@ -1121,9 +1121,9 @@ const _t = p.forwardRef(
     }
   )
 );
-_t.displayName = "Separator";
-const wt = p.forwardRef(
-  ({ required: e, disabled: r, className: t, children: a, ...o }, i) => /* @__PURE__ */ N(
+wt.displayName = "Separator";
+const Nt = g.forwardRef(
+  ({ required: e, disabled: r, className: t, children: a, ...o }, i) => /* @__PURE__ */ x(
     "label",
     {
       ref: i,
@@ -1138,8 +1138,8 @@ const wt = p.forwardRef(
     }
   )
 );
-wt.displayName = "Label";
-const gt = p.forwardRef(
+Nt.displayName = "Label";
+const xe = g.forwardRef(
   ({ variant: e = "rect", width: r, height: t, className: a, style: o, ...i }, d) => /* @__PURE__ */ n(
     "div",
     {
@@ -1156,54 +1156,54 @@ const gt = p.forwardRef(
     }
   )
 );
-gt.displayName = "Skeleton";
-const le = 8, Nt = 120;
-function kt(e) {
+xe.displayName = "Skeleton";
+const le = 8, kt = 120;
+function xt(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;
+function Lt(e, r, t, a, o, i) {
+  const d = e.width, l = e.height, c = r.width, f = r.height, u = e.left + o, v = e.top + i;
+  let h = 0, _ = 0;
   switch (t) {
     case "top":
-      y = v - b - le;
+      h = v - f - le;
       break;
     case "bottom":
-      y = v + s + le;
+      h = v + l + le;
       break;
     case "left":
-      _ = h - l - le;
+      _ = u - c - le;
       break;
     case "right":
-      _ = h + d + le;
+      _ = u + d + le;
       break;
   }
   if (t === "top" || t === "bottom")
     switch (a) {
       case "start":
-        _ = h;
+        _ = u;
         break;
       case "center":
-        _ = h + d / 2 - l / 2;
+        _ = u + d / 2 - c / 2;
         break;
       case "end":
-        _ = h + d - l;
+        _ = u + d - c;
         break;
     }
   else
     switch (a) {
       case "start":
-        y = v;
+        h = v;
         break;
       case "center":
-        y = v + s / 2 - b / 2;
+        h = v + l / 2 - f / 2;
         break;
       case "end":
-        y = v + s - b;
+        h = v + l - f;
         break;
     }
-  return { top: y, left: _ };
+  return { top: h, left: _ };
 }
 const Ct = ({
   trigger: e,
@@ -1214,59 +1214,59 @@ const Ct = ({
   closeOnOutside: i = !0,
   className: d
 }) => {
-  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]), 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 && 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);
-    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) && T();
+  const l = t !== void 0, [c, f] = E(!1), [u, v] = E(!1), [h, _] = E(!1), [s, m] = E({ top: 0, left: 0 }), p = l ? t : c, b = B(null), C = B(null), k = B(null), T = te(), { side: V, align: W } = xt(o), j = D((S) => {
+    l || f(S), a == null || a(S);
+  }, [l, a]), O = D(() => j(!p), [p, j]), A = D(() => {
+    v(!0), k.current = setTimeout(() => {
+      v(!1), _(!1), j(!1);
+    }, kt);
+  }, [j]);
+  $(() => {
+    p ? (k.current && (clearTimeout(k.current), k.current = null), v(!1), _(!0)) : h && !u && A();
+  }, [p]), $(() => {
+    if (!h || !b.current || !C.current) return;
+    const S = b.current.getBoundingClientRect(), L = C.current.getBoundingClientRect(), N = Lt(S, L, V, W, window.scrollX, window.scrollY);
+    m(N);
+  }, [h, V, W]), $(() => {
+    if (!h || !i) return;
+    const S = (L) => {
+      C.current && !C.current.contains(L.target) && b.current && !b.current.contains(L.target) && A();
     };
-    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
-  }, [y, i, T]), V(() => {
-    if (!y) return;
-    const R = (k) => {
-      k.key === "Escape" && T();
+    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
+  }, [h, i, A]), $(() => {
+    if (!h) return;
+    const S = (L) => {
+      L.key === "Escape" && A();
     };
-    return document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R);
-  }, [y, T]);
-  const W = p.cloneElement(e, {
-    ref: f,
-    onClick: (R) => {
-      var k, I;
-      F(), (I = (k = e.props).onClick) == null || I.call(k, R);
+    return document.addEventListener("keydown", S), () => document.removeEventListener("keydown", S);
+  }, [h, A]);
+  const F = g.cloneElement(e, {
+    ref: b,
+    onClick: (S) => {
+      var L, N;
+      O(), (N = (L = e.props).onClick) == null || N.call(L, S);
     },
-    "aria-expanded": w,
-    "aria-controls": B,
+    "aria-expanded": p,
+    "aria-controls": T,
     "aria-haspopup": "dialog"
   });
-  return /* @__PURE__ */ N(de, { children: [
-    W,
-    y && P.createPortal(
+  return /* @__PURE__ */ x(de, { children: [
+    F,
+    h && G.createPortal(
       /* @__PURE__ */ n(
         "div",
         {
-          ref: x,
-          id: B,
+          ref: C,
+          id: T,
           role: "dialog",
           "aria-modal": "false",
-          className: u(
+          className: y(
             "vyre-popover",
-            `vyre-popover--${$}`,
-            h && "vyre-popover--leaving",
+            `vyre-popover--${V}`,
+            u && "vyre-popover--leaving",
             d
           ),
-          style: { top: c.top, left: c.left },
+          style: { top: s.top, left: s.left },
           children: r
         }
       ),
@@ -1275,97 +1275,97 @@ const Ct = ({
   ] });
 };
 Ct.displayName = "VyrePopover";
-const ce = ee(null), xe = ee(null), Lt = 120, Mt = ({
+const ce = ee(null), Le = ee(null), Mt = 120, Rt = ({
   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), m = A(null), w = A(null), f = oe(), x = M(
+  const [o, i] = E(!1), [d, l] = E(!1), [c, f] = E(!1), [u, v] = E({ top: 0, left: 0 }), [h, _] = E(-1), s = B(null), m = B(null), p = B(null), b = te(), C = D(
     () => {
-      var T;
+      var A;
       return Array.from(
-        ((T = m.current) == null ? void 0 : T.querySelectorAll(
+        ((A = m.current) == null ? void 0 : A.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 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);
-  }, []), $ = M(() => {
-    o ? L() : B();
-  }, [o, B, L]);
-  V(() => {
-    if (!l || !c.current) return;
-    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);
+  ), k = D(() => {
+    l(!0), p.current = setTimeout(() => {
+      var A;
+      l(!1), f(!1), i(!1), _(-1), (A = s.current) == null || A.focus({ preventScroll: !0 });
+    }, Mt);
+  }, []), T = D(() => {
+    p.current && (clearTimeout(p.current), p.current = null), l(!1), i(!0), f(!0);
+  }, []), V = D(() => {
+    o ? k() : T();
+  }, [o, T, k]);
+  $(() => {
+    if (!c || !s.current) return;
+    const A = s.current.getBoundingClientRect(), F = 4, S = window.scrollX, L = window.scrollY;
+    let N = 0, R = 0;
+    t.startsWith("bottom") ? (N = A.bottom + L + F, R = t === "bottom-start" ? A.left + S : A.right + S) : (N = A.top + L - F, R = t === "top-start" ? A.left + S : A.right + S), v({ top: N, left: R }), requestAnimationFrame(() => {
+      var H;
+      (H = C()[0]) == null || H.focus({ preventScroll: !0 }), _(0);
     });
-  }, [l, t, x]), V(() => {
-    if (!l) return;
-    const T = (R) => {
-      m.current && !m.current.contains(R.target) && c.current && !c.current.contains(R.target) && L();
-    }, W = (R) => {
-      var k, I, S;
-      if (R.key === "Escape") {
-        L();
+  }, [c, t, C]), $(() => {
+    if (!c) return;
+    const A = (S) => {
+      m.current && !m.current.contains(S.target) && s.current && !s.current.contains(S.target) && k();
+    }, F = (S) => {
+      var L, N, R;
+      if (S.key === "Escape") {
+        k();
         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 (S.key === "ArrowDown" || S.key === "ArrowUp") {
+        S.preventDefault();
+        const I = C();
+        if (!I.length) return;
+        const H = S.key === "ArrowDown" ? 1 : -1, ie = (h + H + I.length) % I.length;
+        (L = I[ie]) == null || L.focus({ preventScroll: !0 }), _(ie);
       }
-      if (R.key === "Home" && ((I = x()[0]) == null || I.focus({ preventScroll: !0 }), _(0)), R.key === "End") {
-        const E = x();
-        (S = E[E.length - 1]) == null || S.focus({ preventScroll: !0 }), _(E.length - 1);
+      if (S.key === "Home" && ((N = C()[0]) == null || N.focus({ preventScroll: !0 }), _(0)), S.key === "End") {
+        const I = C();
+        (R = I[I.length - 1]) == null || R.focus({ preventScroll: !0 }), _(I.length - 1);
       }
     };
-    return document.addEventListener("mousedown", T), document.addEventListener("keydown", W), () => {
-      document.removeEventListener("mousedown", T), document.removeEventListener("keydown", W);
+    return document.addEventListener("mousedown", A), document.addEventListener("keydown", F), () => {
+      document.removeEventListener("mousedown", A), document.removeEventListener("keydown", F);
     };
-  }, [l, y, L, x]);
-  const q = p.cloneElement(e, {
-    ref: c,
-    onClick: (T) => {
-      var W, R;
-      $(), (R = (W = e.props).onClick) == null || R.call(W, T);
+  }, [c, h, k, C]);
+  const W = g.cloneElement(e, {
+    ref: s,
+    onClick: (A) => {
+      var F, S;
+      V(), (S = (F = e.props).onClick) == null || S.call(F, A);
     },
     "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(
+    "aria-controls": b
+  }), j = t.endsWith("-end"), O = t.startsWith("top");
+  return /* @__PURE__ */ x(ce.Provider, { value: { close: k }, children: [
+    W,
+    c && G.createPortal(
       /* @__PURE__ */ n(
         "div",
         {
           ref: m,
-          id: f,
+          id: b,
           role: "menu",
           "aria-orientation": "vertical",
-          className: u(
+          className: y(
             "vyre-dropdown",
-            O && "vyre-dropdown--end",
-            F && "vyre-dropdown--top",
+            j && "vyre-dropdown--end",
+            O && "vyre-dropdown--top",
             d && "vyre-dropdown--leaving",
             a
           ),
           style: {
-            top: h.top,
-            left: h.left,
-            transform: O ? "translateX(-100%)" : void 0
+            top: u.top,
+            left: u.left,
+            transform: j ? "translateX(-100%)" : void 0
           },
           children: r
         }
@@ -1374,13 +1374,13 @@ const ce = ee(null), xe = ee(null), Lt = 120, Mt = ({
     )
   ] });
 };
-Mt.displayName = "VyreDropdownMenu";
-const Rt = ({
+Rt.displayName = "VyreDropdownMenu";
+const It = ({
   children: e,
   className: r
-}) => /* @__PURE__ */ n("div", { className: u("vyre-dropdown__label", r), children: e });
-Rt.displayName = "VyreDropdownLabel";
-const It = ({
+}) => /* @__PURE__ */ n("div", { className: y("vyre-dropdown__label", r), children: e });
+It.displayName = "VyreDropdownLabel";
+const Dt = ({
   children: e,
   onSelect: r,
   disabled: t = !1,
@@ -1389,12 +1389,12 @@ const It = ({
   shortcut: i,
   className: d
 }) => {
-  const s = U(ce);
-  return /* @__PURE__ */ N(
+  const l = U(ce);
+  return /* @__PURE__ */ x(
     "button",
     {
       role: "menuitem",
-      className: u(
+      className: y(
         "vyre-dropdown__item",
         a === "danger" && "vyre-dropdown__item--danger",
         d
@@ -1403,7 +1403,7 @@ const It = ({
       disabled: t,
       tabIndex: -1,
       onClick: () => {
-        t || (r == null || r(), s == null || s.close());
+        t || (r == null || r(), l == null || l.close());
       },
       children: [
         o && /* @__PURE__ */ n("span", { className: "vyre-dropdown__item-icon", "aria-hidden": "true", children: o }),
@@ -1413,8 +1413,8 @@ const It = ({
     }
   );
 };
-It.displayName = "VyreDropdownItem";
-const St = ({
+Dt.displayName = "VyreDropdownItem";
+const Tt = ({
   children: e,
   checked: r,
   onCheckedChange: t,
@@ -1423,7 +1423,7 @@ const St = ({
   className: i
 }) => {
   const d = U(ce);
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ x(
     "button",
     {
       role: "menuitemcheckbox",
@@ -1431,7 +1431,7 @@ const St = ({
       "aria-disabled": a || void 0,
       disabled: a,
       tabIndex: -1,
-      className: u("vyre-dropdown__item vyre-dropdown__item--checkbox", i),
+      className: y("vyre-dropdown__item vyre-dropdown__item--checkbox", i),
       onClick: () => {
         a || (t(!r), d == null || d.close());
       },
@@ -1443,21 +1443,21 @@ const St = ({
     }
   );
 };
-St.displayName = "VyreDropdownCheckboxItem";
-const Tt = ({
+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 }) });
-Tt.displayName = "VyreDropdownRadioGroup";
+}) => /* @__PURE__ */ n(Le.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(
+  const o = U(ce), i = U(Le), d = (i == null ? void 0 : i.value) === r;
+  return /* @__PURE__ */ x(
     "button",
     {
       role: "menuitemradio",
@@ -1465,7 +1465,7 @@ const Et = ({
       "aria-disabled": t || void 0,
       disabled: t,
       tabIndex: -1,
-      className: u("vyre-dropdown__item vyre-dropdown__item--radio", a),
+      className: y("vyre-dropdown__item vyre-dropdown__item--radio", a),
       onClick: () => {
         t || (i == null || i.onValueChange(r), o == null || o.close());
       },
@@ -1477,7 +1477,7 @@ const Et = ({
   );
 };
 Et.displayName = "VyreDropdownRadioItem";
-const Dt = ({
+const At = ({
   trigger: e,
   children: r,
   icon: t,
@@ -1485,33 +1485,33 @@ const Dt = ({
   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 m = h.current.getBoundingClientRect(), w = window.scrollX, f = window.scrollY, x = 2;
-    b({
-      top: m.top + f,
-      left: a === "right" ? m.right + w + x : m.left + w - x
-    }), s(!0);
-  }, [a]), _ = M(() => s(!1), []), c = (m) => {
-    var f;
-    const w = m.relatedTarget;
-    (f = v.current) != null && f.contains(w) || _();
+  const [d, l] = E(!1), [c, f] = E({ top: 0, left: 0 }), u = B(null), v = B(null), h = D(() => {
+    if (!u.current) return;
+    const m = u.current.getBoundingClientRect(), p = window.scrollX, b = window.scrollY, C = 2;
+    f({
+      top: m.top + b,
+      left: a === "right" ? m.right + p + C : m.left + p - C
+    }), l(!0);
+  }, [a]), _ = D(() => l(!1), []), s = (m) => {
+    var b;
+    const p = m.relatedTarget;
+    (b = v.current) != null && b.contains(p) || _();
   };
-  return /* @__PURE__ */ N(de, { children: [
-    /* @__PURE__ */ N(
+  return /* @__PURE__ */ x(de, { children: [
+    /* @__PURE__ */ x(
       "button",
       {
-        ref: h,
+        ref: u,
         role: "menuitem",
         "aria-haspopup": "menu",
         "aria-expanded": d,
         "aria-disabled": o || void 0,
         disabled: o,
         tabIndex: -1,
-        className: u("vyre-dropdown__item vyre-dropdown__item--sub", i),
-        onMouseEnter: y,
-        onMouseLeave: c,
-        onFocus: y,
+        className: y("vyre-dropdown__item vyre-dropdown__item--sub", i),
+        onMouseEnter: h,
+        onMouseLeave: s,
+        onFocus: h,
         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 }),
@@ -1519,27 +1519,27 @@ const Dt = ({
         ]
       }
     ),
-    d && P.createPortal(
+    d && G.createPortal(
       /* @__PURE__ */ n(
         "div",
         {
           ref: v,
           role: "menu",
-          className: u(
+          className: y(
             "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,
+            top: c.top,
+            left: a === "right" ? c.left : void 0,
+            right: a === "left" ? `calc(100vw - ${c.left}px)` : void 0,
             transform: a === "left" ? "translateX(-100%)" : void 0
           },
           onMouseLeave: (m) => {
-            var f;
-            const w = m.relatedTarget;
-            (f = h.current) != null && f.contains(w) || _();
+            var b;
+            const p = m.relatedTarget;
+            (b = u.current) != null && b.contains(p) || _();
           },
           children: r
         }
@@ -1548,22 +1548,22 @@ const Dt = ({
     )
   ] });
 };
-Dt.displayName = "VyreDropdownSub";
-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: [
+At.displayName = "VyreDropdownSub";
+const Bt = ({ className: e }) => /* @__PURE__ */ n("div", { role: "separator", className: y("vyre-dropdown__separator", e) });
+Bt.displayName = "VyreDropdownSeparator";
+const Vt = () => /* @__PURE__ */ x("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: [
+] }), $t = () => /* @__PURE__ */ x("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: [
+] }), Wt = () => /* @__PURE__ */ x("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: [
+] }), jt = () => /* @__PURE__ */ x("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 = ({
+] }), Ce = { info: Vt, success: $t, warning: Wt, danger: jt }, Ht = ({
   variant: e = "info",
   title: r,
   icon: t,
@@ -1572,14 +1572,14 @@ const Bt = () => /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox:
   className: i
 }) => {
   const d = Ce[e];
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ x(
     "div",
     {
       role: "alert",
-      className: u("vyre-alert", `vyre-alert--${e}`, i),
+      className: y("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: [
+        /* @__PURE__ */ x("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 })
         ] }),
@@ -1597,11 +1597,11 @@ const Bt = () => /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox:
     }
   );
 };
-jt.displayName = "VyreAlert";
-const Ht = [
+Ht.displayName = "VyreAlert";
+const Ft = [
   "button:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
-].join(","), Ft = ({
+].join(","), Ot = ({
   open: e,
   onOpenChange: r,
   title: t,
@@ -1609,70 +1609,70 @@ const Ht = [
   variant: o = "danger",
   confirmLabel: i = "Confirm",
   cancelLabel: d = "Cancel",
-  onConfirm: s,
-  onCancel: l,
-  className: b
+  onConfirm: l,
+  onCancel: c,
+  className: f
 }) => {
-  const h = A(null), v = A(null), y = A(null), _ = M(() => {
+  const u = B(null), v = B(null), h = B(null), _ = D(() => {
+    c == null || c(), r(!1);
+  }, [c, r]), s = D(() => {
     l == null || l(), r(!1);
-  }, [l, r]), c = M(() => {
-    s == null || s(), r(!1);
-  }, [s, r]), m = 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());
+  }, [l, r]), m = D((b) => {
+    if (b.key !== "Tab") return;
+    const C = u.current;
+    if (!C) return;
+    const k = Array.from(C.querySelectorAll(Ft));
+    if (!k.length) return;
+    const T = k[0], V = k[k.length - 1];
+    b.shiftKey && document.activeElement === T ? (b.preventDefault(), V.focus()) : !b.shiftKey && document.activeElement === V && (b.preventDefault(), T.focus());
   }, []);
-  if (V(() => {
+  if ($(() => {
     if (!e) return;
     document.addEventListener("keydown", m);
-    const f = document.body.style.overflow;
+    const b = document.body.style.overflow;
     document.body.style.overflow = "hidden";
-    const x = (L) => {
-      L.key === "Escape" && _();
+    const C = (k) => {
+      k.key === "Escape" && _();
     };
-    return document.addEventListener("keydown", x), setTimeout(() => {
-      var L;
-      return (L = y.current) == null ? void 0 : L.focus();
+    return document.addEventListener("keydown", C), setTimeout(() => {
+      var k;
+      return (k = h.current) == null ? void 0 : k.focus();
     }, 0), () => {
-      document.removeEventListener("keydown", m), document.removeEventListener("keydown", x), document.body.style.overflow = f;
+      document.removeEventListener("keydown", m), document.removeEventListener("keydown", C), document.body.style.overflow = b;
     };
   }, [e, m, _]), !e) return null;
-  const w = Ce[o];
-  return P.createPortal(
+  const p = Ce[o];
+  return G.createPortal(
     /* @__PURE__ */ n(
       "div",
       {
         ref: v,
         className: "vyre-alert-dialog-backdrop",
-        onClick: (f) => {
-          f.target === v.current && _();
+        onClick: (b) => {
+          b.target === v.current && _();
         },
         role: "presentation",
-        children: /* @__PURE__ */ N(
+        children: /* @__PURE__ */ x(
           "div",
           {
-            ref: h,
+            ref: u,
             role: "alertdialog",
             "aria-modal": "true",
             "aria-labelledby": "vyre-ad-title",
             "aria-describedby": a ? "vyre-ad-desc" : void 0,
-            className: u("vyre-alert-dialog", `vyre-alert-dialog--${o}`, b),
+            className: y("vyre-alert-dialog", `vyre-alert-dialog--${o}`, f),
             tabIndex: -1,
             children: [
-              /* @__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("div", { className: "vyre-alert-dialog__icon-wrap", children: /* @__PURE__ */ n("span", { className: y("vyre-alert-dialog__icon", `vyre-alert-dialog__icon--${o}`), children: /* @__PURE__ */ n(p, {}) }) }),
+              /* @__PURE__ */ x("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__ */ x("div", { className: "vyre-alert-dialog__footer", children: [
                 /* @__PURE__ */ n(
                   "button",
                   {
-                    ref: y,
+                    ref: h,
                     type: "button",
                     className: "vyre-btn vyre-btn--ghost vyre-btn--sm",
                     onClick: _,
@@ -1683,13 +1683,13 @@ const Ht = [
                   "button",
                   {
                     type: "button",
-                    className: u(
+                    className: y(
                       "vyre-btn vyre-btn--sm",
                       o === "danger" && "vyre-btn--danger",
                       o === "warning" && "vyre-btn--primary",
                       o === "info" && "vyre-btn--accent"
                     ),
-                    onClick: c,
+                    onClick: s,
                     children: i
                   }
                 )
@@ -1702,15 +1702,15 @@ const Ht = [
     document.body
   );
 };
-Ft.displayName = "VyreAlertDialog";
-const Ot = [
+Ot.displayName = "VyreAlertDialog";
+const Kt = [
   "a[href]",
   "button:not([disabled])",
   "textarea:not([disabled])",
   "input:not([disabled])",
   "select:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
-].join(","), Kt = p.forwardRef(
+].join(","), qt = g.forwardRef(
   ({
     open: e,
     onClose: r,
@@ -1719,43 +1719,43 @@ const Ot = [
     closeOnBackdrop: o = !0,
     closeOnEsc: i = !0,
     className: d,
-    children: s,
-    "aria-label": l,
-    "aria-labelledby": b,
-    ...h
+    children: l,
+    "aria-label": c,
+    "aria-labelledby": f,
+    ...u
   }, v) => {
-    const y = A(null), _ = A(null), c = M((m) => {
+    const h = B(null), _ = B(null), s = D((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];
-      m.shiftKey && document.activeElement === x ? (m.preventDefault(), L.focus()) : !m.shiftKey && document.activeElement === L && (m.preventDefault(), x.focus());
+      const p = h.current;
+      if (!p) return;
+      const b = Array.from(p.querySelectorAll(Kt));
+      if (!b.length) return;
+      const C = b[0], k = b[b.length - 1];
+      m.shiftKey && document.activeElement === C ? (m.preventDefault(), k.focus()) : !m.shiftKey && document.activeElement === k && (m.preventDefault(), C.focus());
     }, []);
-    return V(() => {
+    return $(() => {
       if (!e) return;
-      if (document.addEventListener("keydown", c), i) {
-        const w = (x) => {
-          x.key === "Escape" && r();
+      if (document.addEventListener("keydown", s), i) {
+        const p = (C) => {
+          C.key === "Escape" && r();
         };
-        document.addEventListener("keydown", w);
-        const f = document.body.style.overflow;
+        document.addEventListener("keydown", p);
+        const b = document.body.style.overflow;
         return document.body.style.overflow = "hidden", setTimeout(() => {
-          var x;
-          return (x = y.current) == null ? void 0 : x.focus();
+          var C;
+          return (C = h.current) == null ? void 0 : C.focus();
         }, 0), () => {
-          document.removeEventListener("keydown", c), document.removeEventListener("keydown", w), document.body.style.overflow = f;
+          document.removeEventListener("keydown", s), document.removeEventListener("keydown", p), document.body.style.overflow = b;
         };
       }
       const m = document.body.style.overflow;
       return document.body.style.overflow = "hidden", setTimeout(() => {
-        var w;
-        return (w = y.current) == null ? void 0 : w.focus();
+        var p;
+        return (p = h.current) == null ? void 0 : p.focus();
       }, 0), () => {
-        document.removeEventListener("keydown", c), document.body.style.overflow = m;
+        document.removeEventListener("keydown", s), document.body.style.overflow = m;
       };
-    }, [e, c, i, r]), e ? P.createPortal(
+    }, [e, s, i, r]), e ? G.createPortal(
       /* @__PURE__ */ n(
         "div",
         {
@@ -1769,21 +1769,21 @@ const Ot = [
             "div",
             {
               ref: (m) => {
-                y.current = m, typeof v == "function" ? v(m) : v && (v.current = m);
+                h.current = m, typeof v == "function" ? v(m) : v && (v.current = m);
               },
               role: "dialog",
               "aria-modal": "true",
-              "aria-label": l,
-              "aria-labelledby": b,
+              "aria-label": c,
+              "aria-labelledby": f,
               tabIndex: -1,
-              className: u(
+              className: y(
                 "vyre-sheet",
                 `vyre-sheet--${t}`,
                 `vyre-sheet--${a}`,
                 d
               ),
-              ...h,
-              children: s
+              ...u,
+              children: l
             }
           )
         }
@@ -1792,17 +1792,17 @@ const Ot = [
     ) : null;
   }
 );
-Kt.displayName = "VyreSheet";
-const qt = p.forwardRef(
-  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: u("vyre-sheet__header", e), ...t, children: r })
+qt.displayName = "VyreSheet";
+const Pt = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("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: u("vyre-sheet__body", e), ...t, children: r })
+Pt.displayName = "VyreSheetHeader";
+const Gt = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("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: u("vyre-sheet__footer", e), ...t, children: r })
+Gt.displayName = "VyreSheetBody";
+const Yt = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("div", { ref: a, className: y("vyre-sheet__footer", e), ...t, children: r })
 );
 Yt.displayName = "VyreSheetFooter";
 const Ut = ({
@@ -1810,14 +1810,14 @@ const Ut = ({
   separator: r = "/",
   className: t
 }) => {
-  const a = p.Children.toArray(e).filter(Boolean);
-  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: [
+  const a = g.Children.toArray(e).filter(Boolean);
+  return /* @__PURE__ */ n("nav", { "aria-label": "Breadcrumb", className: y("vyre-breadcrumb", t), children: /* @__PURE__ */ n("ol", { className: "vyre-breadcrumb__list", children: a.map((o, i) => /* @__PURE__ */ x("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 = ({
+const Xt = ({
   children: e,
   href: r,
   current: t = !1,
@@ -1825,29 +1825,29 @@ const Gt = ({
 }) => t || !r ? /* @__PURE__ */ n(
   "span",
   {
-    className: u("vyre-breadcrumb__link vyre-breadcrumb__link--current", a),
+    className: y("vyre-breadcrumb__link vyre-breadcrumb__link--current", a),
     "aria-current": t ? "page" : void 0,
     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 = ({
+) : /* @__PURE__ */ n("a", { href: r, className: y("vyre-breadcrumb__link", a), children: e });
+Xt.displayName = "VyreBreadcrumbItem";
+const zt = ({ children: e, href: r, className: t }) => /* @__PURE__ */ n("a", { href: r, className: y("vyre-breadcrumb__link", t), children: e });
+zt.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";
+}) => /* @__PURE__ */ n("span", { className: y("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 Zt(e, r, t) {
+function Jt(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 o = Math.max(e - t, 2), i = Math.min(e + t, r - 1), d = o > 2, l = i < r - 1, c = [1];
+  return d && c.push("..."), c.push(...he(o, i)), l && c.push("..."), c.push(r), c;
 }
-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 = ({
+const Qt = () => /* @__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" }) }), er = () => /* @__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" }) }), tr = () => /* @__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" }) }), rr = () => /* @__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" }) }), nr = ({
   page: e,
   totalPages: r,
   onPageChange: t,
@@ -1855,25 +1855,25 @@ const Jt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox:
   showEdges: o = !0,
   showInfo: i = !1,
   totalItems: d,
-  pageSize: s,
-  className: l
+  pageSize: l,
+  className: c
 }) => {
-  const b = Zt(e, r, a), h = e > 1, v = e < r, y = p.useMemo(() => {
+  const f = Jt(e, r, a), u = e > 1, v = e < r, h = g.useMemo(() => {
     if (!i) return null;
-    if (d != null && s != null) {
-      const c = (e - 1) * s + 1, m = Math.min(e * s, d);
-      return `Showing ${c}–${m} of ${d}`;
+    if (d != null && l != null) {
+      const s = (e - 1) * l + 1, m = Math.min(e * l, d);
+      return `Showing ${s}–${m} of ${d}`;
     }
     return `Page ${e} of ${r}`;
-  }, [i, e, r, d, s]), _ = /* @__PURE__ */ N(de, { children: [
+  }, [i, e, r, d, l]), _ = /* @__PURE__ */ x(de, { children: [
     o && /* @__PURE__ */ n(
       "button",
       {
         className: "vyre-pagination__nav",
         onClick: () => t(1),
-        disabled: !h,
+        disabled: !u,
         "aria-label": "First page",
-        children: /* @__PURE__ */ n(er, {})
+        children: /* @__PURE__ */ n(tr, {})
       }
     ),
     /* @__PURE__ */ n(
@@ -1881,25 +1881,25 @@ const Jt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox:
       {
         className: "vyre-pagination__nav",
         onClick: () => t(e - 1),
-        disabled: !h,
+        disabled: !u,
         "aria-label": "Previous page",
-        children: /* @__PURE__ */ n(Jt, {})
+        children: /* @__PURE__ */ n(Qt, {})
       }
     ),
-    /* @__PURE__ */ n("ol", { className: "vyre-pagination__list", children: b.map(
-      (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(
+    /* @__PURE__ */ n("ol", { className: "vyre-pagination__list", children: f.map(
+      (s, m) => s === "..." ? /* @__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: u(
+          className: y(
             "vyre-pagination__btn",
-            c === e && "vyre-pagination__btn--active"
+            s === e && "vyre-pagination__btn--active"
           ),
-          onClick: () => t(c),
-          "aria-label": `Page ${c}`,
-          "aria-current": c === e ? "page" : void 0,
-          children: c
+          onClick: () => t(s),
+          "aria-label": `Page ${s}`,
+          "aria-current": s === e ? "page" : void 0,
+          children: s
         }
-      ) }, c)
+      ) }, s)
     ) }),
     /* @__PURE__ */ n(
       "button",
@@ -1908,7 +1908,7 @@ const Jt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox:
         onClick: () => t(e + 1),
         disabled: !v,
         "aria-label": "Next page",
-        children: /* @__PURE__ */ n(Qt, {})
+        children: /* @__PURE__ */ n(er, {})
       }
     ),
     o && /* @__PURE__ */ n(
@@ -1918,17 +1918,17 @@ const Jt = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox:
         onClick: () => t(r),
         disabled: !v,
         "aria-label": "Last page",
-        children: /* @__PURE__ */ n(tr, {})
+        children: /* @__PURE__ */ n(rr, {})
       }
     )
   ] });
-  return i ? /* @__PURE__ */ N("div", { className: u("vyre-pagination-row", l), children: [
-    /* @__PURE__ */ n("span", { className: "vyre-pagination__info", children: y }),
+  return i ? /* @__PURE__ */ x("div", { className: y("vyre-pagination-row", c), children: [
+    /* @__PURE__ */ n("span", { className: "vyre-pagination__info", children: h }),
     /* @__PURE__ */ n("nav", { "aria-label": "Pagination", className: "vyre-pagination", children: _ })
-  ] }) : /* @__PURE__ */ n("nav", { "aria-label": "Pagination", className: u("vyre-pagination", l), children: _ });
+  ] }) : /* @__PURE__ */ n("nav", { "aria-label": "Pagination", className: y("vyre-pagination", c), children: _ });
 };
-rr.displayName = "VyrePagination";
-const nr = ({
+nr.displayName = "VyrePagination";
+const ar = ({
   children: e,
   striped: r = !1,
   bordered: t = !1,
@@ -1938,7 +1938,7 @@ const nr = ({
 }) => /* @__PURE__ */ n("div", { className: "vyre-table-wrapper", children: /* @__PURE__ */ n(
   "table",
   {
-    className: u(
+    className: y(
       "vyre-table",
       r && "vyre-table--striped",
       t && "vyre-table--bordered",
@@ -1949,24 +1949,24 @@ const nr = ({
     children: e
   }
 ) });
-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(
+ar.displayName = "VyreTable";
+const or = g.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("thead", { ref: t, className: y("vyre-table__head", e), ...r }));
+or.displayName = "VyreTableHead";
+const ir = g.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("tbody", { ref: t, className: y("vyre-table__body", e), ...r }));
+ir.displayName = "VyreTableBody";
+const sr = g.forwardRef(
   ({ className: e, selected: r, ...t }, a) => /* @__PURE__ */ n(
     "tr",
     {
       ref: a,
-      className: u("vyre-table__row", r && "vyre-table__row--selected", e),
+      className: y("vyre-table__row", r && "vyre-table__row--selected", e),
       "aria-selected": r,
       ...t
     }
   )
 );
-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: [
+sr.displayName = "VyreTableRow";
+const lr = ({ dir: e }) => /* @__PURE__ */ n("span", { className: "vyre-table__sort-icon", "aria-hidden": "true", children: /* @__PURE__ */ x("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: [
   /* @__PURE__ */ n(
     "path",
     {
@@ -1989,12 +1989,12 @@ const sr = ({ dir: e }) => /* @__PURE__ */ n("span", { className: "vyre-table__s
       opacity: e === "asc" ? 0.3 : 1
     }
   )
-] }) }), lr = p.forwardRef(
-  ({ className: e, sortable: r, sortDir: t = null, onSort: a, align: o = "left", children: i, ...d }, s) => r ? /* @__PURE__ */ n(
+] }) }), dr = g.forwardRef(
+  ({ className: e, sortable: r, sortDir: t = null, onSort: a, align: o = "left", children: i, ...d }, l) => r ? /* @__PURE__ */ n(
     "th",
     {
-      ref: s,
-      className: u(
+      ref: l,
+      className: y(
         "vyre-table__th vyre-table__th--sortable",
         `vyre-table__th--${o}`,
         t && `vyre-table__th--sort-${t}`,
@@ -2002,81 +2002,81 @@ const sr = ({ dir: e }) => /* @__PURE__ */ n("span", { className: "vyre-table__s
       ),
       "aria-sort": t === "asc" ? "ascending" : t === "desc" ? "descending" : "none",
       ...d,
-      children: /* @__PURE__ */ N("button", { className: "vyre-table__sort-btn", onClick: a, type: "button", children: [
+      children: /* @__PURE__ */ x("button", { className: "vyre-table__sort-btn", onClick: a, type: "button", children: [
         i,
-        /* @__PURE__ */ n(sr, { dir: t })
+        /* @__PURE__ */ n(lr, { dir: t })
       ] })
     }
   ) : /* @__PURE__ */ n(
     "th",
     {
-      ref: s,
-      className: u("vyre-table__th", `vyre-table__th--${o}`, e),
+      ref: l,
+      className: y("vyre-table__th", `vyre-table__th--${o}`, e),
       ...d,
       children: i
     }
   )
 );
-lr.displayName = "VyreTableHeader";
-const dr = p.forwardRef(
+dr.displayName = "VyreTableHeader";
+const cr = g.forwardRef(
   ({ className: e, align: r = "left", ...t }, a) => /* @__PURE__ */ n(
     "td",
     {
       ref: a,
-      className: u("vyre-table__td", `vyre-table__td--${r}`, e),
+      className: y("vyre-table__td", `vyre-table__td--${r}`, e),
       ...t
     }
   )
 );
-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);
+cr.displayName = "VyreTableCell";
+const ur = g.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("caption", { ref: t, className: y("vyre-table__caption", e), ...r }));
+ur.displayName = "VyreTableCaption";
+const Me = ee(null), ue = () => {
+  const e = U(Me);
   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 ur(e, r, t = []) {
+function mr(e, r, t = []) {
   if (!e) return !0;
   const a = me(e);
   return me(r).includes(a) || t.some((o) => me(o).includes(a));
 }
-let mr = 0;
-function vr() {
-  return `cmd-${++mr}`;
+let vr = 0;
+function yr() {
+  return `cmd-${++vr}`;
 }
-const Me = p.forwardRef(
+const Re = g.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()), m = 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(() => ({
+    const [i, d] = E(""), [l, c] = E(0), [f, u] = E(0), v = e !== void 0 ? e : i, h = D((k) => {
+      d(k), r == null || r(k), c(0);
+    }, [r]), _ = B(/* @__PURE__ */ new Map()), s = B(/* @__PURE__ */ new Map()), m = D((k, T, V) => {
+      _.current.set(k, { el: T, disabled: V });
+    }, []), p = D((k) => {
+      _.current.delete(k), s.current.delete(k);
+    }, []), b = D((k) => {
+      var T;
+      (T = s.current.get(k)) == null || T();
+    }, []), C = oe(() => ({
       search: v,
-      setSearch: y,
-      activeIndex: s,
-      setActiveIndex: l,
+      setSearch: h,
+      activeIndex: l,
+      setActiveIndex: c,
       items: _,
       registerItem: m,
-      unregisterItem: w,
-      selectItem: f,
-      onSelectRef: c,
-      visibleCount: b,
-      setVisibleCount: h
-    }), [v, y, s, m, w, f, b]);
-    return /* @__PURE__ */ n(Le.Provider, { value: x, children: /* @__PURE__ */ n(
+      unregisterItem: p,
+      selectItem: b,
+      onSelectRef: s,
+      visibleCount: f,
+      setVisibleCount: u
+    }), [v, h, l, m, p, b, f]);
+    return /* @__PURE__ */ n(Me.Provider, { value: C, children: /* @__PURE__ */ n(
       "div",
       {
         ref: o,
-        className: u("vyre-command", t),
+        className: y("vyre-command", t),
         role: "combobox",
         "aria-expanded": "true",
         "aria-haspopup": "listbox",
@@ -2085,17 +2085,17 @@ const Me = p.forwardRef(
     ) });
   }
 );
-Me.displayName = "VyreCommand";
-const yr = p.forwardRef(
+Re.displayName = "VyreCommand";
+const fr = g.forwardRef(
   ({ placeholder: e = "Search...", className: r }, t) => {
     const { search: a, setSearch: o } = ue();
-    return /* @__PURE__ */ N("div", { className: "vyre-command__input-wrapper", children: [
+    return /* @__PURE__ */ x("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: u("vyre-command__input", r),
+          className: y("vyre-command__input", r),
           type: "text",
           placeholder: e,
           value: a,
@@ -2120,20 +2120,20 @@ const yr = p.forwardRef(
     ] });
   }
 );
-yr.displayName = "VyreCommandInput";
-const fr = p.forwardRef(
+fr.displayName = "VyreCommandInput";
+const hr = g.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);
+    const { activeIndex: a, setActiveIndex: o, items: i, selectItem: d } = ue(), l = D((c) => {
+      var u, v;
+      const f = Array.from((i.current ?? /* @__PURE__ */ new Map()).entries()).filter(([, h]) => !h.disabled && h.el.closest("[data-cmd-item]") !== null && !h.el.hasAttribute("data-cmd-hidden"));
+      if (c.key === "ArrowDown")
+        c.preventDefault(), o(Math.min(a + 1, f.length - 1)), (u = f[Math.min(a + 1, f.length - 1)]) == null || u[1].el.scrollIntoView({ block: "nearest" });
+      else if (c.key === "ArrowUp")
+        c.preventDefault(), o(Math.max(a - 1, 0)), (v = f[Math.max(a - 1, 0)]) == null || v[1].el.scrollIntoView({ block: "nearest" });
+      else if (c.key === "Enter") {
+        c.preventDefault();
+        const [h] = f[a] ?? [];
+        h && d(h);
       }
     }, [a, o, i, d]);
     return /* @__PURE__ */ n(
@@ -2142,25 +2142,25 @@ const fr = p.forwardRef(
         ref: t,
         id: "vyre-command-list",
         role: "listbox",
-        className: u("vyre-command__list", e),
-        onKeyDown: s,
+        className: y("vyre-command__list", e),
+        onKeyDown: l,
         children: r
       }
     );
   }
 );
-fr.displayName = "VyreCommandList";
-const hr = ({ className: e, children: r }) => {
+hr.displayName = "VyreCommandList";
+const br = ({ className: e, children: r }) => {
   const { search: t, visibleCount: a } = ue();
-  return !t || a > 0 ? null : /* @__PURE__ */ n("div", { className: u("vyre-command__empty", e), role: "presentation", children: r ?? "No results found." });
+  return !t || a > 0 ? null : /* @__PURE__ */ n("div", { className: y("vyre-command__empty", e), role: "presentation", children: r ?? "No results found." });
 };
-hr.displayName = "VyreCommandEmpty";
-const br = ({ heading: e, className: r, children: t }) => /* @__PURE__ */ N("div", { className: u("vyre-command__group", r), role: "presentation", children: [
+br.displayName = "VyreCommandEmpty";
+const pr = ({ heading: e, className: r, children: t }) => /* @__PURE__ */ x("div", { className: y("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 })
 ] });
-br.displayName = "VyreCommandGroup";
-const pr = ({
+pr.displayName = "VyreCommandGroup";
+const _r = ({
   onSelect: e,
   disabled: r = !1,
   keywords: t,
@@ -2169,27 +2169,27 @@ const pr = ({
   icon: i,
   shortcut: d
 }) => {
-  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(() => {
-    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(_);
+  const { search: l, setActiveIndex: c, registerItem: f, unregisterItem: u, onSelectRef: v, setVisibleCount: h } = ue(), _ = oe(() => yr(), []), s = B(null), p = mr(l, typeof o == "string" ? o : "", t);
+  return $(() => (h((b) => b + (p ? 1 : 0)), () => {
+    h((b) => b - (p ? 1 : 0));
+  }), [p, h]), $(() => {
+    const b = s.current;
+    if (!(!b || !p))
+      return f(_, b, r), () => u(_);
+  }, [_, r, p, f, u]), $(() => {
+    var b;
+    return e && ((b = v.current) == null || b.set(_, e)), () => {
+      var C;
+      (C = v.current) == null || C.delete(_);
     };
-  }, [_, e, v]), w ? /* @__PURE__ */ N(
+  }, [_, e, v]), p ? /* @__PURE__ */ x(
     "div",
     {
-      ref: c,
+      ref: s,
       "data-cmd-item": !0,
       role: "option",
       "aria-disabled": r || void 0,
-      className: u(
+      className: y(
         "vyre-command__item",
         r && "vyre-command__item--disabled",
         a
@@ -2198,7 +2198,7 @@ const pr = ({
         r || e == null || e();
       },
       onMouseEnter: () => {
-        !r && c.current && l(-1);
+        !r && s.current && c(-1);
       },
       children: [
         i && /* @__PURE__ */ n("span", { className: "vyre-command__item-icon", "aria-hidden": "true", children: i }),
@@ -2208,9 +2208,9 @@ const pr = ({
     }
   ) : null;
 };
-pr.displayName = "VyreCommandItem";
-const _r = ({ className: e }) => /* @__PURE__ */ n("div", { className: u("vyre-command__separator", e), role: "separator", "aria-hidden": "true" });
-_r.displayName = "VyreCommandSeparator";
+_r.displayName = "VyreCommandItem";
+const gr = ({ className: e }) => /* @__PURE__ */ n("div", { className: y("vyre-command__separator", e), role: "separator", "aria-hidden": "true" });
+gr.displayName = "VyreCommandSeparator";
 const wr = ({
   open: e,
   onOpenChange: r,
@@ -2219,38 +2219,38 @@ const wr = ({
   className: o,
   children: i
 }) => {
-  const d = A(null);
-  return V(() => {
-    var b;
+  const d = B(null);
+  return $(() => {
+    var f;
     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 });
+    const l = document.activeElement, c = (f = d.current) == null ? void 0 : f.querySelector(".vyre-command__input");
+    return c == null || c.focus(), () => {
+      l == null || l.focus({ preventScroll: !0 });
     };
-  }, [e]), V(() => {
+  }, [e]), $(() => {
     if (!e) return;
-    const s = (l) => {
-      l.key === "Escape" && r(!1);
+    const l = (c) => {
+      c.key === "Escape" && r(!1);
     };
-    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
-  }, [e, r]), e ? P.createPortal(
+    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+  }, [e, r]), e ? G.createPortal(
     /* @__PURE__ */ n(
       "div",
       {
         className: "vyre-command-backdrop",
         ref: d,
-        onClick: (s) => {
-          s.target === s.currentTarget && r(!1);
+        onClick: (l) => {
+          l.target === l.currentTarget && r(!1);
         },
         role: "dialog",
         "aria-modal": "true",
         "aria-label": "Command palette",
         children: /* @__PURE__ */ n(
-          Me,
+          Re,
           {
             value: t,
             onValueChange: a,
-            className: u("vyre-command--dialog", o),
+            className: y("vyre-command--dialog", o),
             children: i
           }
         )
@@ -2260,34 +2260,491 @@ const wr = ({
   ) : null;
 };
 wr.displayName = "VyreCommandDialog";
+const Nr = g.forwardRef(
+  ({
+    orientation: e = "horizontal",
+    attached: r = !1,
+    size: t,
+    className: a,
+    children: o,
+    ...i
+  }, d) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: d,
+      role: "group",
+      className: y(
+        "vyre-btn-group",
+        e === "vertical" && "vyre-btn-group--vertical",
+        r && "vyre-btn-group--attached",
+        a
+      ),
+      "data-orientation": e,
+      "data-size": t,
+      ...i,
+      children: o
+    }
+  )
+);
+Nr.displayName = "VyreButtonGroup";
+const Ie = g.forwardRef(
+  ({
+    variant: e = "default",
+    size: r = "md",
+    onRemove: t,
+    onClick: a,
+    disabled: o = !1,
+    className: i,
+    children: d,
+    ...l
+  }, c) => {
+    const f = !!a && !o;
+    return /* @__PURE__ */ x(
+      "span",
+      {
+        ref: c,
+        className: y(
+          "vyre-tag",
+          `vyre-tag--${e}`,
+          `vyre-tag--${r}`,
+          f && "vyre-tag--clickable",
+          o && "vyre-tag--disabled",
+          i
+        ),
+        "data-variant": e,
+        "data-size": r,
+        role: f ? "button" : void 0,
+        tabIndex: f ? 0 : void 0,
+        "aria-disabled": o || void 0,
+        onClick: f ? a : void 0,
+        onKeyDown: f ? (u) => {
+          (u.key === "Enter" || u.key === " ") && (u.preventDefault(), a == null || a());
+        } : void 0,
+        ...l,
+        children: [
+          /* @__PURE__ */ n("span", { className: "vyre-tag__label", children: d }),
+          t && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: "vyre-tag__remove",
+              "aria-label": "Remove",
+              disabled: o,
+              onClick: (u) => {
+                u.stopPropagation(), t();
+              },
+              children: /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n(
+                "path",
+                {
+                  d: "M9 3L3 9M3 3L9 9",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round"
+                }
+              ) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ie.displayName = "VyreTag";
+const kr = g.forwardRef(
+  ({
+    value: e,
+    onChange: r,
+    placeholder: t = "Add tag…",
+    disabled: a = !1,
+    max: o,
+    size: i = "md",
+    className: d,
+    style: l,
+    "data-testid": c
+  }, f) => {
+    const [u, v] = E(""), h = B(null), _ = o !== void 0 && e.length >= o, s = a || _;
+    function m(k) {
+      const T = k.trim();
+      if (!T || e.includes(T) || _) {
+        v("");
+        return;
+      }
+      r([...e, T]), v("");
+    }
+    function p(k) {
+      a || r(e.filter((T, V) => V !== k));
+    }
+    function b(k) {
+      if (k.key === "Enter" || k.key === ",") {
+        k.preventDefault(), m(u);
+        return;
+      }
+      k.key === "Backspace" && u === "" && e.length > 0 && p(e.length - 1);
+    }
+    function C(k) {
+      const T = k.target.value;
+      if (T.includes(",")) {
+        const V = T.split(",");
+        V.slice(0, -1).forEach((j) => m(j)), v(V[V.length - 1]);
+      } else
+        v(T);
+    }
+    return /* @__PURE__ */ x(
+      "div",
+      {
+        ref: f,
+        className: y(
+          "vyre-tags-input",
+          `vyre-tags-input--${i}`,
+          a && "vyre-tags-input--disabled",
+          d
+        ),
+        "data-testid": c,
+        style: l,
+        onClick: () => {
+          var k;
+          return (k = h.current) == null ? void 0 : k.focus();
+        },
+        children: [
+          e.map((k, T) => /* @__PURE__ */ n(
+            Ie,
+            {
+              size: i,
+              disabled: a,
+              onRemove: a ? void 0 : () => p(T),
+              children: k
+            },
+            `${k}-${T}`
+          )),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: h,
+              type: "text",
+              className: "vyre-tags-input__field",
+              value: u,
+              onChange: C,
+              onKeyDown: b,
+              placeholder: _ ? "" : t,
+              disabled: s,
+              "aria-label": "Add tag"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+kr.displayName = "VyreTagsInput";
+const xr = g.forwardRef(
+  ({
+    options: e,
+    value: r,
+    onChange: t,
+    placeholder: a = "Search…",
+    disabled: o = !1,
+    size: i = "md",
+    emptyText: d = "No results",
+    className: l,
+    ...c
+  }, f) => {
+    const [u, v] = E(!1), [h, _] = E(""), [s, m] = E(-1), p = B(null), b = B(null), C = B(null), T = `${te()}-listbox`, V = e.find((N) => N.value === r) ?? null, W = e.filter(
+      (N) => N.label.toLowerCase().includes(h.toLowerCase())
+    ), j = D(() => {
+      v(!1), m(-1), _("");
+    }, []), O = D(
+      (N) => {
+        var R;
+        N.disabled || (t(N.value), j(), (R = p.current) == null || R.blur());
+      },
+      [t, j]
+    );
+    $(() => {
+      if (!u) return;
+      const N = (R) => {
+        const I = C.current;
+        I && !I.contains(R.target) && j();
+      };
+      return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
+    }, [u, j]), $(() => {
+      var R;
+      if (!u || s < 0) return;
+      const N = (R = b.current) == null ? void 0 : R.children[s];
+      N == null || N.scrollIntoView({ block: "nearest" });
+    }, [s, u]), $(() => {
+      m(W.length > 0 ? 0 : -1);
+    }, [h]);
+    function A() {
+      o || (v(!0), _(""));
+    }
+    function F(N) {
+      _(N.target.value), u || v(!0);
+    }
+    function S(N) {
+      var R;
+      switch (N.key) {
+        case "ArrowDown": {
+          if (N.preventDefault(), !u) {
+            v(!0);
+            return;
+          }
+          m((I) => {
+            let H = I + 1;
+            for (; H < W.length && W[H].disabled; ) H++;
+            return H < W.length ? H : I;
+          });
+          break;
+        }
+        case "ArrowUp": {
+          if (N.preventDefault(), !u) {
+            v(!0);
+            return;
+          }
+          m((I) => {
+            let H = I - 1;
+            for (; H >= 0 && W[H].disabled; ) H--;
+            return H >= 0 ? H : I;
+          });
+          break;
+        }
+        case "Enter": {
+          N.preventDefault(), u && s >= 0 && W[s] && O(W[s]);
+          break;
+        }
+        case "Escape": {
+          j(), (R = p.current) == null || R.blur();
+          break;
+        }
+      }
+    }
+    const L = u ? h : (V == null ? void 0 : V.label) ?? "";
+    return /* @__PURE__ */ x(
+      "div",
+      {
+        ref: (N) => {
+          C.current = N, typeof f == "function" ? f(N) : f && (f.current = N);
+        },
+        className: y(
+          "vyre-combobox",
+          `vyre-combobox--${i}`,
+          o && "vyre-combobox--disabled",
+          l
+        ),
+        "data-open": u,
+        ...c,
+        children: [
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: p,
+              type: "text",
+              role: "combobox",
+              "aria-expanded": u,
+              "aria-haspopup": "listbox",
+              "aria-controls": T,
+              "aria-autocomplete": "list",
+              "aria-disabled": o,
+              disabled: o,
+              className: "vyre-combobox__input",
+              placeholder: a,
+              value: L,
+              onFocus: A,
+              onChange: F,
+              onKeyDown: S
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: "vyre-combobox__chevron", "aria-hidden": "true", children: /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ n(
+            "path",
+            {
+              d: "M3 5L7 9L11 5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) }) }),
+          u && /* @__PURE__ */ n(
+            "ul",
+            {
+              ref: b,
+              id: T,
+              role: "listbox",
+              className: "vyre-combobox__dropdown",
+              "aria-label": "Options",
+              children: W.length > 0 ? W.map((N, R) => /* @__PURE__ */ n(
+                "li",
+                {
+                  role: "option",
+                  "aria-selected": N.value === r,
+                  "aria-disabled": N.disabled,
+                  "data-highlighted": R === s,
+                  className: y(
+                    "vyre-combobox__option",
+                    R === s && "vyre-combobox__option--highlighted",
+                    N.value === r && "vyre-combobox__option--selected"
+                  ),
+                  onMouseEnter: () => !N.disabled && m(R),
+                  onMouseDown: (I) => {
+                    I.preventDefault(), O(N);
+                  },
+                  children: N.label
+                },
+                N.value
+              )) : /* @__PURE__ */ n("li", { className: "vyre-combobox__empty", role: "presentation", children: d })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+xr.displayName = "VyreCombobox";
+function Lr({ col: e, sortKey: r, sortDir: t }) {
+  const o = r === e.key ? t : void 0;
+  return /* @__PURE__ */ n("span", { className: "vyre-data-grid__sort-icon", "aria-hidden": "true", children: /* @__PURE__ */ x("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: [
+    /* @__PURE__ */ n(
+      "path",
+      {
+        d: "M6 2v4M3.5 4.5L6 2l2.5 2.5",
+        stroke: "currentColor",
+        strokeWidth: "1.3",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        opacity: o === "desc" ? 0.3 : 1
+      }
+    ),
+    /* @__PURE__ */ n(
+      "path",
+      {
+        d: "M6 10V6M3.5 7.5L6 10l2.5-2.5",
+        stroke: "currentColor",
+        strokeWidth: "1.3",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        opacity: o === "asc" ? 0.3 : 1
+      }
+    )
+  ] }) });
+}
+const Cr = 5, Mr = g.forwardRef(
+  ({
+    columns: e,
+    rows: r,
+    sortKey: t,
+    sortDir: a,
+    onSort: o,
+    loading: i = !1,
+    emptyText: d = "No data",
+    stickyHeader: l = !1,
+    className: c,
+    style: f,
+    "data-testid": u
+  }, v) => {
+    function h(s) {
+      if (!s.sortable || !o) return;
+      const m = t === s.key && a === "asc" ? "desc" : "asc";
+      o(s.key, m);
+    }
+    function _(s) {
+      return t !== s.key ? "none" : a === "asc" ? "ascending" : "descending";
+    }
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: v,
+        className: y(
+          "vyre-data-grid",
+          l && "vyre-data-grid--sticky-header",
+          c
+        ),
+        style: f,
+        "data-testid": u,
+        children: /* @__PURE__ */ x("table", { className: "vyre-data-grid__table", children: [
+          /* @__PURE__ */ n("thead", { className: "vyre-data-grid__thead", children: /* @__PURE__ */ n("tr", { children: e.map((s) => /* @__PURE__ */ n(
+            "th",
+            {
+              className: y(
+                "vyre-data-grid__th",
+                s.sortable && "vyre-data-grid__th--sortable",
+                t === s.key && `vyre-data-grid__th--sort-${a}`
+              ),
+              style: s.width ? { width: s.width } : void 0,
+              "aria-sort": s.sortable ? _(s) : void 0,
+              children: s.sortable ? /* @__PURE__ */ x(
+                "button",
+                {
+                  type: "button",
+                  className: "vyre-data-grid__sort-btn",
+                  onClick: () => h(s),
+                  children: [
+                    s.label,
+                    /* @__PURE__ */ n(Lr, { col: s, sortKey: t, sortDir: a })
+                  ]
+                }
+              ) : s.label
+            },
+            s.key
+          )) }) }),
+          /* @__PURE__ */ n("tbody", { className: "vyre-data-grid__tbody", children: i ? Array.from({ length: Cr }).map((s, m) => /* @__PURE__ */ n("tr", { className: "vyre-data-grid__row vyre-data-grid__row--skeleton", children: e.map((p) => /* @__PURE__ */ n("td", { className: "vyre-data-grid__td", children: /* @__PURE__ */ n(xe, { height: 16 }) }, p.key)) }, `skel-${m}`)) : r.length === 0 ? /* @__PURE__ */ n("tr", { className: "vyre-data-grid__row vyre-data-grid__row--empty", children: /* @__PURE__ */ n(
+            "td",
+            {
+              className: "vyre-data-grid__td vyre-data-grid__empty",
+              colSpan: e.length,
+              children: d
+            }
+          ) }) : r.map((s, m) => /* @__PURE__ */ n("tr", { className: "vyre-data-grid__row", children: e.map((p) => /* @__PURE__ */ n("td", { className: "vyre-data-grid__td", children: s[p.key] != null ? String(s[p.key]) : "" }, p.key)) }, m)) })
+        ] })
+      }
+    );
+  }
+);
+Mr.displayName = "VyreDataGrid";
+const Rr = g.forwardRef(
+  ({ gap: e = "md", wrap: r = !0, className: t, children: a, ...o }, i) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: i,
+      className: y(
+        "vyre-tag-group",
+        `vyre-tag-group--gap-${e}`,
+        !r && "vyre-tag-group--nowrap",
+        t
+      ),
+      role: "list",
+      ...o,
+      children: a
+    }
+  )
+);
+Rr.displayName = "VyreTagGroup";
 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) {
+function ne(e, r) {
   return Q(e) < Q(r);
 }
 function be(e, r) {
   return Q(e) > Q(r);
 }
-function gr(e, r) {
+function Ir(e, r) {
   return new Date(e, r + 1, 0).getDate();
 }
-function Nr(e, r, t) {
+function Dr(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 kr(e) {
+function Tr(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(
+), ae = 12, De = g.forwardRef(
   (e, r) => {
     const {
       showTime: t = !1,
@@ -2295,149 +2752,149 @@ const pe = Array.from(
       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, 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 = 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) => {
+      weekStartsOn: l = 1
+    } = e, c = Q(/* @__PURE__ */ new Date()), f = () => {
+      var w, M;
+      return e.mode === "range" ? ((w = e.value) == null ? void 0 : w[0]) ?? c : e.mode === "multiple" ? ((M = e.value) == null ? void 0 : M[0]) ?? c : e.value ?? c;
+    }, [u, v] = E(() => (f() ?? c).getFullYear()), [h, _] = E(() => (f() ?? c).getMonth()), [s, m] = E("days"), [p, b] = E(null), [C, k] = E(() => {
+      const w = e.mode === "single" ? e.value : null;
+      return w ? w.getHours() : 0;
+    }), [T, V] = E(() => {
+      const w = e.mode === "single" ? e.value : null;
+      return w ? w.getMinutes() : 0;
+    }), W = oe(() => {
+      const w = Ir(u, h), M = Dr(u, h, l);
+      return { count: w, offset: M };
+    }, [u, h, l]), j = oe(() => l === 1 ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], [l]), O = D((w) => {
       if (e.mode === "single")
-        return !!e.value && Y(g, e.value);
+        return !!e.value && Y(w, e.value);
       if (e.mode === "range") {
-        const [C, j] = e.value ?? [null, null];
-        return !!C && Y(g, C) || !!j && Y(g, j);
+        const [M, K] = e.value ?? [null, null];
+        return !!M && Y(w, M) || !!K && Y(w, K);
       }
-      return e.mode === "multiple" ? (e.value ?? []).some((C) => Y(g, C)) : !1;
-    }, [e]), T = M((g) => {
+      return e.mode === "multiple" ? (e.value ?? []).some((M) => Y(w, M)) : !1;
+    }, [e]), A = D((w) => {
       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) => {
+      const [M, K] = e.value ?? [null, null], q = K ?? p;
+      if (!M || !q) return !1;
+      const z = ne(M, q) ? M : q, Z = ne(M, q) ? q : M;
+      return be(w, z) && ne(w, Z);
+    }, [e, p]), F = D((w) => {
       if (e.mode !== "range") return !1;
-      const [C] = e.value ?? [null, null];
-      return !!C && Y(g, C);
-    }, [e]), R = M((g) => {
+      const [M] = e.value ?? [null, null];
+      return !!M && Y(w, M);
+    }, [e]), S = D((w) => {
       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))) {
+      const [, M] = e.value ?? [null, null];
+      return !!M && Y(w, M);
+    }, [e]), L = D((w) => !!(a && ne(w, a) || o && be(w, o) || i != null && i(w)), [a, o, i]), N = D((w) => {
+      var K, q, z, Z, re, se;
+      const M = new Date(u, h, w, C, T);
+      if (!L(Q(M))) {
         if (e.mode === "single" || !e.mode)
-          (j = e.onChange) == null || j.call(e, C);
+          (K = e.onChange) == null || K.call(e, M);
         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]);
+          const [P, J] = e.value ?? [null, null];
+          !P || P && J ? (q = e.onChange) == null || q.call(e, [M, null]) : ne(M, P) ? (z = e.onChange) == null || z.call(e, [M, P]) : (Z = e.onChange) == null || Z.call(e, [P, M]);
         } 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, Se) => Se !== J)) : (se = e.onChange) == null || se.call(e, [...K, C]);
+          const P = e.value ?? [], J = P.findIndex((fe) => Y(fe, M));
+          J >= 0 ? (re = e.onChange) == null || re.call(e, P.filter((fe, Se) => Se !== J)) : (se = e.onChange) == null || se.call(e, [...P, M]);
         }
       }
-    }, [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);
-    }, 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);
+    }, [u, h, C, T, e, L]), R = () => {
+      h === 0 ? (_(11), v((w) => w - 1)) : _((w) => w - 1);
+    }, I = () => {
+      h === 11 ? (_(0), v((w) => w + 1)) : _((w) => w + 1);
+    }, H = (w, M) => {
+      var K;
+      if (k(w), V(M), e.mode === "single" && e.value) {
+        const q = new Date(e.value);
+        q.setHours(w, M), (K = e.onChange) == null || K.call(e, q);
       }
-    }, ie = Math.floor(h / ne) * ne;
-    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: 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: [
+    }, ie = Math.floor(u / ae) * ae;
+    return /* @__PURE__ */ x("div", { ref: r, className: y("vyre-calendar", d), children: [
+      /* @__PURE__ */ x("div", { className: "vyre-calendar__header", children: [
+        s === "days" && /* @__PURE__ */ n("button", { className: "vyre-calendar__nav", onClick: R, "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" }) }) }),
+        s === "years" && /* @__PURE__ */ n("button", { className: "vyre-calendar__nav", onClick: () => v((w) => w - ae), "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__ */ x("div", { className: "vyre-calendar__header-center", children: [
           /* @__PURE__ */ n(
             "button",
             {
               className: "vyre-calendar__header-btn",
-              onClick: () => m(c === "months" ? "days" : "months"),
-              children: pe[y]
+              onClick: () => m(s === "months" ? "days" : "months"),
+              children: pe[h]
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
               className: "vyre-calendar__header-btn",
-              onClick: () => m(c === "years" ? "days" : "years"),
-              children: h
+              onClick: () => m(s === "years" ? "days" : "years"),
+              children: u
             }
           )
         ] }),
-        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" }) }) })
+        s === "days" && /* @__PURE__ */ n("button", { className: "vyre-calendar__nav", onClick: I, "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" }) }) }),
+        s === "years" && /* @__PURE__ */ n("button", { className: "vyre-calendar__nav", onClick: () => v((w) => w + ae), "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(
+      s === "months" && /* @__PURE__ */ n("div", { className: "vyre-calendar__month-grid", children: pe.map((w, M) => /* @__PURE__ */ n(
         "button",
         {
-          className: u("vyre-calendar__month-cell", C === y && "vyre-calendar__month-cell--active"),
+          className: y("vyre-calendar__month-cell", M === h && "vyre-calendar__month-cell--active"),
           onClick: () => {
-            _(C), m("days");
+            _(M), m("days");
           },
-          children: g.slice(0, 3)
+          children: w.slice(0, 3)
         },
-        g
+        w
       )) }),
-      c === "years" && /* @__PURE__ */ n("div", { className: "vyre-calendar__year-grid", children: Array.from({ length: ne }, (g, C) => ie + C).map((g) => /* @__PURE__ */ n(
+      s === "years" && /* @__PURE__ */ n("div", { className: "vyre-calendar__year-grid", children: Array.from({ length: ae }, (w, M) => ie + M).map((w) => /* @__PURE__ */ n(
         "button",
         {
-          className: u("vyre-calendar__year-cell", g === h && "vyre-calendar__year-cell--active"),
+          className: y("vyre-calendar__year-cell", w === u && "vyre-calendar__year-cell--active"),
           onClick: () => {
-            v(g), m("days");
+            v(w), m("days");
           },
-          children: g
+          children: w
         },
-        g
+        w
       )) }),
-      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 = T(C), z = W(C), Z = R(C), te = k(C), se = Y(C, l);
+      s === "days" && /* @__PURE__ */ x("div", { className: "vyre-calendar__grid", children: [
+        j.map((w) => /* @__PURE__ */ n("div", { className: "vyre-calendar__weekday", children: w }, w)),
+        Array.from({ length: W.offset }).map((w, M) => /* @__PURE__ */ n("div", {}, `empty-${M}`)),
+        Array.from({ length: W.count }, (w, M) => M + 1).map((w) => {
+          const M = new Date(u, h, w), K = O(M), q = A(M), z = F(M), Z = S(M), re = L(M), se = Y(M, c);
           return /* @__PURE__ */ n(
             "button",
             {
-              className: u(
+              className: y(
                 "vyre-calendar__day",
                 se && "vyre-calendar__day--today",
-                j && "vyre-calendar__day--selected",
-                H && "vyre-calendar__day--in-range",
+                K && "vyre-calendar__day--selected",
+                q && "vyre-calendar__day--in-range",
                 z && "vyre-calendar__day--range-start",
                 Z && "vyre-calendar__day--range-end",
-                te && "vyre-calendar__day--disabled"
+                re && "vyre-calendar__day--disabled"
               ),
-              onClick: () => I(g),
+              onClick: () => N(w),
               onMouseEnter: () => {
                 if (e.mode === "range") {
-                  const [K, J] = e.value ?? [null, null];
-                  K && !J && f(C);
+                  const [P, J] = e.value ?? [null, null];
+                  P && !J && b(M);
                 }
               },
-              onMouseLeave: () => f(null),
-              disabled: te,
-              "aria-selected": j,
-              "aria-label": X(C),
-              children: g
+              onMouseLeave: () => b(null),
+              disabled: re,
+              "aria-selected": K,
+              "aria-label": X(M),
+              children: w
             },
-            g
+            w
           );
         })
       ] }),
-      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: [
+      t && s === "days" && /* @__PURE__ */ x("div", { className: "vyre-calendar__time", children: [
+        /* @__PURE__ */ x("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" })
         ] }),
@@ -2448,8 +2905,8 @@ const pe = Array.from(
             className: "vyre-calendar__time-input",
             min: 0,
             max: 23,
-            value: x,
-            onChange: (g) => G(Number(g.target.value), B),
+            value: C,
+            onChange: (w) => H(Number(w.target.value), T),
             "aria-label": "Hours"
           }
         ),
@@ -2461,8 +2918,8 @@ const pe = Array.from(
             className: "vyre-calendar__time-input",
             min: 0,
             max: 59,
-            value: B,
-            onChange: (g) => G(x, Number(g.target.value)),
+            value: T,
+            onChange: (w) => H(C, Number(w.target.value)),
             "aria-label": "Minutes"
           }
         )
@@ -2470,8 +2927,8 @@ const pe = Array.from(
     ] });
   }
 );
-Re.displayName = "VyreCalendar";
-function xr(e) {
+De.displayName = "VyreCalendar";
+function Sr(e) {
   if (e.mode === "range") {
     const [a, o] = e.value ?? [null, null];
     return a ? o ? `${X(a)} – ${X(o)}` : X(a) : "";
@@ -2481,78 +2938,78 @@ function xr(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)} ${kr(r)}` : X(r) : "";
+  return r ? t ? `${X(r)} ${Tr(r)}` : X(r) : "";
 }
-const Cr = p.forwardRef(
+const Er = g.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 = xr(t), v = M(() => {
+    const [o, i] = E(!1), d = B(null), l = B(null), [c, f] = E({ top: 0, left: 0, width: 0 }), u = Sr(t), v = D(() => {
       if (!d.current) return;
-      const c = d.current.getBoundingClientRect();
-      b({
-        top: c.bottom + window.scrollY + 6,
-        left: c.left + window.scrollX,
-        width: c.width
+      const s = d.current.getBoundingClientRect();
+      f({
+        top: s.bottom + window.scrollY + 6,
+        left: s.left + window.scrollX,
+        width: s.width
       });
     }, []);
-    V(() => {
+    $(() => {
       if (!o) return;
       v();
-      const c = () => v(), m = () => v();
-      return window.addEventListener("scroll", c, !0), window.addEventListener("resize", m), () => {
-        window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", m);
+      const s = () => v(), m = () => v();
+      return window.addEventListener("scroll", s, !0), window.addEventListener("resize", m), () => {
+        window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", m);
       };
-    }, [o, v]), V(() => {
+    }, [o, 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);
-      }, m = (w) => {
-        w.key === "Escape" && i(!1);
+      const s = (p) => {
+        var b, C;
+        !((b = l.current) != null && b.contains(p.target)) && !((C = d.current) != null && C.contains(p.target)) && i(!1);
+      }, m = (p) => {
+        p.key === "Escape" && i(!1);
       };
-      return document.addEventListener("pointerdown", c), document.addEventListener("keydown", m), () => {
-        document.removeEventListener("pointerdown", c), document.removeEventListener("keydown", m);
+      return document.addEventListener("pointerdown", s), document.addEventListener("keydown", m), () => {
+        document.removeEventListener("pointerdown", s), document.removeEventListener("keydown", m);
       };
     }, [o]);
-    const y = t.mode !== "range" && t.mode !== "multiple" && !t.showTime, _ = ae(() => t.mode === "range" ? {
+    const h = t.mode !== "range" && t.mode !== "multiple" && !t.showTime, _ = oe(() => t.mode === "range" ? {
       ...t,
-      onChange: (c) => {
+      onChange: (s) => {
         var m;
-        (m = t.onChange) == null || m.call(t, c), c[0] && c[1] && i(!1);
+        (m = t.onChange) == null || m.call(t, s), s[0] && s[1] && i(!1);
       }
     } : t.mode === "multiple" ? t : {
       ...t,
-      onChange: (c) => {
+      onChange: (s) => {
         var m;
-        (m = t.onChange) == null || m.call(t, c), y && i(!1);
+        (m = t.onChange) == null || m.call(t, s), h && i(!1);
       }
-    }, [t, y]);
-    return /* @__PURE__ */ N("div", { ref: a, className: "vyre-datepicker", children: [
-      /* @__PURE__ */ N(
+    }, [t, h]);
+    return /* @__PURE__ */ x("div", { ref: a, className: "vyre-datepicker", children: [
+      /* @__PURE__ */ x(
         "button",
         {
           ref: d,
           type: "button",
-          className: u("vyre-datepicker__trigger", !h && "vyre-datepicker__trigger--placeholder", r),
+          className: y("vyre-datepicker__trigger", !u && "vyre-datepicker__trigger--placeholder", r),
           onClick: () => {
-            v(), i((c) => !c);
+            v(), i((s) => !s);
           },
           "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__ */ x("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(
+            /* @__PURE__ */ n("span", { children: u || e }),
+            u && /* @__PURE__ */ n(
               "button",
               {
                 className: "vyre-datepicker__clear",
                 type: "button",
                 "aria-label": "Clear",
-                onClick: (c) => {
-                  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);
+                onClick: (s) => {
+                  var m, p, b;
+                  s.stopPropagation(), t.mode === "range" ? (m = t.onChange) == null || m.call(t, [null, null]) : t.mode === "multiple" ? (p = t.onChange) == null || p.call(t, []) : (b = t.onChange) == null || b.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" }) })
               }
@@ -2560,16 +3017,16 @@ const Cr = p.forwardRef(
           ]
         }
       ),
-      o && P.createPortal(
+      o && G.createPortal(
         /* @__PURE__ */ n(
           "div",
           {
-            ref: s,
+            ref: l,
             className: "vyre-datepicker__popover",
             role: "dialog",
             "aria-label": "Date picker",
-            style: { top: l.top, left: l.left, minWidth: l.width },
-            children: /* @__PURE__ */ n(Re, { ..._ })
+            style: { top: c.top, left: c.left, minWidth: c.width },
+            children: /* @__PURE__ */ n(De, { ..._ })
           }
         ),
         document.body
@@ -2577,8 +3034,8 @@ const Cr = p.forwardRef(
     ] });
   }
 );
-Cr.displayName = "VyreDatePicker";
-const Lr = p.forwardRef(
+Er.displayName = "VyreDatePicker";
+const Ar = g.forwardRef(
   ({
     as: e = "p",
     size: r = "md",
@@ -2587,13 +3044,13 @@ const Lr = p.forwardRef(
     truncate: o,
     mono: i,
     className: d,
-    children: s,
-    ...l
-  }, b) => /* @__PURE__ */ n(
+    children: l,
+    ...c
+  }, f) => /* @__PURE__ */ n(
     e,
     {
-      ref: b,
-      className: u(
+      ref: f,
+      className: y(
         "vyre-text",
         r !== "md" && `vyre-text--${r}`,
         t && `vyre-text--${t}`,
@@ -2602,13 +3059,13 @@ const Lr = p.forwardRef(
         i && "vyre-text--mono",
         d
       ),
-      ...l,
-      children: s
+      ...c,
+      children: l
     }
   )
 );
-Lr.displayName = "VyreText";
-const Mr = p.forwardRef(
+Ar.displayName = "VyreText";
+const Br = g.forwardRef(
   ({
     as: e = "h2",
     size: r = "md",
@@ -2617,12 +3074,12 @@ const Mr = p.forwardRef(
     truncate: o,
     className: i,
     children: d,
-    ...s
-  }, l) => /* @__PURE__ */ n(
+    ...l
+  }, c) => /* @__PURE__ */ n(
     e,
     {
-      ref: l,
-      className: u(
+      ref: c,
+      className: y(
         "vyre-heading",
         `vyre-heading--${r}`,
         t !== "bold" && `vyre-heading--${t}`,
@@ -2630,54 +3087,54 @@ const Mr = p.forwardRef(
         o && "vyre-text--truncate",
         i
       ),
-      ...s,
+      ...l,
       children: d
     }
   )
 );
-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 })
+Br.displayName = "VyreHeading";
+const Vr = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("p", { ref: a, className: y("vyre-lead", e), ...t, children: r })
 );
-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(
+Vr.displayName = "VyreLead";
+const $r = g.forwardRef(
+  ({ block: e, className: r, children: t, ...a }, o) => e ? /* @__PURE__ */ n("pre", { className: y("vyre-code-block", r), ...a, children: /* @__PURE__ */ n("code", { ref: o, children: t }) }) : /* @__PURE__ */ n(
     "code",
     {
       ref: o,
-      className: u("vyre-code", r),
+      className: y("vyre-code", r),
       ...a,
       children: t
     }
   )
 );
-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 })
+$r.displayName = "VyreCode";
+const Wr = g.forwardRef(
+  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ n("blockquote", { ref: a, className: y("vyre-blockquote", e), ...t, children: r })
 );
-Sr.displayName = "VyreBlockquote";
-const Ie = ee({
+Wr.displayName = "VyreBlockquote";
+const Te = ee({
   collapsed: !1,
   toggleCollapsed: () => {
   }
-}), ye = () => U(Ie), Tr = p.forwardRef(
+}), ye = () => U(Te), jr = g.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: u("vyre-app-layout", a), children: o }) });
+    const [d, l] = E(e), c = r !== void 0 ? r : d, f = D(() => {
+      const u = !c;
+      l(u), t == null || t(u);
+    }, [c, t]);
+    return /* @__PURE__ */ n(Te.Provider, { value: { collapsed: c, toggleCollapsed: f }, children: /* @__PURE__ */ n("div", { ref: i, className: y("vyre-app-layout", a), children: o }) });
   }
 );
-Tr.displayName = "VyreAppLayout";
-const Er = p.forwardRef(
+jr.displayName = "VyreAppLayout";
+const Hr = g.forwardRef(
   ({ variant: e = "default", className: r, children: t }, a) => {
     const { collapsed: o } = ye();
     return /* @__PURE__ */ n(
       "aside",
       {
         ref: a,
-        className: u(
+        className: y(
           "vyre-sidebar",
           o && "vyre-sidebar--collapsed",
           e === "floating" && "vyre-sidebar--floating",
@@ -2689,27 +3146,27 @@ const Er = p.forwardRef(
     );
   }
 );
-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: [
+Hr.displayName = "VyreSidebar";
+const Fr = g.forwardRef(
+  ({ logo: e, title: r, className: t, children: a }, o) => /* @__PURE__ */ x("div", { ref: o, className: y("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
   ] })
 );
-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 })
+Fr.displayName = "VyreSidebarHeader";
+const Or = g.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: y("vyre-sidebar__content", e), children: r })
 );
-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: [
+Or.displayName = "VyreSidebarContent";
+const Kr = g.forwardRef(
+  ({ label: e, className: r, children: t }, a) => /* @__PURE__ */ x("div", { ref: a, className: y("vyre-sidebar__section", r), children: [
     e && /* @__PURE__ */ n("div", { className: "vyre-sidebar__section-label", children: e }),
     t
   ] })
 );
-Br.displayName = "VyreSidebarSection";
-const Vr = ({
+Kr.displayName = "VyreSidebarSection";
+const qr = ({
   active: e,
   icon: r,
   badge: t,
@@ -2718,7 +3175,7 @@ const Vr = ({
   className: i,
   children: d
 }) => {
-  const { collapsed: s } = ye(), l = u("vyre-sidebar__item", e && "vyre-sidebar__item--active", i), b = /* @__PURE__ */ N(de, { children: [
+  const { collapsed: l } = ye(), c = y("vyre-sidebar__item", e && "vyre-sidebar__item--active", i), f = /* @__PURE__ */ x(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 })
@@ -2727,47 +3184,47 @@ const Vr = ({
     "a",
     {
       href: a,
-      className: l,
+      className: c,
       "aria-current": e ? "page" : void 0,
-      title: s ? String(d) : void 0,
-      children: b
+      title: l ? String(d) : void 0,
+      children: f
     }
   ) : /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: l,
+      className: c,
       onClick: o,
       "aria-pressed": e,
-      title: s ? String(d) : void 0,
-      children: b
+      title: l ? String(d) : void 0,
+      children: f
     }
   );
 };
-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 })
+qr.displayName = "VyreSidebarItem";
+const Pr = g.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: y("vyre-sidebar__footer", 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 })
+Pr.displayName = "VyreSidebarFooter";
+const Gr = g.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: y("vyre-app-shell", 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 })
+Gr.displayName = "VyreAppShell";
+const Yr = g.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("header", { ref: t, className: y("vyre-app-bar", e), children: r })
 );
-jr.displayName = "VyreAppBar";
-const Hr = ({ className: e }) => {
+Yr.displayName = "VyreAppBar";
+const Ur = ({ className: e }) => {
   const { collapsed: r, toggleCollapsed: t } = ye();
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: u("vyre-sidebar-trigger", e),
+      className: y("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: [
+      children: /* @__PURE__ */ x("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" })
@@ -2775,99 +3232,105 @@ const Hr = ({ className: e }) => {
     }
   );
 };
-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 })
+Ur.displayName = "VyreSidebarTrigger";
+const Xr = g.forwardRef(
+  ({ className: e, children: r }, t) => /* @__PURE__ */ n("div", { ref: t, className: y("vyre-page-content", e), children: r })
 );
-Fr.displayName = "VyrePageContent";
+Xr.displayName = "VyrePageContent";
 export {
-  ct as Accordion,
-  vt as AccordionContent,
-  ut as AccordionItem,
-  mt as AccordionTrigger,
-  jt as Alert,
-  Ft as AlertDialog,
-  jr as AppBar,
-  Tr as AppLayout,
-  Wr as AppShell,
-  yt as Avatar,
-  Ve as Badge,
-  Sr as Blockquote,
+  mt as Accordion,
+  ft as AccordionContent,
+  vt as AccordionItem,
+  yt as AccordionTrigger,
+  Ht as Alert,
+  Ot as AlertDialog,
+  Yr as AppBar,
+  jr as AppLayout,
+  Gr as AppShell,
+  ht as Avatar,
+  We as Badge,
+  Wr as Blockquote,
   Ut as Breadcrumb,
-  Gt as BreadcrumbItem,
-  Xt as BreadcrumbLink,
-  zt as BreadcrumbSeparator,
-  Ae as Button,
-  Re as Calendar,
-  $e as Card,
-  je as CardBody,
-  He as CardFooter,
-  We as CardHeader,
-  ft as Checkbox,
-  Ir as Code,
-  Me as Command,
+  Xt as BreadcrumbItem,
+  zt as BreadcrumbLink,
+  Zt as BreadcrumbSeparator,
+  Ve as Button,
+  Nr as ButtonGroup,
+  De as Calendar,
+  je as Card,
+  Fe as CardBody,
+  Oe as CardFooter,
+  He as CardHeader,
+  bt as Checkbox,
+  $r as Code,
+  xr as Combobox,
+  Re as Command,
   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,
-  Tt as DropdownRadioGroup,
+  br as CommandEmpty,
+  pr as CommandGroup,
+  fr as CommandInput,
+  _r as CommandItem,
+  hr as CommandList,
+  gr as CommandSeparator,
+  Mr as DataGrid,
+  Er as DatePicker,
+  Tt as DropdownCheckboxItem,
+  Dt as DropdownItem,
+  It as DropdownLabel,
+  Rt as DropdownMenu,
+  St as DropdownRadioGroup,
   Et as DropdownRadioItem,
-  At as DropdownSeparator,
-  Dt as DropdownSub,
-  Fe as Field,
-  Mr as Heading,
-  Oe as Input,
-  wt as Label,
-  Rr as Lead,
-  Pe as Modal,
-  Ue as ModalBody,
-  Ge as ModalFooter,
-  Ye as ModalHeader,
-  Fr as PageContent,
-  rr as Pagination,
+  Bt as DropdownSeparator,
+  At as DropdownSub,
+  Ke as Field,
+  Br as Heading,
+  qe as Input,
+  Nt as Label,
+  Vr as Lead,
+  Ye as Modal,
+  Xe as ModalBody,
+  ze as ModalFooter,
+  Ue as ModalHeader,
+  Xr as PageContent,
+  nr as Pagination,
   Ct as Popover,
-  pt as Progress,
-  et as Select,
-  _t as Separator,
-  Kt as Sheet,
-  Pt as SheetBody,
+  gt as Progress,
+  rt as Select,
+  wt as Separator,
+  qt as Sheet,
+  Gt as SheetBody,
   Yt as SheetFooter,
-  qt as SheetHeader,
-  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,
-  ot as Tab,
-  at as TabList,
-  st as TabPanel,
-  it as TabPanels,
-  nr as Table,
-  or as TableBody,
-  cr as TableCaption,
-  dr as TableCell,
-  ar as TableHead,
-  lr as TableHeader,
-  ir as TableRow,
-  nt as Tabs,
-  Lr as Text,
-  Ke as Textarea,
-  Pr as ToastProvider,
-  dt as Tooltip,
-  u as cn,
+  Pt as SheetHeader,
+  Hr as Sidebar,
+  Or as SidebarContent,
+  Pr as SidebarFooter,
+  Fr as SidebarHeader,
+  qr as SidebarItem,
+  Kr as SidebarSection,
+  Ur as SidebarTrigger,
+  xe as Skeleton,
+  _t as Slider,
+  pt as Switch,
+  st as Tab,
+  it as TabList,
+  dt as TabPanel,
+  lt as TabPanels,
+  ar as Table,
+  ir as TableBody,
+  ur as TableCaption,
+  cr as TableCell,
+  or as TableHead,
+  dr as TableHeader,
+  sr as TableRow,
+  ot as Tabs,
+  Ie as Tag,
+  Rr as TagGroup,
+  kr as TagsInput,
+  Ar as Text,
+  Pe as Textarea,
+  Qr as ToastProvider,
+  ut as Tooltip,
+  y as cn,
   ye as useAppLayout,
-  Yr as useToast
+  en as useToast
 };