@heito/hxui 1.0.11 → 1.0.13

package/dist/index.es.js

@@ -1,5 +1,5 @@
-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({
+import { defineComponent as $, createElementBlock as c, openBlock as r, normalizeClass as I, renderSlot as g, mergeModels as R, useSlots as Q, useModel as Y, withDirectives as O, createElementVNode as u, vModelDynamic as we, ref as B, computed as L, onUnmounted as te, Fragment as M, createBlock as E, Teleport as oe, createVNode as b, Transition as G, withCtx as P, normalizeStyle as A, vShow as U, nextTick as ke, createCommentVNode as T, toDisplayString as k, h as J, renderList as K, mergeProps as Ce, withModifiers as j, unref as x, createTextVNode as de, watch as Be, onMounted as me, vModelCheckbox as Pe, vModelRadio as Ie } from "vue";
+const Me = ["disabled"], Se = /* @__PURE__ */ $({
   __name: "Button",
   props: {
     variant: { default: "default" },
@@ -10,24 +10,30 @@ const Be = ["disabled"], Pe = /* @__PURE__ */ C({
       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))
+  setup(o, { emit: t }) {
+    const s = t;
+    return (n, e) => (r(), c("button", {
+      class: I(["ui-button", n.variant]),
+      disabled: n.disabled,
+      onClick: e[0] || (e[0] = (i) => s("click", i))
     }, [
-      w(t.$slots, "default", {}, void 0, !0)
-    ], 10, Be));
+      g(n.$slots, "default", {}, void 0, !0)
+    ], 10, Me));
   }
-}), _ = (o, i) => {
+}), y = (o, t) => {
   const s = o.__vccOpts || o;
-  for (const [t, e] of i)
-    s[t] = e;
+  for (const [n, e] of t)
+    s[n] = e;
   return s;
-}, ve = /* @__PURE__ */ _(Pe, [["__scopeId", "data-v-33152a56"]]), Oe = ["type", "placeholder", "min", "max", "maxlength"], Se = /* @__PURE__ */ C({
+}, he = /* @__PURE__ */ y(Se, [["__scopeId", "data-v-7bc0dcbf"]]), Oe = {}, Ee = { class: "ui-button-group" };
+function Le(o, t) {
+  return r(), c("div", Ee, [
+    g(o.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const Te = /* @__PURE__ */ y(Oe, [["render", Le], ["__scopeId", "data-v-1da6d370"]]), Ve = ["type", "placeholder", "min", "max", "maxlength"], Ne = /* @__PURE__ */ $({
   __name: "Input",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ R({
     type: { default: "text" },
     disabled: { type: Boolean },
     placeholder: {},
@@ -37,7 +43,7 @@ const Be = ["disabled"], Pe = /* @__PURE__ */ C({
     value: {},
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ K({
+  emits: /* @__PURE__ */ R({
     input(o) {
       return o;
     },
@@ -51,33 +57,33 @@ const Be = ["disabled"], Pe = /* @__PURE__ */ C({
       return o;
     }
   }, ["update:value"]),
-  setup(o, { emit: i }) {
-    J();
-    const s = ce(o, "value", {
+  setup(o, { emit: t }) {
+    Q();
+    const s = Y(o, "value", {
       set(e) {
         return e;
       }
-    }), t = i;
-    return (e, n) => (u(), g("label", {
-      class: O(["ui-input", e.type])
+    }), n = t;
+    return (e, i) => (r(), c("label", {
+      class: I(["ui-input", e.type])
     }, [
-      A(d("input", {
+      O(u("input", {
         type: e.type,
-        "onUpdate:modelValue": n[0] || (n[0] = (l) => s.value = l),
+        "onUpdate:modelValue": i[0] || (i[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]
+        onInput: i[1] || (i[1] = (l) => n("input", l)),
+        onChange: i[2] || (i[2] = (l) => n("change", l)),
+        onFocus: i[3] || (i[3] = (l) => n("focus", l)),
+        onBlur: i[4] || (i[4] = (l) => n("blur", l))
+      }, null, 40, Ve), [
+        [we, s.value]
       ])
     ], 2));
   }
-}), Ie = /* @__PURE__ */ _(Se, [["__scopeId", "data-v-2f67079f"]]), Me = /* @__PURE__ */ C({
+}), He = /* @__PURE__ */ y(Ne, [["__scopeId", "data-v-55829ca6"]]), Ae = /* @__PURE__ */ $({
   __name: "Popover",
   props: {
     side: { default: () => "bottom" },
@@ -88,69 +94,69 @@ const Be = ["disabled"], Pe = /* @__PURE__ */ C({
     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;
+  setup(o, { emit: t }) {
+    Q();
+    const s = t, n = o, e = B(!1), i = B(null), l = L(() => {
+      const m = typeof n.side == "string" ? [n.side, "center"] : n.side;
+      return i.value !== null && (m[0] = i.value), m;
     });
-    let r = null, f = null, m = null;
-    function $(v) {
-      e.value = !0, r = v, s("show");
+    let d = null, v = null, _ = null;
+    function C(m) {
+      e.value = !0, d = m, s("show");
     }
     function p() {
-      e.value = !1, r = null, s("hide");
+      e.value = !1, d = null, s("hide");
     }
-    function c(v) {
-      e.value ? p() : $(v);
+    function f(m) {
+      e.value ? p() : C(m);
     }
-    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 a(m, w) {
+      if (!m || !w) return;
+      const { width: N, height: z, x: ee, y: F, top: W, left: H, right: q, bottom: Z } = m?.getBoundingClientRect(), { width: le, height: ae } = w?.getBoundingClientRect(), [X] = l.value, [re, ue] = typeof n.collisionPadding == "number" ? [n.collisionPadding, n.collisionPadding] : n.collisionPadding;
+      i.value = null, X === "top" && W - ae - ue < 0 ? i.value = "bottom" : X === "left" && H - le - re < 0 ? i.value = "right" : X === "bottom" && ae + Z > window.innerHeight ? i.value = "top" : X === "right" && le + q > window.innerWidth && (i.value = "left"), w.style.setProperty("--gap-h", `${re}px`), w.style.setProperty("--gap-v", `${ue}px`), w.style.setProperty("--target-width", `${N}px`), w.style.setProperty("--target-height", `${z}px`), w.style.setProperty("--target-x", `${ee}px`), w.style.setProperty("--target-y", `${F}px`);
     }
     function h() {
-      f && document.removeEventListener("scroll", f), m && document.removeEventListener("click", m), f = null, m = null;
+      v && document.removeEventListener("scroll", v), _ && document.removeEventListener("click", _), v = null, _ = 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 S(m) {
+      if (!d) return;
+      const w = d?.currentTarget;
+      v = () => {
+        !e.value || !w || a(w, m);
+      }, _ = (N) => {
+        !n?.closeOnClickOutside || (N.composedPath?.() || N.path)?.includes(m) || p();
+      }, document.addEventListener("scroll", v, { capture: !0, passive: !0 }), ke(() => {
+        a(w, m), setTimeout(() => _ && document.addEventListener("click", _), 10);
       });
     }
-    function L() {
-      h(), r = null, n.value = null;
+    function V() {
+      h(), d = null, i.value = null;
     }
-    return fe(() => {
-      L();
-    }), (v, y) => (u(), g(S, null, [
-      w(v.$slots, "default", {
-        show: $,
+    return te(() => {
+      V();
+    }), (m, w) => (r(), c(M, null, [
+      g(m.$slots, "default", {
+        show: C,
         hide: p,
-        toggle: c,
+        toggle: f,
         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
+      (r(), E(oe, { to: "body" }, [
+        b(G, {
+          name: typeof m.transition == "string" ? m.transition : m.transition?.name,
+          onBeforeEnter: S,
+          onAfterLeave: V
         }, {
           default: P(() => [
-            A(d("div", {
-              class: O(["ui-popover", ...l.value, { fixed: v.fixed }]),
+            O(u("div", {
+              class: I(["ui-popover", ...l.value, { fixed: m.fixed }]),
               role: "dialog",
               "aria-modal": "true",
-              style: D(v.style)
+              style: A(m.style)
             }, [
-              w(v.$slots, "content", {}, void 0, !0)
+              g(m.$slots, "content", {}, void 0, !0)
             ], 6), [
-              [j, e.value]
+              [U, e.value]
             ])
           ]),
           _: 3
@@ -158,41 +164,41 @@ const Be = ["disabled"], Pe = /* @__PURE__ */ C({
       ]))
     ], 64));
   }
-}), ge = /* @__PURE__ */ _(Me, [["__scopeId", "data-v-c4802e87"]]), Ee = { key: 0 }, Te = { key: 1 }, Le = /* @__PURE__ */ C({
+}), ge = /* @__PURE__ */ y(Ae, [["__scopeId", "data-v-c4802e87"]]), De = { key: 0 }, Re = { key: 1 }, Ue = /* @__PURE__ */ $({
   __name: "SelectOption",
   props: {
     option: {}
   },
   emits: {
-    click(o, i) {
-      return { event: o, option: i };
+    click(o, t) {
+      return { event: o, option: t };
     }
   },
-  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);
+  setup(o, { emit: t }) {
+    const s = t, n = o;
+    function e(i) {
+      n?.option?.type !== "option" || n?.option?.disabled === !0 || s("click", i, n.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 }]),
+    return (i, l) => (r(), c("div", {
+      class: I(["option", !i.option?.type || i.option?.type === "option" ? "default" : i.option?.type, { disabled: i.option?.type === "option" && i.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)
+      i.option?.type === "option" ? (r(), c("div", De, [
+        u("div", null, k(i.option?.label || i.option?.value), 1),
+        u("div", null, k(i.option?.text), 1)
+      ])) : i.option?.type === "label" ? (r(), c("span", Re, k(i.option?.value), 1)) : i.option?.type === "separator" ? (r(), c(M, { key: 2 }, [], 64)) : T("", !0)
     ], 2));
   }
-}), re = /* @__PURE__ */ _(Le, [["__scopeId", "data-v-1fea3155"]]);
+}), ce = /* @__PURE__ */ y(Ue, [["__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")
+const je = (o) => {
+  for (const t in o)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
   return !1;
 };
@@ -202,30 +208,30 @@ const Ne = (o) => {
  * 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 === "";
+const pe = (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();
+const Ge = (...o) => o.filter((t, s, n) => !!t && t.trim() !== "" && n.indexOf(t) === 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();
+const fe = (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(
+const ze = (o) => o.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (i, s, t) => t ? t.toUpperCase() : s.toLowerCase()
+  (t, s, n) => n ? n.toUpperCase() : s.toLowerCase()
 );
 /**
  * @license lucide-vue-next v0.577.0 - ISC
@@ -233,9 +239,9 @@ const Ae = (o) => o.replace(
  * 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);
+const Fe = (o) => {
+  const t = ze(o);
+  return t.charAt(0).toUpperCase() + t.slice(1);
 };
 /**
  * @license lucide-vue-next v0.577.0 - ISC
@@ -243,7 +249,7 @@ const De = (o) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var V = {
+var D = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -260,33 +266,33 @@ var V = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ve = ({
+const We = ({
   name: o,
-  iconNode: i,
+  iconNode: t,
   absoluteStrokeWidth: s,
-  "absolute-stroke-width": t,
+  "absolute-stroke-width": n,
   strokeWidth: e,
-  "stroke-width": n,
-  size: l = V.width,
-  color: r = V.stroke,
-  ...f
-}, { slots: m }) => q(
+  "stroke-width": i,
+  size: l = D.width,
+  color: d = D.stroke,
+  ...v
+}, { slots: _ }) => J(
   "svg",
   {
-    ...V,
-    ...f,
+    ...D,
+    ...v,
     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(
+    stroke: d,
+    "stroke-width": pe(s) || pe(n) || s === !0 || n === !0 ? Number(e || i || D["stroke-width"]) * 24 / Number(l) : e || i || D["stroke-width"],
+    class: Ge(
       "lucide",
-      f.class,
-      ...o ? [`lucide-${de(De(o))}-icon`, `lucide-${de(o)}`] : ["lucide-icon"]
+      v.class,
+      ...o ? [`lucide-${fe(Fe(o))}-icon`, `lucide-${fe(o)}`] : ["lucide-icon"]
     ),
-    ...!m.default && !Ne(f) && { "aria-hidden": "true" }
+    ...!_.default && !je(v) && { "aria-hidden": "true" }
   },
-  [...i.map(($) => q(...$)), ...m.default ? [m.default()] : []]
+  [...t.map((C) => J(...C)), ..._.default ? [_.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.577.0 - ISC
@@ -294,15 +300,15 @@ const Ve = ({
  * 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,
+const ne = (o, t) => (s, { slots: n, attrs: e }) => J(
+  We,
   {
     ...e,
     ...s,
-    iconNode: i,
+    iconNode: t,
     name: o
   },
-  t
+  n
 );
 /**
  * @license lucide-vue-next v0.577.0 - ISC
@@ -310,7 +316,16 @@ const he = (o, i) => (s, { slots: t, attrs: e }) => q(
  * 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", [
+const qe = ne("chevron-right", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+/**
+ * @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 Ze = ne("chevrons-up-down", [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ]);
@@ -320,10 +335,10 @@ const je = he("chevrons-up-down", [
  * 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", [
+const ye = ne("x", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), ze = { class: "options" }, Ue = /* @__PURE__ */ C({
+]), Xe = { class: "options" }, Je = /* @__PURE__ */ $({
   __name: "Select",
   props: {
     value: { type: [String, Number, Boolean] },
@@ -337,57 +352,57 @@ const me = he("x", [
       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 }) => ({
+  setup(o, { emit: t }) {
+    const s = t, n = o, e = B(169), i = B(n?.value), l = L(
+      () => n.options?.map(({ type: p, ...f }) => ({
         type: p ?? "option",
-        ...c
+        ...f
       })) ?? []
-    ), r = E(
-      () => l.value.find((p) => p.type === "option" && p.value === n.value) ?? null
+    ), d = L(
+      () => l.value.find((p) => p.type === "option" && p.value === i.value) ?? null
     );
-    let f;
-    function m(p) {
-      p.type === "option" && (n.value = p?.value, s("select", p), f && f());
+    let v;
+    function _(p) {
+      p.type === "option" && (i.value = p?.value, s("select", p), v && v());
     }
-    function $(p, c) {
+    function C(p, f) {
       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));
+      a && (f(p), v = () => f(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 }])
+    return (p, f) => (r(), c("div", {
+      class: I(["ui-select", { selected: !!d.value }])
     }, [
-      k(ge, {
+      b(ge, {
         side: p.side,
-        style: D({ width: `${e.value}px` })
+        style: A({ width: `${e.value}px` })
       }, {
         default: P(({ toggle: a }) => [
-          k(ve, {
+          b(he, {
             variant: "outline",
             disabled: p.disabled,
-            onClick: z((h) => $(h, a), ["prevent", "stop"])
+            onClick: j((h) => C(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" } })
+              u("span", null, k(d.value ? d.value?.label || d.value?.value : p.placeholder), 1),
+              b(x(Ze), { 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, {
+          u("div", Xe, [
+            (r(!0), c(M, null, K(l.value, (a, h) => (r(), c(M, { key: h }, [
+              a?.type === "label" || a?.type === "separator" || a.type === "option" && a?.useDefaultStyle === !0 ? (r(), E(ce, {
                 key: 0,
                 option: a,
-                onClick: (I) => m(a)
-              }, null, 8, ["option", "onClick"])) : w(p.$slots, "option", be({
+                onClick: (S) => _(a)
+              }, null, 8, ["option", "onClick"])) : g(p.$slots, "option", Ce({
                 key: 1,
                 ref_for: !0
-              }, { option: a, index: h, select: () => m(a) }), () => [
-                k(re, {
+              }, { option: a, index: h, select: () => _(a) }), () => [
+                b(ce, {
                   option: a,
-                  onClick: (I) => m(a)
+                  onClick: (S) => _(a)
                 }, null, 8, ["option", "onClick"])
               ], !0)
             ], 64))), 128))
@@ -397,10 +412,10 @@ const me = he("x", [
       }, 8, ["side", "style"])
     ], 2));
   }
-}), Fe = /* @__PURE__ */ _(Ue, [["__scopeId", "data-v-760682cb"]]), Ge = {
+}), Qe = /* @__PURE__ */ y(Je, [["__scopeId", "data-v-6b3cdfba"]]), Ye = {
   key: 0,
   class: "header"
-}, Re = { class: "buttons" }, We = ["onClick"], Ze = /* @__PURE__ */ C({
+}, Ke = { class: "buttons" }, xe = ["onClick"], et = /* @__PURE__ */ $({
   __name: "Dialog",
   props: {
     title: {},
@@ -413,74 +428,74 @@ const me = he("x", [
     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);
+  setup(o, { emit: t }) {
+    const s = Q(), n = t, e = o, i = B(!1), l = L(() => typeof e.side == "string" ? [e.side, "center"] : e.side), d = L(() => typeof e.collisionPadding == "number" ? [e.collisionPadding, e.collisionPadding] : e.collisionPadding), v = L(() => !!e.title || !!e.description || !!s.title || !!s.description);
+    function _(a) {
+      i.value = a, n("update:open", a);
     }
-    function $(a) {
-      m(!0), t("show");
+    function C(a) {
+      _(!0), n("show");
     }
     function p() {
-      m(!1), t("hide");
+      _(!1), n("hide");
     }
-    function c(a) {
-      n.value ? p() : $();
+    function f(a) {
+      i.value ? p() : C();
     }
-    return (a, h) => (u(), g(S, null, [
-      w(a.$slots, "default", {
-        show: $,
+    return (a, h) => (r(), c(M, null, [
+      g(a.$slots, "default", {
+        show: C,
         hide: p,
-        toggle: c,
-        isOpened: n.value
+        toggle: f,
+        isOpened: i.value
       }, void 0, !0),
-      (u(), M(x, { to: "body" }, [
-        k(U, {
+      (r(), E(oe, { to: "body" }, [
+        b(G, {
           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" })
+            O(u("div", {
+              class: I(["dialog", ...l.value]),
+              style: A({ "--gap-v": d.value[0] + "px", "--gap-h": d.value[1] + "px" })
             }, [
-              d("div", {
+              u("div", {
                 class: "background",
-                onClick: h[0] || (h[0] = z((I) => a.closeOnClickOutside && p(), ["prevent", "stop"]))
+                onClick: h[0] || (h[0] = j((S) => a.closeOnClickOutside && p(), ["prevent", "stop"]))
               }),
-              d("div", {
+              u("div", {
                 class: "content",
-                style: D(a.style)
+                style: A(a.style)
               }, [
-                f.value ? (u(), g("div", Ge, [
-                  d("h2", null, [
-                    w(a.$slots, "title", {}, () => [
-                      ae(b(a.title), 1)
+                v.value ? (r(), c("div", Ye, [
+                  u("h2", null, [
+                    g(a.$slots, "title", {}, () => [
+                      de(k(a.title), 1)
                     ], !0)
                   ]),
-                  d("p", null, [
-                    w(a.$slots, "description", {}, () => [
-                      ae(b(a.description), 1)
+                  u("p", null, [
+                    g(a.$slots, "description", {}, () => [
+                      de(k(a.description), 1)
                     ], !0)
                   ])
                 ])) : T("", !0),
-                w(a.$slots, "content", {
-                  show: $,
+                g(a.$slots, "content", {
+                  show: C,
                   hide: p,
-                  toggle: c,
-                  isOpened: n.value
+                  toggle: f,
+                  isOpened: i.value
                 }, void 0, !0),
-                d("div", Re, [
-                  d("div", { onClick: p }, [
-                    k(ee(me), { size: 16 })
+                u("div", Ke, [
+                  u("div", { onClick: p }, [
+                    b(x(ye), { 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))
+                  (r(!0), c(M, null, K(a.buttons, (S, V) => (r(), c("div", {
+                    key: V,
+                    onClick: j((m) => S?.click?.(m), ["prevent", "stop"])
+                  }, null, 8, xe))), 128))
                 ])
               ], 4)
             ], 6), [
-              [j, n.value]
+              [U, i.value]
             ])
           ]),
           _: 3
@@ -488,9 +503,9 @@ const me = he("x", [
       ]))
     ], 64));
   }
-}), Xe = /* @__PURE__ */ _(Ze, [["__scopeId", "data-v-ad7af199"]]), qe = /* @__PURE__ */ C({
+}), tt = /* @__PURE__ */ y(et, [["__scopeId", "data-v-ad7af199"]]), ot = /* @__PURE__ */ $({
   __name: "Tooltip",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ R({
     side: { default: () => "top" },
     collisionPadding: { default: () => 8 },
     delay: { default: 100 }
@@ -500,58 +515,58 @@ const me = he("x", [
   }),
   emits: ["update:open"],
   setup(o) {
-    const i = J(), s = ce(o, "open");
+    const t = Q(), s = Y(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;
+    const n = o, e = B(null), i = L(() => {
+      const f = typeof n.side == "string" ? [n.side, "center"] : n.side;
+      return e.value !== null && (f[0] = e.value), f;
     });
-    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`);
+    let l = null, d = null;
+    function v(f) {
+      if (!f || !d) return;
+      const a = d.target, { width: h, height: S, x: V, y: m, top: w, left: N, right: z, bottom: ee } = a?.getBoundingClientRect(), { width: F, height: W } = f?.getBoundingClientRect(), [H] = i.value, [q, Z] = typeof n.collisionPadding == "number" ? [n.collisionPadding, n.collisionPadding] : n.collisionPadding;
+      H === "top" && w - W - Z < 0 ? e.value = "bottom" : H === "left" && N - F - q < 0 ? e.value = "right" : H === "bottom" && W + ee > window.innerHeight ? e.value = "top" : H === "right" && F + z > window.innerWidth && (e.value = "left"), f.style.setProperty("--gap-h", `${q}px`), f.style.setProperty("--gap-v", `${Z}px`), f.style.setProperty("--target-width", `${h}px`), f.style.setProperty("--target-height", `${S}px`), f.style.setProperty("--target-x", `${V}px`), f.style.setProperty("--target-y", `${m}px`);
     }
-    function m(c) {
-      l && clearTimeout(l), r = c, l = setTimeout(() => {
+    function _(f) {
+      l && clearTimeout(l), d = f, l = setTimeout(() => {
         s.value = !0;
-      }, t.delay);
+      }, n.delay);
     }
-    const $ = () => {
-      l && (clearTimeout(l), l = null), r = null, s.value = !1;
+    const C = () => {
+      l && (clearTimeout(l), l = null), d = null, s.value = !1;
     };
     function p() {
-      return (i.trigger?.() || []).map((a) => q(a.type, {
+      return (t.trigger?.() || []).map((a) => J(a.type, {
         ...a.props,
         onMouseenter(h) {
-          m(h), a.props?.onMouseenter?.(h);
+          _(h), a.props?.onMouseenter?.(h);
         },
         onMouseleave(h) {
-          $(), a.props?.onMouseleave?.(h);
+          C(), a.props?.onMouseleave?.(h);
         },
         onFocus(h) {
-          m(h), a.props?.onFocus?.(h);
+          _(h), a.props?.onFocus?.(h);
         },
         onBlur(h) {
-          $(), a.props?.onBlur?.(h);
+          C(), a.props?.onBlur?.(h);
         }
       }, a.children));
     }
-    return fe(() => {
+    return te(() => {
       l && clearTimeout(l);
-    }), (c, a) => (u(), g(S, null, [
-      k(p),
-      (u(), M(x, { to: "body" }, [
-        k(U, {
+    }), (f, a) => (r(), c(M, null, [
+      b(p),
+      (r(), E(oe, { to: "body" }, [
+        b(G, {
           name: "show",
-          onBeforeEnter: a[0] || (a[0] = (h) => f(h))
+          onBeforeEnter: a[0] || (a[0] = (h) => v(h))
         }, {
           default: P(() => [
-            s.value ? (u(), g("div", {
+            s.value ? (r(), c("div", {
               key: 0,
-              class: O(["tooltip", ...n.value])
+              class: I(["tooltip", ...i.value])
             }, [
-              w(c.$slots, "default", {}, void 0, !0)
+              g(f.$slots, "default", {}, void 0, !0)
             ], 2)) : T("", !0)
           ]),
           _: 3
@@ -559,7 +574,7 @@ const me = he("x", [
       ]))
     ], 64));
   }
-}), Je = /* @__PURE__ */ _(qe, [["__scopeId", "data-v-bccd013d"]]), Qe = /* @__PURE__ */ C({
+}), nt = /* @__PURE__ */ y(ot, [["__scopeId", "data-v-bccd013d"]]), st = /* @__PURE__ */ $({
   __name: "Skeleton",
   props: {
     ready: { type: Boolean, default: !1 },
@@ -567,54 +582,92 @@ const me = he("x", [
     h: { default: "16px" }
   },
   setup(o) {
-    return (i, s) => i.ready ? w(i.$slots, "default", { key: 0 }, void 0, !0) : (u(), g("div", {
+    return (t, s) => t.ready ? g(t.$slots, "default", { key: 0 }, void 0, !0) : (r(), c("div", {
       key: 1,
       class: "ui-skeleton",
-      style: D({ "--w": i.w, "--h": i.h })
+      style: A({ "--w": t.w, "--h": t.h })
     }, [
-      s[0] || (s[0] = d("div", null, null, -1)),
-      w(i.$slots, "content", {}, void 0, !0)
+      s[0] || (s[0] = u("div", null, null, -1)),
+      g(t.$slots, "content", {}, void 0, !0)
     ], 4));
   }
-}), ye = /* @__PURE__ */ _(Qe, [["__scopeId", "data-v-3b7cd939"]]), Ye = ["src", "alt"], Ke = /* @__PURE__ */ C({
+}), _e = /* @__PURE__ */ y(st, [["__scopeId", "data-v-3b7cd939"]]), it = ["src", "alt"], lt = /* @__PURE__ */ $({
   __name: "Image",
   props: {
     src: {},
     alt: {}
   },
   setup(o) {
-    const i = o, s = B("loading");
-    Ce(() => i.src, () => t());
-    function t() {
+    const t = o, s = B("loading");
+    Be(() => t.src, () => n());
+    function n() {
       const e = new Image();
       s.value = "loading", e.onload = () => {
         s.value = "ready";
       }, e.onerror = () => {
         s.value = "error";
-      }, e.src = i.src;
+      }, e.src = t.src;
     }
-    return _e(() => t()), (e, n) => (u(), g(S, null, [
-      k(U, { name: "fade" }, {
+    return me(() => n()), (e, i) => (r(), c(M, null, [
+      b(G, { name: "fade" }, {
         default: P(() => [
-          A(d("img", {
+          O(u("img", {
             class: "ui-image",
             src: e.src,
             alt: e.alt
-          }, null, 8, Ye), [
-            [j, s.value === "ready"]
+          }, null, 8, it), [
+            [U, s.value === "ready"]
           ])
         ]),
         _: 1
       }),
-      A(k(ye, {
+      O(b(_e, {
         class: "ui-image",
         ready: !1
       }, null, 512), [
-        [j, s.value !== "ready"]
+        [U, s.value !== "ready"]
       ])
     ], 64));
   }
-}), te = /* @__PURE__ */ _(Ke, [["__scopeId", "data-v-9ea0741f"]]), xe = /* @__PURE__ */ C({
+}), se = /* @__PURE__ */ y(lt, [["__scopeId", "data-v-9ea0741f"]]), at = {}, rt = { class: "ui-label" };
+function ut(o, t) {
+  return r(), c("p", rt, [
+    g(o.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const dt = /* @__PURE__ */ y(at, [["render", ut], ["__scopeId", "data-v-867cfe79"]]), ct = { class: "ui-checkbox" }, pt = ["name", "value"], ft = { class: "content" }, vt = /* @__PURE__ */ $({
+  __name: "Checkbox",
+  props: /* @__PURE__ */ R({
+    label: {},
+    name: {},
+    value: { type: [String, Number, Boolean], default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const t = Y(o, "modelValue");
+    return (s, n) => (r(), c("label", ct, [
+      O(u("input", {
+        type: "checkbox",
+        name: s.name,
+        value: s.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (e) => t.value = e)
+      }, null, 8, pt), [
+        [Pe, t.value]
+      ]),
+      n[1] || (n[1] = u("div", null, [
+        u("div")
+      ], -1)),
+      u("div", ft, [
+        g(s.$slots, "default", {}, () => [
+          u("span", null, k(s.label), 1)
+        ], !0)
+      ])
+    ]));
+  }
+}), mt = /* @__PURE__ */ y(vt, [["__scopeId", "data-v-8c903541"]]), ht = /* @__PURE__ */ $({
   __name: "Height",
   props: {
     showed: { type: Boolean },
@@ -622,42 +675,42 @@ const me = he("x", [
     duration: { type: Number, default: 0.3 }
   },
   setup(o) {
-    const i = o, s = B({
-      "--opacity": i.opacity ? 0 : 1,
-      "--duration": (i.duration || 0.3) + "s"
+    const t = o, s = B({
+      "--opacity": t.opacity ? 0 : 1,
+      "--duration": (t.duration || 0.3) + "s"
     });
-    function t(l) {
+    function n(l) {
       l.style.height = "auto";
-      const { height: r } = window.getComputedStyle(l);
-      l.style.height = "0px", l.offsetHeight, l.style.height = r;
+      const { height: d } = window.getComputedStyle(l);
+      l.style.height = "0px", l.offsetHeight, l.style.height = d;
     }
     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";
+    function i(l) {
+      const { height: d } = window.getComputedStyle(l);
+      l.style.height = d, l.offsetHeight, l.style.height = "0px";
     }
-    return (l, r) => (u(), M(U, {
+    return (l, d) => (r(), E(G, {
       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))
+      onEnter: d[0] || (d[0] = (v) => n(v)),
+      onAfterEnter: d[1] || (d[1] = (v) => e(v)),
+      onLeave: d[2] || (d[2] = (v) => i(v)),
+      onAfterLeave: d[3] || (d[3] = (v) => e(v))
     }, {
       default: P(() => [
-        o.showed ? (u(), g("div", {
+        o.showed ? (r(), c("div", {
           key: 0,
           class: "height-content",
-          style: D(s.value)
+          style: A(s.value)
         }, [
-          w(l.$slots, "default", {}, void 0, !0)
+          g(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({
+}), ie = /* @__PURE__ */ y(ht, [["__scopeId", "data-v-925752b4"]]), gt = { class: "content" }, yt = { class: "buttons" }, _t = ["onClick"], $t = { class: "options" }, bt = /* @__PURE__ */ $({
   __name: "Notification",
   props: {
     notification: {},
@@ -668,87 +721,87 @@ const me = he("x", [
     hide() {
     }
   },
-  setup(o, { emit: i }) {
-    const s = i, t = B(!1);
-    return (e, n) => (u(), g("div", {
-      class: O(["notification", { hide: t.value }])
+  setup(o, { emit: t }) {
+    const s = t, n = B(!1);
+    return (e, i) => (r(), c("div", {
+      class: I(["notification", { hide: n.value }])
     }, [
-      w(e.$slots, "before", {}, void 0, !0),
-      d("header", null, [
-        e.notification?.icon || e.notification?.image ? (u(), g("div", {
+      g(e.$slots, "before", {}, void 0, !0),
+      u("header", null, [
+        e.notification?.icon || e.notification?.image ? (r(), c("div", {
           key: 0,
-          class: O(["i", {
+          class: I(["i", {
             image: e.notification?.image,
             icon: e.notification?.icon
           }])
         }, [
-          e.notification?.image ? (u(), M(te, {
+          e.notification?.image ? (r(), E(se, {
             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)
+        u("div", gt, [
+          u("div", null, k(e.notification?.title), 1),
+          u("div", null, k(e.notification?.text), 1)
         ])
       ]),
-      k(oe, {
+      b(ie, {
         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", {
+          u("ul", yt, [
+            (r(!0), c(M, null, K(e.notification?.buttons, (l) => (r(), c("li", {
               key: l?.label,
-              onClick: z((r) => l?.click ? l?.click(r) : null, ["stop", "prevent"])
+              onClick: j((d) => l?.click ? l?.click(d) : null, ["stop", "prevent"])
             }, [
-              d("div", null, [
-                d("div", null, b(l?.label), 1),
-                d("div", null, b(l?.text), 1)
+              u("div", null, [
+                u("div", null, k(l?.label), 1),
+                u("div", null, k(l?.text), 1)
               ])
-            ], 8, ot))), 128))
+            ], 8, _t))), 128))
           ])
         ]),
         _: 1
       }, 8, ["showed"]),
-      A(d("ul", nt, [
-        d("li", {
-          onClick: n[0] || (n[0] = z((l) => s("hide"), ["stop", "prevent"]))
+      O(u("ul", $t, [
+        u("li", {
+          onClick: i[0] || (i[0] = j((l) => s("hide"), ["stop", "prevent"]))
         }, [
-          k(ee(me))
+          b(x(ye))
         ])
       ], 512), [
-        [j, e.showOptions && e.notification?.mode === "fixed"]
+        [U, e.showOptions && e.notification?.mode === "fixed"]
       ]),
-      w(e.$slots, "default", {}, void 0, !0)
+      g(e.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), we = /* @__PURE__ */ _(it, [["__scopeId", "data-v-1e6c986c"]]), lt = { class: "content" }, st = /* @__PURE__ */ C({
+}), $e = /* @__PURE__ */ y(bt, [["__scopeId", "data-v-1e6c986c"]]), wt = { class: "content" }, kt = /* @__PURE__ */ $({
   __name: "Group",
   props: {
     name: {},
     group: {}
   },
   setup(o) {
-    const i = B(!1);
-    return (s, t) => (u(), g("div", {
-      class: O(["group", { active: i.value }])
+    const t = B(!1);
+    return (s, n) => (r(), c("div", {
+      class: I(["group", { active: t.value }])
     }, [
-      d("header", {
-        onClick: t[0] || (t[0] = (e) => i.value = !i.value)
+      u("header", {
+        onClick: n[0] || (n[0] = (e) => t.value = !t.value)
       }, [
-        s.group?.image ? (u(), M(te, {
+        s.group?.image ? (r(), E(se, {
           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)
+        u("div", wt, [
+          u("div", null, k(s.group?.title || s.name), 1),
+          u("div", null, k(s.group?.text), 1)
         ])
       ]),
-      k(oe, { showed: i.value }, {
+      b(ie, { showed: t.value }, {
         default: P(() => [
-          d("ul", null, [
-            (u(!0), g(S, null, Q(s.group.list, (e) => (u(), M(we, {
+          u("ul", null, [
+            (r(!0), c(M, null, K(s.group.list, (e) => (r(), E($e, {
               key: e.id,
               notification: e,
               "show-buttons": !0
@@ -759,36 +812,157 @@ const me = he("x", [
       }, 8, ["showed"])
     ], 2));
   }
-}), at = /* @__PURE__ */ _(st, [["__scopeId", "data-v-36c3285a"]]), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ct = /* @__PURE__ */ y(kt, [["__scopeId", "data-v-36c3285a"]]), Bt = { class: "ui-menu" }, Pt = /* @__PURE__ */ $({
+  __name: "Menu",
+  props: {
+    options: {}
+  },
+  setup(o) {
+    return (t, s) => (r(), c("div", Bt, [
+      g(t.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), It = /* @__PURE__ */ y(Pt, [["__scopeId", "data-v-d2b5a4ab"]]), Mt = ["disabled"], St = /* @__PURE__ */ $({
+  __name: "MenuButton",
+  props: {
+    disabled: { type: Boolean }
+  },
+  setup(o) {
+    return (t, s) => (r(), c("button", {
+      class: "ui-menu-button",
+      disabled: t.disabled
+    }, [
+      g(t.$slots, "default", {}, void 0, !0)
+    ], 8, Mt));
+  }
+}), be = /* @__PURE__ */ y(St, [["__scopeId", "data-v-a57e93de"]]), Ot = {}, Et = { class: "ui-menu-label" };
+function Lt(o, t) {
+  return r(), c("div", Et, [
+    g(o.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const Tt = /* @__PURE__ */ y(Ot, [["render", Lt], ["__scopeId", "data-v-0943ad46"]]), Vt = { class: "children-menu" }, Nt = /* @__PURE__ */ $({
+  __name: "MenuChildren",
+  props: {
+    disabled: { type: Boolean },
+    options: {}
+  },
+  setup(o) {
+    const t = B();
+    let s = null, n = null;
+    return me(() => {
+      t?.value && (s = t.value.querySelector(".children-menu"), n = new IntersectionObserver((e) => {
+        e.forEach((i) => {
+          i.isIntersecting && window.getComputedStyle(i.target).display !== "none" ? console.log("🎉 Элемент появился!", (/* @__PURE__ */ new Date()).toLocaleTimeString()) : i.isIntersecting || console.log("👋 Элемент скрылся!", (/* @__PURE__ */ new Date()).toLocaleTimeString());
+        });
+      }, {
+        threshold: 0.01
+      }), n.observe(s));
+    }), te(() => {
+      s && n?.unobserve(s);
+    }), (e, i) => (r(), c("div", {
+      class: "ui-menu-children",
+      ref_key: "el",
+      ref: t
+    }, [
+      b(be, { disabled: e.disabled }, {
+        default: P(() => [
+          g(e.$slots, "default", {}, void 0, !0),
+          b(x(qe))
+        ]),
+        _: 3
+      }, 8, ["disabled"]),
+      u("div", Vt, [
+        g(e.$slots, "content", {}, void 0, !0)
+      ])
+    ], 512));
+  }
+}), Ht = /* @__PURE__ */ y(Nt, [["__scopeId", "data-v-4cbc307c"]]), At = {}, Dt = { class: "ui-menu-group" };
+function Rt(o, t) {
+  return r(), c("div", Dt);
+}
+const Ut = /* @__PURE__ */ y(At, [["render", Rt]]), jt = { class: "ui-menu-radio" }, Gt = ["name", "value"], zt = /* @__PURE__ */ $({
+  __name: "MenuRadio",
+  props: /* @__PURE__ */ R({
+    name: {},
+    label: {},
+    value: { type: [String, Number, Boolean] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const t = Y(o, "modelValue");
+    return (s, n) => (r(), c("label", jt, [
+      O(u("input", {
+        type: "radio",
+        name: s.name,
+        value: s.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (e) => t.value = e)
+      }, null, 8, Gt), [
+        [Ie, t.value]
+      ]),
+      n[1] || (n[1] = u("div", null, null, -1)),
+      g(s.$slots, "default", {}, () => [
+        u("span", null, k(s.label), 1)
+      ], !0)
+    ]));
+  }
+}), Ft = /* @__PURE__ */ y(zt, [["__scopeId", "data-v-9b285e77"]]), Wt = {}, qt = { class: "ui-menu-separator" };
+function Zt(o, t) {
+  return r(), c("div", qt);
+}
+const Xt = /* @__PURE__ */ y(Wt, [["render", Zt], ["__scopeId", "data-v-54378c73"]]), ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AnimationHeight: oe,
-  Button: ve,
-  Dialog: Xe,
-  Image: te,
-  Input: Ie,
-  NotificationCard: we,
-  NotificationGroup: at,
+  AnimationHeight: ie,
+  Button: he,
+  ButtonGroup: Te,
+  Checkbox: mt,
+  Dialog: tt,
+  Image: se,
+  Input: He,
+  Label: dt,
+  Menu: It,
+  MenuButton: be,
+  MenuChildren: Ht,
+  MenuGroup: Ut,
+  MenuLabel: Tt,
+  MenuRadio: Ft,
+  MenuSeparator: Xt,
+  NotificationCard: $e,
+  NotificationGroup: Ct,
   Popover: ge,
-  Select: Fe,
-  Skeleton: ye,
-  Tooltip: Je
-}, Symbol.toStringTag, { value: "Module" })), ut = {
+  Select: Qe,
+  Skeleton: _e,
+  Tooltip: nt
+}, Symbol.toStringTag, { value: "Module" })), Qt = {
   install(o) {
-    for (const i in pe)
-      o.component(i, pe[i]);
+    for (const t in ve)
+      o.component(t, ve[t]);
   }
 };
 export {
-  oe as AnimationHeight,
-  ve as Button,
-  Xe as Dialog,
-  te as Image,
-  Ie as Input,
-  we as NotificationCard,
-  at as NotificationGroup,
+  ie as AnimationHeight,
+  he as Button,
+  Te as ButtonGroup,
+  mt as Checkbox,
+  tt as Dialog,
+  se as Image,
+  He as Input,
+  dt as Label,
+  It as Menu,
+  be as MenuButton,
+  Ht as MenuChildren,
+  Ut as MenuGroup,
+  Tt as MenuLabel,
+  Ft as MenuRadio,
+  Xt as MenuSeparator,
+  $e as NotificationCard,
+  Ct as NotificationGroup,
   ge as Popover,
-  Fe as Select,
-  ye as Skeleton,
-  Je as Tooltip,
-  ut as default
+  Qe as Select,
+  _e as Skeleton,
+  nt as Tooltip,
+  Qt as default
 };