@oneb/ui-vue 0.3.23 → 0.3.25

package/dist/dropdown/index.js

@@ -1,7 +1,7 @@
-import { d as he, e as ye, _ as we, r as ge, f as ke } from "../OneHelpMenu-a9131cb1.js";
-import { O as so, a as lo, c as no, b as ro } from "../OneHelpMenu-a9131cb1.js";
-import { defineComponent as X, ref as C, watch as ce, onBeforeUnmount as be, provide as xe, computed as I, openBlock as o, createElementBlock as l, createElementVNode as t, renderSlot as V, normalizeProps as F, guardReactiveProps as P, createBlock as U, Teleport as Ce, createCommentVNode as m, withDirectives as q, normalizeClass as w, toDisplayString as u, vShow as _e, withCtx as z, createVNode as H, unref as y, normalizeStyle as J, Fragment as M, renderList as L, onMounted as $e, onUnmounted as Me, vModelText as le, mergeProps as R, createTextVNode as ne, nextTick as T } from "vue";
-import { c as re, o as ae, s as ie, a as Ve } from "../floating-ui.dom-4509432e.js";
+import { d as he, e as ye, _ as we, r as ge, f as ke } from "../OneHelpMenu-df4e18a9.js";
+import { O as lo, a as so, c as no, b as ro } from "../OneHelpMenu-df4e18a9.js";
+import { defineComponent as X, ref as C, watch as ce, onBeforeUnmount as be, provide as xe, computed as I, openBlock as o, createElementBlock as s, createElementVNode as t, renderSlot as V, normalizeProps as F, guardReactiveProps as P, createBlock as U, Teleport as Ce, createCommentVNode as m, withDirectives as q, normalizeClass as w, toDisplayString as u, vShow as _e, withCtx as z, createVNode as H, unref as y, normalizeStyle as J, Fragment as M, renderList as L, onMounted as $e, onUnmounted as Me, vModelText as se, mergeProps as R, createTextVNode as ne, nextTick as T } from "vue";
+import { computePosition as re, offset as ae, shift as ie, autoUpdate as Ve } from "@floating-ui/dom";
 import { flip as ue } from "@floating-ui/vue";
 import { _ as Ke } from "../_plugin-vue_export-helper-dad06003.js";
 import { _ as de } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
@@ -59,7 +59,7 @@ const Ie = ["data-opened"], Be = {
       "py-1 shadow-lg ring-black ring-opacity-5 focus:outline-none",
       "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
     ]);
-    return (p, i) => (o(), l("div", {
+    return (p, i) => (o(), s("div", {
       class: "relative inline-block",
       "data-opened": c.value
     }, [
@@ -70,7 +70,7 @@ const Ie = ["data-opened"], Be = {
         V(p.$slots, "button", F(P({ onToggle: _, isExpanded: c.value })))
       ], 512),
       (o(), U(Ce, { to: "body" }, [
-        c.value ? (o(), l("div", {
+        c.value ? (o(), s("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-[9999]",
           onClick: _
@@ -84,7 +84,7 @@ const Ie = ["data-opened"], Be = {
           tabindex: "-1",
           style: { display: "none" }
         }, [
-          p.title ? (o(), l("div", Be, u(p.title), 1)) : m("", !0),
+          p.title ? (o(), s("div", Be, u(p.title), 1)) : m("", !0),
           V(p.$slots, "menu", F(P({ onToggle: _ })))
         ], 2), [
           [_e, c.value]
@@ -94,7 +94,7 @@ const Ie = ["data-opened"], Be = {
   }
 }), Se = {}, De = { class: "border-t border-secondary-stroke my-1" };
 function ze(S, g) {
-  return o(), l("div", De);
+  return o(), s("div", De);
 }
 const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { class: "grid" }, Fe = { class: "font-semibold px-3" }, Pe = { class: "rounded-lg m-3 border" }, Ue = {
   class: "space-x-2 flex items-center px-3 py-2",
@@ -155,8 +155,8 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
           t("div", He, [
             t("div", Te, u(d.appsTitle), 1),
             t("div", null, [
-              d.apps && d.apps.length ? (o(), l("div", qe, [
-                (o(!0), l(M, null, L(f.value, (O) => (o(), l("div", {
+              d.apps && d.apps.length ? (o(), s("div", qe, [
+                (o(!0), s(M, null, L(f.value, (O) => (o(), s("div", {
                   key: O.id,
                   onClick: (W) => h(O),
                   class: "flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"
@@ -173,7 +173,7 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                   ])
                 ], 8, Je))), 128))
               ])) : m("", !0),
-              d.apps && d.apps.length > pe ? (o(), l("button", {
+              d.apps && d.apps.length > pe ? (o(), s("button", {
                 key: 1,
                 onClick: x,
                 class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"
@@ -191,7 +191,7 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
 }, ot = {
   key: 1,
   class: "px-3 py-2"
-}, st = { class: "relative" }, lt = ["placeholder"], nt = {
+}, lt = { class: "relative" }, st = ["placeholder"], nt = {
   key: 2,
   class: "border-b border-gray-100"
 }, rt = ["onClick"], at = {
@@ -300,8 +300,8 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
     let h = null;
     $e(() => {
       h = window.matchMedia("(max-width: 767px)"), x.value = h.matches;
-      const e = (s) => {
-        x.value = s.matches;
+      const e = (l) => {
+        x.value = l.matches;
       };
       h.addEventListener("change", e), Me(() => {
         h == null || h.removeEventListener("change", e);
@@ -312,24 +312,24 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
         var e;
         (e = _.value) == null || e.focus();
       });
-    }, p = C(""), i = C(-1), A = C(null), O = C(null), W = C({}), N = (e, s) => {
-      e && (W.value[s] = e);
+    }, p = C(""), i = C(-1), A = C(null), O = C(null), W = C({}), N = (e, l) => {
+      e && (W.value[l] = e);
     }, D = I(() => n.allowEmpty ? 1 : 0), B = I(() => {
       if (!p.value.trim())
         return n.items;
       const e = p.value.toLowerCase();
       return n.items.filter(
-        (s) => String(s[n.labelKey] ?? "").toLowerCase().includes(e)
+        (l) => String(l[n.labelKey] ?? "").toLowerCase().includes(e)
       );
     }), Y = I(() => {
       if (!n.groupKey)
         return [];
-      const e = [], s = /* @__PURE__ */ new Map();
+      const e = [], l = /* @__PURE__ */ new Map();
       let a = D.value;
       for (const r of B.value) {
         const b = String(r[n.groupKey] ?? "");
-        let v = s.get(b);
-        v || (v = { label: b, entries: [] }, s.set(b, v), e.push(v)), v.entries.push({ item: r, flatIndex: a }), a++;
+        let v = l.get(b);
+        v || (v = { label: b, entries: [] }, l.set(b, v), e.push(v)), v.entries.push({ item: r, flatIndex: a }), a++;
       }
       return e;
     }), $ = I(() => n.multiple ? (n.modelValue ?? []).length > 0 : n.modelValue !== null && n.modelValue !== void 0), E = I(() => {
@@ -338,7 +338,7 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
         return e.length === 0 ? n.placeholder : e.length === 1 ? e[0][n.labelKey] ?? n.placeholder : `${e[0][n.labelKey]} +${e.length - 1}`;
       }
       return n.modelValue === null || n.modelValue === void 0 ? n.placeholder : n.modelValue[n.labelKey] ?? n.placeholder;
-    }), k = (e) => n.modelValue ? n.multiple ? n.modelValue.some((a) => a[n.valueKey] === e[n.valueKey]) : n.modelValue[n.valueKey] === e[n.valueKey] : !1, Z = I(() => B.value.length + D.value), j = (e, s) => {
+    }), k = (e) => n.modelValue ? n.multiple ? n.modelValue.some((a) => a[n.valueKey] === e[n.valueKey]) : n.modelValue[n.valueKey] === e[n.valueKey] : !1, Z = I(() => B.value.length + D.value), j = (e, l) => {
       if (n.multiple) {
         const a = (n.modelValue ?? []).slice();
         if (e === null) {
@@ -349,7 +349,7 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
         r >= 0 ? a.splice(r, 1) : a.push(e), f("update:modelValue", a);
         return;
       }
-      f("update:modelValue", e), s();
+      f("update:modelValue", e), l();
     }, Q = () => {
       f("update:modelValue", [...n.items]);
     }, ee = () => {
@@ -365,36 +365,36 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
       p.value = "", i.value = -1;
     }, oe = () => {
       i.value = 0, f("search", p.value);
-    }, se = () => {
+    }, le = () => {
       T(() => {
         const e = W.value[i.value];
         e && e.scrollIntoView({ block: "nearest" });
       });
-    }, fe = (e, s) => {
+    }, fe = (e, l) => {
       switch (e.key) {
         case "ArrowDown":
-          e.preventDefault(), i.value < Z.value - 1 ? i.value++ : i.value = 0, se();
+          e.preventDefault(), i.value < Z.value - 1 ? i.value++ : i.value = 0, le();
           break;
         case "ArrowUp":
-          e.preventDefault(), i.value > 0 ? i.value-- : i.value = Z.value - 1, se();
+          e.preventDefault(), i.value > 0 ? i.value-- : i.value = Z.value - 1, le();
           break;
         case "Enter":
           if (e.preventDefault(), i.value >= 0)
             if (n.allowEmpty && i.value === 0)
-              j(null, s);
+              j(null, l);
             else {
               const a = i.value - D.value, r = B.value[a];
-              r && j(r, s);
+              r && j(r, l);
             }
           break;
         case "Escape":
-          e.preventDefault(), s();
+          e.preventDefault(), l();
           break;
       }
     };
     return ce(p, () => {
       i.value = 0;
-    }), (e, s) => x.value ? (o(), l(M, { key: 1 }, [
+    }), (e, l) => x.value ? (o(), s(M, { key: 1 }, [
       V(e.$slots, "button", F(P({ onToggle: K, isExpanded: y(d).isOpened.value, selectedLabel: E.value })), () => [
         t("button", {
           class: w(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
@@ -406,7 +406,7 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
           t("span", {
             class: w(["truncate", e.view === "pill" ? "" : $.value ? "text-gray-900" : "text-gray-500"])
           }, u(E.value), 3),
-          s[12] || (s[12] = t("svg", {
+          l[12] || (l[12] = t("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
@@ -432,9 +432,9 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
       }, {
         default: z(() => [
           t("div", gt, [
-            e.searchable ? (o(), l("div", kt, [
+            e.searchable ? (o(), s("div", kt, [
               t("div", bt, [
-                s[13] || (s[13] = t("svg", {
+                l[13] || (l[13] = t("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   fill: "none",
                   viewBox: "0 0 24 24",
@@ -451,22 +451,22 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                 q(t("input", {
                   ref_key: "mobileSearchInputRef",
                   ref: _,
-                  "onUpdate:modelValue": s[2] || (s[2] = (a) => p.value = a),
+                  "onUpdate:modelValue": l[2] || (l[2] = (a) => p.value = a),
                   type: "text",
                   placeholder: e.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: oe
                 }, null, 40, xt), [
-                  [le, p.value]
+                  [se, p.value]
                 ])
               ])
             ])) : m("", !0),
-            e.createLabel ? (o(), l("div", Ct, [
+            e.createLabel ? (o(), s("div", Ct, [
               t("button", {
                 class: "w-full flex items-center justify-center gap-2 py-2 text-sm text-blue-700 hover:text-blue-500",
-                onClick: s[3] || (s[3] = (a) => te(() => y(d).close()))
+                onClick: l[3] || (l[3] = (a) => te(() => y(d).close()))
               }, [
-                s[14] || (s[14] = t("svg", {
+                l[14] || (l[14] = t("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   fill: "none",
                   viewBox: "0 0 24 24",
@@ -483,28 +483,28 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                 t("span", null, u(e.createLabel), 1)
               ])
             ])) : m("", !0),
-            e.multiple ? (o(), l("div", _t, [
+            e.multiple ? (o(), s("div", _t, [
               t("button", {
                 class: "text-sm text-blue-600 hover:text-blue-800 transition-colors",
                 onClick: Q
               }, u(y(c)("ui.dropdown.selectAll")), 1),
-              $.value ? (o(), l("button", {
+              $.value ? (o(), s("button", {
                 key: 0,
                 class: "text-sm text-gray-500 hover:text-gray-700 transition-colors",
                 onClick: ee
               }, u(y(c)("ui.dropdown.clear")), 1)) : m("", !0)
             ])) : m("", !0),
-            e.isLoading ? (o(), l("div", $t, [...s[15] || (s[15] = [
+            e.isLoading ? (o(), s("div", $t, [...l[15] || (l[15] = [
               t("div", { class: "animate-spin w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full" }, null, -1)
-            ])])) : (o(), l("div", Mt, [
-              e.allowEmpty ? (o(), l("button", {
+            ])])) : (o(), s("div", Mt, [
+              e.allowEmpty ? (o(), s("button", {
                 key: 0,
                 class: w(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors", $.value ? "" : "bg-gray-50 font-medium"]),
                 role: "option",
                 "aria-selected": !$.value,
-                onClick: s[4] || (s[4] = (a) => j(null, () => y(d).close()))
+                onClick: l[4] || (l[4] = (a) => j(null, () => y(d).close()))
               }, [
-                $.value ? (o(), l("span", At)) : (o(), l("svg", Kt, [...s[16] || (s[16] = [
+                $.value ? (o(), s("span", At)) : (o(), s("svg", Kt, [...l[16] || (l[16] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
@@ -513,47 +513,47 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                 ])])),
                 t("span", null, u(e.emptyLabel ?? e.placeholder), 1)
               ], 10, Vt)) : m("", !0),
-              e.groupKey ? (o(!0), l(M, { key: 1 }, L(Y.value, (a) => (o(), l(M, {
+              e.groupKey ? (o(!0), s(M, { key: 1 }, L(Y.value, (a) => (o(), s(M, {
                 key: a.label
               }, [
-                a.label ? (o(), l("div", Ot, u(a.label), 1)) : m("", !0),
-                (o(!0), l(M, null, L(a.entries, (r) => (o(), l("button", {
+                a.label ? (o(), s("div", Ot, u(a.label), 1)) : m("", !0),
+                (o(!0), s(M, null, L(a.entries, (r) => (o(), s("button", {
                   key: r.item[e.valueKey],
                   class: w(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", k(r.item) ? "bg-gray-50 font-medium" : ""]),
                   role: "option",
                   "aria-selected": k(r.item),
                   onClick: (b) => j(r.item, () => y(d).close())
                 }, [
-                  k(r.item) ? (o(), l("svg", It, [...s[17] || (s[17] = [
+                  k(r.item) ? (o(), s("svg", It, [...l[17] || (l[17] = [
                     t("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       d: "M4.5 12.75l6 6 9-13.5"
                     }, null, -1)
-                  ])])) : (o(), l("span", Bt)),
+                  ])])) : (o(), s("span", Bt)),
                   V(e.$slots, "item", R({ ref_for: !0 }, { item: r.item }), () => [
                     t("span", null, u(r.item[e.labelKey]), 1)
                   ])
                 ], 10, jt))), 128))
-              ], 64))), 128)) : (o(!0), l(M, { key: 2 }, L(B.value, (a) => (o(), l("button", {
+              ], 64))), 128)) : (o(!0), s(M, { key: 2 }, L(B.value, (a) => (o(), s("button", {
                 key: a[e.valueKey],
                 class: w(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", k(a) ? "bg-gray-50 font-medium" : ""]),
                 role: "option",
                 "aria-selected": k(a),
                 onClick: (r) => j(a, () => y(d).close())
               }, [
-                k(a) ? (o(), l("svg", St, [...s[18] || (s[18] = [
+                k(a) ? (o(), s("svg", St, [...l[18] || (l[18] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M4.5 12.75l6 6 9-13.5"
                   }, null, -1)
-                ])])) : (o(), l("span", Dt)),
+                ])])) : (o(), s("span", Dt)),
                 V(e.$slots, "item", R({ ref_for: !0 }, { item: a }), () => [
                   t("span", null, u(a[e.labelKey]), 1)
                 ])
               ], 10, Lt))), 128)),
-              B.value.length === 0 && !e.allowEmpty ? (o(), l("div", zt, [
+              B.value.length === 0 && !e.allowEmpty ? (o(), s("div", zt, [
                 V(e.$slots, "empty", {}, () => [
                   ne(u(y(c)("ui.dropdown.nothingFound")), 1)
                 ])
@@ -582,14 +582,14 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
             t("span", {
               class: w(["truncate", e.view === "pill" ? "" : $.value ? "text-gray-900" : "text-gray-500"])
             }, u(E.value), 3),
-            (o(), l("svg", {
+            (o(), s("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
               "stroke-width": "1.5",
               stroke: "currentColor",
               class: w(["w-4 h-4 text-gray-400 transition-transform shrink-0", r ? "rotate-180" : ""])
-            }, [...s[5] || (s[5] = [
+            }, [...l[5] || (l[5] = [
               t("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
@@ -604,10 +604,10 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
           class: "min-w-[240px] w-full",
           onKeydown: (r) => fe(r, a)
         }, [
-          e.title ? (o(), l("div", tt, u(e.title), 1)) : m("", !0),
-          e.searchable ? (o(), l("div", ot, [
-            t("div", st, [
-              s[6] || (s[6] = t("svg", {
+          e.title ? (o(), s("div", tt, u(e.title), 1)) : m("", !0),
+          e.searchable ? (o(), s("div", ot, [
+            t("div", lt, [
+              l[6] || (l[6] = t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 fill: "none",
                 viewBox: "0 0 24 24",
@@ -624,22 +624,22 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
               q(t("input", {
                 ref_key: "searchInputRef",
                 ref: A,
-                "onUpdate:modelValue": s[0] || (s[0] = (r) => p.value = r),
+                "onUpdate:modelValue": l[0] || (l[0] = (r) => p.value = r),
                 type: "text",
                 placeholder: e.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: oe
-              }, null, 40, lt), [
-                [le, p.value]
+              }, null, 40, st), [
+                [se, p.value]
               ])
             ])
           ])) : m("", !0),
-          e.createLabel ? (o(), l("div", nt, [
+          e.createLabel ? (o(), s("div", nt, [
             t("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: (r) => te(a)
             }, [
-              s[7] || (s[7] = t("svg", {
+              l[7] || (l[7] = t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 fill: "none",
                 viewBox: "0 0 24 24",
@@ -656,18 +656,18 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
               t("span", null, u(e.createLabel), 1)
             ], 8, rt)
           ])) : m("", !0),
-          e.multiple ? (o(), l("div", at, [
+          e.multiple ? (o(), s("div", at, [
             t("button", {
               class: "text-xs text-blue-600 hover:text-blue-800 transition-colors",
               onClick: Q
             }, u(y(c)("ui.dropdown.selectAll")), 1),
-            $.value ? (o(), l("button", {
+            $.value ? (o(), s("button", {
               key: 0,
               class: "text-xs text-gray-500 hover:text-gray-700 transition-colors",
               onClick: ee
             }, u(y(c)("ui.dropdown.clear")), 1)) : m("", !0)
           ])) : m("", !0),
-          e.isLoading ? (o(), l("div", it, [...s[8] || (s[8] = [
+          e.isLoading ? (o(), s("div", it, [...l[8] || (l[8] = [
             t("svg", {
               class: "animate-spin h-5 w-5 text-gray-400",
               xmlns: "http://www.w3.org/2000/svg",
@@ -688,14 +688,14 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                 d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
               })
             ], -1)
-          ])])) : (o(), l("div", {
+          ])])) : (o(), s("div", {
             key: 5,
             ref_key: "listRef",
             ref: O,
             class: "max-h-[300px] overflow-y-auto",
             role: "listbox"
           }, [
-            e.allowEmpty ? (o(), l("button", {
+            e.allowEmpty ? (o(), s("button", {
               key: 0,
               ref: (r) => N(r, 0),
               class: w(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors", [
@@ -705,9 +705,9 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
               role: "option",
               "aria-selected": !$.value,
               onClick: (r) => j(null, a),
-              onMouseenter: s[1] || (s[1] = (r) => i.value = 0)
+              onMouseenter: l[1] || (l[1] = (r) => i.value = 0)
             }, [
-              $.value ? (o(), l("span", pt)) : (o(), l("svg", dt, [...s[9] || (s[9] = [
+              $.value ? (o(), s("span", pt)) : (o(), s("svg", dt, [...l[9] || (l[9] = [
                 t("path", {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
@@ -716,14 +716,14 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
               ])])),
               t("span", null, u(e.emptyLabel ?? e.placeholder), 1)
             ], 42, ut)) : m("", !0),
-            e.groupKey ? (o(!0), l(M, { key: 1 }, L(Y.value, (r, b) => (o(), l(M, {
+            e.groupKey ? (o(!0), s(M, { key: 1 }, L(Y.value, (r, b) => (o(), s(M, {
               key: r.label
             }, [
-              r.label ? (o(), l("div", {
+              r.label ? (o(), s("div", {
                 key: 0,
                 class: w(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide", b > 0 ? "border-t border-gray-100 mt-1" : ""])
               }, u(r.label), 3)) : m("", !0),
-              (o(!0), l(M, null, L(r.entries, (v) => (o(), l("button", {
+              (o(!0), s(M, null, L(r.entries, (v) => (o(), s("button", {
                 key: v.item[e.valueKey],
                 ref_for: !0,
                 ref: (G) => N(G, v.flatIndex),
@@ -736,18 +736,18 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                 onClick: (G) => j(v.item, a),
                 onMouseenter: (G) => i.value = v.flatIndex
               }, [
-                k(v.item) ? (o(), l("svg", vt, [...s[10] || (s[10] = [
+                k(v.item) ? (o(), s("svg", vt, [...l[10] || (l[10] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M4.5 12.75l6 6 9-13.5"
                   }, null, -1)
-                ])])) : (o(), l("span", mt)),
+                ])])) : (o(), s("span", mt)),
                 V(e.$slots, "item", R({ ref_for: !0 }, { item: v.item }), () => [
                   t("span", null, u(v.item[e.labelKey]), 1)
                 ])
               ], 42, ct))), 128))
-            ], 64))), 128)) : (o(!0), l(M, { key: 2 }, L(B.value, (r, b) => (o(), l("button", {
+            ], 64))), 128)) : (o(!0), s(M, { key: 2 }, L(B.value, (r, b) => (o(), s("button", {
               key: r[e.valueKey],
               ref_for: !0,
               ref: (v) => N(v, D.value + b),
@@ -760,18 +760,18 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
               onClick: (v) => j(r, a),
               onMouseenter: (v) => i.value = D.value + b
             }, [
-              k(r) ? (o(), l("svg", ht, [...s[11] || (s[11] = [
+              k(r) ? (o(), s("svg", ht, [...l[11] || (l[11] = [
                 t("path", {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   d: "M4.5 12.75l6 6 9-13.5"
                 }, null, -1)
-              ])])) : (o(), l("span", yt)),
+              ])])) : (o(), s("span", yt)),
               V(e.$slots, "item", R({ ref_for: !0 }, { item: r }), () => [
                 t("span", null, u(r[e.labelKey]), 1)
               ])
             ], 42, ft))), 128)),
-            B.value.length === 0 && !e.allowEmpty ? (o(), l("div", wt, [
+            B.value.length === 0 && !e.allowEmpty ? (o(), s("div", wt, [
               V(e.$slots, "empty", {}, () => [
                 ne(u(y(c)("ui.dropdown.nothingFound")), 1)
               ])
@@ -784,12 +784,12 @@ const Zt = /* @__PURE__ */ Ke(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
   }
 });
 export {
-  so as OneBrowserMenu,
+  lo as OneBrowserMenu,
   Qt as OneBrowserMenuGrid,
   we as OneDropdown,
   Le as OneDropdownAuto,
   Zt as OneDropdownDivider,
-  lo as OneDropdownItem,
+  so as OneDropdownItem,
   eo as OneDropdownSelect,
   no as OneHelpMenu,
   ro as OneUserMenu

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./i18n/index.cjs"),c=require("./button/index.cjs"),q=require("./buttonGroup/index.cjs"),t=require("./card/index.cjs"),p=require("./checkbox/index.cjs"),b=require("./collapse/index.cjs"),M=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),P=require("./common/index.cjs");require("./OneMarkdown.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const D=require("./SpinnerIcon-ccb6f3fc.cjs"),r=require("./OneHelpMenu-7f53fa30.cjs"),i=require("./dropdown/index.cjs"),d=require("./entityPicker/index.cjs"),_=require("./errorsPage/index.cjs"),n=require("./form/index.cjs"),m=require("./indicators/index.cjs"),I=require("./infobox/index.cjs"),y=require("./label/index.cjs"),a=require("./layout/index.cjs"),l=require("./useModal-98810f6a.cjs"),O=require("./modal/index.cjs"),k=require("./radio/index.cjs"),A=require("./skeleton/index.cjs"),w=require("./switch/index.cjs"),u=require("./toast/index.cjs"),e=require("./periodPicker/index.cjs"),s=require("./dataTable/index.cjs"),E=require("dayjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");require("vue-markdown-render");require("./SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");require("./floating-ui.dom-2121a4fd.cjs");require("@floating-ui/vue");require("./XMarkIcon-f94baa4c.cjs");require("./ChevronDownIcon-6889ac87.cjs");require("./ChevronRightIcon-7a2f0c20.cjs");require("./NoSymbolIcon-5d326416.cjs");require("v-calendar");require("./CheckIcon-09b84cf5.cjs");require("dayjs/plugin/advancedFormat");require("dayjs/plugin/isoWeek");require("dayjs/plugin/quarterOfYear");require("dayjs/plugin/utc");require("dayjs/plugin/customParseFormat");exports.OnebI18n=o.OnebI18n;exports.OnebI18nKey=o.OnebI18nKey;exports.defaultTranslations=o.defaultTranslations;exports.useOnebI18n=o.useOnebI18n;exports.OneButton=c.OneButton;exports.OneButtonGroup=q.OneButtonGroup;exports.OneCard=t.OneCard;exports.OneCardBody=t.OneCardBody;exports.OneCardFooter=t.OneCardFooter;exports.OneCardHeader=t.OneCardHeader;exports.OneCheckbox=p.OneCheckbox;exports.OneCollapse=b.OneCollapse;exports.OneAvatar=M._sfc_main;exports.OneMarkdown=P.OneMarkdown;exports.OneSpinnerIcon=D.SpinnerIcon;exports.OneBrowserMenu=r.OneBrowserMenu;exports.OneDropdown=r._sfc_main;exports.OneDropdownItem=r._sfc_main$1;exports.OneHelpMenu=r.OneHelpMenu;exports.OneUserMenu=r._sfc_main$2;exports.OneBrowserMenuGrid=i.OneBrowserMenuGrid;exports.OneDropdownAuto=i.OneDropdownAuto;exports.OneDropdownDivider=i.OneDropdownDivider;exports.OneDropdownSelect=i.OneDropdownSelect;exports.OneEntityPicker=d.OneEntityPicker;exports.defaultEntityPickerTranslations=d.defaultEntityPickerTranslations;exports.OneErrorPage=_.OneErrorPage;exports.OneForm=n.OneForm;exports.OneFormFeedback=n.OneFormFeedback;exports.OneFormField=n.OneFormField;exports.OneFormInput=n.OneFormInput;exports.OneFormLabel=n.OneFormLabel;exports.OneIndicators=m.OneIndicators;exports.OneInfobox=I.OneInfobox;exports.OneLabel=y.OneLabel;exports.OneIslandLayout=a.OneIslandLayout;exports.OneMainLayout=a.OneMainLayout;exports.OneSidebar=a.OneSidebar;exports.OneModal=l.OneModal;exports.useModal=l.useModal;exports.OneModalBody=O.OneModalBody;exports.OneModalFooter=O.OneModalFooter;exports.OneModalHeader=O.OneModalHeader;exports.OneRadio=k.OneRadio;exports.OneSkeleton=A.OneSkeleton;exports.OneSwitch=w.OneSwitch;exports.OneToast=u.OneToast;exports.toastProps=u.toastProps;exports.useToast=u.useToast;exports.DATE_KIND=e.DATE_KIND;exports.MANUAL_DATE_KEY=e.MANUAL_DATE_KEY;exports.MANUAL_RANGE_KEY=e.MANUAL_RANGE_KEY;exports.OnePeriodPicker=e.OnePeriodPicker;exports.OnePeriodPickerFastModal=e.OnePeriodPickerFastModal;exports.PERIOD_KIND=e.PERIOD_KIND;exports.RANGE_KIND=e.RANGE_KIND;exports.buildPreset=e.buildPreset;exports.buildRollingOptions=e.buildRollingOptions;exports.createShortcutPresets=e.createShortcutPresets;exports.determineKind=e.determineKind;exports.formatDateShort=e.formatDateShort;exports.formatPeriod=e.formatPeriod;exports.getOptionGranularity=e.getOptionGranularity;exports.isOptionAllowed=e.isOptionAllowed;exports.parseManualDate=e.parseManualDate;exports.periodPickerSizeConfig=e.periodPickerSizeConfig;exports.toUnixOrNull=e.toUnixOrNull;exports.OneColumn=s.OneColumn;exports.OneDataTable=s.OneDataTable;exports.OneDataTablePaginator=s.OneDataTablePaginator;exports.dayjs=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./i18n/index.cjs"),c=require("./button/index.cjs"),q=require("./buttonGroup/index.cjs"),t=require("./card/index.cjs"),p=require("./checkbox/index.cjs"),b=require("./collapse/index.cjs"),M=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),P=require("./common/index.cjs");require("./OneMarkdown.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const D=require("./SpinnerIcon-ccb6f3fc.cjs"),r=require("./OneHelpMenu-79b2d83f.cjs"),i=require("./dropdown/index.cjs"),d=require("./entityPicker/index.cjs"),_=require("./errorsPage/index.cjs"),n=require("./form/index.cjs"),m=require("./indicators/index.cjs"),I=require("./infobox/index.cjs"),y=require("./label/index.cjs"),a=require("./layout/index.cjs"),l=require("./useModal-98810f6a.cjs"),O=require("./modal/index.cjs"),k=require("./radio/index.cjs"),A=require("./skeleton/index.cjs"),w=require("./switch/index.cjs"),u=require("./toast/index.cjs"),e=require("./periodPicker/index.cjs"),s=require("./dataTable/index.cjs"),E=require("dayjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");require("vue-markdown-render");require("./SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");require("@floating-ui/dom");require("@floating-ui/vue");require("./XMarkIcon-f94baa4c.cjs");require("./ChevronDownIcon-6889ac87.cjs");require("./ChevronRightIcon-7a2f0c20.cjs");require("./NoSymbolIcon-5d326416.cjs");require("v-calendar");require("./CheckIcon-09b84cf5.cjs");require("dayjs/plugin/advancedFormat");require("dayjs/plugin/isoWeek");require("dayjs/plugin/quarterOfYear");require("dayjs/plugin/utc");require("dayjs/plugin/customParseFormat");exports.OnebI18n=o.OnebI18n;exports.OnebI18nKey=o.OnebI18nKey;exports.defaultTranslations=o.defaultTranslations;exports.useOnebI18n=o.useOnebI18n;exports.OneButton=c.OneButton;exports.OneButtonGroup=q.OneButtonGroup;exports.OneCard=t.OneCard;exports.OneCardBody=t.OneCardBody;exports.OneCardFooter=t.OneCardFooter;exports.OneCardHeader=t.OneCardHeader;exports.OneCheckbox=p.OneCheckbox;exports.OneCollapse=b.OneCollapse;exports.OneAvatar=M._sfc_main;exports.OneMarkdown=P.OneMarkdown;exports.OneSpinnerIcon=D.SpinnerIcon;exports.OneBrowserMenu=r.OneBrowserMenu;exports.OneDropdown=r._sfc_main;exports.OneDropdownItem=r._sfc_main$1;exports.OneHelpMenu=r.OneHelpMenu;exports.OneUserMenu=r._sfc_main$2;exports.OneBrowserMenuGrid=i.OneBrowserMenuGrid;exports.OneDropdownAuto=i.OneDropdownAuto;exports.OneDropdownDivider=i.OneDropdownDivider;exports.OneDropdownSelect=i.OneDropdownSelect;exports.OneEntityPicker=d.OneEntityPicker;exports.defaultEntityPickerTranslations=d.defaultEntityPickerTranslations;exports.OneErrorPage=_.OneErrorPage;exports.OneForm=n.OneForm;exports.OneFormFeedback=n.OneFormFeedback;exports.OneFormField=n.OneFormField;exports.OneFormInput=n.OneFormInput;exports.OneFormLabel=n.OneFormLabel;exports.OneIndicators=m.OneIndicators;exports.OneInfobox=I.OneInfobox;exports.OneLabel=y.OneLabel;exports.OneIslandLayout=a.OneIslandLayout;exports.OneMainLayout=a.OneMainLayout;exports.OneSidebar=a.OneSidebar;exports.OneModal=l.OneModal;exports.useModal=l.useModal;exports.OneModalBody=O.OneModalBody;exports.OneModalFooter=O.OneModalFooter;exports.OneModalHeader=O.OneModalHeader;exports.OneRadio=k.OneRadio;exports.OneSkeleton=A.OneSkeleton;exports.OneSwitch=w.OneSwitch;exports.OneToast=u.OneToast;exports.toastProps=u.toastProps;exports.useToast=u.useToast;exports.DATE_KIND=e.DATE_KIND;exports.MANUAL_DATE_KEY=e.MANUAL_DATE_KEY;exports.MANUAL_RANGE_KEY=e.MANUAL_RANGE_KEY;exports.OnePeriodPicker=e.OnePeriodPicker;exports.OnePeriodPickerFastModal=e.OnePeriodPickerFastModal;exports.PERIOD_KIND=e.PERIOD_KIND;exports.RANGE_KIND=e.RANGE_KIND;exports.buildPreset=e.buildPreset;exports.buildRollingOptions=e.buildRollingOptions;exports.createShortcutPresets=e.createShortcutPresets;exports.determineKind=e.determineKind;exports.formatDateShort=e.formatDateShort;exports.formatPeriod=e.formatPeriod;exports.getOptionGranularity=e.getOptionGranularity;exports.isOptionAllowed=e.isOptionAllowed;exports.parseManualDate=e.parseManualDate;exports.periodPickerSizeConfig=e.periodPickerSizeConfig;exports.toUnixOrNull=e.toUnixOrNull;exports.OneColumn=s.OneColumn;exports.OneDataTable=s.OneDataTable;exports.OneDataTablePaginator=s.OneDataTablePaginator;exports.dayjs=E;

package/dist/index.js

@@ -8,7 +8,7 @@ import { _ as R } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd
 import { OneMarkdown as U } from "./common/index.js";
 import "./OneMarkdown.vue_vue_type_style_index_0_lang-4ed993c7.js";
 import { S as v } from "./SpinnerIcon-74648c98.js";
-import { O as j, _ as z, a as q, c as J, b as Q } from "./OneHelpMenu-a9131cb1.js";
+import { O as j, _ as z, a as q, c as J, b as Q } from "./OneHelpMenu-df4e18a9.js";
 import { OneBrowserMenuGrid as W, OneDropdownAuto as X, OneDropdownDivider as Z, OneDropdownSelect as $ } from "./dropdown/index.js";
 import { OneEntityPicker as eo, defaultEntityPickerTranslations as ro } from "./entityPicker/index.js";
 import { OneErrorPage as no } from "./errorsPage/index.js";
@@ -30,7 +30,7 @@ import "vue";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "vue-markdown-render";
 import "./SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./floating-ui.dom-4509432e.js";
+import "@floating-ui/dom";
 import "@floating-ui/vue";
 import "./XMarkIcon-51ef0691.js";
 import "./ChevronDownIcon-6805ce6c.js";