@oneb/ui-vue 0.2.16 → 0.2.18

package/dist/index-8a608e81.js

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