welcome-ui 10.0.0-alpha.4 → 10.0.0-alpha.5

package/dist/{OLVWQA7U-wHytlFYu.js → OLVWQA7U-Dia3UUnG.js}

@@ -1,29 +1,29 @@
 "use client";
-import { c as te, g as v, s as re, i as w, a as L, d as oe, e as se, C as ne } from "./SBSPVDDI-BoxPz2JY.js";
-import { c as ie, _ as z, i as ae, ak as ue, al as ce, L as M, am as C, o as le, af as fe, u as I, j as P, l as de, h as U, x as pe, d as me, p as ve, a as R, X as ge, an as ye, f as Ce, b as Pe, e as Ee } from "./OE2EFRVA-DkdhQLJL.js";
-import { f as Ie, r as Se } from "./B7UTNDHN-BDa2-8JK.js";
-import { useRef as H, useEffect as V, useState as Fe, useCallback as xe, createContext as b } from "react";
-import { jsx as we } from "react/jsx-runtime";
-import { P as be, b as Ke } from "./Y67KZUMI-BDyUNSJw.js";
-var ke = "div";
-function Ae(r) {
+import { c as te, g as v, s as re, i as x, a as z, d as oe, e as se, C as ne } from "./SBSPVDDI-CmtnvvUX.js";
+import { c as ie, _ as L, i as ae, am as ue, an as ce, m as M, ao as C, t as le, ah as fe, u as I, j as P, p as de, h as U, k as pe, d as me, v as ve, a as R, Z as ge, ap as ye, f as Ce, b as Pe, e as Ee } from "./OE2EFRVA-Dg1R6gaC.js";
+import { f as Ie, r as Se } from "./B7UTNDHN-BghjolIs.js";
+import { useRef as H, useEffect as V, useState as Fe, useCallback as we, createContext as b } from "react";
+import { jsx as xe } from "react/jsx-runtime";
+import { P as be, b as Ke } from "./Y67KZUMI-BwLWwpNF.js";
+var he = "div";
+function ke(r) {
   return r.some((i) => !!i.rowId);
 }
-function _e(r) {
+function Ae(r) {
   const i = r.target;
   return i && !U(i) ? !1 : r.key.length === 1 && !r.ctrlKey && !r.metaKey;
 }
-function he(r) {
+function _e(r) {
   return r.key === "Shift" || r.key === "Control" || r.key === "Alt" || r.key === "Meta";
 }
 function O(r, i, l) {
   return I((e) => {
     var s;
-    if (i == null || i(e), e.defaultPrevented || e.isPropagationStopped() || !P(e) || he(e) || _e(e)) return;
+    if (i == null || i(e), e.defaultPrevented || e.isPropagationStopped() || !P(e) || _e(e) || Ae(e)) return;
     const f = r.getState(), p = (s = v(r, f.activeId)) == null ? void 0 : s.element;
     if (!p) return;
-    const n = e, { view: K } = n, x = z(n, ["view"]), c = l == null ? void 0 : l.current;
-    p !== c && p.focus(), ye(p, e.type, x) || e.preventDefault(), e.currentTarget.contains(p) && e.stopPropagation();
+    const n = e, { view: K } = n, w = L(n, ["view"]), c = l == null ? void 0 : l.current;
+    p !== c && p.focus(), ye(p, e.type, w) || e.preventDefault(), e.currentTarget.contains(p) && e.stopPropagation();
   });
 }
 function Te(r) {
@@ -32,7 +32,7 @@ function Te(r) {
   );
 }
 function De(r) {
-  const [i, l] = Fe(!1), e = xe(() => l(!0), []), s = r.useState(
+  const [i, l] = Fe(!1), e = we(() => l(!0), []), s = r.useState(
     (f) => v(r, f.activeId)
   );
   return V(() => {
@@ -47,7 +47,7 @@ var Be = ie(
       composite: s = !0,
       focusOnMove: f = s,
       moveOnKeyPress: p = !0
-    } = l, n = z(l, [
+    } = l, n = L(l, [
       "store",
       "composite",
       "focusOnMove",
@@ -58,7 +58,7 @@ var Be = ie(
       e,
       process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
     );
-    const x = H(null), c = H(null), N = De(e), S = e.useState("moves"), [, q] = ue(
+    const w = H(null), c = H(null), N = De(e), S = e.useState("moves"), [, q] = ue(
       s ? e.setBaseElement : null
     );
     V(() => {
@@ -73,15 +73,15 @@ var Be = ie(
       const u = c.current;
       c.current = null, u && C(u, { relatedTarget: t }), le(t) || t.focus();
     }, [e, S, s]);
-    const k = e.useState("activeId"), A = e.useState("virtualFocus");
+    const h = e.useState("activeId"), k = e.useState("virtualFocus");
     M(() => {
       var t;
-      if (!e || !s || !A) return;
+      if (!e || !s || !k) return;
       const o = c.current;
       if (c.current = null, !o) return;
-      const u = ((t = v(e, k)) == null ? void 0 : t.element) || fe(o);
+      const u = ((t = v(e, h)) == null ? void 0 : t.element) || fe(o);
       u !== o && C(o, { relatedTarget: u });
-    }, [e, k, A, s]);
+    }, [e, h, k, s]);
     const G = O(
       e,
       n.onKeyDownCapture,
@@ -90,29 +90,29 @@ var Be = ie(
       e,
       n.onKeyUpCapture,
       c
-    ), _ = n.onFocusCapture, X = I((t) => {
-      if (_ == null || _(t), t.defaultPrevented || !e) return;
+    ), A = n.onFocusCapture, Z = I((t) => {
+      if (A == null || A(t), t.defaultPrevented || !e) return;
       const { virtualFocus: o } = e.getState();
       if (!o) return;
       const a = t.relatedTarget, u = re(t.currentTarget);
       P(t) && u && (t.stopPropagation(), c.current = a);
-    }), h = n.onFocus, J = I((t) => {
-      if (h == null || h(t), t.defaultPrevented || !s || !e) return;
+    }), _ = n.onFocus, J = I((t) => {
+      if (_ == null || _(t), t.defaultPrevented || !s || !e) return;
       const { relatedTarget: o } = t, { virtualFocus: a } = e.getState();
-      a ? P(t) && !w(e, o) && queueMicrotask(N) : P(t) && e.setActiveId(null);
+      a ? P(t) && !x(e, o) && queueMicrotask(N) : P(t) && e.setActiveId(null);
     }), T = n.onBlurCapture, Q = I((t) => {
       var o;
       if (T == null || T(t), t.defaultPrevented || !e) return;
       const { virtualFocus: a, activeId: u } = e.getState();
       if (!a) return;
-      const m = (o = v(e, u)) == null ? void 0 : o.element, g = t.relatedTarget, F = w(e, g), d = c.current;
-      c.current = null, P(t) && F ? (g === m ? d && d !== g && C(d, t) : m ? C(m, t) : d && C(d, t), t.stopPropagation()) : !w(e, t.target) && m && C(m, t);
-    }), D = n.onKeyDown, Y = de(p), Z = I((t) => {
+      const m = (o = v(e, u)) == null ? void 0 : o.element, g = t.relatedTarget, F = x(e, g), d = c.current;
+      c.current = null, P(t) && F ? (g === m ? d && d !== g && C(d, t) : m ? C(m, t) : d && C(d, t), t.stopPropagation()) : !x(e, t.target) && m && C(m, t);
+    }), D = n.onKeyDown, X = de(p), Y = I((t) => {
       var o;
       if (D == null || D(t), t.nativeEvent.isComposing || t.defaultPrevented || !e || !P(t)) return;
       const { orientation: a, renderedItems: u, activeId: m } = e.getState(), g = v(e, m);
       if ((o = g == null ? void 0 : g.element) != null && o.isConnected) return;
-      const F = a !== "horizontal", d = a !== "vertical", y = Ae(u);
+      const F = a !== "horizontal", d = a !== "vertical", y = ke(u);
       if ((t.key === "ArrowLeft" || t.key === "ArrowRight" || t.key === "Home" || t.key === "End") && U(t.currentTarget)) return;
       const B = {
         ArrowUp: (y || F) && (() => {
@@ -133,14 +133,14 @@ var Be = ie(
       if (B) {
         const E = B();
         if (E !== void 0) {
-          if (!Y(t)) return;
+          if (!X(t)) return;
           t.preventDefault(), e.move(E);
         }
       }
     });
     n = pe(
       n,
-      (t) => /* @__PURE__ */ we(L, { value: e, children: t }),
+      (t) => /* @__PURE__ */ xe(z, { value: e, children: t }),
       [e]
     );
     const $ = e.useState((t) => {
@@ -151,13 +151,13 @@ var Be = ie(
     n = me(R({
       "aria-activedescendant": $
     }, n), {
-      ref: ve(x, q, n.ref),
+      ref: ve(w, q, n.ref),
       onKeyDownCapture: G,
       onKeyUpCapture: W,
-      onFocusCapture: X,
+      onFocusCapture: Z,
       onFocus: J,
       onBlurCapture: Q,
-      onKeyDown: Z
+      onKeyDown: Y
     });
     const ee = e.useState(
       (t) => s && (t.virtualFocus || t.activeId === null)
@@ -167,13 +167,13 @@ var Be = ie(
 );
 Ce(function(i) {
   const l = Be(i);
-  return Pe(ke, l);
+  return Pe(he, l);
 });
 b(
   void 0
 );
 var j = Ee(
-  [Ke, L],
+  [Ke, z],
   [be, ne]
 ), Ne = j.useContext, qe = j.useProviderContext;
 b(

package/dist/Pagination.js

@@ -1,43 +1,44 @@
 "use client";
+import './Pagination.css';
 import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import { useMemo as Z, forwardRef as p, useRef as M, useCallback as R } from "react";
+import { useMemo as Y, forwardRef as Z, useRef as M, useCallback as R } from "react";
 import { Icon as A } from "./Icon.js";
 import { c as H } from "./index-PAaZGbyz.js";
-const I = "_list_uyk8e_3", C = "_item_uyk8e_13", n = "_page_uyk8e_52", a = {
+const I = "_list_uyk8e_3", n = "_item_uyk8e_13", C = "_page_uyk8e_52", a = {
   list: I,
-  item: C,
+  item: n,
   "disabled-arrow": "_disabled-arrow_uyk8e_43",
-  page: n,
+  page: C,
   "with-text-left": "_with-text-left_uyk8e_72",
   "with-text-right": "_with-text-right_uyk8e_72",
   "size-lg": "_size-lg_uyk8e_75",
   "size-md": "_size-md_uyk8e_90"
 }, h = 5, x = 3;
-function v({ page: c, pageCount: e, rangeDisplay: _ }) {
-  return Z(() => {
-    if (e <= _ || e <= h + 1)
+function v({ page: c, pageCount: e, rangeDisplay: P }) {
+  return Y(() => {
+    if (e <= P || e <= h + 1)
       return B(e, (b) => b + 1);
     const u = g(c, e), o = u === "before" ? B(h, (b) => b + 1) : [1], r = u === "center" ? B(x, (b) => b + c - 1) : [], w = u === "after" ? B(h, (b) => b + e - h + 1) : [e];
     return T([o, r, w], "-");
-  }, [c, e, _]);
+  }, [c, e, P]);
 }
 function B(c, e) {
-  return Array.from({ length: c }, (_, u) => e(u));
+  return Array.from({ length: c }, (P, u) => e(u));
 }
 function g(c, e) {
   return c < h ? "before" : c >= h && c <= e - h + 1 ? "center" : c > e - h + 1 ? "after" : "center";
 }
 function T(c, e) {
-  return c.reduce((_, u, o) => {
+  return c.reduce((P, u, o) => {
     const r = [];
-    return r.push(..._), r.push(...u), u.length && o < c.length - 1 && r.push(e), r;
+    return r.push(...P), r.push(...u), u.length && o < c.length - 1 && r.push(e), r;
   }, []);
 }
-const m = H(a), sl = p(
+const m = H(a), ll = Z(
   ({
     "aria-label": c,
     buttonFirstProps: e,
-    buttonLastProps: _,
+    buttonLastProps: P,
     buttonNextProps: u,
     buttonPrevProps: o,
     dataTestId: r,
@@ -46,26 +47,26 @@ const m = H(a), sl = p(
     navigationTexts: l,
     onChange: d,
     page: f,
-    pageCount: P,
+    pageCount: _,
     rangeDisplay: G = 5,
     showEdgeControls: D = !1,
     size: i = "lg",
-    ...q
-  }, J) => {
-    const K = v({ page: f, pageCount: P, rangeDisplay: G }), O = M(null), Q = M(null), k = f === 1, y = f === P, $ = f === 1, z = f === P, j = (l == null ? void 0 : l.firstPage) || "First Page", E = (l == null ? void 0 : l.lastPage) || "Last Page", F = (l == null ? void 0 : l.nextPage) || "Next Page", L = (l == null ? void 0 : l.previousPage) || "Previous Page", S = R(() => {
+    ...p
+  }, q) => {
+    const J = v({ page: f, pageCount: _, rangeDisplay: G }), K = M(null), O = M(null), k = f === 1, y = f === _, $ = f === 1, z = f === _, j = (l == null ? void 0 : l.firstPage) || "First Page", E = (l == null ? void 0 : l.lastPage) || "Last Page", F = (l == null ? void 0 : l.nextPage) || "Next Page", L = (l == null ? void 0 : l.previousPage) || "Previous Page", Q = R(() => {
       $ || d(1);
-    }, [$, d]), U = R(() => {
-      z || d(P);
-    }, [z, P, d]), V = R(() => {
+    }, [$, d]), S = R(() => {
+      z || d(_);
+    }, [z, _, d]), U = R(() => {
       if (k) return;
       const t = Math.max(f - 1, 1);
       d(t);
-    }, [k, f, d]), W = R(() => {
+    }, [k, f, d]), V = R(() => {
       if (y) return;
-      const t = Math.min(f + 1, P);
+      const t = Math.min(f + 1, _);
       d(t);
-    }, [y, f, P, d]);
-    return /* @__PURE__ */ s("nav", { "aria-label": c ?? "Pagination", "data-testid": r, ref: J, ...q, children: /* @__PURE__ */ N("ol", { className: m("list"), ...b, children: [
+    }, [y, f, _, d]);
+    return /* @__PURE__ */ s("nav", { "aria-label": c ?? "Pagination", "data-testid": r, ref: q, ...p, children: /* @__PURE__ */ N("ol", { className: m("list"), ...b, children: [
       D ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
         "button",
         {
@@ -78,7 +79,7 @@ const m = H(a), sl = p(
           ),
           "data-testid": r ? `${r}-arrow-first` : void 0,
           disabled: $,
-          onClick: S,
+          onClick: Q,
           type: "button",
           ...e,
           children: [
@@ -99,8 +100,8 @@ const m = H(a), sl = p(
           ),
           "data-testid": r ? `${r}-arrow-prev` : void 0,
           disabled: k,
-          onClick: V,
-          ref: O,
+          onClick: U,
+          ref: K,
           type: "button",
           ...o,
           children: [
@@ -109,8 +110,8 @@ const m = H(a), sl = p(
           ]
         }
       ) }),
-      K.map(
-        (t, X) => t === "-" ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
+      J.map(
+        (t, W) => t === "-" ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
           "button",
           {
             "aria-label": "Collapsed Pages",
@@ -119,15 +120,15 @@ const m = H(a), sl = p(
             ...u,
             children: "..."
           }
-        ) }, `${X}-`) : /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
+        ) }, `${W}-`) : /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
           "a",
           {
             "aria-current": t === f,
             className: m("item", "page", `size-${i}`),
             "data-testid": r ? `${r}-${t}` : void 0,
             href: w == null ? void 0 : w(t),
-            onClick: (Y) => {
-              d && (Y.preventDefault(), d(t));
+            onClick: (X) => {
+              d && (X.preventDefault(), d(t));
             },
             children: t
           }
@@ -145,8 +146,8 @@ const m = H(a), sl = p(
           ),
           "data-testid": r ? `${r}-arrow-next` : void 0,
           disabled: y,
-          onClick: W,
-          ref: Q,
+          onClick: V,
+          ref: O,
           type: "button",
           ...u,
           children: [
@@ -167,9 +168,9 @@ const m = H(a), sl = p(
           ),
           "data-testid": r ? `${r}-arrow-last` : void 0,
           disabled: z,
-          onClick: U,
+          onClick: S,
           type: "button",
-          ..._,
+          ...P,
           children: [
             l != null && l.lastPage ? E : null,
             /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-double-right", size: "lg" })
@@ -179,6 +180,7 @@ const m = H(a), sl = p(
     ] }) });
   }
 );
+ll.displayName = "Pagination";
 export {
-  sl as Pagination
+  ll as Pagination
 };

package/dist/PasswordInput.js

@@ -1,36 +1,39 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as c, useState as m } from "react";
-import { InputText as l } from "./InputText.js";
+import { forwardRef as c, useState as l } from "react";
+import { InputText as u } from "./InputText.js";
 import { Button as w } from "./Button.js";
 import { Icon as n } from "./Icon.js";
-const u = ({ isHidden: e, onClick: t, ...a }) => /* @__PURE__ */ o(
+const d = ({ isHidden: a, onClick: t, ...e }) => /* @__PURE__ */ o(
   w,
   {
     "aria-controls": "password",
-    "aria-expanded": !e,
+    "aria-expanded": !a,
     onClick: t,
     size: "sm",
     variant: "tertiary",
-    ...a,
-    children: e ? /* @__PURE__ */ o(n, { name: "eye" }) : /* @__PURE__ */ o(n, { name: "eye-slash" })
+    ...e,
+    children: a ? /* @__PURE__ */ o(n, { name: "eye" }) : /* @__PURE__ */ o(n, { name: "eye-slash" })
   }
-), I = c(
-  ({ toggleAriaLabel: e, ...t }, a) => {
-    const [r, d] = m("password"), s = r === "password", i = () => {
-      d(s ? "text" : "password");
-    }, p = t["data-testid"] ? `${t["data-testid"]}-action` : void 0;
-    return /* @__PURE__ */ o(l, { ...t, ref: a, type: r, children: /* @__PURE__ */ o(
-      u,
+);
+d.displayName = "PasswordInput.ToggleButton";
+const y = c(
+  ({ toggleAriaLabel: a, ...t }, e) => {
+    const [r, i] = l("password"), s = r === "password", p = () => {
+      i(s ? "text" : "password");
+    }, m = t["data-testid"] ? `${t["data-testid"]}-action` : void 0;
+    return /* @__PURE__ */ o(u, { ...t, ref: e, type: r, children: /* @__PURE__ */ o(
+      d,
       {
-        "aria-label": e ?? (s ? "Show password" : "Hide password"),
-        "data-testid": p,
+        "aria-label": a ?? (s ? "Show password" : "Hide password"),
+        "data-testid": m,
         isHidden: s,
-        onClick: i
+        onClick: p
       }
     ) });
   }
 );
+y.displayName = "PasswordInput";
 export {
-  I as PasswordInput
+  y as PasswordInput
 };

package/dist/Popover.js

@@ -1,34 +1,37 @@
 "use client";
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import './Popover.css';
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
 import { c as a } from "./index-PAaZGbyz.js";
-import { Button as f } from "./Button.js";
-import { Icon as h } from "./Icon.js";
-import { u as d } from "./RTNCFSKZ-LcIdBwa8.js";
-import { P, b as g } from "./4I4MLMKD-z3Xm3qCo.js";
-import { f as m } from "./forwardRefWithAs-8eP3ZN15.js";
-import { e as k, f as q, g as x, h as C, P as H } from "./GVVKDT6A-C66-lr0B.js";
-const N = "_root_kqbt9_2", $ = "_title_kqbt9_15", S = "_content_kqbt9_27", T = "_arrow_kqbt9_41", l = {
-  root: N,
-  title: $,
+import { Button as N } from "./Button.js";
+import { Icon as k } from "./Icon.js";
+import { b as q } from "./RTNCFSKZ-BywELldk.js";
+import { P as C, b as H } from "./4I4MLMKD-BO6Lcy7s.js";
+import { f as p } from "./forwardRefWithAs-8eP3ZN15.js";
+import { e as x, f as y, g as T, h as $, P as S } from "./GVVKDT6A-CF9ejW_c.js";
+const j = "_root_kqbt9_2", B = "_title_kqbt9_15", L = "_content_kqbt9_27", R = "_arrow_kqbt9_41", l = {
+  root: j,
+  title: B,
   "with-close-button": "_with-close-button_kqbt9_24",
   "content-wrapper": "_content-wrapper_kqbt9_27",
-  content: S,
+  content: L,
   "close-button": "_close-button_kqbt9_34",
-  arrow: T,
+  arrow: R,
   "arrow-item": "_arrow-item_kqbt9_44",
   "placement-top": "_placement-top_kqbt9_49",
   "placement-right": "_placement-right_kqbt9_52",
   "placement-left": "_placement-left_kqbt9_55",
   "placement-bottom": "_placement-bottom_kqbt9_58"
-}, j = a(l), v = i(
-  ({ className: o, ...e }, t) => /* @__PURE__ */ r("div", { className: j("content", o), ref: t, ...e })
-), p = a(l), B = ({ store: o }) => {
-  const e = d(o, "currentPlacement"), [t] = e.split("-");
-  return /* @__PURE__ */ r(P, { className: p("arrow"), store: o, children: /* @__PURE__ */ _(
+}, z = a(l), m = i(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r("div", { className: z("content", t), ref: o, ...e })
+);
+m.displayName = "Popover.Content";
+const u = a(l), b = ({ store: t }) => {
+  const e = q(t, "currentPlacement"), [o] = e.split("-");
+  return /* @__PURE__ */ r(C, { className: u("arrow"), store: t, children: /* @__PURE__ */ w(
     "svg",
     {
-      className: p("arrow-item", t && `placement-${t}`),
+      className: u("arrow-item", o && `placement-${o}`),
       xmlns: "http://www.w3.org/2000/svg",
       children: [
         /* @__PURE__ */ r("path", { d: "M7 30L15 22L23 30H7Z", fill: "currentColor", fillRule: "nonzero", id: "stroke" }),
@@ -36,95 +39,109 @@ const N = "_root_kqbt9_2", $ = "_title_kqbt9_15", S = "_content_kqbt9_27", T = "
       ]
     }
   ) });
-}, u = a(l), w = ({ children: o, className: e, onClose: t, store: n }) => {
-  const c = () => {
-    t && t(), n == null || n.hide();
-  }, { withCloseButton: s } = n;
-  return /* @__PURE__ */ _("div", { className: u("content-wrapper", e), children: [
-    /* @__PURE__ */ r(B, { store: n }),
-    o,
-    s ? /* @__PURE__ */ r(f, { className: u("close-button"), onClick: c, size: "sm", variant: "secondary", children: /* @__PURE__ */ r(h, { name: "times" }) }) : null
+};
+b.displayName = "Popover.Arrow";
+const d = a(l), v = ({ children: t, className: e, onClose: o, store: n }) => {
+  const s = () => {
+    o && o(), n == null || n.hide();
+  }, { withCloseButton: c } = n;
+  return /* @__PURE__ */ w("div", { className: d("content-wrapper", e), children: [
+    /* @__PURE__ */ r(b, { store: n }),
+    t,
+    c ? /* @__PURE__ */ r(N, { className: d("close-button"), onClick: s, size: "sm", variant: "secondary", children: /* @__PURE__ */ r(k, { name: "times" }) }) : null
   ] });
-}, L = a(l), b = i(
-  ({ className: o, ...e }, t) => /* @__PURE__ */ r("h6", { className: L("title", o), ref: t, ...e })
-), R = m(
-  ({ as: o, className: e, store: t, ...n }, c) => /* @__PURE__ */ r(
-    g,
+};
+v.displayName = "Popover.ContentWrapper";
+const A = a(l), _ = i(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r("h6", { className: A("title", t), ref: o, ...e })
+);
+_.displayName = "Popover.Title";
+const P = p(
+  ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
+    H,
     {
       className: e,
-      ref: c,
-      render: o ? (s) => /* @__PURE__ */ r(o, { ...s }) : void 0,
-      store: t,
+      ref: s,
+      render: t ? (c) => /* @__PURE__ */ r(t, { ...c }) : void 0,
+      store: o,
       ...n
     }
   )
-), z = m(
-  ({ as: o, className: e, store: t, ...n }, c) => /* @__PURE__ */ r(
-    k,
+);
+P.displayName = "Popover.Trigger";
+const f = p(
+  ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
+    x,
     {
       className: e,
-      ref: c,
-      render: o ? (s) => /* @__PURE__ */ r(o, { ...s }) : void 0,
-      store: t,
+      ref: s,
+      render: t ? (c) => /* @__PURE__ */ r(t, { ...c }) : void 0,
+      store: o,
       ...n
     }
   )
-), y = a(l), A = m(
-  ({ children: o, onClose: e, store: t, ...n }, c) => {
-    const { withCloseButton: s } = t;
+);
+f.displayName = "Popover.HoverTrigger";
+const W = a(l), h = p(
+  ({ children: t, onClose: e, store: o, ...n }, s) => {
+    const { withCloseButton: c } = o;
     return /* @__PURE__ */ r(
-      q,
+      y,
       {
-        className: y("root", s && "with-close-button"),
-        store: t,
+        className: W("root", c && "with-close-button"),
+        store: o,
         ...n,
-        ref: c,
-        children: /* @__PURE__ */ r(w, { onClose: e, store: t, children: o })
+        ref: s,
+        children: /* @__PURE__ */ r(v, { onClose: e, store: o, children: t })
       }
     );
   }
-), Q = Object.assign(A, {
-  Content: v,
-  Title: b,
-  Trigger: z
+);
+h.displayName = "PopoverHover";
+const Q = Object.assign(h, {
+  Content: m,
+  Title: _,
+  Trigger: f
 }), U = ({
-  withCloseButton: o = !1,
+  withCloseButton: t = !1,
   ...e
 } = {}) => ({
-  ...x({
+  ...T({
     ...e
   }),
-  withCloseButton: o
+  withCloseButton: t
 }), V = ({
-  hideTimeout: o = 300,
+  hideTimeout: t = 300,
   showTimeout: e = 500,
-  withCloseButton: t = !1,
+  withCloseButton: o = !1,
   ...n
 } = {}) => ({
-  ...C({
-    hideTimeout: o,
+  ...$({
+    hideTimeout: t,
     showTimeout: e,
     ...n
   }),
-  withCloseButton: t
-}), M = a(l), O = i(
-  ({ children: o, onClose: e, store: t, ...n }, c) => {
-    const { withCloseButton: s } = t;
+  withCloseButton: o
+}), M = a(l), g = i(
+  ({ children: t, onClose: e, store: o, ...n }, s) => {
+    const { withCloseButton: c } = o;
     return /* @__PURE__ */ r(
-      H,
+      S,
       {
-        className: M("root", s && "with-close-button"),
-        ref: c,
-        store: t,
+        className: M("root", c && "with-close-button"),
+        ref: s,
+        store: o,
         ...n,
-        children: /* @__PURE__ */ r(w, { onClose: e, store: t, children: o })
+        children: /* @__PURE__ */ r(v, { onClose: e, store: o, children: t })
       }
     );
   }
-), X = Object.assign(O, {
-  Content: v,
-  Title: b,
-  Trigger: R
+);
+g.displayName = "Popover";
+const X = Object.assign(g, {
+  Content: m,
+  Title: _,
+  Trigger: P
 });
 export {
   X as Popover,