@oneb/ui-vue 0.2.25 → 0.2.27

package/dist/index-40a89478.js

@@ -1,1886 +0,0 @@
-import { d as mt, e as ht, _ as gt, r as vt, f as wt } from "./OneHelpMenu-1e8e1e45.js";
-import { defineComponent as ke, ref as V, watch as Ze, onBeforeUnmount as Qe, provide as yt, computed as P, openBlock as g, createElementBlock as w, createElementVNode as p, renderSlot as B, normalizeProps as me, guardReactiveProps as he, createBlock as ge, Teleport as xt, createCommentVNode as _, withDirectives as Se, normalizeClass as T, toDisplayString as L, vShow as bt, withCtx as ae, createVNode as _e, unref as q, normalizeStyle as ve, Fragment as I, renderList as J, onMounted as et, onUnmounted as kt, vModelText as je, mergeProps as fe, createTextVNode as We, nextTick as Le } from "vue";
-import { _ as tt } from "./_plugin-vue_export-helper-dad06003.js";
-import { _ as Ie } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
-const we = Math.min, Z = Math.max, ye = Math.round, pe = Math.floor, K = (e) => ({
-  x: e,
-  y: e
-}), Ct = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, At = {
-  start: "end",
-  end: "start"
-};
-function Ke(e, t, n) {
-  return Z(e, we(t, n));
-}
-function Ce(e, t) {
-  return typeof e == "function" ? e(t) : e;
-}
-function Q(e) {
-  return e.split("-")[0];
-}
-function Ae(e) {
-  return e.split("-")[1];
-}
-function nt(e) {
-  return e === "x" ? "y" : "x";
-}
-function ot(e) {
-  return e === "y" ? "height" : "width";
-}
-function oe(e) {
-  return ["top", "bottom"].includes(Q(e)) ? "y" : "x";
-}
-function st(e) {
-  return nt(oe(e));
-}
-function Ot(e, t, n) {
-  n === void 0 && (n = !1);
-  const o = Ae(e), s = st(e), r = ot(s);
-  let l = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (l = xe(l)), [l, xe(l)];
-}
-function Rt(e) {
-  const t = xe(e);
-  return [Te(e), t, Te(t)];
-}
-function Te(e) {
-  return e.replace(/start|end/g, (t) => At[t]);
-}
-function $t(e, t, n) {
-  const o = ["left", "right"], s = ["right", "left"], r = ["top", "bottom"], l = ["bottom", "top"];
-  switch (e) {
-    case "top":
-    case "bottom":
-      return n ? t ? s : o : t ? o : s;
-    case "left":
-    case "right":
-      return t ? r : l;
-    default:
-      return [];
-  }
-}
-function Mt(e, t, n, o) {
-  const s = Ae(e);
-  let r = $t(Q(e), n === "start", o);
-  return s && (r = r.map((l) => l + "-" + s), t && (r = r.concat(r.map(Te)))), r;
-}
-function xe(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Ct[t]);
-}
-function _t(e) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...e
-  };
-}
-function Lt(e) {
-  return typeof e != "number" ? _t(e) : {
-    top: e,
-    right: e,
-    bottom: e,
-    left: e
-  };
-}
-function be(e) {
-  const {
-    x: t,
-    y: n,
-    width: o,
-    height: s
-  } = e;
-  return {
-    width: o,
-    height: s,
-    top: n,
-    left: t,
-    right: t + o,
-    bottom: n + s,
-    x: t,
-    y: n
-  };
-}
-function ze(e, t, n) {
-  let {
-    reference: o,
-    floating: s
-  } = e;
-  const r = oe(t), l = st(t), i = ot(l), c = Q(t), u = r === "y", d = o.x + o.width / 2 - s.width / 2, h = o.y + o.height / 2 - s.height / 2, x = o[i] / 2 - s[i] / 2;
-  let v;
-  switch (c) {
-    case "top":
-      v = {
-        x: d,
-        y: o.y - s.height
-      };
-      break;
-    case "bottom":
-      v = {
-        x: d,
-        y: o.y + o.height
-      };
-      break;
-    case "right":
-      v = {
-        x: o.x + o.width,
-        y: h
-      };
-      break;
-    case "left":
-      v = {
-        x: o.x - s.width,
-        y: h
-      };
-      break;
-    default:
-      v = {
-        x: o.x,
-        y: o.y
-      };
-  }
-  switch (Ae(t)) {
-    case "start":
-      v[l] -= x * (n && u ? -1 : 1);
-      break;
-    case "end":
-      v[l] += x * (n && u ? -1 : 1);
-      break;
-  }
-  return v;
-}
-const Et = async (e, t, n) => {
-  const {
-    placement: o = "bottom",
-    strategy: s = "absolute",
-    middleware: r = [],
-    platform: l
-  } = n, i = r.filter(Boolean), c = await (l.isRTL == null ? void 0 : l.isRTL(t));
-  let u = await l.getElementRects({
-    reference: e,
-    floating: t,
-    strategy: s
-  }), {
-    x: d,
-    y: h
-  } = ze(u, o, c), x = o, v = {}, f = 0;
-  for (let b = 0; b < i.length; b++) {
-    const {
-      name: C,
-      fn: O
-    } = i[b], {
-      x: A,
-      y: $,
-      data: R,
-      reset: E
-    } = await O({
-      x: d,
-      y: h,
-      initialPlacement: o,
-      placement: x,
-      strategy: s,
-      middlewareData: v,
-      rects: u,
-      platform: l,
-      elements: {
-        reference: e,
-        floating: t
-      }
-    });
-    d = A ?? d, h = $ ?? h, v = {
-      ...v,
-      [C]: {
-        ...v[C],
-        ...R
-      }
-    }, E && f <= 50 && (f++, typeof E == "object" && (E.placement && (x = E.placement), E.rects && (u = E.rects === !0 ? await l.getElementRects({
-      reference: e,
-      floating: t,
-      strategy: s
-    }) : E.rects), {
-      x: d,
-      y: h
-    } = ze(u, x, c)), b = -1);
-  }
-  return {
-    x: d,
-    y: h,
-    placement: x,
-    strategy: s,
-    middlewareData: v
-  };
-};
-async function lt(e, t) {
-  var n;
-  t === void 0 && (t = {});
-  const {
-    x: o,
-    y: s,
-    platform: r,
-    rects: l,
-    elements: i,
-    strategy: c
-  } = e, {
-    boundary: u = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: h = "floating",
-    altBoundary: x = !1,
-    padding: v = 0
-  } = Ce(t, e), f = Lt(v), C = i[x ? h === "floating" ? "reference" : "floating" : h], O = be(await r.getClippingRect({
-    element: (n = await (r.isElement == null ? void 0 : r.isElement(C))) == null || n ? C : C.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
-    boundary: u,
-    rootBoundary: d,
-    strategy: c
-  })), A = h === "floating" ? {
-    x: o,
-    y: s,
-    width: l.floating.width,
-    height: l.floating.height
-  } : l.reference, $ = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), R = await (r.isElement == null ? void 0 : r.isElement($)) ? await (r.getScale == null ? void 0 : r.getScale($)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, E = be(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: i,
-    rect: A,
-    offsetParent: $,
-    strategy: c
-  }) : A);
-  return {
-    top: (O.top - E.top + f.top) / R.y,
-    bottom: (E.bottom - O.bottom + f.bottom) / R.y,
-    left: (O.left - E.left + f.left) / R.x,
-    right: (E.right - O.right + f.right) / R.x
-  };
-}
-const St = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "flip",
-    options: e,
-    async fn(t) {
-      var n, o;
-      const {
-        placement: s,
-        middlewareData: r,
-        rects: l,
-        initialPlacement: i,
-        platform: c,
-        elements: u
-      } = t, {
-        mainAxis: d = !0,
-        crossAxis: h = !0,
-        fallbackPlacements: x,
-        fallbackStrategy: v = "bestFit",
-        fallbackAxisSideDirection: f = "none",
-        flipAlignment: b = !0,
-        ...C
-      } = Ce(e, t);
-      if ((n = r.arrow) != null && n.alignmentOffset)
-        return {};
-      const O = Q(s), A = oe(i), $ = Q(i) === i, R = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), E = x || ($ || !b ? [xe(i)] : Rt(i)), D = f !== "none";
-      !x && D && E.push(...Mt(i, b, f, R));
-      const H = [i, ...E], te = await lt(t, C), X = [];
-      let G = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (d && X.push(te[O]), h) {
-        const U = Ot(s, l, R);
-        X.push(te[U[0]], te[U[1]]);
-      }
-      if (G = [...G, {
-        placement: s,
-        overflows: X
-      }], !X.every((U) => U <= 0)) {
-        var de, re;
-        const U = (((de = r.flip) == null ? void 0 : de.index) || 0) + 1, a = H[U];
-        if (a)
-          return {
-            data: {
-              index: U,
-              overflows: G
-            },
-            reset: {
-              placement: a
-            }
-          };
-        let m = (re = G.filter((k) => k.overflows[0] <= 0).sort((k, y) => k.overflows[1] - y.overflows[1])[0]) == null ? void 0 : re.placement;
-        if (!m)
-          switch (v) {
-            case "bestFit": {
-              var ie;
-              const k = (ie = G.filter((y) => {
-                if (D) {
-                  const S = oe(y.placement);
-                  return S === A || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  S === "y";
-                }
-                return !0;
-              }).map((y) => [y.placement, y.overflows.filter((S) => S > 0).reduce((S, M) => S + M, 0)]).sort((y, S) => y[1] - S[1])[0]) == null ? void 0 : ie[0];
-              k && (m = k);
-              break;
-            }
-            case "initialPlacement":
-              m = i;
-              break;
-          }
-        if (s !== m)
-          return {
-            reset: {
-              placement: m
-            }
-          };
-      }
-      return {};
-    }
-  };
-};
-async function Tt(e, t) {
-  const {
-    placement: n,
-    platform: o,
-    elements: s
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), l = Q(n), i = Ae(n), c = oe(n) === "y", u = ["left", "top"].includes(l) ? -1 : 1, d = r && c ? -1 : 1, h = Ce(t, e);
-  let {
-    mainAxis: x,
-    crossAxis: v,
-    alignmentAxis: f
-  } = typeof h == "number" ? {
-    mainAxis: h,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: h.mainAxis || 0,
-    crossAxis: h.crossAxis || 0,
-    alignmentAxis: h.alignmentAxis
-  };
-  return i && typeof f == "number" && (v = i === "end" ? f * -1 : f), c ? {
-    x: v * d,
-    y: x * u
-  } : {
-    x: x * u,
-    y: v * d
-  };
-}
-const Vt = function(e) {
-  return e === void 0 && (e = 0), {
-    name: "offset",
-    options: e,
-    async fn(t) {
-      var n, o;
-      const {
-        x: s,
-        y: r,
-        placement: l,
-        middlewareData: i
-      } = t, c = await Tt(t, e);
-      return l === ((n = i.offset) == null ? void 0 : n.placement) && (o = i.arrow) != null && o.alignmentOffset ? {} : {
-        x: s + c.x,
-        y: r + c.y,
-        data: {
-          ...c,
-          placement: l
-        }
-      };
-    }
-  };
-}, Dt = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "shift",
-    options: e,
-    async fn(t) {
-      const {
-        x: n,
-        y: o,
-        placement: s
-      } = t, {
-        mainAxis: r = !0,
-        crossAxis: l = !1,
-        limiter: i = {
-          fn: (C) => {
-            let {
-              x: O,
-              y: A
-            } = C;
-            return {
-              x: O,
-              y: A
-            };
-          }
-        },
-        ...c
-      } = Ce(e, t), u = {
-        x: n,
-        y: o
-      }, d = await lt(t, c), h = oe(Q(s)), x = nt(h);
-      let v = u[x], f = u[h];
-      if (r) {
-        const C = x === "y" ? "top" : "left", O = x === "y" ? "bottom" : "right", A = v + d[C], $ = v - d[O];
-        v = Ke(A, v, $);
-      }
-      if (l) {
-        const C = h === "y" ? "top" : "left", O = h === "y" ? "bottom" : "right", A = f + d[C], $ = f - d[O];
-        f = Ke(A, f, $);
-      }
-      const b = i.fn({
-        ...t,
-        [x]: v,
-        [h]: f
-      });
-      return {
-        ...b,
-        data: {
-          x: b.x - n,
-          y: b.y - o,
-          enabled: {
-            [x]: r,
-            [h]: l
-          }
-        }
-      };
-    }
-  };
-};
-function Oe() {
-  return typeof window < "u";
-}
-function le(e) {
-  return rt(e) ? (e.nodeName || "").toLowerCase() : "#document";
-}
-function F(e) {
-  var t;
-  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
-}
-function N(e) {
-  var t;
-  return (t = (rt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
-}
-function rt(e) {
-  return Oe() ? e instanceof Node || e instanceof F(e).Node : !1;
-}
-function j(e) {
-  return Oe() ? e instanceof Element || e instanceof F(e).Element : !1;
-}
-function z(e) {
-  return Oe() ? e instanceof HTMLElement || e instanceof F(e).HTMLElement : !1;
-}
-function Ne(e) {
-  return !Oe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
-}
-function ue(e) {
-  const {
-    overflow: t,
-    overflowX: n,
-    overflowY: o,
-    display: s
-  } = W(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(s);
-}
-function Bt(e) {
-  return ["table", "td", "th"].includes(le(e));
-}
-function Re(e) {
-  return [":popover-open", ":modal"].some((t) => {
-    try {
-      return e.matches(t);
-    } catch {
-      return !1;
-    }
-  });
-}
-function De(e) {
-  const t = Be(), n = j(e) ? W(e) : e;
-  return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
-}
-function Ft(e) {
-  let t = Y(e);
-  for (; z(t) && !se(t); ) {
-    if (De(t))
-      return t;
-    if (Re(t))
-      return null;
-    t = Y(t);
-  }
-  return null;
-}
-function Be() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-function se(e) {
-  return ["html", "body", "#document"].includes(le(e));
-}
-function W(e) {
-  return F(e).getComputedStyle(e);
-}
-function $e(e) {
-  return j(e) ? {
-    scrollLeft: e.scrollLeft,
-    scrollTop: e.scrollTop
-  } : {
-    scrollLeft: e.scrollX,
-    scrollTop: e.scrollY
-  };
-}
-function Y(e) {
-  if (le(e) === "html")
-    return e;
-  const t = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    e.assignedSlot || // DOM Element detected.
-    e.parentNode || // ShadowRoot detected.
-    Ne(e) && e.host || // Fallback.
-    N(e)
-  );
-  return Ne(t) ? t.host : t;
-}
-function it(e) {
-  const t = Y(e);
-  return se(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : z(t) && ue(t) ? t : it(t);
-}
-function ce(e, t, n) {
-  var o;
-  t === void 0 && (t = []), n === void 0 && (n = !0);
-  const s = it(e), r = s === ((o = e.ownerDocument) == null ? void 0 : o.body), l = F(s);
-  if (r) {
-    const i = Ve(l);
-    return t.concat(l, l.visualViewport || [], ue(s) ? s : [], i && n ? ce(i) : []);
-  }
-  return t.concat(s, ce(s, [], n));
-}
-function Ve(e) {
-  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
-}
-function at(e) {
-  const t = W(e);
-  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const s = z(e), r = s ? e.offsetWidth : n, l = s ? e.offsetHeight : o, i = ye(n) !== r || ye(o) !== l;
-  return i && (n = r, o = l), {
-    width: n,
-    height: o,
-    $: i
-  };
-}
-function Fe(e) {
-  return j(e) ? e : e.contextElement;
-}
-function ne(e) {
-  const t = Fe(e);
-  if (!z(t))
-    return K(1);
-  const n = t.getBoundingClientRect(), {
-    width: o,
-    height: s,
-    $: r
-  } = at(t);
-  let l = (r ? ye(n.width) : n.width) / o, i = (r ? ye(n.height) : n.height) / s;
-  return (!l || !Number.isFinite(l)) && (l = 1), (!i || !Number.isFinite(i)) && (i = 1), {
-    x: l,
-    y: i
-  };
-}
-const Pt = /* @__PURE__ */ K(0);
-function ct(e) {
-  const t = F(e);
-  return !Be() || !t.visualViewport ? Pt : {
-    x: t.visualViewport.offsetLeft,
-    y: t.visualViewport.offsetTop
-  };
-}
-function jt(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== F(e) ? !1 : t;
-}
-function ee(e, t, n, o) {
-  t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const s = e.getBoundingClientRect(), r = Fe(e);
-  let l = K(1);
-  t && (o ? j(o) && (l = ne(o)) : l = ne(e));
-  const i = jt(r, n, o) ? ct(r) : K(0);
-  let c = (s.left + i.x) / l.x, u = (s.top + i.y) / l.y, d = s.width / l.x, h = s.height / l.y;
-  if (r) {
-    const x = F(r), v = o && j(o) ? F(o) : o;
-    let f = x, b = Ve(f);
-    for (; b && o && v !== f; ) {
-      const C = ne(b), O = b.getBoundingClientRect(), A = W(b), $ = O.left + (b.clientLeft + parseFloat(A.paddingLeft)) * C.x, R = O.top + (b.clientTop + parseFloat(A.paddingTop)) * C.y;
-      c *= C.x, u *= C.y, d *= C.x, h *= C.y, c += $, u += R, f = F(b), b = Ve(f);
-    }
-  }
-  return be({
-    width: d,
-    height: h,
-    x: c,
-    y: u
-  });
-}
-function Pe(e, t) {
-  const n = $e(e).scrollLeft;
-  return t ? t.left + n : ee(N(e)).left + n;
-}
-function ut(e, t, n) {
-  n === void 0 && (n = !1);
-  const o = e.getBoundingClientRect(), s = o.left + t.scrollLeft - (n ? 0 : (
-    // RTL <body> scrollbar.
-    Pe(e, o)
-  )), r = o.top + t.scrollTop;
-  return {
-    x: s,
-    y: r
-  };
-}
-function Wt(e) {
-  let {
-    elements: t,
-    rect: n,
-    offsetParent: o,
-    strategy: s
-  } = e;
-  const r = s === "fixed", l = N(o), i = t ? Re(t.floating) : !1;
-  if (o === l || i && r)
-    return n;
-  let c = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, u = K(1);
-  const d = K(0), h = z(o);
-  if ((h || !h && !r) && ((le(o) !== "body" || ue(l)) && (c = $e(o)), z(o))) {
-    const v = ee(o);
-    u = ne(o), d.x = v.x + o.clientLeft, d.y = v.y + o.clientTop;
-  }
-  const x = l && !h && !r ? ut(l, c, !0) : K(0);
-  return {
-    width: n.width * u.x,
-    height: n.height * u.y,
-    x: n.x * u.x - c.scrollLeft * u.x + d.x + x.x,
-    y: n.y * u.y - c.scrollTop * u.y + d.y + x.y
-  };
-}
-function It(e) {
-  return Array.from(e.getClientRects());
-}
-function Kt(e) {
-  const t = N(e), n = $e(e), o = e.ownerDocument.body, s = Z(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = Z(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
-  let l = -n.scrollLeft + Pe(e);
-  const i = -n.scrollTop;
-  return W(o).direction === "rtl" && (l += Z(t.clientWidth, o.clientWidth) - s), {
-    width: s,
-    height: r,
-    x: l,
-    y: i
-  };
-}
-function zt(e, t) {
-  const n = F(e), o = N(e), s = n.visualViewport;
-  let r = o.clientWidth, l = o.clientHeight, i = 0, c = 0;
-  if (s) {
-    r = s.width, l = s.height;
-    const u = Be();
-    (!u || u && t === "fixed") && (i = s.offsetLeft, c = s.offsetTop);
-  }
-  return {
-    width: r,
-    height: l,
-    x: i,
-    y: c
-  };
-}
-function Nt(e, t) {
-  const n = ee(e, !0, t === "fixed"), o = n.top + e.clientTop, s = n.left + e.clientLeft, r = z(e) ? ne(e) : K(1), l = e.clientWidth * r.x, i = e.clientHeight * r.y, c = s * r.x, u = o * r.y;
-  return {
-    width: l,
-    height: i,
-    x: c,
-    y: u
-  };
-}
-function He(e, t, n) {
-  let o;
-  if (t === "viewport")
-    o = zt(e, n);
-  else if (t === "document")
-    o = Kt(N(e));
-  else if (j(t))
-    o = Nt(t, n);
-  else {
-    const s = ct(e);
-    o = {
-      x: t.x - s.x,
-      y: t.y - s.y,
-      width: t.width,
-      height: t.height
-    };
-  }
-  return be(o);
-}
-function dt(e, t) {
-  const n = Y(e);
-  return n === t || !j(n) || se(n) ? !1 : W(n).position === "fixed" || dt(n, t);
-}
-function Ht(e, t) {
-  const n = t.get(e);
-  if (n)
-    return n;
-  let o = ce(e, [], !1).filter((i) => j(i) && le(i) !== "body"), s = null;
-  const r = W(e).position === "fixed";
-  let l = r ? Y(e) : e;
-  for (; j(l) && !se(l); ) {
-    const i = W(l), c = De(l);
-    !c && i.position === "fixed" && (s = null), (r ? !c && !s : !c && i.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ue(l) && !c && dt(e, l)) ? o = o.filter((d) => d !== l) : s = i, l = Y(l);
-  }
-  return t.set(e, o), o;
-}
-function Ut(e) {
-  let {
-    element: t,
-    boundary: n,
-    rootBoundary: o,
-    strategy: s
-  } = e;
-  const l = [...n === "clippingAncestors" ? Re(t) ? [] : Ht(t, this._c) : [].concat(n), o], i = l[0], c = l.reduce((u, d) => {
-    const h = He(t, d, s);
-    return u.top = Z(h.top, u.top), u.right = we(h.right, u.right), u.bottom = we(h.bottom, u.bottom), u.left = Z(h.left, u.left), u;
-  }, He(t, i, s));
-  return {
-    width: c.right - c.left,
-    height: c.bottom - c.top,
-    x: c.left,
-    y: c.top
-  };
-}
-function qt(e) {
-  const {
-    width: t,
-    height: n
-  } = at(e);
-  return {
-    width: t,
-    height: n
-  };
-}
-function Yt(e, t, n) {
-  const o = z(t), s = N(t), r = n === "fixed", l = ee(e, !0, r, t);
-  let i = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const c = K(0);
-  if (o || !o && !r)
-    if ((le(t) !== "body" || ue(s)) && (i = $e(t)), o) {
-      const x = ee(t, !0, r, t);
-      c.x = x.x + t.clientLeft, c.y = x.y + t.clientTop;
-    } else
-      s && (c.x = Pe(s));
-  const u = s && !o && !r ? ut(s, i) : K(0), d = l.left + i.scrollLeft - c.x - u.x, h = l.top + i.scrollTop - c.y - u.y;
-  return {
-    x: d,
-    y: h,
-    width: l.width,
-    height: l.height
-  };
-}
-function Ee(e) {
-  return W(e).position === "static";
-}
-function Ue(e, t) {
-  if (!z(e) || W(e).position === "fixed")
-    return null;
-  if (t)
-    return t(e);
-  let n = e.offsetParent;
-  return N(e) === n && (n = n.ownerDocument.body), n;
-}
-function ft(e, t) {
-  const n = F(e);
-  if (Re(e))
-    return n;
-  if (!z(e)) {
-    let s = Y(e);
-    for (; s && !se(s); ) {
-      if (j(s) && !Ee(s))
-        return s;
-      s = Y(s);
-    }
-    return n;
-  }
-  let o = Ue(e, t);
-  for (; o && Bt(o) && Ee(o); )
-    o = Ue(o, t);
-  return o && se(o) && Ee(o) && !De(o) ? n : o || Ft(e) || n;
-}
-const Xt = async function(e) {
-  const t = this.getOffsetParent || ft, n = this.getDimensions, o = await n(e.floating);
-  return {
-    reference: Yt(e.reference, await t(e.floating), e.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: o.width,
-      height: o.height
-    }
-  };
-};
-function Gt(e) {
-  return W(e).direction === "rtl";
-}
-const Jt = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Wt,
-  getDocumentElement: N,
-  getClippingRect: Ut,
-  getOffsetParent: ft,
-  getElementRects: Xt,
-  getClientRects: It,
-  getDimensions: qt,
-  getScale: ne,
-  isElement: j,
-  isRTL: Gt
-};
-function pt(e, t) {
-  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
-}
-function Zt(e, t) {
-  let n = null, o;
-  const s = N(e);
-  function r() {
-    var i;
-    clearTimeout(o), (i = n) == null || i.disconnect(), n = null;
-  }
-  function l(i, c) {
-    i === void 0 && (i = !1), c === void 0 && (c = 1), r();
-    const u = e.getBoundingClientRect(), {
-      left: d,
-      top: h,
-      width: x,
-      height: v
-    } = u;
-    if (i || t(), !x || !v)
-      return;
-    const f = pe(h), b = pe(s.clientWidth - (d + x)), C = pe(s.clientHeight - (h + v)), O = pe(d), $ = {
-      rootMargin: -f + "px " + -b + "px " + -C + "px " + -O + "px",
-      threshold: Z(0, we(1, c)) || 1
-    };
-    let R = !0;
-    function E(D) {
-      const H = D[0].intersectionRatio;
-      if (H !== c) {
-        if (!R)
-          return l();
-        H ? l(!1, H) : o = setTimeout(() => {
-          l(!1, 1e-7);
-        }, 1e3);
-      }
-      H === 1 && !pt(u, e.getBoundingClientRect()) && l(), R = !1;
-    }
-    try {
-      n = new IntersectionObserver(E, {
-        ...$,
-        // Handle <iframe>s
-        root: s.ownerDocument
-      });
-    } catch {
-      n = new IntersectionObserver(E, $);
-    }
-    n.observe(e);
-  }
-  return l(!0), r;
-}
-function Qt(e, t, n, o) {
-  o === void 0 && (o = {});
-  const {
-    ancestorScroll: s = !0,
-    ancestorResize: r = !0,
-    elementResize: l = typeof ResizeObserver == "function",
-    layoutShift: i = typeof IntersectionObserver == "function",
-    animationFrame: c = !1
-  } = o, u = Fe(e), d = s || r ? [...u ? ce(u) : [], ...ce(t)] : [];
-  d.forEach((O) => {
-    s && O.addEventListener("scroll", n, {
-      passive: !0
-    }), r && O.addEventListener("resize", n);
-  });
-  const h = u && i ? Zt(u, n) : null;
-  let x = -1, v = null;
-  l && (v = new ResizeObserver((O) => {
-    let [A] = O;
-    A && A.target === u && v && (v.unobserve(t), cancelAnimationFrame(x), x = requestAnimationFrame(() => {
-      var $;
-      ($ = v) == null || $.observe(t);
-    })), n();
-  }), u && !c && v.observe(u), v.observe(t));
-  let f, b = c ? ee(e) : null;
-  c && C();
-  function C() {
-    const O = ee(e);
-    b && !pt(b, O) && n(), b = O, f = requestAnimationFrame(C);
-  }
-  return n(), () => {
-    var O;
-    d.forEach((A) => {
-      s && A.removeEventListener("scroll", n), r && A.removeEventListener("resize", n);
-    }), h == null || h(), (O = v) == null || O.disconnect(), v = null, c && cancelAnimationFrame(f);
-  };
-}
-const qe = Vt, Ye = Dt, Xe = St, Ge = (e, t, n) => {
-  const o = /* @__PURE__ */ new Map(), s = {
-    platform: Jt,
-    ...n
-  }, r = {
-    ...s.platform,
-    _c: o
-  };
-  return Et(e, t, {
-    ...s,
-    platform: r
-  });
-}, en = ["data-opened"], tn = {
-  key: 0,
-  class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, nn = /* @__PURE__ */ ke({
-  __name: "OneDropdownAuto",
-  props: mt,
-  emits: ["open", "close"],
-  setup(e, { emit: t }) {
-    const n = e, o = V(!1), s = V(null), r = V(null);
-    let l = null;
-    Ze(o, (d) => {
-      d && r.value && s.value ? (Ge(r.value, s.value, {
-        placement: n.stick ? n.stick : "bottom-start",
-        strategy: "fixed",
-        middleware: [qe(5), Xe(), Ye({ padding: 8 })]
-      }).then(({ x: h, y: x }) => {
-        Object.assign(s.value.style, {
-          left: `${h}px`,
-          top: `${x}px`
-        });
-      }), l = Qt(r.value, s.value, () => {
-        Ge(r.value, s.value, {
-          placement: n.stick ? n.stick : "bottom-start",
-          strategy: "fixed",
-          middleware: [qe(4), Xe(), Ye({ padding: 8 })]
-        }).then(({ x: h, y: x }) => {
-          Object.assign(s.value.style, {
-            left: `${h}px`,
-            top: `${x}px`
-          });
-        });
-      })) : l && (l(), l = null);
-    }), Qe(() => {
-      l && l();
-    });
-    const i = t, c = () => {
-      o.value = !o.value, o.value ? i("open") : i("close");
-    };
-    yt("OneDropdown", {
-      onToggle: c
-    });
-    const u = P(() => [
-      "fixed z-[10000] w-fit rounded-md bg-white",
-      "py-1 shadow-lg ring-black ring-opacity-5 focus:outline-none",
-      "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
-    ]);
-    return (d, h) => (g(), w("div", {
-      class: "relative inline-block",
-      "data-opened": o.value
-    }, [
-      p("div", {
-        ref_key: "buttonRef",
-        ref: r
-      }, [
-        B(d.$slots, "button", me(he({ onToggle: c, isExpanded: o.value })))
-      ], 512),
-      (g(), ge(xt, { to: "body" }, [
-        o.value ? (g(), w("div", {
-          key: 0,
-          class: "fixed top-0 left-0 w-screen h-screen z-[9999]",
-          onClick: c
-        })) : _("", !0),
-        Se(p("div", {
-          ref_key: "menuRef",
-          ref: s,
-          class: T(["menu", u.value]),
-          role: "menu",
-          "aria-orientation": "vertical",
-          tabindex: "-1",
-          style: { display: "none" }
-        }, [
-          d.title ? (g(), w("div", tn, L(d.title), 1)) : _("", !0),
-          B(d.$slots, "menu", me(he({ onToggle: c })))
-        ], 2), [
-          [bt, o.value]
-        ])
-      ]))
-    ], 8, en));
-  }
-}), on = {}, sn = { class: "border-t border-secondary-stroke my-1" };
-function ln(e, t) {
-  return g(), w("div", sn);
-}
-const yo = /* @__PURE__ */ tt(on, [["render", ln]]), rn = ["onClick"], an = { class: "grid" }, cn = { class: "font-semibold px-3" }, un = { class: "rounded-lg m-3 border" }, dn = {
-  class: "space-x-2 flex items-center px-3 py-2",
-  style: { width: "300px" }
-}, fn = { class: "flex-shrink-0" }, pn = { class: "w-full text-left" }, mn = { class: "flex-shrink-0" }, hn = { class: "px-3 py-2" }, gn = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, vn = {
-  key: 0,
-  class: "space-y-2"
-}, wn = ["onClick"], yn = { class: "pl-2" }, xn = { class: "text-sm mt-1" }, bn = { class: "text-xs mt-1" }, Je = 3, xo = /* @__PURE__ */ ke({
-  __name: "OneBrowserMenuGrid",
-  props: ht,
-  setup(e) {
-    const t = e, n = () => {
-      typeof t.onChange == "function" && t.onChange();
-    }, o = V(!1), s = P(() => t.apps ? o.value ? t.apps : t.apps.slice(0, Je) : []), r = () => {
-      o.value = !o.value;
-    }, l = (i) => {
-      typeof t.onApp == "function" && t.onApp(i);
-    };
-    return (i, c) => (g(), ge(gt, { stick: "right" }, {
-      button: ae(({ onToggle: u, isExpanded: d }) => [
-        p("button", {
-          onClick: u,
-          class: T(["p-1 rounded-md hover:bg-secondary-10", [d ? "bg-secondary-25" : ""]])
-        }, [
-          _e(q(vt), {
-            class: "text-secondary-base",
-            style: ve(`width: ${i.iconSize}px; height: ${i.iconSize}px`)
-          }, null, 8, ["style"])
-        ], 10, rn)
-      ]),
-      menu: ae(() => {
-        var u, d, h, x;
-        return [
-          p("div", an, [
-            p("div", cn, L((u = i.workspace) == null ? void 0 : u.title), 1),
-            p("div", un, [
-              p("div", dn, [
-                p("div", fn, [
-                  _e(Ie, {
-                    text: ((d = i.workspace) == null ? void 0 : d.name) || "",
-                    src: (h = i.workspace) == null ? void 0 : h.photo_url,
-                    size: 44,
-                    rounded: !1,
-                    class: "mx-auto"
-                  }, null, 8, ["text", "src"])
-                ]),
-                p("div", pn, L((x = i.workspace) == null ? void 0 : x.name), 1),
-                p("div", mn, [
-                  p("button", {
-                    class: "text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",
-                    onClick: n
-                  }, L(i.changeLabel), 1)
-                ])
-              ]),
-              c[0] || (c[0] = p("hr", null, null, -1))
-            ])
-          ]),
-          p("div", hn, [
-            p("div", gn, L(i.appsTitle), 1),
-            p("div", null, [
-              i.apps && i.apps.length ? (g(), w("div", vn, [
-                (g(!0), w(I, null, J(s.value, (v) => (g(), w("div", {
-                  key: v.id,
-                  onClick: (f) => l(v),
-                  class: "flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"
-                }, [
-                  _e(Ie, {
-                    text: v.name,
-                    src: v.photo_url,
-                    size: 44,
-                    rounded: !1
-                  }, null, 8, ["text", "src"]),
-                  p("div", yn, [
-                    p("p", xn, L(v.name), 1),
-                    p("p", bn, L(v.short), 1)
-                  ])
-                ], 8, wn))), 128))
-              ])) : _("", !0),
-              i.apps && i.apps.length > Je ? (g(), w("button", {
-                key: 1,
-                onClick: r,
-                class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"
-              }, L(o.value ? "Приховати" : "Дивитися всі"), 1)) : _("", !0)
-            ])
-          ])
-        ];
-      }),
-      _: 1
-    }));
-  }
-}), kn = {
-  useModal: {
-    required: !0,
-    type: Object
-  },
-  title: {
-    required: !1,
-    type: String
-  },
-  size: {
-    type: String,
-    default: "medium"
-  },
-  onClose: {
-    type: Function
-  },
-  classModal: {
-    type: Boolean,
-    default: !1
-  },
-  titleCenter: {
-    type: Boolean,
-    default: !1
-  },
-  classTitle: {
-    type: String,
-    default: ""
-  },
-  canClose: {
-    type: Function,
-    default: () => !0
-  },
-  customWidth: {
-    type: String,
-    default: ""
-  }
-}, Cn = {
-  "3xs": ["max-w-xs"],
-  xs: ["max-w-sm"],
-  sm: ["max-w-md"],
-  small: ["max-w-lg"],
-  md: ["max-w-xl"],
-  medium: ["max-w-xl"],
-  large: ["max-w-2xl"],
-  xl: ["max-w-3xl"],
-  "2xl": ["max-w-4xl"],
-  "3xl": ["max-w-4xl"],
-  "4xl": ["max-w-5xl"],
-  "5xl": ["max-w-5xl"],
-  "7xl": ["max-w-7xl"]
-}, An = (e = "medium") => {
-  const t = [];
-  return t.push(...Cn[e] ?? []), t;
-}, On = { class: "relative bg-white rounded-lg shadow h-full" }, Rn = /* @__PURE__ */ ke({
-  __name: "OneModal",
-  props: kn,
-  emits: ["isOpen", "closed"],
-  setup(e, { expose: t, emit: n }) {
-    const o = e, s = n, r = P(() => {
-      var b, C;
-      const f = o.useModal;
-      return ((b = f == null ? void 0 : f.isOpened) == null ? void 0 : b.value) ?? ((C = f == null ? void 0 : f.isOpen) == null ? void 0 : C.value) ?? !1;
-    }), l = P(() => An(o.size)), i = P(() => o.customWidth ? { width: o.customWidth } : {}), c = V(null), u = V(!1);
-    function d(f) {
-      u.value = !1, c.value && !c.value.contains(f.target) && (u.value = !0);
-    }
-    function h(f) {
-      u.value && c.value && !c.value.contains(f.target) && x();
-    }
-    const x = () => {
-      var b, C;
-      if (o.canClose && !o.canClose())
-        return;
-      const f = o.useModal;
-      (b = f == null ? void 0 : f.close) == null || b.call(f), (C = o.onClose) == null || C.call(o), s("closed"), s("isOpen");
-    };
-    return t({
-      open: () => {
-        var b;
-        const f = o.useModal;
-        (b = f == null ? void 0 : f.open) == null || b.call(f), s("isOpen");
-      },
-      close: x
-    }), (f, b) => r.value ? (g(), w("div", {
-      key: 0,
-      tabindex: "-1",
-      onMousedown: d,
-      onMouseup: h,
-      class: T(["modal backdrop !m-0", { "modal-mobile": f.classModal }])
-    }, [
-      p("div", {
-        class: T([
-          "relative w-full max-h-full",
-          l.value,
-          { "fixed bottom-0 left-0 right-0 w-full bg-white rounded-t-xl mobile-modal": f.classModal }
-        ]),
-        style: ve(i.value),
-        ref_key: "modalContent",
-        ref: c
-      }, [
-        p("div", On, [
-          f.title ? (g(), w("div", {
-            key: 0,
-            class: T([
-              f.titleCenter ? "grid grid-cols-4" : "flex items-start justify-between",
-              "p-3 border-b rounded-t",
-              f.classTitle
-            ])
-          }, [
-            p("h3", {
-              class: T(["text-xl font-semibold text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis", f.titleCenter ? "col-span-2 text-center col-start-2" : ""])
-            }, L(f.title), 3),
-            p("button", {
-              type: "button",
-              class: "text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center",
-              onClick: x
-            }, [...b[0] || (b[0] = [
-              p("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                "stroke-width": "1.8",
-                stroke: "currentColor",
-                "aria-hidden": "true",
-                class: "w-5 h-5"
-              }, [
-                p("path", {
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  d: "M6 18L18 6M6 6l12 12"
-                })
-              ], -1)
-            ])])
-          ], 2)) : _("", !0),
-          B(f.$slots, "header", {}, void 0, !0),
-          B(f.$slots, "body", {}, void 0, !0),
-          B(f.$slots, "default", {}, void 0, !0),
-          B(f.$slots, "footer", { close: x }, void 0, !0)
-        ])
-      ], 6)
-    ], 34)) : _("", !0);
-  }
-});
-const $n = /* @__PURE__ */ tt(Rn, [["__scopeId", "data-v-3560b61e"]]);
-function Mn(e = !1) {
-  const t = V(e), n = V(void 0);
-  let o = null;
-  const s = () => {
-    o && (clearTimeout(o), o = null), t.value = !1, n.value = void 0;
-  }, r = (c) => {
-    n.value = c, t.value = !0;
-  }, l = (c) => {
-    o && clearTimeout(o), o = setTimeout(s, c * 1e3);
-  }, i = (c) => {
-    c.key === "Escape" && t.value && s();
-  };
-  return et(() => {
-    document.addEventListener("keydown", i);
-  }), Qe(() => {
-    document.removeEventListener("keydown", i), o && clearTimeout(o);
-  }), {
-    isOpened: t,
-    isOpen: t,
-    // alias for backward compatibility
-    data: n,
-    open: r,
-    close: s,
-    closeWithDelay: l
-  };
-}
-const _n = ["onClick"], Ln = ["onKeydown"], En = {
-  key: 0,
-  class: "text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"
-}, Sn = {
-  key: 1,
-  class: "px-3 py-2"
-}, Tn = { class: "relative" }, Vn = ["placeholder"], Dn = {
-  key: 2,
-  class: "border-b border-gray-100"
-}, Bn = ["onClick"], Fn = {
-  key: 3,
-  class: "flex items-center justify-between px-3 py-1.5 border-b border-gray-100"
-}, Pn = {
-  key: 4,
-  class: "flex justify-center py-4"
-}, jn = ["aria-selected", "onClick"], Wn = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  "stroke-width": "1.5",
-  stroke: "currentColor",
-  class: "w-4 h-4 text-blue-600 shrink-0"
-}, In = {
-  key: 1,
-  class: "w-4 h-4 shrink-0"
-}, Kn = ["aria-selected", "onClick", "onMouseenter"], zn = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  "stroke-width": "1.5",
-  stroke: "currentColor",
-  class: "w-4 h-4 text-blue-600 shrink-0"
-}, Nn = {
-  key: 1,
-  class: "w-4 h-4 shrink-0"
-}, Hn = ["aria-selected", "onClick", "onMouseenter"], Un = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  "stroke-width": "1.5",
-  stroke: "currentColor",
-  class: "w-4 h-4 text-blue-600 shrink-0"
-}, qn = {
-  key: 1,
-  class: "w-4 h-4 shrink-0"
-}, Yn = {
-  key: 3,
-  class: "px-3 py-4 text-sm text-gray-500 text-center"
-}, Xn = { class: "pb-6" }, Gn = {
-  key: 0,
-  class: "relative px-3 py-3"
-}, Jn = { class: "relative" }, Zn = ["placeholder"], Qn = {
-  key: 1,
-  class: "px-3 py-2"
-}, eo = {
-  key: 2,
-  class: "flex items-center justify-between px-3 py-2 border-b border-gray-100"
-}, to = {
-  key: 3,
-  class: "flex justify-center py-8"
-}, no = {
-  key: 4,
-  class: "overflow-auto h-[60dvh] divide-y",
-  role: "listbox"
-}, oo = ["aria-selected"], so = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  "stroke-width": "1.5",
-  stroke: "currentColor",
-  class: "w-5 h-5 text-blue-600 shrink-0"
-}, lo = {
-  key: 1,
-  class: "w-5 h-5 shrink-0"
-}, ro = {
-  key: 0,
-  class: "px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"
-}, io = ["aria-selected", "onClick"], ao = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  "stroke-width": "1.5",
-  stroke: "currentColor",
-  class: "w-5 h-5 text-blue-600 shrink-0"
-}, co = {
-  key: 1,
-  class: "w-5 h-5 shrink-0"
-}, uo = ["aria-selected", "onClick"], fo = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  "stroke-width": "1.5",
-  stroke: "currentColor",
-  class: "w-5 h-5 text-blue-600 shrink-0"
-}, po = {
-  key: 1,
-  class: "w-5 h-5 shrink-0"
-}, mo = {
-  key: 3,
-  class: "px-3 py-8 text-sm text-gray-500 text-center"
-}, bo = /* @__PURE__ */ ke({
-  __name: "OneDropdownSelect",
-  props: wt,
-  emits: ["update:modelValue", "search", "create"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, s = V(!1);
-    let r = null;
-    et(() => {
-      r = window.matchMedia("(max-width: 767px)"), s.value = r.matches;
-      const a = (m) => {
-        s.value = m.matches;
-      };
-      r.addEventListener("change", a), kt(() => {
-        r == null || r.removeEventListener("change", a);
-      });
-    });
-    const l = Mn(), i = V(null), c = () => {
-      u.value = "", d.value = -1, l.open(), Le(() => {
-        var a;
-        (a = i.value) == null || a.focus();
-      });
-    }, u = V(""), d = V(-1), h = V(null), x = V(null), v = V({}), f = (a, m) => {
-      a && (v.value[m] = a);
-    }, b = P(() => n.allowEmpty ? 1 : 0), C = P(() => {
-      if (!u.value.trim())
-        return n.items;
-      const a = u.value.toLowerCase();
-      return n.items.filter(
-        (m) => String(m[n.labelKey] ?? "").toLowerCase().includes(a)
-      );
-    }), O = P(() => {
-      if (!n.groupKey)
-        return [];
-      const a = [], m = /* @__PURE__ */ new Map();
-      let k = b.value;
-      for (const y of C.value) {
-        const S = String(y[n.groupKey] ?? "");
-        let M = m.get(S);
-        M || (M = { label: S, entries: [] }, m.set(S, M), a.push(M)), M.entries.push({ item: y, flatIndex: k }), k++;
-      }
-      return a;
-    }), A = P(() => n.multiple ? (n.modelValue ?? []).length > 0 : n.modelValue !== null && n.modelValue !== void 0), $ = P(() => {
-      if (n.multiple) {
-        const a = n.modelValue ?? [];
-        return a.length === 0 ? n.placeholder : a.length === 1 ? a[0][n.labelKey] ?? n.placeholder : `${a[0][n.labelKey]} +${a.length - 1}`;
-      }
-      return n.modelValue === null || n.modelValue === void 0 ? n.placeholder : n.modelValue[n.labelKey] ?? n.placeholder;
-    }), R = (a) => n.modelValue ? n.multiple ? n.modelValue.some((k) => k[n.valueKey] === a[n.valueKey]) : n.modelValue[n.valueKey] === a[n.valueKey] : !1, E = P(() => C.value.length + b.value), D = (a, m) => {
-      if (n.multiple) {
-        const k = (n.modelValue ?? []).slice();
-        if (a === null) {
-          o("update:modelValue", []);
-          return;
-        }
-        const y = k.findIndex((S) => S[n.valueKey] === a[n.valueKey]);
-        y >= 0 ? k.splice(y, 1) : k.push(a), o("update:modelValue", k);
-        return;
-      }
-      o("update:modelValue", a), m();
-    }, H = () => {
-      o("update:modelValue", [...n.items]);
-    }, te = () => {
-      o("update:modelValue", []);
-    }, X = (a) => {
-      o("create", u.value), a();
-    }, G = () => {
-      u.value = "", d.value = -1, Le(() => {
-        var a;
-        (a = h.value) == null || a.focus();
-      });
-    }, de = () => {
-      u.value = "", d.value = -1;
-    }, re = () => {
-      d.value = 0, o("search", u.value);
-    }, ie = () => {
-      Le(() => {
-        const a = v.value[d.value];
-        a && a.scrollIntoView({ block: "nearest" });
-      });
-    }, U = (a, m) => {
-      switch (a.key) {
-        case "ArrowDown":
-          a.preventDefault(), d.value < E.value - 1 ? d.value++ : d.value = 0, ie();
-          break;
-        case "ArrowUp":
-          a.preventDefault(), d.value > 0 ? d.value-- : d.value = E.value - 1, ie();
-          break;
-        case "Enter":
-          if (a.preventDefault(), d.value >= 0)
-            if (n.allowEmpty && d.value === 0)
-              D(null, m);
-            else {
-              const k = d.value - b.value, y = C.value[k];
-              y && D(y, m);
-            }
-          break;
-        case "Escape":
-          a.preventDefault(), m();
-          break;
-      }
-    };
-    return Ze(u, () => {
-      d.value = 0;
-    }), (a, m) => s.value ? (g(), w(I, { key: 1 }, [
-      B(a.$slots, "button", me(he({ onToggle: c, isExpanded: q(l).isOpened.value, selectedLabel: $.value })), () => [
-        p("button", {
-          class: T(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
-            a.view === "pill" ? "rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700" : "rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]"
-          ]]),
-          style: ve(a.maxWidth ? { maxWidth: a.maxWidth } : void 0),
-          onClick: c
-        }, [
-          p("span", {
-            class: T(["truncate", a.view === "pill" ? "" : A.value ? "text-gray-900" : "text-gray-500"])
-          }, L($.value), 3),
-          m[13] || (m[13] = p("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            "stroke-width": "1.5",
-            stroke: "currentColor",
-            class: "w-4 h-4 text-gray-400 shrink-0"
-          }, [
-            p("path", {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
-            })
-          ], -1))
-        ], 6)
-      ]),
-      q(l).isOpened.value ? (g(), ge(q($n), {
-        key: 0,
-        useModal: q(l),
-        title: a.title || a.placeholder,
-        size: "sm",
-        classModal: !0,
-        titleCenter: !0
-      }, {
-        default: ae(() => [
-          p("div", Xn, [
-            a.searchable ? (g(), w("div", Gn, [
-              p("div", Jn, [
-                m[14] || (m[14] = p("svg", {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  "stroke-width": "1.5",
-                  stroke: "currentColor",
-                  class: "absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"
-                }, [
-                  p("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-                  })
-                ], -1)),
-                Se(p("input", {
-                  ref_key: "mobileSearchInputRef",
-                  ref: i,
-                  "onUpdate:modelValue": m[2] || (m[2] = (k) => u.value = k),
-                  type: "text",
-                  placeholder: a.searchPlaceholder,
-                  class: "w-full rounded-md border border-gray-300 py-2 pl-8 pr-3 text-sm outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",
-                  onInput: re
-                }, null, 40, Zn), [
-                  [je, u.value]
-                ])
-              ])
-            ])) : _("", !0),
-            a.createLabel ? (g(), w("div", Qn, [
-              p("button", {
-                class: "w-full flex items-center justify-center gap-2 py-2 text-sm text-blue-700 hover:text-blue-500",
-                onClick: m[3] || (m[3] = (k) => X(() => q(l).close()))
-              }, [
-                m[15] || (m[15] = p("svg", {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  "stroke-width": "1.5",
-                  stroke: "currentColor",
-                  class: "w-4 h-4"
-                }, [
-                  p("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: "M12 4.5v15m7.5-7.5h-15"
-                  })
-                ], -1)),
-                p("span", null, L(a.createLabel), 1)
-              ])
-            ])) : _("", !0),
-            a.multiple ? (g(), w("div", eo, [
-              p("button", {
-                class: "text-sm text-blue-600 hover:text-blue-800 transition-colors",
-                onClick: H
-              }, " Обрати все "),
-              A.value ? (g(), w("button", {
-                key: 0,
-                class: "text-sm text-gray-500 hover:text-gray-700 transition-colors",
-                onClick: te
-              }, " Очистити ")) : _("", !0)
-            ])) : _("", !0),
-            a.isLoading ? (g(), w("div", to, [...m[16] || (m[16] = [
-              p("div", { class: "animate-spin w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full" }, null, -1)
-            ])])) : (g(), w("div", no, [
-              a.allowEmpty ? (g(), w("button", {
-                key: 0,
-                class: T(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors", A.value ? "" : "bg-gray-50 font-medium"]),
-                role: "option",
-                "aria-selected": !A.value,
-                onClick: m[4] || (m[4] = (k) => D(null, () => q(l).close()))
-              }, [
-                A.value ? (g(), w("span", lo)) : (g(), w("svg", so, [...m[17] || (m[17] = [
-                  p("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: "M4.5 12.75l6 6 9-13.5"
-                  }, null, -1)
-                ])])),
-                p("span", null, L(a.emptyLabel ?? a.placeholder), 1)
-              ], 10, oo)) : _("", !0),
-              a.groupKey ? (g(!0), w(I, { key: 1 }, J(O.value, (k) => (g(), w(I, {
-                key: k.label
-              }, [
-                k.label ? (g(), w("div", ro, L(k.label), 1)) : _("", !0),
-                (g(!0), w(I, null, J(k.entries, (y) => (g(), w("button", {
-                  key: y.item[a.valueKey],
-                  class: T(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", R(y.item) ? "bg-gray-50 font-medium" : ""]),
-                  role: "option",
-                  "aria-selected": R(y.item),
-                  onClick: (S) => D(y.item, () => q(l).close())
-                }, [
-                  R(y.item) ? (g(), w("svg", ao, [...m[18] || (m[18] = [
-                    p("path", {
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round",
-                      d: "M4.5 12.75l6 6 9-13.5"
-                    }, null, -1)
-                  ])])) : (g(), w("span", co)),
-                  B(a.$slots, "item", fe({ ref_for: !0 }, { item: y.item }), () => [
-                    p("span", null, L(y.item[a.labelKey]), 1)
-                  ])
-                ], 10, io))), 128))
-              ], 64))), 128)) : (g(!0), w(I, { key: 2 }, J(C.value, (k) => (g(), w("button", {
-                key: k[a.valueKey],
-                class: T(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", R(k) ? "bg-gray-50 font-medium" : ""]),
-                role: "option",
-                "aria-selected": R(k),
-                onClick: (y) => D(k, () => q(l).close())
-              }, [
-                R(k) ? (g(), w("svg", fo, [...m[19] || (m[19] = [
-                  p("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: "M4.5 12.75l6 6 9-13.5"
-                  }, null, -1)
-                ])])) : (g(), w("span", po)),
-                B(a.$slots, "item", fe({ ref_for: !0 }, { item: k }), () => [
-                  p("span", null, L(k[a.labelKey]), 1)
-                ])
-              ], 10, uo))), 128)),
-              C.value.length === 0 && !a.allowEmpty ? (g(), w("div", mo, [
-                B(a.$slots, "empty", {}, () => [
-                  m[20] || (m[20] = We(" Nothing found ", -1))
-                ])
-              ])) : _("", !0)
-            ]))
-          ])
-        ]),
-        _: 3
-      }, 8, ["useModal", "title"])) : _("", !0)
-    ], 64)) : (g(), ge(nn, {
-      key: 0,
-      stick: a.stick,
-      onOpen: G,
-      onClose: de
-    }, {
-      button: ae(({ onToggle: k, isExpanded: y }) => [
-        B(a.$slots, "button", me(he({ onToggle: k, isExpanded: y, selectedLabel: $.value })), () => [
-          p("button", {
-            class: T(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
-              a.view === "pill" ? "rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700" : "rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]",
-              a.view === "default" && y ? "ring-1 ring-blue-500 border-blue-500" : ""
-            ]]),
-            style: ve(a.maxWidth ? { maxWidth: a.maxWidth } : void 0),
-            onClick: k
-          }, [
-            p("span", {
-              class: T(["truncate", a.view === "pill" ? "" : A.value ? "text-gray-900" : "text-gray-500"])
-            }, L($.value), 3),
-            (g(), w("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              "stroke-width": "1.5",
-              stroke: "currentColor",
-              class: T(["w-4 h-4 text-gray-400 transition-transform shrink-0", y ? "rotate-180" : ""])
-            }, [...m[5] || (m[5] = [
-              p("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
-              }, null, -1)
-            ])], 2))
-          ], 14, _n)
-        ])
-      ]),
-      menu: ae(({ onToggle: k }) => [
-        p("div", {
-          class: "min-w-[240px] w-full",
-          onKeydown: (y) => U(y, k)
-        }, [
-          a.title ? (g(), w("div", En, L(a.title), 1)) : _("", !0),
-          a.searchable ? (g(), w("div", Sn, [
-            p("div", Tn, [
-              m[6] || (m[6] = p("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                "stroke-width": "1.5",
-                stroke: "currentColor",
-                class: "absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"
-              }, [
-                p("path", {
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-                })
-              ], -1)),
-              Se(p("input", {
-                ref_key: "searchInputRef",
-                ref: h,
-                "onUpdate:modelValue": m[0] || (m[0] = (y) => u.value = y),
-                type: "text",
-                placeholder: a.searchPlaceholder,
-                class: "w-full rounded-md border border-gray-300 py-1.5 pl-8 pr-3 text-sm outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500",
-                onInput: re
-              }, null, 40, Vn), [
-                [je, u.value]
-              ])
-            ])
-          ])) : _("", !0),
-          a.createLabel ? (g(), w("div", Dn, [
-            p("button", {
-              class: "flex items-center gap-2 w-full px-3 py-2 text-sm text-blue-700 hover:bg-gray-50 transition-colors",
-              onClick: (y) => X(k)
-            }, [
-              m[7] || (m[7] = p("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                "stroke-width": "1.5",
-                stroke: "currentColor",
-                class: "w-4 h-4"
-              }, [
-                p("path", {
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  d: "M12 4.5v15m7.5-7.5h-15"
-                })
-              ], -1)),
-              p("span", null, L(a.createLabel), 1)
-            ], 8, Bn)
-          ])) : _("", !0),
-          a.multiple ? (g(), w("div", Fn, [
-            p("button", {
-              class: "text-xs text-blue-600 hover:text-blue-800 transition-colors",
-              onClick: H
-            }, " Обрати все "),
-            A.value ? (g(), w("button", {
-              key: 0,
-              class: "text-xs text-gray-500 hover:text-gray-700 transition-colors",
-              onClick: te
-            }, " Очистити ")) : _("", !0)
-          ])) : _("", !0),
-          a.isLoading ? (g(), w("div", Pn, [...m[8] || (m[8] = [
-            p("svg", {
-              class: "animate-spin h-5 w-5 text-gray-400",
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24"
-            }, [
-              p("circle", {
-                class: "opacity-25",
-                cx: "12",
-                cy: "12",
-                r: "10",
-                stroke: "currentColor",
-                "stroke-width": "4"
-              }),
-              p("path", {
-                class: "opacity-75",
-                fill: "currentColor",
-                d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
-              })
-            ], -1)
-          ])])) : (g(), w("div", {
-            key: 5,
-            ref_key: "listRef",
-            ref: x,
-            class: "max-h-[300px] overflow-y-auto",
-            role: "listbox"
-          }, [
-            a.allowEmpty ? (g(), w("button", {
-              key: 0,
-              ref: (y) => f(y, 0),
-              class: T(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors", [
-                A.value ? "hover:bg-gray-50" : "bg-gray-100 font-medium",
-                d.value === 0 ? "bg-gray-50" : ""
-              ]]),
-              role: "option",
-              "aria-selected": !A.value,
-              onClick: (y) => D(null, k),
-              onMouseenter: m[1] || (m[1] = (y) => d.value = 0)
-            }, [
-              A.value ? (g(), w("span", In)) : (g(), w("svg", Wn, [...m[9] || (m[9] = [
-                p("path", {
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  d: "M4.5 12.75l6 6 9-13.5"
-                }, null, -1)
-              ])])),
-              p("span", null, L(a.emptyLabel ?? a.placeholder), 1)
-            ], 42, jn)) : _("", !0),
-            a.groupKey ? (g(!0), w(I, { key: 1 }, J(O.value, (y, S) => (g(), w(I, {
-              key: y.label
-            }, [
-              y.label ? (g(), w("div", {
-                key: 0,
-                class: T(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide", S > 0 ? "border-t border-gray-100 mt-1" : ""])
-              }, L(y.label), 3)) : _("", !0),
-              (g(!0), w(I, null, J(y.entries, (M) => (g(), w("button", {
-                key: M.item[a.valueKey],
-                ref_for: !0,
-                ref: (Me) => f(Me, M.flatIndex),
-                class: T(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
-                  R(M.item) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
-                  d.value === M.flatIndex ? "bg-gray-50" : ""
-                ]]),
-                role: "option",
-                "aria-selected": R(M.item),
-                onClick: (Me) => D(M.item, k),
-                onMouseenter: (Me) => d.value = M.flatIndex
-              }, [
-                R(M.item) ? (g(), w("svg", zn, [...m[10] || (m[10] = [
-                  p("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: "M4.5 12.75l6 6 9-13.5"
-                  }, null, -1)
-                ])])) : (g(), w("span", Nn)),
-                B(a.$slots, "item", fe({ ref_for: !0 }, { item: M.item }), () => [
-                  p("span", null, L(M.item[a.labelKey]), 1)
-                ])
-              ], 42, Kn))), 128))
-            ], 64))), 128)) : (g(!0), w(I, { key: 2 }, J(C.value, (y, S) => (g(), w("button", {
-              key: y[a.valueKey],
-              ref_for: !0,
-              ref: (M) => f(M, b.value + S),
-              class: T(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
-                R(y) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
-                d.value === b.value + S ? "bg-gray-50" : ""
-              ]]),
-              role: "option",
-              "aria-selected": R(y),
-              onClick: (M) => D(y, k),
-              onMouseenter: (M) => d.value = b.value + S
-            }, [
-              R(y) ? (g(), w("svg", Un, [...m[11] || (m[11] = [
-                p("path", {
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  d: "M4.5 12.75l6 6 9-13.5"
-                }, null, -1)
-              ])])) : (g(), w("span", qn)),
-              B(a.$slots, "item", fe({ ref_for: !0 }, { item: y }), () => [
-                p("span", null, L(y[a.labelKey]), 1)
-              ])
-            ], 42, Hn))), 128)),
-            C.value.length === 0 && !a.allowEmpty ? (g(), w("div", Yn, [
-              B(a.$slots, "empty", {}, () => [
-                m[12] || (m[12] = We(" Nothing found ", -1))
-              ])
-            ])) : _("", !0)
-          ], 512))
-        ], 40, Ln)
-      ]),
-      _: 3
-    }, 8, ["stick"]));
-  }
-});
-export {
-  $n as O,
-  nn as _,
-  yo as a,
-  xo as b,
-  bo as c,
-  kn as m,
-  Mn as u
-};