@oneb/ui-vue 0.2.29 → 0.3.2

package/dist/{index-4f1aeab2.js → index-649075f0.js}

@@ -1,172 +1,173 @@
-import { d as we, e as le, o as oe, f as ne, s as re, g as ge, h as be, _ as ke, r as xe, i as Ce } from "./OneHelpMenu-9a2f42f5.js";
-import { defineComponent as N, ref as C, watch as ce, onBeforeUnmount as pe, provide as _e, computed as j, openBlock as s, createElementBlock as o, createElementVNode as t, renderSlot as _, normalizeProps as P, guardReactiveProps as F, createBlock as T, Teleport as $e, createCommentVNode as f, withDirectives as J, normalizeClass as x, toDisplayString as h, vShow as Me, withCtx as D, createVNode as G, unref as I, normalizeStyle as U, Fragment as B, renderList as E, onMounted as ve, onUnmounted as Ve, vModelText as ae, mergeProps as W, createTextVNode as ie, nextTick as H } from "vue";
-import { _ as me } from "./_plugin-vue_export-helper-dad06003.js";
-import { _ as ue } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
-const Ke = ["data-opened"], Le = {
+import { d as ge, e as oe, o as ne, f as re, s as ae, g as be, h as ke, _ as xe, r as Ce, i as _e } from "./OneHelpMenu-9a2f42f5.js";
+import { defineComponent as q, ref as _, watch as pe, onBeforeUnmount as ve, provide as $e, computed as A, openBlock as s, createElementBlock as l, createElementVNode as t, renderSlot as M, normalizeProps as P, guardReactiveProps as T, createBlock as U, Teleport as Me, createCommentVNode as y, withDirectives as X, normalizeClass as b, toDisplayString as p, vShow as Ve, withCtx as R, createVNode as H, unref as C, normalizeStyle as N, Fragment as B, renderList as D, onMounted as me, onUnmounted as Ke, vModelText as ie, mergeProps as W, createTextVNode as ue, nextTick as J } from "vue";
+import { _ as fe } from "./_plugin-vue_export-helper-dad06003.js";
+import { _ as de } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
+import { u as Oe } from "./useI18n-2103b39e.js";
+const Le = ["data-opened"], je = {
   key: 0,
   class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, Oe = /* @__PURE__ */ N({
+}, Ae = /* @__PURE__ */ q({
   __name: "OneDropdownAuto",
-  props: we,
+  props: ge,
   emits: ["open", "close"],
-  setup(V, { emit: p }) {
-    const n = V, a = C(!1), y = C(null), b = C(null);
-    let w = null;
-    ce(a, (d) => {
-      d && b.value && y.value ? (le(b.value, y.value, {
+  setup(K, { emit: f }) {
+    const n = K, a = _(!1), m = _(null), k = _(null);
+    let g = null;
+    pe(a, (v) => {
+      v && k.value && m.value ? (oe(k.value, m.value, {
         placement: n.stick ? n.stick : "bottom-start",
         strategy: "fixed",
-        middleware: [oe(5), ne(), re({ padding: 8 })]
-      }).then(({ x: K, y: $ }) => {
-        Object.assign(y.value.style, {
-          left: `${K}px`,
+        middleware: [ne(5), re(), ae({ padding: 8 })]
+      }).then(({ x: c, y: $ }) => {
+        Object.assign(m.value.style, {
+          left: `${c}px`,
           top: `${$}px`
         });
-      }), w = ge(b.value, y.value, () => {
-        le(b.value, y.value, {
+      }), g = be(k.value, m.value, () => {
+        oe(k.value, m.value, {
           placement: n.stick ? n.stick : "bottom-start",
           strategy: "fixed",
-          middleware: [oe(4), ne(), re({ padding: 8 })]
-        }).then(({ x: K, y: $ }) => {
-          Object.assign(y.value.style, {
-            left: `${K}px`,
+          middleware: [ne(4), re(), ae({ padding: 8 })]
+        }).then(({ x: c, y: $ }) => {
+          Object.assign(m.value.style, {
+            left: `${c}px`,
             top: `${$}px`
           });
         });
-      })) : w && (w(), w = null);
-    }), pe(() => {
-      w && w();
+      })) : g && (g(), g = null);
+    }), ve(() => {
+      g && g();
     });
-    const c = p, m = () => {
-      a.value = !a.value, a.value ? c("open") : c("close");
+    const d = f, h = () => {
+      a.value = !a.value, a.value ? d("open") : d("close");
     };
-    _e("OneDropdown", {
-      onToggle: m
+    $e("OneDropdown", {
+      onToggle: h
     });
-    const v = j(() => [
+    const V = A(() => [
       "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, K) => (s(), o("div", {
+    return (v, c) => (s(), l("div", {
       class: "relative inline-block",
       "data-opened": a.value
     }, [
       t("div", {
         ref_key: "buttonRef",
-        ref: b
+        ref: k
       }, [
-        _(d.$slots, "button", P(F({ onToggle: m, isExpanded: a.value })))
+        M(v.$slots, "button", P(T({ onToggle: h, isExpanded: a.value })))
       ], 512),
-      (s(), T($e, { to: "body" }, [
-        a.value ? (s(), o("div", {
+      (s(), U(Me, { to: "body" }, [
+        a.value ? (s(), l("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-[9999]",
-          onClick: m
-        })) : f("", !0),
-        J(t("div", {
+          onClick: h
+        })) : y("", !0),
+        X(t("div", {
           ref_key: "menuRef",
-          ref: y,
-          class: x(["menu", v.value]),
+          ref: m,
+          class: b(["menu", V.value]),
           role: "menu",
           "aria-orientation": "vertical",
           tabindex: "-1",
           style: { display: "none" }
         }, [
-          d.title ? (s(), o("div", Le, h(d.title), 1)) : f("", !0),
-          _(d.$slots, "menu", P(F({ onToggle: m })))
+          v.title ? (s(), l("div", je, p(v.title), 1)) : y("", !0),
+          M(v.$slots, "menu", P(T({ onToggle: h })))
         ], 2), [
-          [Me, a.value]
+          [Ve, a.value]
         ])
       ]))
-    ], 8, Ke));
+    ], 8, Le));
   }
-}), je = {}, Se = { class: "border-t border-secondary-stroke my-1" };
-function Ae(V, p) {
-  return s(), o("div", Se);
+}), Se = {}, Be = { class: "border-t border-secondary-stroke my-1" };
+function Ie(K, f) {
+  return s(), l("div", Be);
 }
-const Nt = /* @__PURE__ */ me(je, [["render", Ae]]), Be = ["onClick"], Ie = { class: "grid" }, ze = { class: "font-semibold px-3" }, Ee = { class: "rounded-lg m-3 border" }, De = {
+const Ht = /* @__PURE__ */ fe(Se, [["render", Ie]]), ze = ["onClick"], Ee = { class: "grid" }, De = { class: "font-semibold px-3" }, Re = { class: "rounded-lg m-3 border" }, Fe = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, Re = { class: "flex-shrink-0" }, We = { class: "w-full text-left" }, Pe = { class: "flex-shrink-0" }, Fe = { class: "px-3 py-2" }, Te = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, Ue = {
+}, We = { class: "flex-shrink-0" }, Pe = { class: "w-full text-left" }, Te = { class: "flex-shrink-0" }, Ue = { class: "px-3 py-2" }, Ne = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, qe = {
   key: 0,
   class: "space-y-2"
-}, Ne = ["onClick"], qe = { class: "pl-2" }, Ge = { class: "text-sm mt-1" }, He = { class: "text-xs mt-1" }, de = 3, qt = /* @__PURE__ */ N({
+}, Ge = ["onClick"], He = { class: "pl-2" }, Je = { class: "text-sm mt-1" }, Xe = { class: "text-xs mt-1" }, ce = 3, Jt = /* @__PURE__ */ q({
   __name: "OneBrowserMenuGrid",
-  props: be,
-  setup(V) {
-    const p = V, n = () => {
-      typeof p.onChange == "function" && p.onChange();
-    }, a = C(!1), y = j(() => p.apps ? a.value ? p.apps : p.apps.slice(0, de) : []), b = () => {
+  props: ke,
+  setup(K) {
+    const f = K, n = () => {
+      typeof f.onChange == "function" && f.onChange();
+    }, a = _(!1), m = A(() => f.apps ? a.value ? f.apps : f.apps.slice(0, ce) : []), k = () => {
       a.value = !a.value;
-    }, w = (c) => {
-      typeof p.onApp == "function" && p.onApp(c);
+    }, g = (d) => {
+      typeof f.onApp == "function" && f.onApp(d);
     };
-    return (c, m) => (s(), T(ke, { stick: "right" }, {
-      button: D(({ onToggle: v, isExpanded: d }) => [
+    return (d, h) => (s(), U(xe, { stick: "right" }, {
+      button: R(({ onToggle: V, isExpanded: v }) => [
         t("button", {
-          onClick: v,
-          class: x(["p-1 rounded-md hover:bg-secondary-10", [d ? "bg-secondary-25" : ""]])
+          onClick: V,
+          class: b(["p-1 rounded-md hover:bg-secondary-10", [v ? "bg-secondary-25" : ""]])
         }, [
-          G(I(xe), {
+          H(C(Ce), {
             class: "text-secondary-base",
-            style: U(`width: ${c.iconSize}px; height: ${c.iconSize}px`)
+            style: N(`width: ${d.iconSize}px; height: ${d.iconSize}px`)
           }, null, 8, ["style"])
-        ], 10, Be)
+        ], 10, ze)
       ]),
-      menu: D(() => {
-        var v, d, K, $;
+      menu: R(() => {
+        var V, v, c, $;
         return [
-          t("div", Ie, [
-            t("div", ze, h((v = c.workspace) == null ? void 0 : v.title), 1),
-            t("div", Ee, [
-              t("div", De, [
-                t("div", Re, [
-                  G(ue, {
-                    text: ((d = c.workspace) == null ? void 0 : d.name) || "",
-                    src: (K = c.workspace) == null ? void 0 : K.photo_url,
+          t("div", Ee, [
+            t("div", De, p((V = d.workspace) == null ? void 0 : V.title), 1),
+            t("div", Re, [
+              t("div", Fe, [
+                t("div", We, [
+                  H(de, {
+                    text: ((v = d.workspace) == null ? void 0 : v.name) || "",
+                    src: (c = d.workspace) == null ? void 0 : c.photo_url,
                     size: 44,
                     rounded: !1,
                     class: "mx-auto"
                   }, null, 8, ["text", "src"])
                 ]),
-                t("div", We, h(($ = c.workspace) == null ? void 0 : $.name), 1),
-                t("div", Pe, [
+                t("div", Pe, p(($ = d.workspace) == null ? void 0 : $.name), 1),
+                t("div", Te, [
                   t("button", {
                     class: "text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",
                     onClick: n
-                  }, h(c.changeLabel), 1)
+                  }, p(d.changeLabel), 1)
                 ])
               ]),
-              m[0] || (m[0] = t("hr", null, null, -1))
+              h[0] || (h[0] = t("hr", null, null, -1))
             ])
           ]),
-          t("div", Fe, [
-            t("div", Te, h(c.appsTitle), 1),
+          t("div", Ue, [
+            t("div", Ne, p(d.appsTitle), 1),
             t("div", null, [
-              c.apps && c.apps.length ? (s(), o("div", Ue, [
-                (s(!0), o(B, null, E(y.value, (S) => (s(), o("div", {
-                  key: S.id,
-                  onClick: (i) => w(S),
+              d.apps && d.apps.length ? (s(), l("div", qe, [
+                (s(!0), l(B, null, D(m.value, (I) => (s(), l("div", {
+                  key: I.id,
+                  onClick: (i) => g(I),
                   class: "flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"
                 }, [
-                  G(ue, {
-                    text: S.name,
-                    src: S.photo_url,
+                  H(de, {
+                    text: I.name,
+                    src: I.photo_url,
                     size: 44,
                     rounded: !1
                   }, null, 8, ["text", "src"]),
-                  t("div", qe, [
-                    t("p", Ge, h(S.name), 1),
-                    t("p", He, h(S.short), 1)
+                  t("div", He, [
+                    t("p", Je, p(I.name), 1),
+                    t("p", Xe, p(I.short), 1)
                   ])
-                ], 8, Ne))), 128))
-              ])) : f("", !0),
-              c.apps && c.apps.length > de ? (s(), o("button", {
+                ], 8, Ge))), 128))
+              ])) : y("", !0),
+              d.apps && d.apps.length > ce ? (s(), l("button", {
                 key: 1,
-                onClick: b,
+                onClick: k,
                 class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"
-              }, h(a.value ? "Приховати" : "Дивитися всі"), 1)) : f("", !0)
+              }, p(a.value ? "Приховати" : "Дивитися всі"), 1)) : y("", !0)
             ])
           ])
         ];
@@ -174,7 +175,7 @@ const Nt = /* @__PURE__ */ me(je, [["render", Ae]]), Be = ["onClick"], Ie = { cl
       _: 1
     }));
   }
-}), Je = {
+}), Ye = {
   useModal: {
     required: !0,
     type: Object
@@ -210,7 +211,7 @@ const Nt = /* @__PURE__ */ me(je, [["render", Ae]]), Be = ["onClick"], Ie = { cl
     type: String,
     default: ""
   }
-}, Xe = {
+}, Ze = {
   "3xs": ["max-w-xs"],
   xs: ["max-w-sm"],
   sm: ["max-w-md"],
@@ -224,73 +225,73 @@ const Nt = /* @__PURE__ */ me(je, [["render", Ae]]), Be = ["onClick"], Ie = { cl
   "4xl": ["max-w-5xl"],
   "5xl": ["max-w-5xl"],
   "7xl": ["max-w-7xl"]
-}, Ye = (V = "medium") => {
-  const p = [];
-  return p.push(...Xe[V] ?? []), p;
-}, Ze = { class: "relative bg-white rounded-lg shadow h-full" }, Qe = /* @__PURE__ */ N({
+}, Qe = (K = "medium") => {
+  const f = [];
+  return f.push(...Ze[K] ?? []), f;
+}, et = { class: "relative bg-white rounded-lg shadow h-full" }, tt = /* @__PURE__ */ q({
   __name: "OneModal",
-  props: Je,
+  props: Ye,
   emits: ["isOpen", "closed"],
-  setup(V, { expose: p, emit: n }) {
-    const a = V, y = n, b = j(() => {
-      var k, M;
+  setup(K, { expose: f, emit: n }) {
+    const a = K, m = n, k = A(() => {
+      var x, O;
       const i = a.useModal;
-      return ((k = i == null ? void 0 : i.isOpened) == null ? void 0 : k.value) ?? ((M = i == null ? void 0 : i.isOpen) == null ? void 0 : M.value) ?? !1;
-    }), w = j(() => Ye(a.size)), c = j(() => a.customWidth ? { width: a.customWidth } : {}), m = C(null), v = C(!1);
-    function d(i) {
-      v.value = !1, m.value && !m.value.contains(i.target) && (v.value = !0);
+      return ((x = i == null ? void 0 : i.isOpened) == null ? void 0 : x.value) ?? ((O = i == null ? void 0 : i.isOpen) == null ? void 0 : O.value) ?? !1;
+    }), g = A(() => Qe(a.size)), d = A(() => a.customWidth ? { width: a.customWidth } : {}), h = _(null), V = _(!1);
+    function v(i) {
+      V.value = !1, h.value && !h.value.contains(i.target) && (V.value = !0);
     }
-    function K(i) {
-      v.value && m.value && !m.value.contains(i.target) && $();
+    function c(i) {
+      V.value && h.value && !h.value.contains(i.target) && $();
     }
     const $ = () => {
-      var k, M;
+      var x, O;
       if (a.canClose && !a.canClose())
         return;
       const i = a.useModal;
-      (k = i == null ? void 0 : i.close) == null || k.call(i), (M = a.onClose) == null || M.call(a), y("closed"), y("isOpen");
+      (x = i == null ? void 0 : i.close) == null || x.call(i), (O = a.onClose) == null || O.call(a), m("closed"), m("isOpen");
     };
-    return p({
+    return f({
       open: () => {
-        var k;
+        var x;
         const i = a.useModal;
-        (k = i == null ? void 0 : i.open) == null || k.call(i), y("isOpen");
+        (x = i == null ? void 0 : i.open) == null || x.call(i), m("isOpen");
       },
       close: $
-    }), (i, k) => b.value ? (s(), o("div", {
+    }), (i, x) => k.value ? (s(), l("div", {
       key: 0,
       tabindex: "-1",
-      onMousedown: d,
-      onMouseup: K,
-      class: x(["modal backdrop !m-0", { "modal-mobile": i.classModal }])
+      onMousedown: v,
+      onMouseup: c,
+      class: b(["modal backdrop !m-0", { "modal-mobile": i.classModal }])
     }, [
       t("div", {
-        class: x([
+        class: b([
           "relative w-full max-h-full",
-          w.value,
+          g.value,
           { "fixed bottom-0 left-0 right-0 w-full bg-white rounded-t-xl mobile-modal": i.classModal }
         ]),
-        style: U(c.value),
+        style: N(d.value),
         ref_key: "modalContent",
-        ref: m
+        ref: h
       }, [
-        t("div", Ze, [
-          i.title ? (s(), o("div", {
+        t("div", et, [
+          i.title ? (s(), l("div", {
             key: 0,
-            class: x([
+            class: b([
               i.titleCenter ? "grid grid-cols-4" : "flex items-start justify-between",
               "p-3 border-b rounded-t",
               i.classTitle
             ])
           }, [
             t("h3", {
-              class: x(["text-xl font-semibold text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis", i.titleCenter ? "col-span-2 text-center col-start-2" : ""])
-            }, h(i.title), 3),
+              class: b(["text-xl font-semibold text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis", i.titleCenter ? "col-span-2 text-center col-start-2" : ""])
+            }, p(i.title), 3),
             t("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: $
-            }, [...k[0] || (k[0] = [
+            }, [...x[0] || (x[0] = [
               t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 fill: "none",
@@ -307,59 +308,59 @@ const Nt = /* @__PURE__ */ me(je, [["render", Ae]]), Be = ["onClick"], Ie = { cl
                 })
               ], -1)
             ])])
-          ], 2)) : f("", !0),
-          _(i.$slots, "header", {}, void 0, !0),
-          _(i.$slots, "body", {}, void 0, !0),
-          _(i.$slots, "default", {}, void 0, !0),
-          _(i.$slots, "footer", { close: $ }, void 0, !0)
+          ], 2)) : y("", !0),
+          M(i.$slots, "header", {}, void 0, !0),
+          M(i.$slots, "body", {}, void 0, !0),
+          M(i.$slots, "default", {}, void 0, !0),
+          M(i.$slots, "footer", { close: $ }, void 0, !0)
         ])
       ], 6)
-    ], 34)) : f("", !0);
+    ], 34)) : y("", !0);
   }
 });
-const et = /* @__PURE__ */ me(Qe, [["__scopeId", "data-v-3560b61e"]]);
-function tt(V = !1) {
-  const p = C(V), n = C(void 0);
+const st = /* @__PURE__ */ fe(tt, [["__scopeId", "data-v-3560b61e"]]);
+function lt(K = !1) {
+  const f = _(K), n = _(void 0);
   let a = null;
-  const y = () => {
-    a && (clearTimeout(a), a = null), p.value = !1, n.value = void 0;
-  }, b = (m) => {
-    n.value = m, p.value = !0;
-  }, w = (m) => {
-    a && clearTimeout(a), a = setTimeout(y, m * 1e3);
-  }, c = (m) => {
-    m.key === "Escape" && p.value && y();
+  const m = () => {
+    a && (clearTimeout(a), a = null), f.value = !1, n.value = void 0;
+  }, k = (h) => {
+    n.value = h, f.value = !0;
+  }, g = (h) => {
+    a && clearTimeout(a), a = setTimeout(m, h * 1e3);
+  }, d = (h) => {
+    h.key === "Escape" && f.value && m();
   };
-  return ve(() => {
-    document.addEventListener("keydown", c);
-  }), pe(() => {
-    document.removeEventListener("keydown", c), a && clearTimeout(a);
+  return me(() => {
+    document.addEventListener("keydown", d);
+  }), ve(() => {
+    document.removeEventListener("keydown", d), a && clearTimeout(a);
   }), {
-    isOpened: p,
-    isOpen: p,
+    isOpened: f,
+    isOpen: f,
     // alias for backward compatibility
     data: n,
-    open: b,
-    close: y,
-    closeWithDelay: w
+    open: k,
+    close: m,
+    closeWithDelay: g
   };
 }
-const st = ["onClick"], lt = ["onKeydown"], ot = {
+const ot = ["onClick"], nt = ["onKeydown"], rt = {
   key: 0,
   class: "text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"
-}, nt = {
+}, at = {
   key: 1,
   class: "px-3 py-2"
-}, rt = { class: "relative" }, at = ["placeholder"], it = {
+}, it = { class: "relative" }, ut = ["placeholder"], dt = {
   key: 2,
   class: "border-b border-gray-100"
-}, ut = ["onClick"], dt = {
+}, ct = ["onClick"], pt = {
   key: 3,
   class: "flex items-center justify-between px-3 py-1.5 border-b border-gray-100"
-}, ct = {
+}, vt = {
   key: 4,
   class: "flex justify-center py-4"
-}, pt = ["aria-selected", "onClick"], vt = {
+}, mt = ["aria-selected", "onClick"], ft = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -367,10 +368,10 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-4 h-4 text-blue-600 shrink-0"
-}, mt = {
+}, ht = {
   key: 1,
   class: "w-4 h-4 shrink-0"
-}, ft = ["aria-selected", "onClick", "onMouseenter"], ht = {
+}, yt = ["aria-selected", "onClick", "onMouseenter"], wt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -378,10 +379,10 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-4 h-4 text-blue-600 shrink-0"
-}, yt = {
+}, gt = {
   key: 1,
   class: "w-4 h-4 shrink-0"
-}, wt = ["aria-selected", "onClick", "onMouseenter"], gt = {
+}, bt = ["aria-selected", "onClick", "onMouseenter"], kt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -389,29 +390,29 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-4 h-4 text-blue-600 shrink-0"
-}, bt = {
+}, xt = {
   key: 1,
   class: "w-4 h-4 shrink-0"
-}, kt = {
+}, Ct = {
   key: 3,
   class: "px-3 py-4 text-sm text-gray-500 text-center"
-}, xt = { class: "pb-6" }, Ct = {
+}, _t = { class: "pb-6" }, $t = {
   key: 0,
   class: "relative px-3 py-3"
-}, _t = { class: "relative" }, $t = ["placeholder"], Mt = {
+}, Mt = { class: "relative" }, Vt = ["placeholder"], Kt = {
   key: 1,
   class: "px-3 py-2"
-}, Vt = {
+}, Ot = {
   key: 2,
   class: "flex items-center justify-between px-3 py-2 border-b border-gray-100"
-}, Kt = {
+}, Lt = {
   key: 3,
   class: "flex justify-center py-8"
-}, Lt = {
+}, jt = {
   key: 4,
   class: "overflow-auto h-[60dvh] divide-y",
   role: "listbox"
-}, Ot = ["aria-selected"], jt = {
+}, At = ["aria-selected"], St = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -419,13 +420,13 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-5 h-5 text-blue-600 shrink-0"
-}, St = {
+}, Bt = {
   key: 1,
   class: "w-5 h-5 shrink-0"
-}, At = {
+}, It = {
   key: 0,
   class: "px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"
-}, Bt = ["aria-selected", "onClick"], It = {
+}, zt = ["aria-selected", "onClick"], Et = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -433,10 +434,10 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-5 h-5 text-blue-600 shrink-0"
-}, zt = {
+}, Dt = {
   key: 1,
   class: "w-5 h-5 shrink-0"
-}, Et = ["aria-selected", "onClick"], Dt = {
+}, Rt = ["aria-selected", "onClick"], Ft = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -444,128 +445,128 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-5 h-5 text-blue-600 shrink-0"
-}, Rt = {
+}, Wt = {
   key: 1,
   class: "w-5 h-5 shrink-0"
-}, Wt = {
+}, Pt = {
   key: 3,
   class: "px-3 py-8 text-sm text-gray-500 text-center"
-}, Gt = /* @__PURE__ */ N({
+}, Xt = /* @__PURE__ */ q({
   __name: "OneDropdownSelect",
-  props: Ce,
+  props: _e,
   emits: ["update:modelValue", "search", "create"],
-  setup(V, { emit: p }) {
-    const n = V, a = p, y = C(!1);
-    let b = null;
-    ve(() => {
-      b = window.matchMedia("(max-width: 767px)"), y.value = b.matches;
-      const e = (l) => {
-        y.value = l.matches;
+  setup(K, { emit: f }) {
+    const n = K, a = Oe(), m = f, k = _(!1);
+    let g = null;
+    me(() => {
+      g = window.matchMedia("(max-width: 767px)"), k.value = g.matches;
+      const e = (o) => {
+        k.value = o.matches;
       };
-      b.addEventListener("change", e), Ve(() => {
-        b == null || b.removeEventListener("change", e);
+      g.addEventListener("change", e), Ke(() => {
+        g == null || g.removeEventListener("change", e);
       });
     });
-    const w = tt(), c = C(null), m = () => {
-      v.value = "", d.value = -1, w.open(), H(() => {
+    const d = lt(), h = _(null), V = () => {
+      v.value = "", c.value = -1, d.open(), J(() => {
         var e;
-        (e = c.value) == null || e.focus();
+        (e = h.value) == null || e.focus();
       });
-    }, v = C(""), d = C(-1), K = C(null), $ = C(null), S = C({}), i = (e, l) => {
-      e && (S.value[l] = e);
-    }, k = j(() => n.allowEmpty ? 1 : 0), M = j(() => {
+    }, v = _(""), c = _(-1), $ = _(null), I = _(null), i = _({}), x = (e, o) => {
+      e && (i.value[o] = e);
+    }, O = A(() => n.allowEmpty ? 1 : 0), E = A(() => {
       if (!v.value.trim())
         return n.items;
       const e = v.value.toLowerCase();
       return n.items.filter(
-        (l) => String(l[n.labelKey] ?? "").toLowerCase().includes(e)
+        (o) => String(o[n.labelKey] ?? "").toLowerCase().includes(e)
       );
-    }), X = j(() => {
+    }), Y = A(() => {
       if (!n.groupKey)
         return [];
-      const e = [], l = /* @__PURE__ */ new Map();
-      let u = k.value;
-      for (const r of M.value) {
-        const O = String(r[n.groupKey] ?? "");
-        let g = l.get(O);
-        g || (g = { label: O, entries: [] }, l.set(O, g), e.push(g)), g.entries.push({ item: r, flatIndex: u }), u++;
+      const e = [], o = /* @__PURE__ */ new Map();
+      let u = O.value;
+      for (const r of E.value) {
+        const j = String(r[n.groupKey] ?? "");
+        let w = o.get(j);
+        w || (w = { label: j, entries: [] }, o.set(j, w), e.push(w)), w.entries.push({ item: r, flatIndex: u }), u++;
       }
       return e;
-    }), A = j(() => n.multiple ? (n.modelValue ?? []).length > 0 : n.modelValue !== null && n.modelValue !== void 0), R = j(() => {
+    }), S = A(() => n.multiple ? (n.modelValue ?? []).length > 0 : n.modelValue !== null && n.modelValue !== void 0), F = A(() => {
       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;
-    }), L = (e) => n.modelValue ? n.multiple ? n.modelValue.some((u) => u[n.valueKey] === e[n.valueKey]) : n.modelValue[n.valueKey] === e[n.valueKey] : !1, Y = j(() => M.value.length + k.value), z = (e, l) => {
+    }), L = (e) => n.modelValue ? n.multiple ? n.modelValue.some((u) => u[n.valueKey] === e[n.valueKey]) : n.modelValue[n.valueKey] === e[n.valueKey] : !1, Z = A(() => E.value.length + O.value), z = (e, o) => {
       if (n.multiple) {
         const u = (n.modelValue ?? []).slice();
         if (e === null) {
-          a("update:modelValue", []);
+          m("update:modelValue", []);
           return;
         }
-        const r = u.findIndex((O) => O[n.valueKey] === e[n.valueKey]);
-        r >= 0 ? u.splice(r, 1) : u.push(e), a("update:modelValue", u);
+        const r = u.findIndex((j) => j[n.valueKey] === e[n.valueKey]);
+        r >= 0 ? u.splice(r, 1) : u.push(e), m("update:modelValue", u);
         return;
       }
-      a("update:modelValue", e), l();
-    }, Z = () => {
-      a("update:modelValue", [...n.items]);
+      m("update:modelValue", e), o();
     }, Q = () => {
-      a("update:modelValue", []);
-    }, ee = (e) => {
-      a("create", v.value), e();
-    }, fe = () => {
-      v.value = "", d.value = -1, H(() => {
+      m("update:modelValue", [...n.items]);
+    }, ee = () => {
+      m("update:modelValue", []);
+    }, te = (e) => {
+      m("create", v.value), e();
+    }, he = () => {
+      v.value = "", c.value = -1, J(() => {
         var e;
-        (e = K.value) == null || e.focus();
+        (e = $.value) == null || e.focus();
       });
-    }, he = () => {
-      v.value = "", d.value = -1;
-    }, te = () => {
-      d.value = 0, a("search", v.value);
+    }, ye = () => {
+      v.value = "", c.value = -1;
     }, se = () => {
-      H(() => {
-        const e = S.value[d.value];
+      c.value = 0, m("search", v.value);
+    }, le = () => {
+      J(() => {
+        const e = i.value[c.value];
         e && e.scrollIntoView({ block: "nearest" });
       });
-    }, ye = (e, l) => {
+    }, we = (e, o) => {
       switch (e.key) {
         case "ArrowDown":
-          e.preventDefault(), d.value < Y.value - 1 ? d.value++ : d.value = 0, se();
+          e.preventDefault(), c.value < Z.value - 1 ? c.value++ : c.value = 0, le();
           break;
         case "ArrowUp":
-          e.preventDefault(), d.value > 0 ? d.value-- : d.value = Y.value - 1, se();
+          e.preventDefault(), c.value > 0 ? c.value-- : c.value = Z.value - 1, le();
           break;
         case "Enter":
-          if (e.preventDefault(), d.value >= 0)
-            if (n.allowEmpty && d.value === 0)
-              z(null, l);
+          if (e.preventDefault(), c.value >= 0)
+            if (n.allowEmpty && c.value === 0)
+              z(null, o);
             else {
-              const u = d.value - k.value, r = M.value[u];
-              r && z(r, l);
+              const u = c.value - O.value, r = E.value[u];
+              r && z(r, o);
             }
           break;
         case "Escape":
-          e.preventDefault(), l();
+          e.preventDefault(), o();
           break;
       }
     };
-    return ce(v, () => {
-      d.value = 0;
-    }), (e, l) => y.value ? (s(), o(B, { key: 1 }, [
-      _(e.$slots, "button", P(F({ onToggle: m, isExpanded: I(w).isOpened.value, selectedLabel: R.value })), () => [
+    return pe(v, () => {
+      c.value = 0;
+    }), (e, o) => k.value ? (s(), l(B, { key: 1 }, [
+      M(e.$slots, "button", P(T({ onToggle: V, isExpanded: C(d).isOpened.value, selectedLabel: F.value })), () => [
         t("button", {
-          class: x(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
+          class: b(["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: U(e.maxWidth ? { maxWidth: e.maxWidth } : void 0),
-          onClick: m
+          style: N(e.maxWidth ? { maxWidth: e.maxWidth } : void 0),
+          onClick: V
         }, [
           t("span", {
-            class: x(["truncate", e.view === "pill" ? "" : A.value ? "text-gray-900" : "text-gray-500"])
-          }, h(R.value), 3),
-          l[13] || (l[13] = t("svg", {
+            class: b(["truncate", e.view === "pill" ? "" : S.value ? "text-gray-900" : "text-gray-500"])
+          }, p(F.value), 3),
+          o[12] || (o[12] = t("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
@@ -581,19 +582,19 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
           ], -1))
         ], 6)
       ]),
-      I(w).isOpened.value ? (s(), T(I(et), {
+      C(d).isOpened.value ? (s(), U(C(st), {
         key: 0,
-        useModal: I(w),
+        useModal: C(d),
         title: e.title || e.placeholder,
         size: "sm",
         classModal: !0,
         titleCenter: !0
       }, {
-        default: D(() => [
-          t("div", xt, [
-            e.searchable ? (s(), o("div", Ct, [
-              t("div", _t, [
-                l[14] || (l[14] = t("svg", {
+        default: R(() => [
+          t("div", _t, [
+            e.searchable ? (s(), l("div", $t, [
+              t("div", Mt, [
+                o[13] || (o[13] = t("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   fill: "none",
                   viewBox: "0 0 24 24",
@@ -607,25 +608,25 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
                     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)),
-                J(t("input", {
+                X(t("input", {
                   ref_key: "mobileSearchInputRef",
-                  ref: c,
-                  "onUpdate:modelValue": l[2] || (l[2] = (u) => v.value = u),
+                  ref: h,
+                  "onUpdate:modelValue": o[2] || (o[2] = (u) => v.value = u),
                   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: te
-                }, null, 40, $t), [
-                  [ae, v.value]
+                  onInput: se
+                }, null, 40, Vt), [
+                  [ie, v.value]
                 ])
               ])
-            ])) : f("", !0),
-            e.createLabel ? (s(), o("div", Mt, [
+            ])) : y("", !0),
+            e.createLabel ? (s(), l("div", Kt, [
               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] = (u) => ee(() => I(w).close()))
+                onClick: o[3] || (o[3] = (u) => te(() => C(d).close()))
               }, [
-                l[15] || (l[15] = t("svg", {
+                o[14] || (o[14] = t("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   fill: "none",
                   viewBox: "0 0 24 24",
@@ -639,134 +640,134 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
                     d: "M12 4.5v15m7.5-7.5h-15"
                   })
                 ], -1)),
-                t("span", null, h(e.createLabel), 1)
+                t("span", null, p(e.createLabel), 1)
               ])
-            ])) : f("", !0),
-            e.multiple ? (s(), o("div", Vt, [
+            ])) : y("", !0),
+            e.multiple ? (s(), l("div", Ot, [
               t("button", {
                 class: "text-sm text-blue-600 hover:text-blue-800 transition-colors",
-                onClick: Z
-              }, " Обрати все "),
-              A.value ? (s(), o("button", {
+                onClick: Q
+              }, p(C(a)("ui.dropdown.selectAll")), 1),
+              S.value ? (s(), l("button", {
                 key: 0,
                 class: "text-sm text-gray-500 hover:text-gray-700 transition-colors",
-                onClick: Q
-              }, " Очистити ")) : f("", !0)
-            ])) : f("", !0),
-            e.isLoading ? (s(), o("div", Kt, [...l[16] || (l[16] = [
+                onClick: ee
+              }, p(C(a)("ui.dropdown.clear")), 1)) : y("", !0)
+            ])) : y("", !0),
+            e.isLoading ? (s(), l("div", Lt, [...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)
-            ])])) : (s(), o("div", Lt, [
-              e.allowEmpty ? (s(), o("button", {
+            ])])) : (s(), l("div", jt, [
+              e.allowEmpty ? (s(), l("button", {
                 key: 0,
-                class: x(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors", A.value ? "" : "bg-gray-50 font-medium"]),
+                class: b(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors", S.value ? "" : "bg-gray-50 font-medium"]),
                 role: "option",
-                "aria-selected": !A.value,
-                onClick: l[4] || (l[4] = (u) => z(null, () => I(w).close()))
+                "aria-selected": !S.value,
+                onClick: o[4] || (o[4] = (u) => z(null, () => C(d).close()))
               }, [
-                A.value ? (s(), o("span", St)) : (s(), o("svg", jt, [...l[17] || (l[17] = [
+                S.value ? (s(), l("span", Bt)) : (s(), l("svg", St, [...o[16] || (o[16] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M4.5 12.75l6 6 9-13.5"
                   }, null, -1)
                 ])])),
-                t("span", null, h(e.emptyLabel ?? e.placeholder), 1)
-              ], 10, Ot)) : f("", !0),
-              e.groupKey ? (s(!0), o(B, { key: 1 }, E(X.value, (u) => (s(), o(B, {
+                t("span", null, p(e.emptyLabel ?? e.placeholder), 1)
+              ], 10, At)) : y("", !0),
+              e.groupKey ? (s(!0), l(B, { key: 1 }, D(Y.value, (u) => (s(), l(B, {
                 key: u.label
               }, [
-                u.label ? (s(), o("div", At, h(u.label), 1)) : f("", !0),
-                (s(!0), o(B, null, E(u.entries, (r) => (s(), o("button", {
+                u.label ? (s(), l("div", It, p(u.label), 1)) : y("", !0),
+                (s(!0), l(B, null, D(u.entries, (r) => (s(), l("button", {
                   key: r.item[e.valueKey],
-                  class: x(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", L(r.item) ? "bg-gray-50 font-medium" : ""]),
+                  class: b(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", L(r.item) ? "bg-gray-50 font-medium" : ""]),
                   role: "option",
                   "aria-selected": L(r.item),
-                  onClick: (O) => z(r.item, () => I(w).close())
+                  onClick: (j) => z(r.item, () => C(d).close())
                 }, [
-                  L(r.item) ? (s(), o("svg", It, [...l[18] || (l[18] = [
+                  L(r.item) ? (s(), l("svg", Et, [...o[17] || (o[17] = [
                     t("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       d: "M4.5 12.75l6 6 9-13.5"
                     }, null, -1)
-                  ])])) : (s(), o("span", zt)),
-                  _(e.$slots, "item", W({ ref_for: !0 }, { item: r.item }), () => [
-                    t("span", null, h(r.item[e.labelKey]), 1)
+                  ])])) : (s(), l("span", Dt)),
+                  M(e.$slots, "item", W({ ref_for: !0 }, { item: r.item }), () => [
+                    t("span", null, p(r.item[e.labelKey]), 1)
                   ])
-                ], 10, Bt))), 128))
-              ], 64))), 128)) : (s(!0), o(B, { key: 2 }, E(M.value, (u) => (s(), o("button", {
+                ], 10, zt))), 128))
+              ], 64))), 128)) : (s(!0), l(B, { key: 2 }, D(E.value, (u) => (s(), l("button", {
                 key: u[e.valueKey],
-                class: x(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", L(u) ? "bg-gray-50 font-medium" : ""]),
+                class: b(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", L(u) ? "bg-gray-50 font-medium" : ""]),
                 role: "option",
                 "aria-selected": L(u),
-                onClick: (r) => z(u, () => I(w).close())
+                onClick: (r) => z(u, () => C(d).close())
               }, [
-                L(u) ? (s(), o("svg", Dt, [...l[19] || (l[19] = [
+                L(u) ? (s(), l("svg", Ft, [...o[18] || (o[18] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M4.5 12.75l6 6 9-13.5"
                   }, null, -1)
-                ])])) : (s(), o("span", Rt)),
-                _(e.$slots, "item", W({ ref_for: !0 }, { item: u }), () => [
-                  t("span", null, h(u[e.labelKey]), 1)
+                ])])) : (s(), l("span", Wt)),
+                M(e.$slots, "item", W({ ref_for: !0 }, { item: u }), () => [
+                  t("span", null, p(u[e.labelKey]), 1)
                 ])
-              ], 10, Et))), 128)),
-              M.value.length === 0 && !e.allowEmpty ? (s(), o("div", Wt, [
-                _(e.$slots, "empty", {}, () => [
-                  l[20] || (l[20] = ie(" Nothing found ", -1))
+              ], 10, Rt))), 128)),
+              E.value.length === 0 && !e.allowEmpty ? (s(), l("div", Pt, [
+                M(e.$slots, "empty", {}, () => [
+                  ue(p(C(a)("ui.dropdown.nothingFound")), 1)
                 ])
-              ])) : f("", !0)
+              ])) : y("", !0)
             ]))
           ])
         ]),
         _: 3
-      }, 8, ["useModal", "title"])) : f("", !0)
-    ], 64)) : (s(), T(Oe, {
+      }, 8, ["useModal", "title"])) : y("", !0)
+    ], 64)) : (s(), U(Ae, {
       key: 0,
       stick: e.stick,
-      onOpen: fe,
-      onClose: he
+      onOpen: he,
+      onClose: ye
     }, {
-      button: D(({ onToggle: u, isExpanded: r }) => [
-        _(e.$slots, "button", P(F({ onToggle: u, isExpanded: r, selectedLabel: R.value })), () => [
+      button: R(({ onToggle: u, isExpanded: r }) => [
+        M(e.$slots, "button", P(T({ onToggle: u, isExpanded: r, selectedLabel: F.value })), () => [
           t("button", {
-            class: x(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
+            class: b(["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: U(e.maxWidth ? { maxWidth: e.maxWidth } : void 0),
+            style: N(e.maxWidth ? { maxWidth: e.maxWidth } : void 0),
             onClick: u
           }, [
             t("span", {
-              class: x(["truncate", e.view === "pill" ? "" : A.value ? "text-gray-900" : "text-gray-500"])
-            }, h(R.value), 3),
-            (s(), o("svg", {
+              class: b(["truncate", e.view === "pill" ? "" : S.value ? "text-gray-900" : "text-gray-500"])
+            }, p(F.value), 3),
+            (s(), l("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
               "stroke-width": "1.5",
               stroke: "currentColor",
-              class: x(["w-4 h-4 text-gray-400 transition-transform shrink-0", r ? "rotate-180" : ""])
-            }, [...l[5] || (l[5] = [
+              class: b(["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, st)
+          ], 14, ot)
         ])
       ]),
-      menu: D(({ onToggle: u }) => [
+      menu: R(({ onToggle: u }) => [
         t("div", {
           class: "min-w-[240px] w-full",
-          onKeydown: (r) => ye(r, u)
+          onKeydown: (r) => we(r, u)
         }, [
-          e.title ? (s(), o("div", ot, h(e.title), 1)) : f("", !0),
-          e.searchable ? (s(), o("div", nt, [
-            t("div", rt, [
-              l[6] || (l[6] = t("svg", {
+          e.title ? (s(), l("div", rt, p(e.title), 1)) : y("", !0),
+          e.searchable ? (s(), l("div", at, [
+            t("div", it, [
+              o[6] || (o[6] = t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 fill: "none",
                 viewBox: "0 0 24 24",
@@ -780,25 +781,25 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
                   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)),
-              J(t("input", {
+              X(t("input", {
                 ref_key: "searchInputRef",
-                ref: K,
-                "onUpdate:modelValue": l[0] || (l[0] = (r) => v.value = r),
+                ref: $,
+                "onUpdate:modelValue": o[0] || (o[0] = (r) => v.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: te
-              }, null, 40, at), [
-                [ae, v.value]
+                onInput: se
+              }, null, 40, ut), [
+                [ie, v.value]
               ])
             ])
-          ])) : f("", !0),
-          e.createLabel ? (s(), o("div", it, [
+          ])) : y("", !0),
+          e.createLabel ? (s(), l("div", dt, [
             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) => ee(u)
+              onClick: (r) => te(u)
             }, [
-              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",
@@ -812,21 +813,21 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
                   d: "M12 4.5v15m7.5-7.5h-15"
                 })
               ], -1)),
-              t("span", null, h(e.createLabel), 1)
-            ], 8, ut)
-          ])) : f("", !0),
-          e.multiple ? (s(), o("div", dt, [
+              t("span", null, p(e.createLabel), 1)
+            ], 8, ct)
+          ])) : y("", !0),
+          e.multiple ? (s(), l("div", pt, [
             t("button", {
               class: "text-xs text-blue-600 hover:text-blue-800 transition-colors",
-              onClick: Z
-            }, " Обрати все "),
-            A.value ? (s(), o("button", {
+              onClick: Q
+            }, p(C(a)("ui.dropdown.selectAll")), 1),
+            S.value ? (s(), l("button", {
               key: 0,
               class: "text-xs text-gray-500 hover:text-gray-700 transition-colors",
-              onClick: Q
-            }, " Очистити ")) : f("", !0)
-          ])) : f("", !0),
-          e.isLoading ? (s(), o("div", ct, [...l[8] || (l[8] = [
+              onClick: ee
+            }, p(C(a)("ui.dropdown.clear")), 1)) : y("", !0)
+          ])) : y("", !0),
+          e.isLoading ? (s(), l("div", vt, [...o[8] || (o[8] = [
             t("svg", {
               class: "animate-spin h-5 w-5 text-gray-400",
               xmlns: "http://www.w3.org/2000/svg",
@@ -847,107 +848,107 @@ const st = ["onClick"], lt = ["onKeydown"], ot = {
                 d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
               })
             ], -1)
-          ])])) : (s(), o("div", {
+          ])])) : (s(), l("div", {
             key: 5,
             ref_key: "listRef",
-            ref: $,
+            ref: I,
             class: "max-h-[300px] overflow-y-auto",
             role: "listbox"
           }, [
-            e.allowEmpty ? (s(), o("button", {
+            e.allowEmpty ? (s(), l("button", {
               key: 0,
-              ref: (r) => i(r, 0),
-              class: x(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors", [
-                A.value ? "hover:bg-gray-50" : "bg-gray-100 font-medium",
-                d.value === 0 ? "bg-gray-50" : ""
+              ref: (r) => x(r, 0),
+              class: b(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors", [
+                S.value ? "hover:bg-gray-50" : "bg-gray-100 font-medium",
+                c.value === 0 ? "bg-gray-50" : ""
               ]]),
               role: "option",
-              "aria-selected": !A.value,
+              "aria-selected": !S.value,
               onClick: (r) => z(null, u),
-              onMouseenter: l[1] || (l[1] = (r) => d.value = 0)
+              onMouseenter: o[1] || (o[1] = (r) => c.value = 0)
             }, [
-              A.value ? (s(), o("span", mt)) : (s(), o("svg", vt, [...l[9] || (l[9] = [
+              S.value ? (s(), l("span", ht)) : (s(), l("svg", ft, [...o[9] || (o[9] = [
                 t("path", {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   d: "M4.5 12.75l6 6 9-13.5"
                 }, null, -1)
               ])])),
-              t("span", null, h(e.emptyLabel ?? e.placeholder), 1)
-            ], 42, pt)) : f("", !0),
-            e.groupKey ? (s(!0), o(B, { key: 1 }, E(X.value, (r, O) => (s(), o(B, {
+              t("span", null, p(e.emptyLabel ?? e.placeholder), 1)
+            ], 42, mt)) : y("", !0),
+            e.groupKey ? (s(!0), l(B, { key: 1 }, D(Y.value, (r, j) => (s(), l(B, {
               key: r.label
             }, [
-              r.label ? (s(), o("div", {
+              r.label ? (s(), l("div", {
                 key: 0,
-                class: x(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide", O > 0 ? "border-t border-gray-100 mt-1" : ""])
-              }, h(r.label), 3)) : f("", !0),
-              (s(!0), o(B, null, E(r.entries, (g) => (s(), o("button", {
-                key: g.item[e.valueKey],
+                class: b(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide", j > 0 ? "border-t border-gray-100 mt-1" : ""])
+              }, p(r.label), 3)) : y("", !0),
+              (s(!0), l(B, null, D(r.entries, (w) => (s(), l("button", {
+                key: w.item[e.valueKey],
                 ref_for: !0,
-                ref: (q) => i(q, g.flatIndex),
-                class: x(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
-                  L(g.item) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
-                  d.value === g.flatIndex ? "bg-gray-50" : ""
+                ref: (G) => x(G, w.flatIndex),
+                class: b(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
+                  L(w.item) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
+                  c.value === w.flatIndex ? "bg-gray-50" : ""
                 ]]),
                 role: "option",
-                "aria-selected": L(g.item),
-                onClick: (q) => z(g.item, u),
-                onMouseenter: (q) => d.value = g.flatIndex
+                "aria-selected": L(w.item),
+                onClick: (G) => z(w.item, u),
+                onMouseenter: (G) => c.value = w.flatIndex
               }, [
-                L(g.item) ? (s(), o("svg", ht, [...l[10] || (l[10] = [
+                L(w.item) ? (s(), l("svg", wt, [...o[10] || (o[10] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M4.5 12.75l6 6 9-13.5"
                   }, null, -1)
-                ])])) : (s(), o("span", yt)),
-                _(e.$slots, "item", W({ ref_for: !0 }, { item: g.item }), () => [
-                  t("span", null, h(g.item[e.labelKey]), 1)
+                ])])) : (s(), l("span", gt)),
+                M(e.$slots, "item", W({ ref_for: !0 }, { item: w.item }), () => [
+                  t("span", null, p(w.item[e.labelKey]), 1)
                 ])
-              ], 42, ft))), 128))
-            ], 64))), 128)) : (s(!0), o(B, { key: 2 }, E(M.value, (r, O) => (s(), o("button", {
+              ], 42, yt))), 128))
+            ], 64))), 128)) : (s(!0), l(B, { key: 2 }, D(E.value, (r, j) => (s(), l("button", {
               key: r[e.valueKey],
               ref_for: !0,
-              ref: (g) => i(g, k.value + O),
-              class: x(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
+              ref: (w) => x(w, O.value + j),
+              class: b(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
                 L(r) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
-                d.value === k.value + O ? "bg-gray-50" : ""
+                c.value === O.value + j ? "bg-gray-50" : ""
               ]]),
               role: "option",
               "aria-selected": L(r),
-              onClick: (g) => z(r, u),
-              onMouseenter: (g) => d.value = k.value + O
+              onClick: (w) => z(r, u),
+              onMouseenter: (w) => c.value = O.value + j
             }, [
-              L(r) ? (s(), o("svg", gt, [...l[11] || (l[11] = [
+              L(r) ? (s(), l("svg", kt, [...o[11] || (o[11] = [
                 t("path", {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   d: "M4.5 12.75l6 6 9-13.5"
                 }, null, -1)
-              ])])) : (s(), o("span", bt)),
-              _(e.$slots, "item", W({ ref_for: !0 }, { item: r }), () => [
-                t("span", null, h(r[e.labelKey]), 1)
+              ])])) : (s(), l("span", xt)),
+              M(e.$slots, "item", W({ ref_for: !0 }, { item: r }), () => [
+                t("span", null, p(r[e.labelKey]), 1)
               ])
-            ], 42, wt))), 128)),
-            M.value.length === 0 && !e.allowEmpty ? (s(), o("div", kt, [
-              _(e.$slots, "empty", {}, () => [
-                l[12] || (l[12] = ie(" Nothing found ", -1))
+            ], 42, bt))), 128)),
+            E.value.length === 0 && !e.allowEmpty ? (s(), l("div", Ct, [
+              M(e.$slots, "empty", {}, () => [
+                ue(p(C(a)("ui.dropdown.nothingFound")), 1)
               ])
-            ])) : f("", !0)
+            ])) : y("", !0)
           ], 512))
-        ], 40, lt)
+        ], 40, nt)
       ]),
       _: 3
     }, 8, ["stick"]));
   }
 });
 export {
-  et as O,
-  Oe as _,
-  Nt as a,
-  qt as b,
-  Gt as c,
-  Je as m,
-  tt as u
+  st as O,
+  Ae as _,
+  Ht as a,
+  Jt as b,
+  Xt as c,
+  Ye as m,
+  lt as u
 };