@oneb/ui-vue 0.2.24 → 0.2.25

package/dist/index-40a89478.js

@@ -0,0 +1,1886 @@
+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
+};