@heito/hxui 1.0.11

package/dist/index.es.js

@@ -0,0 +1,794 @@
+import { defineComponent as C, createElementBlock as g, openBlock as u, normalizeClass as O, renderSlot as w, mergeModels as K, useSlots as J, useModel as ce, withDirectives as A, createElementVNode as d, vModelDynamic as ke, ref as B, computed as E, onUnmounted as fe, Fragment as S, createBlock as M, Teleport as x, createVNode as k, Transition as U, withCtx as P, normalizeStyle as D, vShow as j, nextTick as $e, createCommentVNode as T, toDisplayString as b, h as q, renderList as Q, mergeProps as be, withModifiers as z, unref as ee, createTextVNode as ae, watch as Ce, onMounted as _e } from "vue";
+const Be = ["disabled"], Pe = /* @__PURE__ */ C({
+  __name: "Button",
+  props: {
+    variant: { default: "default" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: {
+    click(o) {
+      return o;
+    }
+  },
+  setup(o, { emit: i }) {
+    const s = i;
+    return (t, e) => (u(), g("button", {
+      class: O(["ui-button", t.variant]),
+      disabled: t.disabled,
+      onClick: e[0] || (e[0] = (n) => s("click", n))
+    }, [
+      w(t.$slots, "default", {}, void 0, !0)
+    ], 10, Be));
+  }
+}), _ = (o, i) => {
+  const s = o.__vccOpts || o;
+  for (const [t, e] of i)
+    s[t] = e;
+  return s;
+}, ve = /* @__PURE__ */ _(Pe, [["__scopeId", "data-v-33152a56"]]), Oe = ["type", "placeholder", "min", "max", "maxlength"], Se = /* @__PURE__ */ C({
+  __name: "Input",
+  props: /* @__PURE__ */ K({
+    type: { default: "text" },
+    disabled: { type: Boolean },
+    placeholder: {},
+    min: {},
+    max: {}
+  }, {
+    value: {},
+    valueModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K({
+    input(o) {
+      return o;
+    },
+    change(o) {
+      return o;
+    },
+    focus(o) {
+      return o;
+    },
+    blur(o) {
+      return o;
+    }
+  }, ["update:value"]),
+  setup(o, { emit: i }) {
+    J();
+    const s = ce(o, "value", {
+      set(e) {
+        return e;
+      }
+    }), t = i;
+    return (e, n) => (u(), g("label", {
+      class: O(["ui-input", e.type])
+    }, [
+      A(d("input", {
+        type: e.type,
+        "onUpdate:modelValue": n[0] || (n[0] = (l) => s.value = l),
+        placeholder: e.placeholder,
+        min: e.min,
+        max: e.max,
+        maxlength: e.max,
+        onInput: n[1] || (n[1] = (l) => t("input", l)),
+        onChange: n[2] || (n[2] = (l) => t("change", l)),
+        onFocus: n[3] || (n[3] = (l) => t("focus", l)),
+        onBlur: n[4] || (n[4] = (l) => t("blur", l))
+      }, null, 40, Oe), [
+        [ke, s.value]
+      ])
+    ], 2));
+  }
+}), Ie = /* @__PURE__ */ _(Se, [["__scopeId", "data-v-2f67079f"]]), Me = /* @__PURE__ */ C({
+  __name: "Popover",
+  props: {
+    side: { default: () => "bottom" },
+    fixed: { type: Boolean, default: !1 },
+    transition: { default: () => "show" },
+    collisionPadding: { default: () => 4 },
+    closeOnClickOutside: { type: Boolean, default: !0 },
+    style: { default: "" }
+  },
+  emits: ["show", "hide"],
+  setup(o, { emit: i }) {
+    J();
+    const s = i, t = o, e = B(!1), n = B(null), l = E(() => {
+      const v = typeof t.side == "string" ? [t.side, "center"] : t.side;
+      return n.value !== null && (v[0] = n.value), v;
+    });
+    let r = null, f = null, m = null;
+    function $(v) {
+      e.value = !0, r = v, s("show");
+    }
+    function p() {
+      e.value = !1, r = null, s("hide");
+    }
+    function c(v) {
+      e.value ? p() : $(v);
+    }
+    function a(v, y) {
+      if (!v || !y) return;
+      const { width: N, height: F, x: Y, y: G, top: R, left: H, right: W, bottom: Z } = v?.getBoundingClientRect(), { width: ne, height: ie } = y?.getBoundingClientRect(), [X] = l.value, [le, se] = typeof t.collisionPadding == "number" ? [t.collisionPadding, t.collisionPadding] : t.collisionPadding;
+      n.value = null, X === "top" && R - ie - se < 0 ? n.value = "bottom" : X === "left" && H - ne - le < 0 ? n.value = "right" : X === "bottom" && ie + Z > window.innerHeight ? n.value = "top" : X === "right" && ne + W > window.innerWidth && (n.value = "left"), y.style.setProperty("--gap-h", `${le}px`), y.style.setProperty("--gap-v", `${se}px`), y.style.setProperty("--target-width", `${N}px`), y.style.setProperty("--target-height", `${F}px`), y.style.setProperty("--target-x", `${Y}px`), y.style.setProperty("--target-y", `${G}px`);
+    }
+    function h() {
+      f && document.removeEventListener("scroll", f), m && document.removeEventListener("click", m), f = null, m = null;
+    }
+    function I(v) {
+      if (!r) return;
+      const y = r?.currentTarget;
+      f = () => {
+        !e.value || !y || a(y, v);
+      }, m = (N) => {
+        !t?.closeOnClickOutside || (N.composedPath?.() || N.path)?.includes(v) || p();
+      }, document.addEventListener("scroll", f, { capture: !0, passive: !0 }), $e(() => {
+        a(y, v), setTimeout(() => m && document.addEventListener("click", m), 10);
+      });
+    }
+    function L() {
+      h(), r = null, n.value = null;
+    }
+    return fe(() => {
+      L();
+    }), (v, y) => (u(), g(S, null, [
+      w(v.$slots, "default", {
+        show: $,
+        hide: p,
+        toggle: c,
+        isOpened: e.value
+      }, void 0, !0),
+      (u(), M(x, { to: "body" }, [
+        k(U, {
+          name: typeof v.transition == "string" ? v.transition : v.transition?.name,
+          onBeforeEnter: I,
+          onAfterLeave: L
+        }, {
+          default: P(() => [
+            A(d("div", {
+              class: O(["ui-popover", ...l.value, { fixed: v.fixed }]),
+              role: "dialog",
+              "aria-modal": "true",
+              style: D(v.style)
+            }, [
+              w(v.$slots, "content", {}, void 0, !0)
+            ], 6), [
+              [j, e.value]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name"])
+      ]))
+    ], 64));
+  }
+}), ge = /* @__PURE__ */ _(Me, [["__scopeId", "data-v-c4802e87"]]), Ee = { key: 0 }, Te = { key: 1 }, Le = /* @__PURE__ */ C({
+  __name: "SelectOption",
+  props: {
+    option: {}
+  },
+  emits: {
+    click(o, i) {
+      return { event: o, option: i };
+    }
+  },
+  setup(o, { emit: i }) {
+    const s = i, t = o;
+    function e(n) {
+      t?.option?.type !== "option" || t?.option?.disabled === !0 || s("click", n, t.option);
+    }
+    return (n, l) => (u(), g("div", {
+      class: O(["option", !n.option?.type || n.option?.type === "option" ? "default" : n.option?.type, { disabled: n.option?.type === "option" && n.option?.disabled }]),
+      onClick: e
+    }, [
+      n.option?.type === "option" ? (u(), g("div", Ee, [
+        d("div", null, b(n.option?.label || n.option?.value), 1),
+        d("div", null, b(n.option?.text), 1)
+      ])) : n.option?.type === "label" ? (u(), g("span", Te, b(n.option?.value), 1)) : n.option?.type === "separator" ? (u(), g(S, { key: 2 }, [], 64)) : T("", !0)
+    ], 2));
+  }
+}), re = /* @__PURE__ */ _(Le, [["__scopeId", "data-v-1fea3155"]]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ne = (o) => {
+  for (const i in o)
+    if (i.startsWith("aria-") || i === "role" || i === "title")
+      return !0;
+  return !1;
+};
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ue = (o) => o === "";
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const He = (...o) => o.filter((i, s, t) => !!i && i.trim() !== "" && t.indexOf(i) === s).join(" ").trim();
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const de = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ae = (o) => o.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (i, s, t) => t ? t.toUpperCase() : s.toLowerCase()
+);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const De = (o) => {
+  const i = Ae(o);
+  return i.charAt(0).toUpperCase() + i.slice(1);
+};
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var V = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ve = ({
+  name: o,
+  iconNode: i,
+  absoluteStrokeWidth: s,
+  "absolute-stroke-width": t,
+  strokeWidth: e,
+  "stroke-width": n,
+  size: l = V.width,
+  color: r = V.stroke,
+  ...f
+}, { slots: m }) => q(
+  "svg",
+  {
+    ...V,
+    ...f,
+    width: l,
+    height: l,
+    stroke: r,
+    "stroke-width": ue(s) || ue(t) || s === !0 || t === !0 ? Number(e || n || V["stroke-width"]) * 24 / Number(l) : e || n || V["stroke-width"],
+    class: He(
+      "lucide",
+      f.class,
+      ...o ? [`lucide-${de(De(o))}-icon`, `lucide-${de(o)}`] : ["lucide-icon"]
+    ),
+    ...!m.default && !Ne(f) && { "aria-hidden": "true" }
+  },
+  [...i.map(($) => q(...$)), ...m.default ? [m.default()] : []]
+);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const he = (o, i) => (s, { slots: t, attrs: e }) => q(
+  Ve,
+  {
+    ...e,
+    ...s,
+    iconNode: i,
+    name: o
+  },
+  t
+);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const je = he("chevrons-up-down", [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const me = he("x", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]), ze = { class: "options" }, Ue = /* @__PURE__ */ C({
+  __name: "Select",
+  props: {
+    value: { type: [String, Number, Boolean] },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    side: { default: "bottom" },
+    options: {}
+  },
+  emits: {
+    select(o) {
+      return o;
+    }
+  },
+  setup(o, { emit: i }) {
+    const s = i, t = o, e = B(169), n = B(t?.value), l = E(
+      () => t.options?.map(({ type: p, ...c }) => ({
+        type: p ?? "option",
+        ...c
+      })) ?? []
+    ), r = E(
+      () => l.value.find((p) => p.type === "option" && p.value === n.value) ?? null
+    );
+    let f;
+    function m(p) {
+      p.type === "option" && (n.value = p?.value, s("select", p), f && f());
+    }
+    function $(p, c) {
+      const a = p?.currentTarget;
+      a && (c(p), f = () => c(p), e.value = Math.min(Math.max(a?.clientWidth, 169), window.innerWidth > 512 ? 512 : window.innerWidth - 24));
+    }
+    return (p, c) => (u(), g("div", {
+      class: O(["ui-select", { selected: !!r.value }])
+    }, [
+      k(ge, {
+        side: p.side,
+        style: D({ width: `${e.value}px` })
+      }, {
+        default: P(({ toggle: a }) => [
+          k(ve, {
+            variant: "outline",
+            disabled: p.disabled,
+            onClick: z((h) => $(h, a), ["prevent", "stop"])
+          }, {
+            default: P(() => [
+              d("span", null, b(r.value ? r.value?.label || r.value?.value : p.placeholder), 1),
+              k(ee(je), { style: { opacity: ".5" } })
+            ]),
+            _: 2
+          }, 1032, ["disabled", "onClick"])
+        ]),
+        content: P(() => [
+          d("div", ze, [
+            (u(!0), g(S, null, Q(l.value, (a, h) => (u(), g(S, { key: h }, [
+              a?.type === "label" || a?.type === "separator" || a.type === "option" && a?.useDefaultStyle === !0 ? (u(), M(re, {
+                key: 0,
+                option: a,
+                onClick: (I) => m(a)
+              }, null, 8, ["option", "onClick"])) : w(p.$slots, "option", be({
+                key: 1,
+                ref_for: !0
+              }, { option: a, index: h, select: () => m(a) }), () => [
+                k(re, {
+                  option: a,
+                  onClick: (I) => m(a)
+                }, null, 8, ["option", "onClick"])
+              ], !0)
+            ], 64))), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["side", "style"])
+    ], 2));
+  }
+}), Fe = /* @__PURE__ */ _(Ue, [["__scopeId", "data-v-760682cb"]]), Ge = {
+  key: 0,
+  class: "header"
+}, Re = { class: "buttons" }, We = ["onClick"], Ze = /* @__PURE__ */ C({
+  __name: "Dialog",
+  props: {
+    title: {},
+    description: {},
+    side: { default: () => "center" },
+    transition: { default: () => "show-dialog" },
+    collisionPadding: { default: () => 24 },
+    closeOnClickOutside: { type: Boolean, default: !0 },
+    buttons: { default: () => [] },
+    style: { type: [Boolean, null, String, Object, Array] }
+  },
+  emits: ["update:open", "show", "hide"],
+  setup(o, { emit: i }) {
+    const s = J(), t = i, e = o, n = B(!1), l = E(() => typeof e.side == "string" ? [e.side, "center"] : e.side), r = E(() => typeof e.collisionPadding == "number" ? [e.collisionPadding, e.collisionPadding] : e.collisionPadding), f = E(() => !!e.title || !!e.description || !!s.title || !!s.description);
+    function m(a) {
+      n.value = a, t("update:open", a);
+    }
+    function $(a) {
+      m(!0), t("show");
+    }
+    function p() {
+      m(!1), t("hide");
+    }
+    function c(a) {
+      n.value ? p() : $();
+    }
+    return (a, h) => (u(), g(S, null, [
+      w(a.$slots, "default", {
+        show: $,
+        hide: p,
+        toggle: c,
+        isOpened: n.value
+      }, void 0, !0),
+      (u(), M(x, { to: "body" }, [
+        k(U, {
+          name: typeof a.transition == "string" ? a.transition : a.transition?.name
+        }, {
+          default: P(() => [
+            A(d("div", {
+              class: O(["dialog", ...l.value]),
+              style: D({ "--gap-v": r.value[0] + "px", "--gap-h": r.value[1] + "px" })
+            }, [
+              d("div", {
+                class: "background",
+                onClick: h[0] || (h[0] = z((I) => a.closeOnClickOutside && p(), ["prevent", "stop"]))
+              }),
+              d("div", {
+                class: "content",
+                style: D(a.style)
+              }, [
+                f.value ? (u(), g("div", Ge, [
+                  d("h2", null, [
+                    w(a.$slots, "title", {}, () => [
+                      ae(b(a.title), 1)
+                    ], !0)
+                  ]),
+                  d("p", null, [
+                    w(a.$slots, "description", {}, () => [
+                      ae(b(a.description), 1)
+                    ], !0)
+                  ])
+                ])) : T("", !0),
+                w(a.$slots, "content", {
+                  show: $,
+                  hide: p,
+                  toggle: c,
+                  isOpened: n.value
+                }, void 0, !0),
+                d("div", Re, [
+                  d("div", { onClick: p }, [
+                    k(ee(me), { size: 16 })
+                  ]),
+                  (u(!0), g(S, null, Q(a.buttons, (I, L) => (u(), g("div", {
+                    key: L,
+                    onClick: z((v) => I?.click?.(v), ["prevent", "stop"])
+                  }, null, 8, We))), 128))
+                ])
+              ], 4)
+            ], 6), [
+              [j, n.value]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name"])
+      ]))
+    ], 64));
+  }
+}), Xe = /* @__PURE__ */ _(Ze, [["__scopeId", "data-v-ad7af199"]]), qe = /* @__PURE__ */ C({
+  __name: "Tooltip",
+  props: /* @__PURE__ */ K({
+    side: { default: () => "top" },
+    collisionPadding: { default: () => 8 },
+    delay: { default: 100 }
+  }, {
+    open: { type: Boolean },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(o) {
+    const i = J(), s = ce(o, "open");
+    B();
+    const t = o, e = B(null), n = E(() => {
+      const c = typeof t.side == "string" ? [t.side, "center"] : t.side;
+      return e.value !== null && (c[0] = e.value), c;
+    });
+    let l = null, r = null;
+    function f(c) {
+      if (!c || !r) return;
+      const a = r.target, { width: h, height: I, x: L, y: v, top: y, left: N, right: F, bottom: Y } = a?.getBoundingClientRect(), { width: G, height: R } = c?.getBoundingClientRect(), [H] = n.value, [W, Z] = typeof t.collisionPadding == "number" ? [t.collisionPadding, t.collisionPadding] : t.collisionPadding;
+      H === "top" && y - R - Z < 0 ? e.value = "bottom" : H === "left" && N - G - W < 0 ? e.value = "right" : H === "bottom" && R + Y > window.innerHeight ? e.value = "top" : H === "right" && G + F > window.innerWidth && (e.value = "left"), c.style.setProperty("--gap-h", `${W}px`), c.style.setProperty("--gap-v", `${Z}px`), c.style.setProperty("--target-width", `${h}px`), c.style.setProperty("--target-height", `${I}px`), c.style.setProperty("--target-x", `${L}px`), c.style.setProperty("--target-y", `${v}px`);
+    }
+    function m(c) {
+      l && clearTimeout(l), r = c, l = setTimeout(() => {
+        s.value = !0;
+      }, t.delay);
+    }
+    const $ = () => {
+      l && (clearTimeout(l), l = null), r = null, s.value = !1;
+    };
+    function p() {
+      return (i.trigger?.() || []).map((a) => q(a.type, {
+        ...a.props,
+        onMouseenter(h) {
+          m(h), a.props?.onMouseenter?.(h);
+        },
+        onMouseleave(h) {
+          $(), a.props?.onMouseleave?.(h);
+        },
+        onFocus(h) {
+          m(h), a.props?.onFocus?.(h);
+        },
+        onBlur(h) {
+          $(), a.props?.onBlur?.(h);
+        }
+      }, a.children));
+    }
+    return fe(() => {
+      l && clearTimeout(l);
+    }), (c, a) => (u(), g(S, null, [
+      k(p),
+      (u(), M(x, { to: "body" }, [
+        k(U, {
+          name: "show",
+          onBeforeEnter: a[0] || (a[0] = (h) => f(h))
+        }, {
+          default: P(() => [
+            s.value ? (u(), g("div", {
+              key: 0,
+              class: O(["tooltip", ...n.value])
+            }, [
+              w(c.$slots, "default", {}, void 0, !0)
+            ], 2)) : T("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
+  }
+}), Je = /* @__PURE__ */ _(qe, [["__scopeId", "data-v-bccd013d"]]), Qe = /* @__PURE__ */ C({
+  __name: "Skeleton",
+  props: {
+    ready: { type: Boolean, default: !1 },
+    w: { default: "16px" },
+    h: { default: "16px" }
+  },
+  setup(o) {
+    return (i, s) => i.ready ? w(i.$slots, "default", { key: 0 }, void 0, !0) : (u(), g("div", {
+      key: 1,
+      class: "ui-skeleton",
+      style: D({ "--w": i.w, "--h": i.h })
+    }, [
+      s[0] || (s[0] = d("div", null, null, -1)),
+      w(i.$slots, "content", {}, void 0, !0)
+    ], 4));
+  }
+}), ye = /* @__PURE__ */ _(Qe, [["__scopeId", "data-v-3b7cd939"]]), Ye = ["src", "alt"], Ke = /* @__PURE__ */ C({
+  __name: "Image",
+  props: {
+    src: {},
+    alt: {}
+  },
+  setup(o) {
+    const i = o, s = B("loading");
+    Ce(() => i.src, () => t());
+    function t() {
+      const e = new Image();
+      s.value = "loading", e.onload = () => {
+        s.value = "ready";
+      }, e.onerror = () => {
+        s.value = "error";
+      }, e.src = i.src;
+    }
+    return _e(() => t()), (e, n) => (u(), g(S, null, [
+      k(U, { name: "fade" }, {
+        default: P(() => [
+          A(d("img", {
+            class: "ui-image",
+            src: e.src,
+            alt: e.alt
+          }, null, 8, Ye), [
+            [j, s.value === "ready"]
+          ])
+        ]),
+        _: 1
+      }),
+      A(k(ye, {
+        class: "ui-image",
+        ready: !1
+      }, null, 512), [
+        [j, s.value !== "ready"]
+      ])
+    ], 64));
+  }
+}), te = /* @__PURE__ */ _(Ke, [["__scopeId", "data-v-9ea0741f"]]), xe = /* @__PURE__ */ C({
+  __name: "Height",
+  props: {
+    showed: { type: Boolean },
+    opacity: { type: Boolean, default: !1 },
+    duration: { type: Number, default: 0.3 }
+  },
+  setup(o) {
+    const i = o, s = B({
+      "--opacity": i.opacity ? 0 : 1,
+      "--duration": (i.duration || 0.3) + "s"
+    });
+    function t(l) {
+      l.style.height = "auto";
+      const { height: r } = window.getComputedStyle(l);
+      l.style.height = "0px", l.offsetHeight, l.style.height = r;
+    }
+    function e(l) {
+      l.style.removeProperty("height");
+    }
+    function n(l) {
+      const { height: r } = window.getComputedStyle(l);
+      l.style.height = r, l.offsetHeight, l.style.height = "0px";
+    }
+    return (l, r) => (u(), M(U, {
+      name: "height",
+      onEnter: r[0] || (r[0] = (f) => t(f)),
+      onAfterEnter: r[1] || (r[1] = (f) => e(f)),
+      onLeave: r[2] || (r[2] = (f) => n(f)),
+      onAfterLeave: r[3] || (r[3] = (f) => e(f))
+    }, {
+      default: P(() => [
+        o.showed ? (u(), g("div", {
+          key: 0,
+          class: "height-content",
+          style: D(s.value)
+        }, [
+          w(l.$slots, "default", {}, void 0, !0)
+        ], 4)) : T("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), oe = /* @__PURE__ */ _(xe, [["__scopeId", "data-v-925752b4"]]), et = { class: "content" }, tt = { class: "buttons" }, ot = ["onClick"], nt = { class: "options" }, it = /* @__PURE__ */ C({
+  __name: "Notification",
+  props: {
+    notification: {},
+    showButtons: { type: Boolean },
+    showOptions: { type: Boolean }
+  },
+  emits: {
+    hide() {
+    }
+  },
+  setup(o, { emit: i }) {
+    const s = i, t = B(!1);
+    return (e, n) => (u(), g("div", {
+      class: O(["notification", { hide: t.value }])
+    }, [
+      w(e.$slots, "before", {}, void 0, !0),
+      d("header", null, [
+        e.notification?.icon || e.notification?.image ? (u(), g("div", {
+          key: 0,
+          class: O(["i", {
+            image: e.notification?.image,
+            icon: e.notification?.icon
+          }])
+        }, [
+          e.notification?.image ? (u(), M(te, {
+            key: 0,
+            src: e.notification?.image
+          }, null, 8, ["src"])) : T("", !0)
+        ], 2)) : T("", !0),
+        d("div", et, [
+          d("div", null, b(e.notification?.title), 1),
+          d("div", null, b(e.notification?.text), 1)
+        ])
+      ]),
+      k(oe, {
+        showed: e.showButtons && e.notification?.buttons?.length > 0
+      }, {
+        default: P(() => [
+          d("ul", tt, [
+            (u(!0), g(S, null, Q(e.notification?.buttons, (l) => (u(), g("li", {
+              key: l?.label,
+              onClick: z((r) => l?.click ? l?.click(r) : null, ["stop", "prevent"])
+            }, [
+              d("div", null, [
+                d("div", null, b(l?.label), 1),
+                d("div", null, b(l?.text), 1)
+              ])
+            ], 8, ot))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["showed"]),
+      A(d("ul", nt, [
+        d("li", {
+          onClick: n[0] || (n[0] = z((l) => s("hide"), ["stop", "prevent"]))
+        }, [
+          k(ee(me))
+        ])
+      ], 512), [
+        [j, e.showOptions && e.notification?.mode === "fixed"]
+      ]),
+      w(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), we = /* @__PURE__ */ _(it, [["__scopeId", "data-v-1e6c986c"]]), lt = { class: "content" }, st = /* @__PURE__ */ C({
+  __name: "Group",
+  props: {
+    name: {},
+    group: {}
+  },
+  setup(o) {
+    const i = B(!1);
+    return (s, t) => (u(), g("div", {
+      class: O(["group", { active: i.value }])
+    }, [
+      d("header", {
+        onClick: t[0] || (t[0] = (e) => i.value = !i.value)
+      }, [
+        s.group?.image ? (u(), M(te, {
+          key: 0,
+          src: s.group?.image
+        }, null, 8, ["src"])) : T("", !0),
+        d("div", lt, [
+          d("div", null, b(s.group?.title || s.name), 1),
+          d("div", null, b(s.group?.text), 1)
+        ])
+      ]),
+      k(oe, { showed: i.value }, {
+        default: P(() => [
+          d("ul", null, [
+            (u(!0), g(S, null, Q(s.group.list, (e) => (u(), M(we, {
+              key: e.id,
+              notification: e,
+              "show-buttons": !0
+            }, null, 8, ["notification"]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["showed"])
+    ], 2));
+  }
+}), at = /* @__PURE__ */ _(st, [["__scopeId", "data-v-36c3285a"]]), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AnimationHeight: oe,
+  Button: ve,
+  Dialog: Xe,
+  Image: te,
+  Input: Ie,
+  NotificationCard: we,
+  NotificationGroup: at,
+  Popover: ge,
+  Select: Fe,
+  Skeleton: ye,
+  Tooltip: Je
+}, Symbol.toStringTag, { value: "Module" })), ut = {
+  install(o) {
+    for (const i in pe)
+      o.component(i, pe[i]);
+  }
+};
+export {
+  oe as AnimationHeight,
+  ve as Button,
+  Xe as Dialog,
+  te as Image,
+  Ie as Input,
+  we as NotificationCard,
+  at as NotificationGroup,
+  ge as Popover,
+  Fe as Select,
+  ye as Skeleton,
+  Je as Tooltip,
+  ut as default
+};