@caipira/tamandua 0.0.9 → 0.0.10

package/dist/{InputSelect.vue_vue_type_script_setup_true_lang-DSM-ClgU.js → InputSelect.vue_vue_type_script_setup_true_lang-ByRPZrIg.js}

@@ -1,13 +1,13 @@
-import { defineComponent as se, ref as p, inject as ue, computed as R, onBeforeMount as re, onBeforeUnmount as ce, watch as A, resolveComponent as b, openBlock as u, createElementBlock as d, normalizeClass as k, unref as K, createElementVNode as I, withKeys as pe, renderSlot as g, normalizeProps as V, mergeProps as j, Fragment as _, renderList as M, guardReactiveProps as U, createBlock as N, toDisplayString as de, createCommentVNode as q, withDirectives as fe, vModelText as me, createVNode as P, withCtx as G, createSlots as ve, nextTick as ye } from "vue";
-import { E as be, c as he } from "./ui-BLR-4Xlv.js";
-import { u as we } from "./ui-MicIL_Lw.js";
-const ke = { key: 1 }, ge = ["placeholder", "disabled", "readonly"], Ve = { class: "flex w-full justify-between items-center" }, _e = { class: "flex items-center" };
-let Se = 0;
-const Ee = /* @__PURE__ */ se({
+import { defineComponent as ue, ref as p, inject as re, computed as R, onBeforeMount as ce, onBeforeUnmount as pe, watch as A, resolveComponent as b, openBlock as u, createElementBlock as d, normalizeClass as k, unref as K, createElementVNode as I, withKeys as de, renderSlot as g, normalizeProps as V, mergeProps as j, Fragment as _, renderList as M, guardReactiveProps as U, createBlock as H, toDisplayString as fe, createCommentVNode as N, withDirectives as me, vModelText as ve, createVNode as P, withCtx as q, createSlots as ye, nextTick as be } from "vue";
+import { u as he } from "./useDomHelpers-5CFMo6bx.js";
+import { b as we, E as ke } from "./ui-DtSy-y9T.js";
+const ge = { key: 1 }, Ve = ["placeholder", "disabled", "readonly"], _e = { class: "flex w-full justify-between items-center" }, Se = { class: "flex items-center" };
+let xe = 0;
+const Re = /* @__PURE__ */ ue({
   name: "TInputSelect",
   __name: "InputSelect",
   props: {
-    size: { default: be.DEFAULT },
+    size: { default: we.DEFAULT },
     options: { default: () => [] },
     mapper: { type: Function, default: (f) => ({ value: f.id ?? f.uuid, label: f }) },
     filter: { type: Function, default: (f, S) => S.label.toLowerCase().indexOf(f.toLowerCase()) >= 0 },
@@ -21,32 +21,32 @@ const Ee = /* @__PURE__ */ se({
     initialValue: {},
     disableStyle: { type: Boolean, default: !1 },
     isSearchable: { type: Boolean, default: !1 },
-    dropdownPlacement: { default: he.BOTTOM }
+    dropdownPlacement: { default: ke.BOTTOM }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:model-value"],
   setup(f, { emit: S }) {
     const l = f;
     let x = !1, h, T = "";
-    const H = `checkbox_${++Se}`, r = p(""), o = p([]), $ = p(null), L = ue("formStyle", { label: "", input: "" }), C = p(null), n = p(!1), D = p(null), a = p([]), c = p(null), J = S, B = R(() => a.value.length > 0), O = R(() => l.isSearchable && n.value), v = R(() => typeof l.resource == "function"), Q = (e) => !l.multiple || !l.modelValue || !Array.isArray(l.modelValue) ? !1 : l.modelValue.includes(e.option[l.identifier]), W = (e = l.modelValue) => !(e === void 0 || e === "" || Array.isArray(e) && e.length === 0), X = (e) => {
-      J("update:modelValue", e);
+    const G = S, J = `checkbox_${++xe}`, r = p(""), a = p([]), $ = p(null), D = re("formStyle", { label: "", input: "" }), C = p(null), n = p(!1), L = p(null), o = p([]), { wasClickOutsideOfContainer: Q } = he(), c = p(null), B = R(() => o.value.length > 0), O = R(() => l.isSearchable && n.value), v = R(() => typeof l.resource == "function"), W = (e) => !l.multiple || !l.modelValue || !Array.isArray(l.modelValue) ? !1 : l.modelValue.includes(e.option[l.identifier]), X = (e = l.modelValue) => !(e === void 0 || e === "" || Array.isArray(e) && e.length === 0), Y = (e) => {
+      G("update:model-value", e);
     }, m = (e = l.modelValue) => {
-      if (W(e))
+      if (X(e))
         if (l.multiple)
-          Array.isArray(e) && (a.value = e.map(
+          Array.isArray(e) && (o.value = e.map(
             (t) => E(t)
           ).filter((t) => t > -1));
         else {
           const t = E(e);
-          ~t && (a.value = [t]);
+          ~t && (o.value = [t]);
         }
     }, z = (e) => {
-      n.value = !n.value, n.value && O.value && ye(() => {
+      n.value = !n.value, n.value && O.value && be(() => {
         $.value?.focus();
       }), e.stopPropagation();
-    }, E = (e) => o.value.findIndex(
+    }, E = (e) => a.value.findIndex(
       (t) => t.value === e
     ), F = (e) => {
-      C.value && we.wasClickOutsideOfContainer(e, C.value) && (n.value = !1);
+      C.value && Q(e, C.value) && (n.value = !1);
     }, w = async (e = !1) => {
       if (!l.resource)
         return;
@@ -56,41 +56,41 @@ const Ee = /* @__PURE__ */ se({
       };
       e && c.value && c.value.pages > c.value.page ? t.page = c.value.page + 1 : e = !1, !r.value && l.modelValue && (t.i = l.modelValue);
       const i = await l.resource(t);
-      e ? o.value.push(...i.items.map(l.mapper)) : o.value = i.items.map(l.mapper), c.value = i.pagination, !v.value && r.value && m(r.value);
-    }, Y = () => {
+      e ? a.value.push(...i.items.map(l.mapper)) : a.value = i.items.map(l.mapper), c.value = i.pagination, !v.value && r.value && m(r.value);
+    }, Z = () => {
       T !== r.value && (h && (clearTimeout(h), h = null), h = setTimeout(() => {
-        T = r.value, v.value ? (n.value || (n.value = !0), w()) : l.isSearchable && (o.value = l.options.filter(
+        T = r.value, v.value ? (n.value || (n.value = !0), w()) : l.isSearchable && (a.value = l.options.filter(
           (e) => l.filter(r.value, e)
         ));
       }, 500));
-    }, Z = () => {
+    }, ee = () => {
       n.value = !1;
-    }, ee = (e) => {
+    }, le = (e) => {
       n.value = !1, e.stopPropagation();
-    }, le = ({
+    }, te = ({
       index: e,
       hold: t
     }) => {
       if (x = !0, l.multiple) {
-        const i = a.value.findIndex(
+        const i = o.value.findIndex(
           (y) => y === e
         );
-        ~i ? a.value.splice(i, 1) : a.value.push(e);
+        ~i ? o.value.splice(i, 1) : o.value.push(e);
       } else
-        a.value = [e];
+        o.value = [e];
       (!l.multiple || !t) && (n.value = !1);
-    }, te = () => {
+    }, oe = () => {
       v.value && c.value && c.value.pages > c.value.page && w(!0);
     }, ae = async (e) => {
       switch (e.key) {
         case "ArrowDown":
-          D.value?.move(e);
+          L.value?.move(e);
           break;
       }
     };
-    return re(async () => {
-      v.value ? (await w(), m()) : l.options.length > 0 && (o.value = l.options), !l.modelValue && l.initialValue ? m(l.initialValue) : m(l.modelValue), document.addEventListener("click", F);
-    }), ce(() => {
+    return ce(async () => {
+      v.value ? (await w(), m()) : l.options.length > 0 && (a.value = l.options), !l.modelValue && l.initialValue ? m(l.initialValue) : m(l.modelValue), document.addEventListener("click", F);
+    }), pe(() => {
       document.removeEventListener("click", F);
     }), A(
       () => l.modelValue,
@@ -98,23 +98,23 @@ const Ee = /* @__PURE__ */ se({
         e && (E(e) < 0 && v.value && await w(), m(e));
       }
     ), A(
-      a,
+      o,
       (e) => {
-        const t = l.multiple ? o.value.filter(
-          (i, y) => a.value.includes(y)
-        ).map((i) => i.value) : o.value[a.value[0]].value;
-        x && (x = !1, X(t));
+        const t = l.multiple ? a.value.filter(
+          (i, y) => o.value.includes(y)
+        ).map((i) => i.value) : a.value[o.value[0]].value;
+        x && (x = !1, Y(t));
       },
       { deep: !0 }
     ), A(
       () => l.options,
       (e) => {
-        e.length > 0 && (o.value = e, l.modelValue && a.value.length === 0 && m(l.modelValue));
+        e.length > 0 && (a.value = e, l.modelValue && o.value.length === 0 && m(l.modelValue));
       }
     ), (e, t) => {
-      const i = b("t-tag"), y = b("t-icon-button"), oe = b("t-icon"), ne = b("t-dropdown"), ie = b("t-popover");
+      const i = b("t-tag"), y = b("t-icon-button"), ne = b("t-icon"), ie = b("t-dropdown"), se = b("t-popover");
       return u(), d("div", {
-        class: k({ [K(L).input]: !l.disableStyle })
+        class: k({ [K(D).input]: !l.disableStyle })
       }, [
         I("div", {
           ref_key: "wrapperRef",
@@ -123,14 +123,14 @@ const Ee = /* @__PURE__ */ se({
             "h-9": !l.disableStyle && !l.multiple,
             "min-h-9": !l.disableStyle && l.multiple,
             "text-left select-none input-bg-color input-text-color border input-border input-roundness": !l.disableStyle,
-            [K(L).input]: !l.disableStyle
+            [K(D).input]: !l.disableStyle
           }, "inline-flex justify-between items-center w-full text-left"]),
           role: "button",
           onClick: z,
-          onBlur: Z,
-          onKeyup: pe(ee, ["esc"])
+          onBlur: ee,
+          onKeyup: de(le, ["esc"])
         }, [
-          O.value ? fe((u(), d("input", {
+          O.value ? me((u(), d("input", {
             key: 1,
             "onUpdate:modelValue": t[0] || (t[0] = (s) => r.value = s),
             type: "text",
@@ -141,10 +141,10 @@ const Ee = /* @__PURE__ */ se({
             readonly: !l.isSearchable,
             class: k([{ "cursor-pointer": !l.isSearchable }, "w-full h-9 bg-transparent input-padding input-roundness input-outline"]),
             onClick: t[1] || (t[1] = (s) => s.stopPropagation()),
-            onInput: Y,
+            onInput: Z,
             onKeydown: ae
-          }, null, 42, ge)), [
-            [me, r.value]
+          }, null, 42, Ve)), [
+            [ve, r.value]
           ]) : (u(), d("div", {
             key: 0,
             class: k(["flex items-center ml-2", {
@@ -152,15 +152,15 @@ const Ee = /* @__PURE__ */ se({
               "flex-wrap": l.multiple
             }])
           }, [
-            e.$slots.selection && B.value ? g(e.$slots, "selection", V(j({ key: 0 }, o.value[a.value[0]].label))) : e.$slots.default && B.value ? (u(), d(_, { key: 1 }, [
-              l.multiple ? (u(!0), d(_, { key: 0 }, M(a.value, (s) => g(e.$slots, "default", V(U(o.value[s].label)))), 256)) : g(e.$slots, "default", V(j({ key: 1 }, o.value[a.value[0]].label)))
+            e.$slots.selection && B.value ? g(e.$slots, "selection", V(j({ key: 0 }, a.value[o.value[0]].label))) : e.$slots.default && B.value ? (u(), d(_, { key: 1 }, [
+              l.multiple ? (u(!0), d(_, { key: 0 }, M(o.value, (s) => g(e.$slots, "default", V(U(a.value[s].label)))), 256)) : g(e.$slots, "default", V(j({ key: 1 }, a.value[o.value[0]].label)))
             ], 64)) : B.value ? (u(), d(_, { key: 2 }, [
-              l.multiple ? (u(!0), d(_, { key: 0 }, M(a.value, (s) => (u(), N(i, {
+              l.multiple ? (u(!0), d(_, { key: 0 }, M(o.value, (s) => (u(), H(i, {
                 key: s,
-                text: o.value[s].label,
+                text: a.value[s].label,
                 color: "#6e6e6e"
-              }, null, 8, ["text"]))), 128)) : (u(), d("span", ke, de(o.value[a.value[0]]?.label), 1))
-            ], 64)) : q("", !0)
+              }, null, 8, ["text"]))), 128)) : (u(), d("span", ge, fe(a.value[o.value[0]]?.label), 1))
+            ], 64)) : N("", !0)
           ], 2)),
           P(y, {
             "disable-style": !0,
@@ -169,36 +169,36 @@ const Ee = /* @__PURE__ */ se({
             onClick: z
           }, null, 8, ["icon"])
         ], 34),
-        P(ie, {
+        P(se, {
           placement: l.dropdownPlacement,
           "is-visible": n.value
         }, {
-          content: G(() => [
-            P(ne, {
+          content: q(() => [
+            P(ie, {
               ref_key: "dropdownRef",
-              ref: D,
-              owner: H,
-              items: o.value,
+              ref: L,
+              owner: J,
+              items: a.value,
               "is-visible": n.value,
               multiple: l.multiple,
               class: "fixed",
               "aria-describedby": "tooltip",
-              onChange: le,
-              onEndReached: te
-            }, ve({ _: 2 }, [
+              onChange: te,
+              onEndReached: oe
+            }, ye({ _: 2 }, [
               e.$slots.default ? {
                 name: "default",
-                fn: G((s) => [
-                  I("div", Ve, [
-                    I("div", _e, [
+                fn: q((s) => [
+                  I("div", _e, [
+                    I("div", Se, [
                       g(e.$slots, "default", V(U(s.label)))
                     ]),
-                    Q(s) ? (u(), N(oe, {
+                    W(s) ? (u(), H(ne, {
                       key: 0,
                       icon: "check",
                       size: "sm",
                       class: "float-right ml-2"
-                    })) : q("", !0)
+                    })) : N("", !0)
                   ])
                 ]),
                 key: "0"
@@ -212,5 +212,5 @@ const Ee = /* @__PURE__ */ se({
   }
 });
 export {
-  Ee as _
+  Re as _
 };

package/dist/InputSwitch.js

@@ -1,5 +1,5 @@
-import { _ as o } from "./InputSwitch.vue_vue_type_script_setup_true_lang-DCYkakov.js";
-import { p as i } from "./plugin-Bg2uvrOR.js";
+import { _ as o } from "./InputSwitch.vue_vue_type_script_setup_true_lang-Dq_U-mFJ.js";
+import { p as i } from "./plugin-DT7LVAli.js";
 export {
   o as InputSwitch,
   i as InputSwitchPlugin

package/dist/{InputSwitch.vue_vue_type_script_setup_true_lang-DCYkakov.js → InputSwitch.vue_vue_type_script_setup_true_lang-Dq_U-mFJ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as b, ref as v, watch as f, openBlock as i, createElementBlock as n, createElementVNode as t, normalizeClass as o, withDirectives as h, vModelCheckbox as y, toDisplayString as k, createCommentVNode as w } from "vue";
-const V = ["disabled"];
-let g = 0;
+const g = ["disabled"];
+let V = 0;
 const B = /* @__PURE__ */ b({
   name: "TInputSwitch",
   __name: "InputSwitch",
@@ -9,11 +9,11 @@ const B = /* @__PURE__ */ b({
     disabled: { type: Boolean, default: !1 },
     modelValue: { type: Boolean }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:model-value"],
   setup(d, { emit: u }) {
-    const s = d, c = u, a = `switch_${++g}`, e = v(!1), p = () => {
+    const s = d, c = u, a = `switch_${++V}`, e = v(!1), p = () => {
       const l = !e.value;
-      c("update:modelValue", l);
+      c("update:model-value", l);
     };
     return f(
       () => s.modelValue,
@@ -38,7 +38,7 @@ const B = /* @__PURE__ */ b({
           id: a,
           disabled: l.disabled,
           onInput: p
-        }, null, 42, V), [
+        }, null, 42, g), [
           [y, e.value]
         ]),
         t("label", {

package/dist/InputText.js

@@ -1,5 +1,5 @@
-import { _ as e } from "./InputText.vue_vue_type_script_setup_true_lang-KUUuOOlk.js";
-import { p as r } from "./plugin-CxGfRAW1.js";
+import { _ as e } from "./InputText.vue_vue_type_script_setup_true_lang-CkoBmp9p.js";
+import { p as r } from "./plugin-CwJMh4ht.js";
 export {
   e as InputText,
   r as InputTextPlugin

package/dist/{InputText.vue_vue_type_script_setup_true_lang-KUUuOOlk.js → InputText.vue_vue_type_script_setup_true_lang-CkoBmp9p.js}

@@ -12,10 +12,10 @@ const S = ["type", "id", "placeholder", "autocomplete", "disabled"], B = /* @__P
   },
   emits: ["update:model-value", "keyup.enter"],
   setup(i, { emit: p }) {
-    const e = i, r = p, s = l("id", ""), d = l("invalid", !1), c = l("formStyle", { input: "w-full" }), a = l("validated", !1), n = v({
+    const e = i, r = l("id", ""), s = p, d = l("invalid", !1), c = l("formStyle", { input: "w-full" }), a = l("validated", !1), n = v({
       get: () => e.modelValue,
       set: (o) => {
-        r("update:model-value", o);
+        s("update:model-value", o);
       }
     });
     return (o, u) => y((b(), h("input", _({
@@ -27,7 +27,7 @@ const S = ["type", "id", "placeholder", "autocomplete", "disabled"], B = /* @__P
         "border-red-500": !t(a) && t(d),
         "border-emerald-500": t(a) && !t(d)
       },
-      id: t(s),
+      id: t(r),
       placeholder: e.placeholder,
       autocomplete: e.autocomplete,
       disabled: e.disabled

package/dist/InputTextarea.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./InputTextarea.vue_vue_type_script_setup_true_lang-01amgZ6U.js";
-import { p } from "./plugin-Xg1SCgfO.js";
+import { _ as r } from "./InputTextarea.vue_vue_type_script_setup_true_lang-IMz1cgV5.js";
+import { p } from "./plugin-CqcxTgW6.js";
 export {
   r as InputTextarea,
   p as InputTextareaPlugin

package/dist/{InputTextarea.vue_vue_type_script_setup_true_lang-01amgZ6U.js → InputTextarea.vue_vue_type_script_setup_true_lang-IMz1cgV5.js}

@@ -1,5 +1,5 @@
-import { defineComponent as f, ref as r, inject as l, watch as b, openBlock as y, createElementBlock as h, normalizeClass as v, unref as t } from "vue";
-const S = ["value", "type", "placeholder", "disabled"], V = /* @__PURE__ */ f({
+import { defineComponent as f, ref as r, inject as l, watch as b, openBlock as v, createElementBlock as y, normalizeClass as h, unref as t } from "vue";
+const S = ["value", "type", "placeholder", "disabled"], _ = /* @__PURE__ */ f({
   name: "TInputTextarea",
   __name: "InputTextarea",
   props: {
@@ -9,13 +9,13 @@ const S = ["value", "type", "placeholder", "disabled"], V = /* @__PURE__ */ f({
     placeholder: { default: void 0 },
     disableStyle: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:model-value"],
   setup(i, { emit: u }) {
     const s = i, p = u, a = r(""), o = l("invalid", !1), c = l("formStyle", { input: "w-full" }), n = l("validated", !1);
     r("");
     const m = ({ target: e }) => {
       const d = e.value;
-      p("update:modelValue", d);
+      p("update:model-value", d);
     };
     return b(
       () => s.modelValue,
@@ -23,10 +23,10 @@ const S = ["value", "type", "placeholder", "disabled"], V = /* @__PURE__ */ f({
         e && (a.value = e);
       },
       { immediate: !0 }
-    ), (e, d) => (y(), h("textarea", {
+    ), (e, d) => (v(), y("textarea", {
       value: a.value,
       type: e.type,
-      class: v(["min-h-9 input-bg-color input-text-color input-outline border input-border input-roundnes input-padding input-roundness", {
+      class: h(["min-h-9 input-bg-color input-text-color input-outline border input-border input-roundnes input-padding input-roundness", {
         "border rounded h-9": !e.disableStyle,
         [t(c).input]: !e.disableStyle,
         "border-red-500": !t(n) && t(o),
@@ -39,5 +39,5 @@ const S = ["value", "type", "placeholder", "disabled"], V = /* @__PURE__ */ f({
   }
 });
 export {
-  V as _
+  _
 };

package/dist/Modal.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-DE2ySBCY.js";
-import { p } from "./plugin-BPR3wKP8.js";
+import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-DLl5shGS.js";
+import { p } from "./plugin-BZC231Oj.js";
 export {
   r as Modal,
   p as ModalPlugin

package/dist/{Modal.vue_vue_type_script_setup_true_lang-DE2ySBCY.js → Modal.vue_vue_type_script_setup_true_lang-DLl5shGS.js}

@@ -21,7 +21,7 @@ const S = {
   },
   emits: ["closed"],
   setup(d, { emit: u }) {
-    const e = d, c = y(null), p = u, r = (t) => {
+    const e = d, p = u, c = y(null), r = (t) => {
       t.stopPropagation(), p("closed");
     };
     return b(() => {

package/dist/ModalForm.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-VhRoRmxZ.js";
-import { p as l } from "./plugin-B5Guy9c3.js";
+import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-CUk3DI3O.js";
+import { p as l } from "./plugin-CIK2QwfI.js";
 export {
   a as ModalForm,
   l as ModalFormPlugin

package/dist/{ModalForm.vue_vue_type_script_setup_true_lang-VhRoRmxZ.js → ModalForm.vue_vue_type_script_setup_true_lang-CUk3DI3O.js}

@@ -1,5 +1,5 @@
 import { defineComponent as K, ref as u, computed as L, resolveComponent as o, openBlock as l, createBlock as a, withCtx as n, createCommentVNode as d, createElementBlock as M, createVNode as c, normalizeClass as b, resolveDynamicComponent as N } from "vue";
-import { C as R } from "./crud-d9NUddtZ.js";
+import { C as R } from "./crud-lKm5HfM4.js";
 const $ = {
   key: 0,
   class: "inline-flex"

package/dist/Popconfirm.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Popconfirm.vue_vue_type_script_setup_true_lang-Dy1m3j6J.js";
-import { p as m } from "./plugin-CHF44uaz.js";
+import { _ as p } from "./Popconfirm.vue_vue_type_script_setup_true_lang-DWMW-u7V.js";
+import { p as m } from "./plugin-D9vhvf_z.js";
 export {
   p as Popconfirm,
   m as PopconfirmPlugin

package/dist/{Popconfirm.vue_vue_type_script_setup_true_lang-Dy1m3j6J.js → Popconfirm.vue_vue_type_script_setup_true_lang-DWMW-u7V.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, ref as x, resolveComponent as s, openBlock as y, createBlock as k, withCtx as a, createElementVNode as o, createVNode as l, toDisplayString as P, renderSlot as g } from "vue";
-import { c as w } from "./ui-BLR-4Xlv.js";
+import { E as w } from "./ui-DtSy-y9T.js";
 const z = { class: "text-sm mb-6 flex" }, B = { class: "flex justify-end" }, N = /* @__PURE__ */ C({
   name: "TPopconfirm",
   __name: "Popconfirm",

package/dist/Popover.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Popover.vue_vue_type_script_setup_true_lang-OFi2-aWk.js";
-import { p as P } from "./plugin--u5hKcI0.js";
+import { _ as p } from "./Popover.vue_vue_type_script_setup_true_lang-Dhcy-iL3.js";
+import { p as P } from "./plugin-c1rFpmlH.js";
 export {
   p as Popover,
   P as PopoverPlugin