@oneb/ui-vue 0.3.32 → 0.4.0

package/dist/dropdown/index.js

@@ -1,183 +1,109 @@
-import { d as ye, e as we, _ as ge, r as ke, f as be } from "../OneHelpMenu-73817f8a.js";
-import { O as lo, a as so, c as no, b as ro } from "../OneHelpMenu-73817f8a.js";
-import { defineComponent as X, ref as $, watch as ce, onBeforeUnmount as xe, provide as _e, computed as j, openBlock as o, createElementBlock as s, createElementVNode as t, renderSlot as K, normalizeProps as U, guardReactiveProps as W, createBlock as N, Teleport as Ce, createCommentVNode as v, withDirectives as q, normalizeClass as g, toDisplayString as u, vShow as $e, withCtx as z, createVNode as H, unref as y, normalizeStyle as J, Fragment as V, renderList as L, onMounted as Me, onUnmounted as Ve, vModelText as se, mergeProps as P, createTextVNode as ne, nextTick as T } from "vue";
-import { computePosition as re, offset as ae, shift as ie, autoUpdate as Ke } from "@floating-ui/dom";
-import { flip as ue } from "@floating-ui/vue";
-import { _ as Ae } from "../_plugin-vue_export-helper-dad06003.js";
-import { _ as de } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
-import { useOnebI18n as ve } from "../i18n/index.js";
-import { u as Oe, O as je } from "../useModal-7fe9444b.js";
+import { openBlock as l, createElementBlock as s, defineComponent as ae, computed as I, ref as A, createBlock as G, withCtx as S, createElementVNode as t, normalizeClass as h, createVNode as U, unref as v, normalizeStyle as H, toDisplayString as u, Fragment as x, renderList as B, createCommentVNode as p, onMounted as ce, onUnmounted as ve, watch as me, renderSlot as K, normalizeProps as ee, guardReactiveProps as te, withDirectives as oe, vModelText as le, mergeProps as P, createTextVNode as se, nextTick as N } from "vue";
+import { _ as he } from "../_plugin-vue_export-helper-dad06003.js";
+import { d as ye, _ as fe, r as we } from "../OneHelpMenu-d5182c78.js";
+import { O as Xt, a as Yt, c as Zt, b as Qt } from "../OneHelpMenu-d5182c78.js";
+import { _ as ke } from "../OneDropdownAuto.vue_vue_type_script_setup_true_lang-2c508e8a.js";
+import { _ as re } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
+import { useOnebI18n as ie } from "../i18n/index.js";
+import { b as ge } from "../dropdown-c81fb945.js";
+import { O as be } from "../OneModal-02a9a173.js";
+import { u as xe } from "../useModal-6a5d870b.js";
+import "@floating-ui/dom";
+import "@floating-ui/vue";
 import "../XMarkIcon-51ef0691.js";
 import "../ChevronDownIcon-6805ce6c.js";
-import "../ChevronRightIcon-4549a26b.js";
+import "../ChevronUpIcon-c43f27a9.js";
+import "../ChevronRightIcon-b0585768.js";
 import "../button/index.js";
-import "../SpinnerIcon-74648c98.js";
-import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
-const Ie = ["data-opened"], Be = {
-  key: 0,
-  class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, Le = /* @__PURE__ */ X({
-  __name: "OneDropdownAuto",
-  props: ye,
-  emits: ["open", "close"],
-  setup(S, { emit: k }) {
-    const n = S, p = $(!1), m = $(null), w = $(null);
-    let h = null;
-    ce(p, (d) => {
-      d && w.value && m.value ? (re(w.value, m.value, {
-        placement: n.stick ? n.stick : "bottom-start",
-        strategy: "fixed",
-        middleware: [ae(5), ue(), ie({ padding: 8 })]
-      }).then(({ x: i, y: C }) => {
-        Object.assign(m.value.style, {
-          left: `${i}px`,
-          top: `${C}px`
-        });
-      }), h = Ke(w.value, m.value, () => {
-        re(w.value, m.value, {
-          placement: n.stick ? n.stick : "bottom-start",
-          strategy: "fixed",
-          middleware: [ae(4), ue(), ie({ padding: 8 })]
-        }).then(({ x: i, y: C }) => {
-          Object.assign(m.value.style, {
-            left: `${i}px`,
-            top: `${C}px`
-          });
-        });
-      })) : h && (h(), h = null);
-    }), xe(() => {
-      h && h();
-    });
-    const b = k, A = () => {
-      p.value = !p.value, p.value ? b("open") : b("close");
-    };
-    _e("OneDropdown", {
-      onToggle: A
-    });
-    const f = j(() => [
-      "fixed z-[10000] w-fit rounded-md bg-white",
-      "py-1 shadow-lg ring-black ring-opacity-5 focus:outline-none",
-      "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
-    ]);
-    return (d, i) => (o(), s("div", {
-      class: "relative inline-block",
-      "data-opened": p.value
-    }, [
-      t("div", {
-        ref_key: "buttonRef",
-        ref: w
-      }, [
-        K(d.$slots, "button", U(W({ onToggle: A, isExpanded: p.value })))
-      ], 512),
-      (o(), N(Ce, { to: "body" }, [
-        p.value ? (o(), s("div", {
-          key: 0,
-          class: "fixed top-0 left-0 w-screen h-screen z-[9999]",
-          onClick: A
-        })) : v("", !0),
-        q(t("div", {
-          ref_key: "menuRef",
-          ref: m,
-          class: g(["menu", f.value]),
-          role: "menu",
-          "aria-orientation": "vertical",
-          tabindex: "-1",
-          style: { display: "none" }
-        }, [
-          d.title ? (o(), s("div", Be, u(d.title), 1)) : v("", !0),
-          K(d.$slots, "menu", U(W({ onToggle: A })))
-        ], 2), [
-          [$e, p.value]
-        ])
-      ]))
-    ], 8, Ie));
-  }
-}), Se = {}, De = { class: "border-t border-secondary-stroke my-1" };
-function ze(S, k) {
-  return o(), s("div", De);
+import "../SpinnerIcon-516264ba.js";
+import "../useIsMobile-98fc0cf9.js";
+import "../useMediaQuery-77a19b18.js";
+const Ce = {}, _e = { class: "border-t border-secondary-stroke my-1" };
+function $e(D, k) {
+  return l(), s("div", _e);
 }
-const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { class: "grid" }, Fe = { class: "font-semibold px-3" }, Pe = { class: "rounded-lg m-3 border" }, Ue = {
+const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { class: "grid" }, Ke = { class: "font-semibold px-3" }, Ae = { class: "rounded-lg m-3 border" }, Ie = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, We = { class: "flex-shrink-0" }, Ne = { class: "w-full text-left" }, Ge = { class: "flex-shrink-0" }, He = { class: "px-3 py-2" }, Te = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, qe = {
+}, je = { class: "flex-shrink-0" }, Oe = { class: "w-full text-left" }, Be = { class: "flex-shrink-0" }, Le = { class: "px-3 py-2" }, Se = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, De = {
   key: 0,
   class: "space-y-2"
-}, Je = ["onClick"], Xe = { class: "pl-2" }, Ye = { class: "text-sm mt-1" }, Ze = { class: "text-xs mt-1" }, pe = 3, Qt = /* @__PURE__ */ X({
+}, ze = ["onClick"], Ee = { class: "pl-2" }, Fe = { class: "text-sm mt-1" }, Re = { class: "text-xs mt-1" }, ne = 3, Ht = /* @__PURE__ */ ae({
   __name: "OneBrowserMenuGrid",
-  props: we,
-  setup(S) {
-    const k = S, n = ve(), p = j(() => k.t ?? n), m = () => {
+  props: ye,
+  setup(D) {
+    const k = D, n = ie(), y = I(() => k.t ?? n), C = () => {
       typeof k.onChange == "function" && k.onChange();
-    }, w = $(!1), h = j(() => k.apps ? w.value ? k.apps : k.apps.slice(0, pe) : []), b = () => {
-      w.value = !w.value;
-    }, A = (f) => {
-      typeof k.onApp == "function" && k.onApp(f);
+    }, $ = A(!1), M = I(() => k.apps ? $.value ? k.apps : k.apps.slice(0, ne) : []), g = () => {
+      $.value = !$.value;
+    }, z = (m) => {
+      typeof k.onApp == "function" && k.onApp(m);
     };
-    return (f, d) => (o(), N(ge, { stick: "right" }, {
-      button: z(({ onToggle: i, isExpanded: C }) => [
+    return (m, c) => (l(), G(fe, { stick: "right" }, {
+      button: S(({ onToggle: i, isExpanded: j }) => [
         t("button", {
           onClick: i,
-          class: g(["p-1 rounded-md hover:bg-secondary-10", [C ? "bg-secondary-25" : ""]])
+          class: h(["p-1 rounded-md hover:bg-secondary-10", [j ? "bg-secondary-25" : ""]])
         }, [
-          H(y(ke), {
+          U(v(we), {
             class: "text-secondary-base",
-            style: J(`width: ${f.iconSize}px; height: ${f.iconSize}px`)
+            style: H(`width: ${m.iconSize}px; height: ${m.iconSize}px`)
           }, null, 8, ["style"])
-        ], 10, Ee)
+        ], 10, Me)
       ]),
-      menu: z(() => {
-        var i, C, E;
+      menu: S(() => {
+        var i, j, E;
         return [
-          t("div", Re, [
-            t("div", Fe, u(p.value("ui.layout.workspaces")), 1),
-            t("div", Pe, [
-              t("div", Ue, [
-                t("div", We, [
-                  H(de, {
-                    text: ((i = f.workspace) == null ? void 0 : i.name) || "",
-                    src: (C = f.workspace) == null ? void 0 : C.photo_url,
+          t("div", Ve, [
+            t("div", Ke, u(y.value("ui.layout.workspaces")), 1),
+            t("div", Ae, [
+              t("div", Ie, [
+                t("div", je, [
+                  U(re, {
+                    text: ((i = m.workspace) == null ? void 0 : i.name) || "",
+                    src: (j = m.workspace) == null ? void 0 : j.photo_url,
                     size: 44,
                     rounded: !1,
                     class: "mx-auto"
                   }, null, 8, ["text", "src"])
                 ]),
-                t("div", Ne, u((E = f.workspace) == null ? void 0 : E.name), 1),
-                t("div", Ge, [
+                t("div", Oe, u((E = m.workspace) == null ? void 0 : E.name), 1),
+                t("div", Be, [
                   t("button", {
                     class: "text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",
-                    onClick: m
-                  }, u(p.value("ui.layout.change_workspace")), 1)
+                    onClick: C
+                  }, u(y.value("ui.layout.change_workspace")), 1)
                 ])
               ]),
-              d[0] || (d[0] = t("hr", null, null, -1))
+              c[0] || (c[0] = t("hr", null, null, -1))
             ])
           ]),
-          t("div", He, [
-            t("div", Te, u(p.value("ui.layout.apps")), 1),
+          t("div", Le, [
+            t("div", Se, u(y.value("ui.layout.apps")), 1),
             t("div", null, [
-              f.apps && f.apps.length ? (o(), s("div", qe, [
-                (o(!0), s(V, null, L(h.value, (O) => (o(), s("div", {
-                  key: O.id,
-                  onClick: (R) => A(O),
+              m.apps && m.apps.length ? (l(), s("div", De, [
+                (l(!0), s(x, null, B(M.value, (_) => (l(), s("div", {
+                  key: _.id,
+                  onClick: (F) => z(_),
                   class: "flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"
                 }, [
-                  H(de, {
-                    text: O.name,
-                    src: O.photo_url,
+                  U(re, {
+                    text: _.name,
+                    src: _.photo_url,
                     size: 44,
                     rounded: !1
                   }, null, 8, ["text", "src"]),
-                  t("div", Xe, [
-                    t("p", Ye, u(O.name), 1),
-                    t("p", Ze, u(O.short), 1)
+                  t("div", Ee, [
+                    t("p", Fe, u(_.name), 1),
+                    t("p", Re, u(_.short), 1)
                   ])
-                ], 8, Je))), 128))
-              ])) : v("", !0),
-              f.apps && f.apps.length > pe ? (o(), s("button", {
+                ], 8, ze))), 128))
+              ])) : p("", !0),
+              m.apps && m.apps.length > ne ? (l(), s("button", {
                 key: 1,
-                onClick: b,
+                onClick: g,
                 class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"
-              }, u(w.value ? p.value("ui.layout.hide") : p.value("ui.layout.view_all")), 1)) : v("", !0)
+              }, u($.value ? y.value("ui.layout.hide") : y.value("ui.layout.view_all")), 1)) : p("", !0)
             ])
           ])
         ];
@@ -185,22 +111,22 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
       _: 1
     }));
   }
-}), Qe = ["onClick"], et = ["onKeydown"], tt = {
+}), Pe = ["onClick"], We = ["onKeydown"], Ue = {
   key: 0,
   class: "text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"
-}, ot = {
+}, Ne = {
   key: 1,
   class: "px-3 py-2"
-}, lt = { class: "relative" }, st = ["placeholder"], nt = {
+}, Ge = { class: "relative" }, He = ["placeholder"], qe = {
   key: 2,
   class: "border-b border-gray-100"
-}, rt = ["onClick"], at = {
+}, Je = ["onClick"], Te = {
   key: 3,
   class: "flex items-center justify-between px-3 py-1.5 border-b border-gray-100"
-}, it = {
+}, Xe = {
   key: 4,
   class: "flex justify-center py-4"
-}, ut = ["aria-selected", "onClick"], dt = {
+}, Ye = ["aria-selected", "onClick"], Ze = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -208,10 +134,10 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-4 h-4 text-blue-600 shrink-0"
-}, pt = {
+}, Qe = {
   key: 1,
   class: "w-4 h-4 shrink-0"
-}, ct = ["aria-selected", "onClick", "onMouseenter"], vt = {
+}, et = ["aria-selected", "onClick", "onMouseenter"], tt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -219,10 +145,10 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-4 h-4 text-blue-600 shrink-0"
-}, mt = {
+}, ot = {
   key: 1,
   class: "w-4 h-4 shrink-0"
-}, ft = ["aria-selected", "onClick", "onMouseenter"], ht = {
+}, lt = ["aria-selected", "onClick", "onMouseenter"], st = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -230,29 +156,29 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-4 h-4 text-blue-600 shrink-0"
-}, yt = {
+}, rt = {
   key: 1,
   class: "w-4 h-4 shrink-0"
-}, wt = {
+}, nt = {
   key: 3,
   class: "px-3 py-4 text-sm text-gray-500 text-center"
-}, gt = { class: "pb-6" }, kt = {
+}, at = { class: "pb-6" }, it = {
   key: 0,
   class: "relative px-3 py-3"
-}, bt = { class: "relative" }, xt = ["placeholder"], _t = {
+}, ut = { class: "relative" }, dt = ["placeholder"], pt = {
   key: 1,
   class: "px-3 py-2"
-}, Ct = {
+}, ct = {
   key: 2,
   class: "flex items-center justify-between px-3 py-2 border-b border-gray-100"
-}, $t = {
+}, vt = {
   key: 3,
   class: "flex justify-center py-8"
-}, Mt = {
+}, mt = {
   key: 4,
   class: "overflow-auto h-[60dvh] divide-y",
   role: "listbox"
-}, Vt = ["aria-selected"], Kt = {
+}, ht = ["aria-selected"], yt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -260,13 +186,13 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-5 h-5 text-blue-600 shrink-0"
-}, At = {
+}, ft = {
   key: 1,
   class: "w-5 h-5 shrink-0"
-}, Ot = {
+}, wt = {
   key: 0,
   class: "px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"
-}, jt = ["aria-selected", "onClick"], It = {
+}, kt = ["aria-selected", "onClick"], gt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -274,10 +200,10 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-5 h-5 text-blue-600 shrink-0"
-}, Bt = {
+}, bt = {
   key: 1,
   class: "w-5 h-5 shrink-0"
-}, Lt = ["aria-selected", "onClick"], St = {
+}, xt = ["aria-selected", "onClick"], Ct = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -285,128 +211,128 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-5 h-5 text-blue-600 shrink-0"
-}, Dt = {
+}, _t = {
   key: 1,
   class: "w-5 h-5 shrink-0"
-}, zt = {
+}, $t = {
   key: 3,
   class: "px-3 py-8 text-sm text-gray-500 text-center"
-}, eo = /* @__PURE__ */ X({
+}, qt = /* @__PURE__ */ ae({
   __name: "OneDropdownSelect",
-  props: be,
+  props: ge,
   emits: ["update:modelValue", "search", "create"],
-  setup(S, { emit: k }) {
-    const n = S, p = ve(), m = k, w = $(!1);
-    let h = null;
-    Me(() => {
-      h = window.matchMedia("(max-width: 767px)"), w.value = h.matches;
-      const e = (l) => {
-        w.value = l.matches;
+  setup(D, { emit: k }) {
+    const n = D, y = ie(), C = k, $ = A(!1);
+    let M = null;
+    ce(() => {
+      M = window.matchMedia("(max-width: 767px)"), $.value = M.matches;
+      const e = (o) => {
+        $.value = o.matches;
       };
-      h.addEventListener("change", e), Ve(() => {
-        h == null || h.removeEventListener("change", e);
+      M.addEventListener("change", e), ve(() => {
+        M == null || M.removeEventListener("change", e);
       });
     });
-    const b = Oe(), A = $(null), f = () => {
-      d.value = "", i.value = -1, b.open(), T(() => {
+    const g = xe(), z = A(null), m = () => {
+      c.value = "", i.value = -1, g.open(), N(() => {
         var e;
-        (e = A.value) == null || e.focus();
+        (e = z.value) == null || e.focus();
       });
-    }, d = $(""), i = $(-1), C = $(null), E = $(null), O = $({}), R = (e, l) => {
-      e && (O.value[l] = e);
-    }, D = j(() => n.allowEmpty ? 1 : 0), B = j(() => {
-      if (!d.value.trim())
+    }, c = A(""), i = A(-1), j = A(null), E = A(null), _ = A({}), F = (e, o) => {
+      e && (_.value[o] = e);
+    }, L = I(() => n.allowEmpty ? 1 : 0), O = I(() => {
+      if (!c.value.trim())
         return n.items;
-      const e = d.value.toLowerCase();
+      const e = c.value.toLowerCase();
       return n.items.filter(
-        (l) => String(l[n.labelKey] ?? "").toLowerCase().includes(e)
+        (o) => String(o[n.labelKey] ?? "").toLowerCase().includes(e)
       );
-    }), Y = j(() => {
+    }), q = I(() => {
       if (!n.groupKey)
         return [];
-      const e = [], l = /* @__PURE__ */ new Map();
-      let a = D.value;
-      for (const r of B.value) {
-        const _ = String(r[n.groupKey] ?? "");
-        let c = l.get(_);
-        c || (c = { label: _, entries: [] }, l.set(_, c), e.push(c)), c.entries.push({ item: r, flatIndex: a }), a++;
+      const e = [], o = /* @__PURE__ */ new Map();
+      let a = L.value;
+      for (const r of O.value) {
+        const w = String(r[n.groupKey] ?? "");
+        let d = o.get(w);
+        d || (d = { label: w, entries: [] }, o.set(w, d), e.push(d)), d.entries.push({ item: r, flatIndex: a }), a++;
       }
       return e;
-    }), M = j(() => n.multiple ? (n.modelValue ?? []).length > 0 : n.modelValue !== null && n.modelValue !== void 0), F = j(() => {
+    }), b = I(() => n.multiple ? (n.modelValue ?? []).length > 0 : n.modelValue !== null && n.modelValue !== void 0), R = I(() => {
       if (n.multiple) {
         const e = n.modelValue ?? [];
         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;
-    }), x = (e) => n.modelValue ? n.multiple ? n.modelValue.some((a) => a[n.valueKey] === e[n.valueKey]) : n.modelValue[n.valueKey] === e[n.valueKey] : !1, Z = j(() => B.value.length + D.value), I = (e, l) => {
+    }), f = (e) => n.modelValue ? n.multiple ? n.modelValue.some((a) => a[n.valueKey] === e[n.valueKey]) : n.modelValue[n.valueKey] === e[n.valueKey] : !1, J = I(() => O.value.length + L.value), V = (e, o) => {
       if (n.multiple) {
         const a = (n.modelValue ?? []).slice();
         if (e === null) {
-          m("update:modelValue", []);
+          C("update:modelValue", []);
           return;
         }
-        const r = a.findIndex((_) => _[n.valueKey] === e[n.valueKey]);
-        r >= 0 ? a.splice(r, 1) : a.push(e), m("update:modelValue", a);
+        const r = a.findIndex((w) => w[n.valueKey] === e[n.valueKey]);
+        r >= 0 ? a.splice(r, 1) : a.push(e), C("update:modelValue", a);
         return;
       }
-      m("update:modelValue", e), l();
-    }, Q = () => {
-      m("update:modelValue", [...n.items]);
-    }, ee = () => {
-      m("update:modelValue", []);
-    }, te = (e) => {
-      m("create", d.value), e();
-    }, me = () => {
-      d.value = "", i.value = -1, T(() => {
+      C("update:modelValue", e), o();
+    }, T = () => {
+      C("update:modelValue", [...n.items]);
+    }, X = () => {
+      C("update:modelValue", []);
+    }, Y = (e) => {
+      C("create", c.value), e();
+    }, ue = () => {
+      c.value = "", i.value = -1, N(() => {
         var e;
-        (e = C.value) == null || e.focus();
+        (e = j.value) == null || e.focus();
       });
-    }, fe = () => {
-      d.value = "", i.value = -1;
-    }, oe = () => {
-      i.value = 0, m("search", d.value);
-    }, le = () => {
-      T(() => {
-        const e = O.value[i.value];
+    }, de = () => {
+      c.value = "", i.value = -1;
+    }, Z = () => {
+      i.value = 0, C("search", c.value);
+    }, Q = () => {
+      N(() => {
+        const e = _.value[i.value];
         e && e.scrollIntoView({ block: "nearest" });
       });
-    }, he = (e, l) => {
+    }, pe = (e, o) => {
       switch (e.key) {
         case "ArrowDown":
-          e.preventDefault(), i.value < Z.value - 1 ? i.value++ : i.value = 0, le();
+          e.preventDefault(), i.value < J.value - 1 ? i.value++ : i.value = 0, Q();
           break;
         case "ArrowUp":
-          e.preventDefault(), i.value > 0 ? i.value-- : i.value = Z.value - 1, le();
+          e.preventDefault(), i.value > 0 ? i.value-- : i.value = J.value - 1, Q();
           break;
         case "Enter":
           if (e.preventDefault(), i.value >= 0)
             if (n.allowEmpty && i.value === 0)
-              I(null, l);
+              V(null, o);
             else {
-              const a = i.value - D.value, r = B.value[a];
-              r && I(r, l);
+              const a = i.value - L.value, r = O.value[a];
+              r && V(r, o);
             }
           break;
         case "Escape":
-          e.preventDefault(), l();
+          e.preventDefault(), o();
           break;
       }
     };
-    return ce(d, () => {
+    return me(c, () => {
       i.value = 0;
-    }), (e, l) => w.value ? (o(), s(V, { key: 1 }, [
-      K(e.$slots, "button", U(W({ onToggle: f, isExpanded: y(b).isOpened.value, selectedLabel: F.value })), () => [
+    }), (e, o) => $.value ? (l(), s(x, { key: 1 }, [
+      K(e.$slots, "button", ee(te({ onToggle: m, isExpanded: v(g).isOpened.value, selectedLabel: R.value })), () => [
         t("button", {
-          class: g(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
+          class: h(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
             e.view === "pill" ? "rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700" : "rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]"
           ]]),
-          style: J(e.maxWidth ? { maxWidth: e.maxWidth } : void 0),
-          onClick: f
+          style: H(e.maxWidth ? { maxWidth: e.maxWidth } : void 0),
+          onClick: m
         }, [
           t("span", {
-            class: g(["truncate", e.view === "pill" ? "" : M.value ? "text-gray-900" : "text-gray-500"])
-          }, u(F.value), 3),
-          l[12] || (l[12] = t("svg", {
+            class: h(["truncate", e.view === "pill" ? "" : b.value ? "text-gray-900" : "text-gray-500"])
+          }, u(R.value), 3),
+          o[12] || (o[12] = t("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
@@ -422,19 +348,19 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
           ], -1))
         ], 6)
       ]),
-      y(b).isOpened.value ? (o(), N(y(je), {
+      v(g).isOpened.value ? (l(), G(v(be), {
         key: 0,
-        useModal: y(b),
+        useModal: v(g),
         title: e.title || e.placeholder,
         size: "sm",
         classModal: !0,
         titleCenter: !0
       }, {
-        default: z(() => [
-          t("div", gt, [
-            e.searchable ? (o(), s("div", kt, [
-              t("div", bt, [
-                l[13] || (l[13] = t("svg", {
+        default: S(() => [
+          t("div", at, [
+            e.searchable ? (l(), s("div", it, [
+              t("div", ut, [
+                o[13] || (o[13] = t("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   fill: "none",
                   viewBox: "0 0 24 24",
@@ -448,25 +374,25 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                     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)),
-                q(t("input", {
+                oe(t("input", {
                   ref_key: "mobileSearchInputRef",
-                  ref: A,
-                  "onUpdate:modelValue": l[2] || (l[2] = (a) => d.value = a),
+                  ref: z,
+                  "onUpdate:modelValue": o[2] || (o[2] = (a) => c.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), [
-                  [se, d.value]
+                  onInput: Z
+                }, null, 40, dt), [
+                  [le, c.value]
                 ])
               ])
-            ])) : v("", !0),
-            e.createLabel ? (o(), s("div", _t, [
+            ])) : p("", !0),
+            e.createLabel ? (l(), s("div", pt, [
               t("button", {
                 class: "w-full flex items-center justify-center gap-2 py-2 text-sm text-blue-700 hover:text-blue-500",
-                onClick: l[3] || (l[3] = (a) => te(() => y(b).close()))
+                onClick: o[3] || (o[3] = (a) => Y(() => v(g).close()))
               }, [
-                l[14] || (l[14] = t("svg", {
+                o[14] || (o[14] = t("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   fill: "none",
                   viewBox: "0 0 24 24",
@@ -482,29 +408,29 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                 ], -1)),
                 t("span", null, u(e.createLabel), 1)
               ])
-            ])) : v("", !0),
-            e.multiple ? (o(), s("div", Ct, [
+            ])) : p("", !0),
+            e.multiple ? (l(), s("div", ct, [
               t("button", {
                 class: "text-sm text-blue-600 hover:text-blue-800 transition-colors",
-                onClick: Q
-              }, u(y(p)("ui.dropdown.selectAll")), 1),
-              M.value ? (o(), s("button", {
+                onClick: T
+              }, u(v(y)("ui.dropdown.selectAll")), 1),
+              b.value ? (l(), s("button", {
                 key: 0,
                 class: "text-sm text-gray-500 hover:text-gray-700 transition-colors",
-                onClick: ee
-              }, u(y(p)("ui.dropdown.clear")), 1)) : v("", !0)
-            ])) : v("", !0),
-            e.isLoading ? (o(), s("div", $t, [...l[15] || (l[15] = [
+                onClick: X
+              }, u(v(y)("ui.dropdown.clear")), 1)) : p("", !0)
+            ])) : p("", !0),
+            e.isLoading ? (l(), s("div", vt, [...o[15] || (o[15] = [
               t("div", { class: "animate-spin w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full" }, null, -1)
-            ])])) : (o(), s("div", Mt, [
-              e.allowEmpty ? (o(), s("button", {
+            ])])) : (l(), s("div", mt, [
+              e.allowEmpty ? (l(), s("button", {
                 key: 0,
-                class: g(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors", M.value ? "" : "bg-gray-50 font-medium"]),
+                class: h(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors", b.value ? "" : "bg-gray-50 font-medium"]),
                 role: "option",
-                "aria-selected": !M.value,
-                onClick: l[4] || (l[4] = (a) => I(null, () => y(b).close()))
+                "aria-selected": !b.value,
+                onClick: o[4] || (o[4] = (a) => V(null, () => v(g).close()))
               }, [
-                M.value ? (o(), s("span", At)) : (o(), s("svg", Kt, [...l[16] || (l[16] = [
+                b.value ? (l(), s("span", ft)) : (l(), s("svg", yt, [...o[16] || (o[16] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
@@ -512,102 +438,102 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                   }, null, -1)
                 ])])),
                 t("span", null, u(e.emptyLabel ?? e.placeholder), 1)
-              ], 10, Vt)) : v("", !0),
-              e.groupKey ? (o(!0), s(V, { key: 1 }, L(Y.value, (a) => (o(), s(V, {
+              ], 10, ht)) : p("", !0),
+              e.groupKey ? (l(!0), s(x, { key: 1 }, B(q.value, (a) => (l(), s(x, {
                 key: a.label
               }, [
-                a.label ? (o(), s("div", Ot, u(a.label), 1)) : v("", !0),
-                (o(!0), s(V, null, L(a.entries, (r) => (o(), s("button", {
+                a.label ? (l(), s("div", wt, u(a.label), 1)) : p("", !0),
+                (l(!0), s(x, null, B(a.entries, (r) => (l(), s("button", {
                   key: r.item[e.valueKey],
-                  class: g(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", x(r.item) ? "bg-gray-50 font-medium" : ""]),
+                  class: h(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", f(r.item) ? "bg-gray-50 font-medium" : ""]),
                   role: "option",
-                  "aria-selected": x(r.item),
-                  onClick: (_) => I(r.item, () => y(b).close())
+                  "aria-selected": f(r.item),
+                  onClick: (w) => V(r.item, () => v(g).close())
                 }, [
-                  x(r.item) ? (o(), s("svg", It, [...l[17] || (l[17] = [
+                  f(r.item) ? (l(), s("svg", gt, [...o[17] || (o[17] = [
                     t("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       d: "M4.5 12.75l6 6 9-13.5"
                     }, null, -1)
-                  ])])) : (o(), s("span", Bt)),
+                  ])])) : (l(), s("span", bt)),
                   K(e.$slots, "item", P({ ref_for: !0 }, { item: r.item }), () => [
                     t("span", null, u(r.item[e.labelKey]), 1)
                   ])
-                ], 10, jt))), 128))
-              ], 64))), 128)) : (o(!0), s(V, { key: 2 }, L(B.value, (a) => (o(), s("button", {
+                ], 10, kt))), 128))
+              ], 64))), 128)) : (l(!0), s(x, { key: 2 }, B(O.value, (a) => (l(), s("button", {
                 key: a[e.valueKey],
-                class: g(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", x(a) ? "bg-gray-50 font-medium" : ""]),
+                class: h(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", f(a) ? "bg-gray-50 font-medium" : ""]),
                 role: "option",
-                "aria-selected": x(a),
-                onClick: (r) => I(a, () => y(b).close())
+                "aria-selected": f(a),
+                onClick: (r) => V(a, () => v(g).close())
               }, [
-                x(a) ? (o(), s("svg", St, [...l[18] || (l[18] = [
+                f(a) ? (l(), s("svg", Ct, [...o[18] || (o[18] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M4.5 12.75l6 6 9-13.5"
                   }, null, -1)
-                ])])) : (o(), s("span", Dt)),
+                ])])) : (l(), s("span", _t)),
                 K(e.$slots, "item", P({ ref_for: !0 }, { item: a }), () => [
                   t("span", null, u(a[e.labelKey]), 1)
                 ])
-              ], 10, Lt))), 128)),
-              B.value.length === 0 && !e.allowEmpty ? (o(), s("div", zt, [
+              ], 10, xt))), 128)),
+              O.value.length === 0 && !e.allowEmpty ? (l(), s("div", $t, [
                 K(e.$slots, "empty", {}, () => [
-                  ne(u(y(p)("ui.dropdown.nothingFound")), 1)
+                  se(u(v(y)("ui.dropdown.nothingFound")), 1)
                 ])
-              ])) : v("", !0)
+              ])) : p("", !0)
             ]))
           ])
         ]),
         _: 3
-      }, 8, ["useModal", "title"])) : v("", !0)
-    ], 64)) : (o(), N(Le, {
+      }, 8, ["useModal", "title"])) : p("", !0)
+    ], 64)) : (l(), G(ke, {
       key: 0,
       stick: e.stick,
-      onOpen: me,
-      onClose: fe
+      onOpen: ue,
+      onClose: de
     }, {
-      button: z(({ onToggle: a, isExpanded: r }) => [
-        K(e.$slots, "button", U(W({ onToggle: a, isExpanded: r, selectedLabel: F.value })), () => [
+      button: S(({ onToggle: a, isExpanded: r }) => [
+        K(e.$slots, "button", ee(te({ onToggle: a, isExpanded: r, selectedLabel: R.value })), () => [
           t("button", {
-            class: g(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
+            class: h(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
               e.view === "pill" ? "rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700" : "rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]",
               e.view === "default" && r ? "ring-1 ring-blue-500 border-blue-500" : ""
             ]]),
-            style: J(e.maxWidth ? { maxWidth: e.maxWidth } : void 0),
+            style: H(e.maxWidth ? { maxWidth: e.maxWidth } : void 0),
             onClick: a
           }, [
             t("span", {
-              class: g(["truncate", e.view === "pill" ? "" : M.value ? "text-gray-900" : "text-gray-500"])
-            }, u(F.value), 3),
-            (o(), s("svg", {
+              class: h(["truncate", e.view === "pill" ? "" : b.value ? "text-gray-900" : "text-gray-500"])
+            }, u(R.value), 3),
+            (l(), s("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
               "stroke-width": "1.5",
               stroke: "currentColor",
-              class: g(["w-4 h-4 text-gray-400 transition-transform shrink-0", r ? "rotate-180" : ""])
-            }, [...l[5] || (l[5] = [
+              class: h(["w-4 h-4 text-gray-400 transition-transform shrink-0", r ? "rotate-180" : ""])
+            }, [...o[5] || (o[5] = [
               t("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
               }, null, -1)
             ])], 2))
-          ], 14, Qe)
+          ], 14, Pe)
         ])
       ]),
-      menu: z(({ onToggle: a }) => [
+      menu: S(({ onToggle: a }) => [
         t("div", {
           class: "min-w-[240px] w-full",
-          onKeydown: (r) => he(r, a)
+          onKeydown: (r) => pe(r, a)
         }, [
-          e.title ? (o(), s("div", tt, u(e.title), 1)) : v("", !0),
-          e.searchable ? (o(), s("div", ot, [
-            t("div", lt, [
-              l[6] || (l[6] = t("svg", {
+          e.title ? (l(), s("div", Ue, u(e.title), 1)) : p("", !0),
+          e.searchable ? (l(), s("div", Ne, [
+            t("div", Ge, [
+              o[6] || (o[6] = t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 fill: "none",
                 viewBox: "0 0 24 24",
@@ -621,25 +547,25 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                   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)),
-              q(t("input", {
+              oe(t("input", {
                 ref_key: "searchInputRef",
-                ref: C,
-                "onUpdate:modelValue": l[0] || (l[0] = (r) => d.value = r),
+                ref: j,
+                "onUpdate:modelValue": o[0] || (o[0] = (r) => c.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, st), [
-                [se, d.value]
+                onInput: Z
+              }, null, 40, He), [
+                [le, c.value]
               ])
             ])
-          ])) : v("", !0),
-          e.createLabel ? (o(), s("div", nt, [
+          ])) : p("", !0),
+          e.createLabel ? (l(), s("div", qe, [
             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)
+              onClick: (r) => Y(a)
             }, [
-              l[7] || (l[7] = t("svg", {
+              o[7] || (o[7] = t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 fill: "none",
                 viewBox: "0 0 24 24",
@@ -654,20 +580,20 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                 })
               ], -1)),
               t("span", null, u(e.createLabel), 1)
-            ], 8, rt)
-          ])) : v("", !0),
-          e.multiple ? (o(), s("div", at, [
+            ], 8, Je)
+          ])) : p("", !0),
+          e.multiple ? (l(), s("div", Te, [
             t("button", {
               class: "text-xs text-blue-600 hover:text-blue-800 transition-colors",
-              onClick: Q
-            }, u(y(p)("ui.dropdown.selectAll")), 1),
-            M.value ? (o(), s("button", {
+              onClick: T
+            }, u(v(y)("ui.dropdown.selectAll")), 1),
+            b.value ? (l(), s("button", {
               key: 0,
               class: "text-xs text-gray-500 hover:text-gray-700 transition-colors",
-              onClick: ee
-            }, u(y(p)("ui.dropdown.clear")), 1)) : v("", !0)
-          ])) : v("", !0),
-          e.isLoading ? (o(), s("div", it, [...l[8] || (l[8] = [
+              onClick: X
+            }, u(v(y)("ui.dropdown.clear")), 1)) : p("", !0)
+          ])) : p("", !0),
+          e.isLoading ? (l(), s("div", Xe, [...o[8] || (o[8] = [
             t("svg", {
               class: "animate-spin h-5 w-5 text-gray-400",
               xmlns: "http://www.w3.org/2000/svg",
@@ -688,26 +614,26 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                 d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
               })
             ], -1)
-          ])])) : (o(), s("div", {
+          ])])) : (l(), s("div", {
             key: 5,
             ref_key: "listRef",
             ref: E,
             class: "max-h-[300px] overflow-y-auto",
             role: "listbox"
           }, [
-            e.allowEmpty ? (o(), s("button", {
+            e.allowEmpty ? (l(), s("button", {
               key: 0,
-              ref: (r) => R(r, 0),
-              class: g(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors", [
-                M.value ? "hover:bg-gray-50" : "bg-gray-100 font-medium",
+              ref: (r) => F(r, 0),
+              class: h(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors", [
+                b.value ? "hover:bg-gray-50" : "bg-gray-100 font-medium",
                 i.value === 0 ? "bg-gray-50" : ""
               ]]),
               role: "option",
-              "aria-selected": !M.value,
-              onClick: (r) => I(null, a),
-              onMouseenter: l[1] || (l[1] = (r) => i.value = 0)
+              "aria-selected": !b.value,
+              onClick: (r) => V(null, a),
+              onMouseenter: o[1] || (o[1] = (r) => i.value = 0)
             }, [
-              M.value ? (o(), s("span", pt)) : (o(), s("svg", dt, [...l[9] || (l[9] = [
+              b.value ? (l(), s("span", Qe)) : (l(), s("svg", Ze, [...o[9] || (o[9] = [
                 t("path", {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
@@ -715,82 +641,82 @@ const Zt = /* @__PURE__ */ Ae(Se, [["render", ze]]), Ee = ["onClick"], Re = { cl
                 }, null, -1)
               ])])),
               t("span", null, u(e.emptyLabel ?? e.placeholder), 1)
-            ], 42, ut)) : v("", !0),
-            e.groupKey ? (o(!0), s(V, { key: 1 }, L(Y.value, (r, _) => (o(), s(V, {
+            ], 42, Ye)) : p("", !0),
+            e.groupKey ? (l(!0), s(x, { key: 1 }, B(q.value, (r, w) => (l(), s(x, {
               key: r.label
             }, [
-              r.label ? (o(), s("div", {
+              r.label ? (l(), s("div", {
                 key: 0,
-                class: g(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide", _ > 0 ? "border-t border-gray-100 mt-1" : ""])
-              }, u(r.label), 3)) : v("", !0),
-              (o(!0), s(V, null, L(r.entries, (c) => (o(), s("button", {
-                key: c.item[e.valueKey],
+                class: h(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide", w > 0 ? "border-t border-gray-100 mt-1" : ""])
+              }, u(r.label), 3)) : p("", !0),
+              (l(!0), s(x, null, B(r.entries, (d) => (l(), s("button", {
+                key: d.item[e.valueKey],
                 ref_for: !0,
-                ref: (G) => R(G, c.flatIndex),
-                class: g(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
-                  x(c.item) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
-                  i.value === c.flatIndex ? "bg-gray-50" : ""
+                ref: (W) => F(W, d.flatIndex),
+                class: h(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
+                  f(d.item) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
+                  i.value === d.flatIndex ? "bg-gray-50" : ""
                 ]]),
                 role: "option",
-                "aria-selected": x(c.item),
-                onClick: (G) => I(c.item, a),
-                onMouseenter: (G) => i.value = c.flatIndex
+                "aria-selected": f(d.item),
+                onClick: (W) => V(d.item, a),
+                onMouseenter: (W) => i.value = d.flatIndex
               }, [
-                x(c.item) ? (o(), s("svg", vt, [...l[10] || (l[10] = [
+                f(d.item) ? (l(), s("svg", tt, [...o[10] || (o[10] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M4.5 12.75l6 6 9-13.5"
                   }, null, -1)
-                ])])) : (o(), s("span", mt)),
-                K(e.$slots, "item", P({ ref_for: !0 }, { item: c.item }), () => [
-                  t("span", null, u(c.item[e.labelKey]), 1)
+                ])])) : (l(), s("span", ot)),
+                K(e.$slots, "item", P({ ref_for: !0 }, { item: d.item }), () => [
+                  t("span", null, u(d.item[e.labelKey]), 1)
                 ])
-              ], 42, ct))), 128))
-            ], 64))), 128)) : (o(!0), s(V, { key: 2 }, L(B.value, (r, _) => (o(), s("button", {
+              ], 42, et))), 128))
+            ], 64))), 128)) : (l(!0), s(x, { key: 2 }, B(O.value, (r, w) => (l(), s("button", {
               key: r[e.valueKey],
               ref_for: !0,
-              ref: (c) => R(c, D.value + _),
-              class: g(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
-                x(r) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
-                i.value === D.value + _ ? "bg-gray-50" : ""
+              ref: (d) => F(d, L.value + w),
+              class: h(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
+                f(r) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
+                i.value === L.value + w ? "bg-gray-50" : ""
               ]]),
               role: "option",
-              "aria-selected": x(r),
-              onClick: (c) => I(r, a),
-              onMouseenter: (c) => i.value = D.value + _
+              "aria-selected": f(r),
+              onClick: (d) => V(r, a),
+              onMouseenter: (d) => i.value = L.value + w
             }, [
-              x(r) ? (o(), s("svg", ht, [...l[11] || (l[11] = [
+              f(r) ? (l(), s("svg", st, [...o[11] || (o[11] = [
                 t("path", {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   d: "M4.5 12.75l6 6 9-13.5"
                 }, null, -1)
-              ])])) : (o(), s("span", yt)),
+              ])])) : (l(), s("span", rt)),
               K(e.$slots, "item", P({ ref_for: !0 }, { item: r }), () => [
                 t("span", null, u(r[e.labelKey]), 1)
               ])
-            ], 42, ft))), 128)),
-            B.value.length === 0 && !e.allowEmpty ? (o(), s("div", wt, [
+            ], 42, lt))), 128)),
+            O.value.length === 0 && !e.allowEmpty ? (l(), s("div", nt, [
               K(e.$slots, "empty", {}, () => [
-                ne(u(y(p)("ui.dropdown.nothingFound")), 1)
+                se(u(v(y)("ui.dropdown.nothingFound")), 1)
               ])
-            ])) : v("", !0)
+            ])) : p("", !0)
           ], 512))
-        ], 40, et)
+        ], 40, We)
       ]),
       _: 3
     }, 8, ["stick"]));
   }
 });
 export {
-  lo as OneBrowserMenu,
-  Qt as OneBrowserMenuGrid,
-  ge as OneDropdown,
-  Le as OneDropdownAuto,
-  Zt as OneDropdownDivider,
-  so as OneDropdownItem,
-  eo as OneDropdownSelect,
-  no as OneHelpMenu,
-  ro as OneUserMenu
+  Xt as OneBrowserMenu,
+  Ht as OneBrowserMenuGrid,
+  fe as OneDropdown,
+  ke as OneDropdownAuto,
+  Gt as OneDropdownDivider,
+  Yt as OneDropdownItem,
+  qt as OneDropdownSelect,
+  Zt as OneHelpMenu,
+  Qt as OneUserMenu
 };