@phila/phila-ui-core 3.0.0-beta.5 → 3.0.0-beta.7

package/dist/index.mjs

@@ -1,9 +1,8 @@
-import { ref as L, reactive as j, computed as g, defineComponent as k, createElementBlock as p, createCommentVNode as O, unref as B, openBlock as d, createElementVNode as ee, Fragment as P, renderList as te, toDisplayString as A, renderSlot as V, onBeforeMount as K, onMounted as U, normalizeClass as G, createBlock as E, createVNode as ne, withCtx as q, createTextVNode as W, normalizeProps as R, guardReactiveProps as ae, mergeProps as I, inject as ie, resolveComponent as oe, resolveDynamicComponent as J, useTemplateRef as se, useAttrs as re, onBeforeUnmount as le, nextTick as ue, onUnmounted as ce } from "vue";
-import { FontAwesomeIcon as de } from "@fortawesome/vue-fontawesome";
-import './index.css';function fe(...t) {
+import { ref as I, reactive as P, computed as p, defineComponent as k, createElementBlock as y, createCommentVNode as O, unref as T, openBlock as d, createElementVNode as Z, Fragment as K, renderList as ee, toDisplayString as q, renderSlot as L, onBeforeMount as U, onMounted as G, normalizeClass as te, createBlock as E, createVNode as ne, withCtx as A, createTextVNode as W, normalizeProps as R, guardReactiveProps as ae, mergeProps as B, resolveDynamicComponent as S, inject as ie, resolveComponent as oe, useTemplateRef as re, useAttrs as se, onBeforeUnmount as le, nextTick as ue, onUnmounted as ce } from "vue";
+import './index.css';function de(...t) {
   return t.filter(Boolean).join(" ");
 }
-function Ce(t, e) {
+function Ve(t, e) {
   let i;
   return (...o) => {
     i !== void 0 && clearTimeout(i), i = setTimeout(() => {
@@ -11,22 +10,22 @@ function Ce(t, e) {
     }, e);
   };
 }
-function Te(t = "phila-ui-") {
+function xe(t = "phila-ui-") {
   const e = new Uint8Array(16);
   crypto.getRandomValues(e);
   const i = Array.from(e, (o) => o.toString(36)).join("").substring(0, 12);
   return `${t}-${i}`;
 }
-const S = L("");
-function Q() {
+const z = I("");
+function J() {
   return {
-    inputValue: S,
+    inputValue: z,
     setInputValue: (e) => {
-      S.value = e;
+      z.value = e;
     }
   };
 }
-const c = j({
+const c = P({
   validateOnBlur: !1,
   validateOnInput: !1,
   validateOnChange: !1,
@@ -34,28 +33,28 @@ const c = j({
   required: !1,
   isValid: !0,
   errors: []
-}), { inputValue: M } = Q();
-function X(t, e) {
+}), { inputValue: H } = J();
+function Q(t, e) {
   return {
     init: () => {
       t && (c.validateOnBlur = t.validateOnBlur ?? !1, c.validateOnInput = t.validateOnInput ?? !1, c.validateOnChange = t.validateOnChange ?? !1, c.validateOnMount = t.validateOnMount ?? !1, c.validate = t.validate, c.required = t.required ?? !1, c.errors = t.errors || []);
     },
     validation: () => {
       const n = Object.assign([], t?.errors || []);
-      if (c.required && !M.value && (c.isValid = !1, n.push("This field is required")), c.validate) {
-        const r = c.validate(M.value);
-        typeof r == "string" ? (c.isValid = !1, n.push(r)) : Array.isArray(r) ? (c.isValid = !1, n.push(...r)) : c.isValid = !0;
+      if (c.required && !H.value && (c.isValid = !1, n.push("This field is required")), c.validate) {
+        const s = c.validate(H.value);
+        typeof s == "string" ? (c.isValid = !1, n.push(s)) : Array.isArray(s) ? (c.isValid = !1, n.push(...s)) : c.isValid = !0;
       }
       c.errors = n, n.length > 0 ? (c.isValid = !1, e?.("error", n)) : c.isValid = !0;
     },
-    isValid: g(() => c.isValid),
-    errors: g(() => c.errors)
+    isValid: p(() => c.isValid),
+    errors: p(() => c.errors)
   };
 }
 const ve = {
   key: 0,
   class: "input-errors"
-}, me = /* @__PURE__ */ k({
+}, fe = /* @__PURE__ */ k({
   __name: "ErrorList",
   props: {
     errors: {},
@@ -67,37 +66,37 @@ const ve = {
     required: { type: Boolean }
   },
   setup(t) {
-    const { errors: e, isValid: i } = X(), o = t, n = g(() => Object.assign([], e.value, o.errors || []));
-    return (r, b) => !B(i) && n.value?.length ? (d(), p("div", ve, [
-      ee("ul", null, [
-        (d(!0), p(P, null, te(n.value, (y, m) => (d(), p("li", { key: m }, A(y), 1))), 128))
+    const { errors: e, isValid: i } = Q(), o = t, n = p(() => Object.assign([], e.value, o.errors || []));
+    return (s, b) => !T(i) && n.value?.length ? (d(), y("div", ve, [
+      Z("ul", null, [
+        (d(!0), y(K, null, ee(n.value, (g, m) => (d(), y("li", { key: m }, q(g), 1))), 128))
       ])
     ])) : O("", !0);
   }
-}), T = (t, e) => {
+}), C = (t, e) => {
   const i = t.__vccOpts || t;
   for (const [o, n] of e)
     i[o] = n;
   return i;
-}, pe = /* @__PURE__ */ T(me, [["__scopeId", "data-v-caba8dd2"]]), ge = ["for"], ye = {
+}, me = /* @__PURE__ */ C(fe, [["__scopeId", "data-v-caba8dd2"]]), pe = ["for"], ge = {
   key: 0,
   class: "required"
-}, he = /* @__PURE__ */ k({
+}, ye = /* @__PURE__ */ k({
   __name: "InputLabel",
   props: {
     id: {},
     required: { type: Boolean }
   },
   setup(t) {
-    return (e, i) => (d(), p("label", {
+    return (e, i) => (d(), y("label", {
       class: "input-label",
       for: t.id
     }, [
-      V(e.$slots, "default", {}, void 0, !0),
-      t.required ? (d(), p("span", ye, "*")) : O("", !0)
-    ], 8, ge));
+      L(e.$slots, "default", {}, void 0, !0),
+      t.required ? (d(), y("span", ge, "*")) : O("", !0)
+    ], 8, pe));
   }
-}), be = /* @__PURE__ */ T(he, [["__scopeId", "data-v-00c91174"]]), _e = /* @__PURE__ */ k({
+}), he = /* @__PURE__ */ C(ye, [["__scopeId", "data-v-00c91174"]]), be = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "InputWrap",
   props: {
@@ -117,7 +116,7 @@ const ve = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "keydown", "keyup", "keypress", "error"],
   setup(t, { emit: e }) {
-    const { setInputValue: i } = Q(), o = L(""), n = t, r = e, { init: b, isValid: y, validation: m } = X(
+    const { setInputValue: i } = J(), o = I(""), n = t, s = e, { init: b, isValid: g, validation: m } = Q(
       {
         validateOnMount: n.validateOnMount ?? !0,
         validateOnInput: n.validateOnInput ?? !0,
@@ -127,41 +126,40 @@ const ve = {
         errors: n.errors || [],
         validate: n.validate
       },
-      r
-    ), s = g(() => ({
-      invalid: !y.value
-    })), l = (_) => (o.value = _.target.value, r("update:modelValue", o.value), r("input", o.value), i(o.value), n.validateOnInput && m(), o.value), v = () => {
-      n.validateOnBlur && m(), r("blur");
+      s
+    ), r = p(() => ({
+      invalid: !g.value
+    })), l = (_) => (o.value = _.target.value, s("update:modelValue", o.value), s("input", o.value), i(o.value), n.validateOnInput && m(), o.value), f = () => {
+      n.validateOnBlur && m(), s("blur");
     }, h = () => {
-      r("focus");
+      s("focus");
     };
-    return K(() => {
+    return U(() => {
       b();
-    }), U(() => {
+    }), G(() => {
       n.validateOnMount && m();
-    }), (_, a) => (d(), p("div", {
-      class: G(["input-wrap", { hasError: !B(y) }])
+    }), (_, a) => (d(), y("div", {
+      class: te(["input-wrap", { hasError: !T(g) }])
     }, [
-      n.label ? (d(), E(be, {
+      n.label ? (d(), E(he, {
         key: 0,
         id: n.id,
         required: n.required
       }, {
-        default: q(() => [
-          W(A(n.label), 1)
+        default: A(() => [
+          W(q(n.label), 1)
         ]),
         _: 1
       }, 8, ["id", "required"])) : O("", !0),
-      V(_.$slots, "default", R(ae({ inputValue: o.value, onBlur: v, onFocus: h, onInput: l, isValid: B(y), inputClasses: s.value })), void 0, !0),
-      ne(pe)
+      L(_.$slots, "default", R(ae({ inputValue: o.value, onBlur: f, onFocus: h, onInput: l, isValid: T(g), inputClasses: r.value })), void 0, !0),
+      ne(me)
     ], 2));
   }
-}), $e = /* @__PURE__ */ T(_e, [["__scopeId", "data-v-751bf20e"]]), Oe = ["innerHTML"], ke = ["src", "alt"], Ee = /* @__PURE__ */ k({
+}), Te = /* @__PURE__ */ C(be, [["__scopeId", "data-v-751bf20e"]]), _e = ["innerHTML"], Oe = ["src", "alt"], ke = /* @__PURE__ */ k({
   __name: "Icon",
   props: {
     className: {},
-    iconDefinition: {},
-    iconClass: {},
+    icon: {},
     src: {},
     svgRaw: {},
     variant: { default: "default" },
@@ -172,38 +170,35 @@ const ve = {
     ariaLabel: { default: void 0 }
   },
   setup(t) {
-    const e = t, i = g(() => fe(
-      "phila-icon",
-      e.size && `phila-icon--${e.size}`,
-      e.inline && "phila-icon--inline",
-      e.variant && e.variant !== "default" && `phila-icon--${e.variant}`,
-      e.shadow && "phila-icon--shadow",
+    const e = t, i = p(() => de(
+      "phila-icon-core",
+      e.size && `phila-icon-core--${e.size}`,
+      e.inline && "phila-icon-core--inline",
+      e.variant && e.variant !== "default" && `phila-icon-core--${e.variant}`,
+      e.shadow && "phila-icon-core--shadow",
       e.className
-    )), o = g(() => e.decorative ? {
+    )), o = p(() => e.decorative ? {
       "aria-hidden": !0
     } : {
       "aria-label": e.ariaLabel,
       role: "img"
     });
-    return (n, r) => (d(), p("span", I({ class: i.value }, o.value), [
-      e.iconDefinition ? (d(), E(B(de), {
+    return (n, s) => (d(), y("span", B({ class: i.value }, o.value), [
+      e.icon ? (d(), E(S(e.icon), {
         key: 0,
-        icon: e.iconDefinition
-      }, null, 8, ["icon"])) : e.iconClass ? (d(), p("i", {
+        class: "phila-icon-core__svg"
+      })) : e.svgRaw ? (d(), y("span", {
         key: 1,
-        class: G(`fa fa-${e.iconClass}`)
-      }, null, 2)) : e.svgRaw ? (d(), p("span", {
-        key: 2,
-        class: "phila-icon__svg",
+        class: "phila-icon-core__svg",
         innerHTML: e.svgRaw
-      }, null, 8, Oe)) : e.src ? (d(), p("img", {
-        key: 3,
+      }, null, 8, _e)) : e.src ? (d(), y("img", {
+        key: 2,
         src: e.src,
         alt: e.decorative ? "" : e.ariaLabel || "Icon"
-      }, null, 8, ke)) : O("", !0)
+      }, null, 8, Oe)) : O("", !0)
     ], 16));
   }
-}), z = /* @__PURE__ */ T(Ee, [["__scopeId", "data-v-1fe4be50"]]), we = { key: 1 }, Re = /* @__PURE__ */ k({
+}), F = /* @__PURE__ */ C(ke, [["__scopeId", "data-v-fe51b404"]]), Ee = { key: 1 }, Ce = /* @__PURE__ */ k({
   __name: "ActionContent",
   props: {
     iconRight: { type: Boolean, default: !1 },
@@ -213,35 +208,33 @@ const ve = {
     size: { default: void 0 },
     shadow: { type: Boolean },
     iconSize: { default: void 0 },
-    iconDefinition: {},
-    iconClass: {},
+    icon: {},
     src: {},
     svgRaw: {},
     variant: {}
   },
   setup(t) {
-    const e = t, i = g(() => e.iconDefinition || e.iconClass || e.src || e.svgRaw), o = (r) => {
-      if (r.iconOnly)
-        switch (r.size) {
+    const e = t, i = p(() => e.icon || e.src || e.svgRaw), o = (s) => {
+      if (s.iconOnly)
+        switch (s.size) {
           case "small":
             return "extra-small";
           case "extra-small":
             return "xxsmall";
           default:
-            return r.size || "medium";
+            return s.size || "medium";
         }
       else
-        switch (r.size) {
+        switch (s.size) {
           case "small":
           case "extra-small":
             return "xxsmall";
           default:
             return "extra-small";
         }
-    }, n = g(
+    }, n = p(
       () => ({
-        iconDefinition: e.iconDefinition,
-        iconClass: e.iconClass,
+        icon: e.icon,
         src: e.src,
         svgRaw: e.svgRaw,
         size: e.iconSize ?? o(e),
@@ -251,25 +244,25 @@ const ve = {
         shadow: e.shadow
       })
     );
-    return (r, b) => (d(), p(P, null, [
-      i.value && !e.iconRight ? (d(), E(z, R(I({ key: 0 }, n.value)), null, 16)) : O("", !0),
-      e.iconOnly ? O("", !0) : (d(), p("span", we, [
-        V(r.$slots, "default", {}, () => [
-          W(A(e.text), 1)
+    return (s, b) => (d(), y(K, null, [
+      i.value && !e.iconRight ? (d(), E(F, R(B({ key: 0 }, n.value)), null, 16)) : O("", !0),
+      e.iconOnly ? O("", !0) : (d(), y("span", Ee, [
+        L(s.$slots, "default", {}, () => [
+          W(q(e.text), 1)
         ])
       ])),
-      i.value && e.iconRight ? (d(), E(z, R(I({ key: 2 }, n.value)), null, 16)) : O("", !0)
+      i.value && e.iconRight ? (d(), E(F, R(B({ key: 2 }, n.value)), null, 16)) : O("", !0)
     ], 64));
   }
-}), H = (t) => "to" in t && t.to !== void 0;
-function Be() {
-  const t = ie("router", null), e = g(() => t !== null);
+}), N = (t) => "to" in t && t.to !== void 0;
+function we() {
+  const t = ie("router", null), e = p(() => t !== null);
   return {
     router: t,
     hasRouter: e
   };
 }
-const Ae = /* @__PURE__ */ k({
+const $e = /* @__PURE__ */ k({
   __name: "BaseLink",
   props: {
     to: {},
@@ -281,7 +274,7 @@ const Ae = /* @__PURE__ */ k({
     className: {}
   },
   setup(t) {
-    const e = t, { hasRouter: i } = Be(), o = g(() => H(e) && i.value ? oe("RouterLink") : "a"), n = g(() => H(e) ? {
+    const e = t, { hasRouter: i } = we(), o = p(() => N(e) && i.value ? oe("RouterLink") : "a"), n = p(() => N(e) ? {
       to: e.disabled ? void 0 : e.to,
       ...e.disabled && { "aria-disabled": "true" },
       ...e.ariaLabel && { "aria-label": e.ariaLabel }
@@ -292,14 +285,14 @@ const Ae = /* @__PURE__ */ k({
       ...e.disabled && { "aria-disabled": "true" },
       ...e.ariaLabel && { "aria-label": e.ariaLabel }
     });
-    return (r, b) => (d(), E(J(o.value), I({ class: t.className }, n.value), {
-      default: q(() => [
-        V(r.$slots, "default")
+    return (s, b) => (d(), E(S(o.value), B({ class: t.className }, n.value), {
+      default: A(() => [
+        L(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ie = 'a,area,button,iframe,input,object,textarea,select,details,[tabindex]:not([tabindex="-1"])', qe = /* @__PURE__ */ k({
+}), Be = 'a,area,button,iframe,input,object,textarea,select,details,[tabindex]:not([tabindex="-1"])', Re = /* @__PURE__ */ k({
   __name: "FocusTrap",
   props: {
     initialFocusElement: {},
@@ -309,128 +302,128 @@ const Ae = /* @__PURE__ */ k({
   },
   emits: ["escape"],
   setup(t, { emit: e }) {
-    const i = se("focusTrap"), o = L([]), n = t, r = e, b = re(), y = (s) => {
+    const i = re("focusTrap"), o = I([]), n = t, s = e, b = se(), g = (r) => {
       const l = o.value;
       if (l.length === 0) return;
-      const v = l[0], h = l[l.length - 1];
-      if (s.key === "Tab" && (s.shiftKey ? document.activeElement === v && (n.allowEscape ? r("escape") : (s.preventDefault(), h.focus())) : document.activeElement === h && (n.allowEscape ? r("escape") : (s.preventDefault(), v.focus()))), s.key === "PageUp" && (s.preventDefault(), v.focus()), s.key === "PageDown" && (s.preventDefault(), h.focus()), n.arrowNavigation) {
+      const f = l[0], h = l[l.length - 1];
+      if (r.key === "Tab" && (r.shiftKey ? document.activeElement === f && (n.allowEscape ? s("escape") : (r.preventDefault(), h.focus())) : document.activeElement === h && (n.allowEscape ? s("escape") : (r.preventDefault(), f.focus()))), r.key === "PageUp" && (r.preventDefault(), f.focus()), r.key === "PageDown" && (r.preventDefault(), h.focus()), n.arrowNavigation) {
         const _ = l.indexOf(document.activeElement);
-        if (s.key === "ArrowDown" || s.key === "ArrowRight") {
-          s.preventDefault();
+        if (r.key === "ArrowDown" || r.key === "ArrowRight") {
+          r.preventDefault();
           const a = (_ + 1) % l.length;
           l[a].focus();
         }
-        if (s.key === "ArrowUp" || s.key === "ArrowLeft") {
-          s.preventDefault();
+        if (r.key === "ArrowUp" || r.key === "ArrowLeft") {
+          r.preventDefault();
           const a = (_ - 1 + l.length) % l.length;
           l[a].focus();
         }
       }
-    }, m = (s) => {
-      s.target.removeAttribute("tabindex");
+    }, m = (r) => {
+      r.target.removeAttribute("tabindex");
     };
-    return U(() => {
-      const s = i.value?.querySelectorAll(Ie);
-      if (s) {
-        s.forEach((v) => {
-          v.addEventListener("keydown", y);
-        }), o.value = Array.from(s);
+    return G(() => {
+      const r = i.value?.querySelectorAll(Be);
+      if (r) {
+        r.forEach((f) => {
+          f.addEventListener("keydown", g);
+        }), o.value = Array.from(r);
         let l = o.value[0];
         if (n.initialFocusElement) {
-          const v = i.value?.querySelector(`${n.initialFocusElement}`);
-          v && (v.tabIndex === -1 && (v.tabIndex = 0, v.addEventListener("blur", m, { once: !0 })), l = v);
+          const f = i.value?.querySelector(`${n.initialFocusElement}`);
+          f && (f.tabIndex === -1 && (f.tabIndex = 0, f.addEventListener("blur", m, { once: !0 })), l = f);
         } else l || (l = i.value, l.tabIndex = 0, l.addEventListener("blur", m, { once: !0 }));
         l.focus();
       }
     }), le(() => {
-      o.value.forEach((s) => {
-        s.removeEventListener("keydown", y), s.removeEventListener("blur", m);
+      o.value.forEach((r) => {
+        r.removeEventListener("keydown", g), r.removeEventListener("blur", m);
       });
-    }), (s, l) => (d(), E(J(n.as || "span"), I({
+    }), (r, l) => (d(), E(S(n.as || "span"), B({
       ref_key: "focusTrap",
       ref: i
-    }, B(b)), {
-      default: q(() => [
-        V(s.$slots, "default")
+    }, T(b)), {
+      default: A(() => [
+        L(r.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), u = j({}), C = L(), F = 400, $ = L(null), N = {
+}), u = P({}), x = I(), D = 400, $ = I(null), j = {
   id: "default-item",
   group: "global"
 };
-function De(t) {
-  const e = t.group || N.group, i = t.id || N.id, o = (a, f) => {
-    const x = u[e]?.[a];
-    x && (x.showSingle ? Object.keys(u[e]).forEach((w) => {
-      u[e][w].visible = w === a ? f : !1;
-    }) : u[e][a].visible = f);
-  }, n = (a = !0, f) => {
-    clearTimeout(C.value), o(f ?? i, a), a && v(f ?? i);
-  }, r = (a) => u[e]?.[a ?? i]?.visible ?? !1, b = (a) => {
+function qe(t) {
+  const e = t.group || j.group, i = t.id || j.id, o = (a, v) => {
+    const V = u[e]?.[a];
+    V && (V.showSingle ? Object.keys(u[e]).forEach((w) => {
+      u[e][w].visible = w === a ? v : !1;
+    }) : u[e][a].visible = v);
+  }, n = (a = !0, v) => {
+    clearTimeout(x.value), o(v ?? i, a), a && f(v ?? i);
+  }, s = (a) => u[e]?.[a ?? i]?.visible ?? !1, b = (a) => {
     u[e] || (u[e] = {}), u[e][a] || (u[e][a] = {
       group: e,
       visible: !1
     }), t.blurHide !== void 0 && (u[e][a].blurHide = t.blurHide), t.showSingle !== void 0 && (u[e][a].showSingle = t.showSingle), t.mouseOverToggle !== void 0 && (u[e][a].mouseOverToggle = t.mouseOverToggle), t.outsideClickHide !== void 0 && (u[e][a].outsideClickHide = t.outsideClickHide), t.escapeKeyHide !== void 0 && (u[e][a].escapeKeyHide = t.escapeKeyHide);
-  }, y = (a) => (f) => {
-    f.key === "Escape" && (o(a, !1), h());
-  }, m = (a) => (f) => {
+  }, g = (a) => (v) => {
+    v.key === "Escape" && (o(a, !1), h());
+  }, m = (a) => (v) => {
     if (!u[e]) return;
-    const x = f.target, [w] = Object.keys(u[e]).filter((Z) => u[e][Z].visible === !0), D = document.getElementById(w), Y = document.querySelector(`[data-toggle="visibility-${w}"]`)?.contains(f.target);
-    D && !D.contains(x) && !Y && (o(a ?? i, !1), h());
-  }, s = (a) => {
-    (u[e]?.[a ?? i]).mouseOverToggle === !0 && ($.value = a ?? i, C.value = setTimeout(() => {
+    const V = v.target, [w] = Object.keys(u[e]).filter((Y) => u[e][Y].visible === !0), M = document.getElementById(w), X = document.querySelector(`[data-toggle="visibility-${w}"]`)?.contains(v.target);
+    M && !M.contains(V) && !X && (o(a ?? i, !1), h());
+  }, r = (a) => {
+    (u[e]?.[a ?? i]).mouseOverToggle === !0 && ($.value = a ?? i, x.value = setTimeout(() => {
       n(!0, a);
-    }, F));
+    }, D));
   }, l = (a) => {
-    (u[e]?.[a ?? i]).mouseOverToggle === !0 && ($.value = null, clearTimeout(C.value), C.value = setTimeout(() => {
+    (u[e]?.[a ?? i]).mouseOverToggle === !0 && ($.value = null, clearTimeout(x.value), x.value = setTimeout(() => {
       $.value !== (a ?? i) && (o(a ?? i, !1), h());
-    }, F));
-  }, v = (a) => {
-    const f = u[e]?.[a];
-    f?.outsideClickHide && (document.addEventListener("click", m(a)), document.addEventListener("touchend", m(a))), f?.escapeKeyHide && document.addEventListener("keydown", y(a));
+    }, D));
+  }, f = (a) => {
+    const v = u[e]?.[a];
+    v?.outsideClickHide && (document.addEventListener("click", m(a)), document.addEventListener("touchend", m(a))), v?.escapeKeyHide && document.addEventListener("keydown", g(a));
   }, h = () => {
     u[e] && Object.keys(u[e]).forEach((a) => {
-      document.removeEventListener("click", m(a)), document.removeEventListener("touchend", m(a)), document.removeEventListener("keydown", y(a));
+      document.removeEventListener("click", m(a)), document.removeEventListener("touchend", m(a)), document.removeEventListener("keydown", g(a));
     });
   };
-  K(() => {
+  U(() => {
     t.id !== void 0 && (b(t.id), ue(() => {
       t.visibleOnMount && n(!0);
     }));
   }), ce(() => {
     h();
   });
-  const _ = g(() => t.id ? {
+  const _ = p(() => t.id ? {
     "data-toggle": `visibility-${i}`,
-    onclick: () => n(!r(i))
+    onClick: () => n(!s(i))
   } : {});
   return {
     visibilityState: u,
     create: b,
     setState: o,
-    isVisible: r,
-    onMouseEnter: s,
+    isVisible: s,
+    onMouseEnter: r,
     onMouseLeave: l,
     setVisibility: n,
     toggleProps: _
   };
 }
 export {
-  Re as ActionContent,
-  Ae as BaseLink,
-  pe as ErrorList,
-  qe as FocusTrap,
-  z as Icon,
-  be as InputLabel,
-  $e as InputWrap,
-  fe as cn,
-  Ce as debounce,
-  Te as generateRandomId,
-  H as isRouterLink,
-  Q as useInput,
-  Be as useRouter,
-  X as useValidation,
-  De as useVisibility
+  Ce as ActionContent,
+  $e as BaseLink,
+  me as ErrorList,
+  Re as FocusTrap,
+  F as Icon,
+  he as InputLabel,
+  Te as InputWrap,
+  de as cn,
+  Ve as debounce,
+  xe as generateRandomId,
+  N as isRouterLink,
+  J as useInput,
+  we as useRouter,
+  Q as useValidation,
+  qe as useVisibility
 };