@oneb/ui-vue 0.2.13 → 0.2.15

package/dist/index-0e39841a.js

@@ -0,0 +1,1829 @@
+import { d as pt, e as mt, _ as ht, r as gt, f as vt } from "./OneHelpMenu-7eb95bc3.js";
+import { defineComponent as xe, 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, createCommentVNode as T, withDirectives as Le, normalizeClass as E, toDisplayString as _, vShow as yt, createBlock as _e, withCtx as re, createVNode as Re, unref as H, normalizeStyle as he, Fragment as j, renderList as Z, onMounted as Ze, onUnmounted as xt, vModelText as Fe, mergeProps as de, createTextVNode as Pe, nextTick as Me } 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 ge = Math.min, Q = Math.max, ve = Math.round, fe = Math.floor, z = (e) => ({
+  x: e,
+  y: e
+}), bt = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, kt = {
+  start: "end",
+  end: "start"
+};
+function je(e, t, o) {
+  return Q(e, ge(t, o));
+}
+function be(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function ee(e) {
+  return e.split("-")[0];
+}
+function ke(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 Ct(e, t, o) {
+  o === void 0 && (o = !1);
+  const n = ke(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 = we(l)), [l, we(l)];
+}
+function At(e) {
+  const t = we(e);
+  return [Ee(e), t, Ee(t)];
+}
+function Ee(e) {
+  return e.replace(/start|end/g, (t) => kt[t]);
+}
+function Ot(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 Rt(e, t, o, n) {
+  const s = ke(e);
+  let i = Ot(ee(e), o === "start", n);
+  return s && (i = i.map((l) => l + "-" + s), t && (i = i.concat(i.map(Ee)))), i;
+}
+function we(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => bt[t]);
+}
+function Mt(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function $t(e) {
+  return typeof e != "number" ? Mt(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function ye(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 (ke(t)) {
+    case "start":
+      g[l] -= w * (o && u ? -1 : 1);
+      break;
+    case "end":
+      g[l] += w * (o && u ? -1 : 1);
+      break;
+  }
+  return g;
+}
+const Lt = 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
+  } = be(t, e), f = $t(g), b = r[w ? m === "floating" ? "reference" : "floating" : m], A = ye(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
+  }, $ = ye(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 _t = 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
+      } = be(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 ? [we(r)] : At(r)), U = f !== "none";
+      !w && U && $.push(...Rt(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 = Ct(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 Et(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 = ke(o), c = oe(o) === "y", u = ["left", "top"].includes(l) ? -1 : 1, d = i && c ? -1 : 1, m = be(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 St = 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 Et(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
+        }
+      };
+    }
+  };
+}, Tt = 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
+      } = be(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 Ce() {
+  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 Ce() ? e instanceof Node || e instanceof B(e).Node : !1;
+}
+function P(e) {
+  return Ce() ? e instanceof Element || e instanceof B(e).Element : !1;
+}
+function N(e) {
+  return Ce() ? e instanceof HTMLElement || e instanceof B(e).HTMLElement : !1;
+}
+function ze(e) {
+  return !Ce() || 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 Dt(e) {
+  return ["table", "td", "th"].includes(le(e));
+}
+function Ae(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 Vt(e) {
+  let t = G(e);
+  for (; N(t) && !se(t); ) {
+    if (Te(t))
+      return t;
+    if (Ae(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 Oe(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 = ve(o) !== i || ve(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 ? ve(o.width) : o.width) / n, r = (i ? ve(o.height) : o.height) / s;
+  return (!l || !Number.isFinite(l)) && (l = 1), (!r || !Number.isFinite(r)) && (r = 1), {
+    x: l,
+    y: r
+  };
+}
+const Bt = /* @__PURE__ */ z(0);
+function rt(e) {
+  const t = B(e);
+  return !De() || !t.visualViewport ? Bt : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function Ft(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 = Ft(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 ye({
+    width: d,
+    height: m,
+    x: c,
+    y: u
+  });
+}
+function Be(e, t) {
+  const o = Oe(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 Pt(e) {
+  let {
+    elements: t,
+    rect: o,
+    offsetParent: n,
+    strategy: s
+  } = e;
+  const i = s === "fixed", l = K(n), r = t ? Ae(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 = Oe(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 Wt(e) {
+  return Array.from(e.getClientRects());
+}
+function jt(e) {
+  const t = K(e), o = Oe(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 It(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 zt(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 = It(e, o);
+  else if (t === "document")
+    n = jt(K(e));
+  else if (P(t))
+    n = zt(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 ye(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 Nt(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 Kt(e) {
+  let {
+    element: t,
+    boundary: o,
+    rootBoundary: n,
+    strategy: s
+  } = e;
+  const l = [...o === "clippingAncestors" ? Ae(t) ? [] : Nt(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 = ge(m.right, u.right), u.bottom = ge(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 Ht(e) {
+  const {
+    width: t,
+    height: o
+  } = it(e);
+  return {
+    width: t,
+    height: o
+  };
+}
+function Ut(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 = Oe(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 $e(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 (Ae(e))
+    return o;
+  if (!N(e)) {
+    let s = G(e);
+    for (; s && !se(s); ) {
+      if (P(s) && !$e(s))
+        return s;
+      s = G(s);
+    }
+    return o;
+  }
+  let n = Ke(e, t);
+  for (; n && Dt(n) && $e(n); )
+    n = Ke(n, t);
+  return n && se(n) && $e(n) && !Te(n) ? o : n || Vt(e) || o;
+}
+const qt = async function(e) {
+  const t = this.getOffsetParent || ut, o = this.getDimensions, n = await o(e.floating);
+  return {
+    reference: Ut(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function Yt(e) {
+  return W(e).direction === "rtl";
+}
+const Xt = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Pt,
+  getDocumentElement: K,
+  getClippingRect: Kt,
+  getOffsetParent: ut,
+  getElementRects: qt,
+  getClientRects: Wt,
+  getDimensions: Ht,
+  getScale: ne,
+  isElement: P,
+  isRTL: Yt
+};
+function dt(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function Gt(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, ge(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 Jt(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 ? Gt(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 = St, Ue = Tt, qe = _t, Ye = (e, t, o) => {
+  const n = /* @__PURE__ */ new Map(), s = {
+    platform: Xt,
+    ...o
+  }, i = {
+    ...s.platform,
+    _c: n
+  };
+  return Lt(e, t, {
+    ...s,
+    platform: i
+  });
+}, Zt = ["data-opened"], Qt = {
+  key: 0,
+  class: "text-sm text-secondary-content px-3 py-2 text-left"
+}, en = /* @__PURE__ */ xe({
+  __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",
+        // Розташування меню нижче кнопки, вирівняне зліва
+        middleware: [He(5), qe(), Ue({ padding: 8 })]
+        // Відступ у 4px від кнопки
+      }).then(({ x: m, y: w }) => {
+        Object.assign(s.value.style, {
+          left: `${m}px`,
+          top: `${w}px`
+        });
+      }), l = Jt(i.value, s.value, () => {
+        Ye(i.value, s.value, {
+          placement: o.stick ? o.stick : "bottom-start",
+          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(() => [
+      "absolute z-10 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),
+      n.value ? (v(), y("div", {
+        key: 0,
+        class: "fixed top-0 left-0 w-screen h-screen z-10",
+        onClick: c
+      })) : T("", !0),
+      Le(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", Qt, _(d.title), 1)) : T("", !0),
+        V(d.$slots, "menu", pe(me({ onToggle: c })))
+      ], 2), [
+        [yt, n.value]
+      ])
+    ], 8, Zt));
+  }
+}), tn = {}, nn = { class: "border-t border-secondary-stroke my-1" };
+function on(e, t) {
+  return v(), y("div", nn);
+}
+const mo = /* @__PURE__ */ Qe(tn, [["render", on]]), sn = ["onClick"], ln = { class: "grid" }, rn = { class: "font-semibold px-3" }, an = { class: "rounded-lg m-3 border" }, cn = {
+  class: "space-x-2 flex items-center px-3 py-2",
+  style: { width: "300px" }
+}, un = { class: "flex-shrink-0" }, dn = { class: "w-full text-left" }, fn = { class: "flex-shrink-0" }, pn = { class: "px-3 py-2" }, mn = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, hn = {
+  key: 0,
+  class: "space-y-2"
+}, gn = ["onClick"], vn = { class: "pl-2" }, wn = { class: "text-sm mt-1" }, yn = { class: "text-xs mt-1" }, Xe = 3, ho = /* @__PURE__ */ xe({
+  __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(), _e(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" : ""]])
+        }, [
+          Re(H(gt), {
+            class: "text-secondary-base",
+            style: he(`width: ${r.iconSize}px; height: ${r.iconSize}px`)
+          }, null, 8, ["style"])
+        ], 10, sn)
+      ]),
+      menu: re(() => {
+        var u, d, m, w;
+        return [
+          p("div", ln, [
+            p("div", rn, _((u = r.workspace) == null ? void 0 : u.title), 1),
+            p("div", an, [
+              p("div", cn, [
+                p("div", un, [
+                  Re(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", dn, _((w = r.workspace) == null ? void 0 : w.name), 1),
+                p("div", fn, [
+                  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", pn, [
+            p("div", mn, _(r.appsTitle), 1),
+            p("div", null, [
+              r.apps && r.apps.length ? (v(), y("div", hn, [
+                (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"
+                }, [
+                  Re(We, {
+                    text: g.name,
+                    src: g.photo_url,
+                    size: 44,
+                    rounded: !1
+                  }, null, 8, ["text", "src"]),
+                  p("div", vn, [
+                    p("p", wn, _(g.name), 1),
+                    p("p", yn, _(g.short), 1)
+                  ])
+                ], 8, gn))), 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
+    }));
+  }
+}), xn = {
+  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: ""
+  }
+}, bn = {
+  "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"]
+}, kn = (e = "medium") => {
+  const t = [];
+  return t.push(...bn[e] ?? []), t;
+}, Cn = { class: "relative bg-white rounded-lg shadow h-full" }, An = /* @__PURE__ */ xe({
+  __name: "OneModal",
+  props: xn,
+  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(() => kn(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: he(r.value),
+        ref_key: "modalContent",
+        ref: c
+      }, [
+        p("div", Cn, [
+          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 On = /* @__PURE__ */ Qe(An, [["__scopeId", "data-v-3560b61e"]]);
+function Rn(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 Mn = ["onClick"], $n = ["onKeydown"], Ln = {
+  key: 0,
+  class: "text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"
+}, _n = {
+  key: 1,
+  class: "px-3 py-2"
+}, En = { class: "relative" }, Sn = ["placeholder"], Tn = {
+  key: 2,
+  class: "border-b border-gray-100"
+}, Dn = ["onClick"], Vn = {
+  key: 3,
+  class: "flex justify-center py-4"
+}, Bn = ["aria-selected", "onClick"], Fn = {
+  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"
+}, Pn = {
+  key: 1,
+  class: "w-4 h-4 shrink-0"
+}, Wn = ["aria-selected", "onClick", "onMouseenter"], jn = {
+  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"
+}, zn = ["aria-selected", "onClick", "onMouseenter"], Nn = {
+  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"
+}, Kn = {
+  key: 1,
+  class: "w-4 h-4 shrink-0"
+}, Hn = {
+  key: 3,
+  class: "px-3 py-4 text-sm text-gray-500 text-center"
+}, Un = { class: "pb-6" }, qn = {
+  key: 0,
+  class: "relative px-3 py-3"
+}, Yn = { class: "relative" }, Xn = ["placeholder"], Gn = {
+  key: 1,
+  class: "px-3 py-2"
+}, Jn = {
+  key: 2,
+  class: "flex justify-center py-8"
+}, Zn = {
+  key: 3,
+  class: "overflow-auto h-[60dvh] divide-y",
+  role: "listbox"
+}, Qn = ["aria-selected"], eo = {
+  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"
+}, to = {
+  key: 1,
+  class: "w-5 h-5 shrink-0"
+}, no = ["aria-selected", "onClick"], oo = {
+  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"
+}, so = {
+  key: 1,
+  class: "w-5 h-5 shrink-0"
+}, lo = ["aria-selected", "onClick"], io = {
+  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"
+}, ro = {
+  key: 1,
+  class: "w-5 h-5 shrink-0"
+}, ao = {
+  key: 3,
+  class: "px-3 py-8 text-sm text-gray-500 text-center"
+}, go = /* @__PURE__ */ xe({
+  __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), xt(() => {
+        i == null || i.removeEventListener("change", a);
+      });
+    });
+    const l = Rn(), r = D(null), c = () => {
+      u.value = "", d.value = -1, l.open(), Me(() => {
+        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, Me(() => {
+        var a;
+        (a = m.value) == null || a.focus();
+      });
+    }, ie = () => {
+      u.value = "", d.value = -1;
+    }, J = () => {
+      d.value = 0, n("search", u.value);
+    }, Y = () => {
+      Me(() => {
+        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: he(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(), _e(H(On), {
+        key: 0,
+        useModal: H(l),
+        title: a.title || a.placeholder,
+        size: "sm",
+        classModal: !0,
+        titleCenter: !0
+      }, {
+        default: re(() => [
+          p("div", Un, [
+            a.searchable ? (v(), y("div", qn, [
+              p("div", Yn, [
+                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)),
+                Le(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, Xn), [
+                  [Fe, u.value]
+                ])
+              ])
+            ])) : T("", !0),
+            a.createLabel ? (v(), y("div", Gn, [
+              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", Jn, 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", Zn, [
+              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", eo, 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", to)),
+                p("span", null, _(a.emptyLabel ?? a.placeholder), 1)
+              ], 10, Qn)) : 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", oo, 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", so)),
+                  V(a.$slots, "item", de({ ref_for: !0 }, { item: L.item }), () => [
+                    p("span", null, _(L.item[a.labelKey]), 1)
+                  ])
+                ], 10, no))), 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", io, 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", ro)),
+                V(a.$slots, "item", de({ ref_for: !0 }, { item: k }), () => [
+                  p("span", null, _(k[a.labelKey]), 1)
+                ])
+              ], 10, lo))), 128)),
+              b.value.length === 0 && !a.allowEmpty ? (v(), y("div", ao, [
+                V(a.$slots, "empty", {}, () => [
+                  h[20] || (h[20] = Pe(" Nothing found "))
+                ])
+              ])) : T("", !0)
+            ]))
+          ])
+        ]),
+        _: 3
+      }, 8, ["useModal", "title"])) : T("", !0)
+    ], 64)) : (v(), _e(en, {
+      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: he(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, Mn)
+        ])
+      ]),
+      menu: re(({ onToggle: k }) => [
+        p("div", {
+          class: "min-w-[240px] w-full",
+          onKeydown: (C) => ue(C, k)
+        }, [
+          a.title ? (v(), y("div", Ln, _(a.title), 1)) : T("", !0),
+          a.searchable ? (v(), y("div", _n, [
+            p("div", En, [
+              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)),
+              Le(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, Sn), [
+                [Fe, u.value]
+              ])
+            ])
+          ])) : T("", !0),
+          a.createLabel ? (v(), y("div", Tn, [
+            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, Dn)
+          ])) : T("", !0),
+          a.isLoading ? (v(), y("div", Vn, 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", Fn, 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", Pn)),
+              p("span", null, _(a.emptyLabel ?? a.placeholder), 1)
+            ], 42, Bn)) : 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", jn, 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", In)),
+                V(a.$slots, "item", de({ ref_for: !0 }, { item: M.item }), () => [
+                  p("span", null, _(M.item[a.labelKey]), 1)
+                ])
+              ], 42, Wn))), 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", Nn, 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", Kn)),
+              V(a.$slots, "item", de({ ref_for: !0 }, { item: C }), () => [
+                p("span", null, _(C[a.labelKey]), 1)
+              ])
+            ], 42, zn))), 128)),
+            b.value.length === 0 && !a.allowEmpty ? (v(), y("div", Hn, [
+              V(a.$slots, "empty", {}, () => [
+                h[12] || (h[12] = Pe(" Nothing found "))
+              ])
+            ])) : T("", !0)
+          ], 512))
+        ], 40, $n)
+      ]),
+      _: 3
+    }, 8, ["stick"]));
+  }
+});
+export {
+  On as O,
+  en as _,
+  mo as a,
+  ho as b,
+  go as c,
+  xn as m,
+  Rn as u
+};