@oneb/ui-vue 0.3.32 → 0.4.1

package/dist/{OneHelpMenu-73817f8a.js → OneHelpMenu-2a2051d7.js}

@@ -1,120 +1,27 @@
-import { defineComponent as O, ref as B, provide as G, watch as J, nextTick as Q, onBeforeUnmount as X, computed as C, openBlock as t, createElementBlock as o, createElementVNode as e, renderSlot as E, normalizeProps as H, guardReactiveProps as P, createBlock as S, Teleport as Y, createCommentVNode as h, createVNode as _, Transition as R, withCtx as T, normalizeClass as z, toDisplayString as d, Fragment as $, inject as Z, withModifiers as ee, resolveDynamicComponent as V, renderList as F, mergeProps as te, unref as A } from "vue";
-import { autoUpdate as oe, computePosition as ne, offset as se, shift as le } from "@floating-ui/dom";
-import { flip as re } from "@floating-ui/vue";
-import { _ as L } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
-import { useOnebI18n as I } from "./i18n/index.js";
+import { defineComponent as S, ref as F, provide as J, watch as K, nextTick as Q, onBeforeUnmount as X, computed as C, openBlock as t, createElementBlock as o, createElementVNode as e, renderSlot as E, normalizeProps as H, guardReactiveProps as P, createBlock as B, Teleport as Y, createCommentVNode as h, createVNode as y, Transition as R, withCtx as T, normalizeClass as L, toDisplayString as d, Fragment as $, inject as Z, withModifiers as ee, resolveDynamicComponent as I, renderList as M, mergeProps as te, unref as A } from "vue";
+import { d as oe, a as ne } from "./dropdown-c81fb945.js";
+import { autoUpdate as se, computePosition as le, offset as re, shift as ie } from "@floating-ui/dom";
+import { flip as ae } from "@floating-ui/vue";
+import { _ as O } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
+import { useOnebI18n as V } from "./i18n/index.js";
 import { r as q } from "./XMarkIcon-51ef0691.js";
 import { r as U } from "./ChevronDownIcon-6805ce6c.js";
-import { r as W, a as ie } from "./ChevronRightIcon-4549a26b.js";
-import { OneButton as ae } from "./button/index.js";
-import { _ as K } from "./_plugin-vue_export-helper-dad06003.js";
-const ce = {
-  title: {
-    type: String
-  },
-  stick: {
-    type: String,
-    default: "right"
-  },
-  appendBody: {
-    type: Boolean,
-    default: !1
-  },
-  trigger: {
-    type: String,
-    default: "click"
-  },
-  offset: {
-    type: Number,
-    default: 5
-  }
-}, ue = {
-  variant: {
-    type: String,
-    default: "primary"
-  },
-  label: {
-    type: String
-  },
-  icon: {
-    type: [Function, Object]
-  }
-}, It = {
-  modelValue: {
-    type: [Object, Array],
-    default: null
-  },
-  multiple: {
-    type: Boolean,
-    default: !1
-  },
-  items: {
-    type: Array,
-    default: () => []
-  },
-  title: {
-    type: String
-  },
-  placeholder: {
-    type: String,
-    default: "Select"
-  },
-  searchPlaceholder: {
-    type: String,
-    default: "Search"
-  },
-  labelKey: {
-    type: String,
-    default: "label"
-  },
-  valueKey: {
-    type: String,
-    default: "id"
-  },
-  stick: {
-    type: String,
-    default: "bottom-start"
-  },
-  allowEmpty: {
-    type: Boolean,
-    default: !1
-  },
-  emptyLabel: {
-    type: String
-  },
-  createLabel: {
-    type: String
-  },
-  searchable: {
-    type: Boolean,
-    default: !0
-  },
-  isLoading: {
-    type: Boolean,
-    default: !1
-  },
-  groupKey: {
-    type: String
-  },
-  maxWidth: {
-    type: String
-  },
-  view: {
-    type: String,
-    default: "default"
-  }
-}, de = ["data-opened"], pe = {
+import { r as W } from "./ChevronUpIcon-c43f27a9.js";
+import { r as ce } from "./ChevronRightIcon-b0585768.js";
+import { OneButton as ue } from "./button/index.js";
+import { _ as G } from "./_plugin-vue_export-helper-dad06003.js";
+const de = ["data-opened"], pe = {
   key: 0,
   class: "text-sm text-secondary-content px-3 py-2 text-left"
 }, he = {
   key: 0,
   class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, fe = /* @__PURE__ */ O({
+}, fe = /* @__PURE__ */ S({
   __name: "OneDropdown",
-  props: ce,
+  props: oe,
   emits: ["open", "close"],
-  setup(y, { emit: f }) {
-    const c = B(!1), v = B(null), w = B(null), a = B(null), i = f, n = y, u = () => {
+  setup(_, { emit: f }) {
+    const c = F(!1), v = F(null), w = F(null), a = F(null), i = f, n = _, u = () => {
       c.value = !c.value, c.value ? i("open") : i("close");
     };
     let m = null;
@@ -125,15 +32,15 @@ const ce = {
         c.value && (c.value = !1, i("close"));
       }, 100));
     };
-    G("OneDropdown", {
+    J("OneDropdown", {
       onToggle: u
     });
     let x = null;
     function b() {
-      !w.value || !a.value || ne(w.value, a.value, {
+      !w.value || !a.value || le(w.value, a.value, {
         placement: n.stick ? n.stick : "bottom-start",
         strategy: "fixed",
-        middleware: [se(n.offset), re(), le({ padding: 8 })]
+        middleware: [re(n.offset), ae(), ie({ padding: 8 })]
       }).then(({ x: s, y: r }) => {
         a.value && Object.assign(a.value.style, {
           left: `${s}px`,
@@ -142,8 +49,8 @@ const ce = {
         });
       });
     }
-    J(c, async (s) => {
-      n.appendBody && (s ? (await Q(), w.value && a.value && (a.value.style.visibility = "hidden", b(), x = oe(w.value, a.value, b))) : x && (x(), x = null));
+    K(c, async (s) => {
+      n.appendBody && (s ? (await Q(), w.value && a.value && (a.value.style.visibility = "hidden", b(), x = se(w.value, a.value, b))) : x && (x(), x = null));
     }), X(() => {
       x && x();
     });
@@ -153,7 +60,7 @@ const ce = {
         return "";
       const s = (j = v.value) == null ? void 0 : j.getBoundingClientRect(), r = s ? s.x < 270 : !1;
       return s && s.top + 270 > window.innerHeight ? "up" + (r ? "-right" : "-left") : "down" + (r ? "-right" : "-left");
-    }), M = C(() => {
+    }), z = C(() => {
       const s = [
         "absolute z-10 w-fit rounded-md bg-white",
         "py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
@@ -179,7 +86,7 @@ const ce = {
       }, [
         E(s.$slots, "button", H(P({ onToggle: u, isExpanded: c.value })))
       ], 512),
-      n.appendBody ? (t(), S(Y, {
+      n.appendBody ? (t(), B(Y, {
         key: 0,
         to: "body"
       }, [
@@ -188,7 +95,7 @@ const ce = {
           class: "fixed top-0 left-0 w-screen h-screen z-[9999]",
           onClick: u
         })) : h("", !0),
-        _(R, {
+        y(R, {
           "enter-active-class": "transition ease-out duration-100",
           "enter-from-class": "transform opacity-0 scale-95",
           "enter-to-class": "transform opacity-100 scale-100",
@@ -201,7 +108,7 @@ const ce = {
               key: 0,
               ref_key: "menuRef",
               ref: a,
-              class: z(["menu", l.value]),
+              class: L(["menu", l.value]),
               role: "menu",
               "aria-orientation": "vertical",
               tabindex: "-1",
@@ -220,7 +127,7 @@ const ce = {
           class: "fixed top-0 left-0 w-screen h-screen z-10",
           onClick: u
         })) : h("", !0),
-        _(R, {
+        y(R, {
           "enter-active-class": "transition ease-out duration-100",
           "enter-from-class": "transform opacity-0 scale-95",
           "enter-to-class": "transform opacity-100 scale-100",
@@ -231,7 +138,7 @@ const ce = {
           default: T(() => [
             c.value ? (t(), o("div", {
               key: 0,
-              class: z(["menu", M.value]),
+              class: L(["menu", z.value]),
               role: "menu",
               "aria-orientation": "vertical",
               tabindex: "-1"
@@ -245,22 +152,22 @@ const ce = {
       ], 64))
     ], 40, de));
   }
-}), N = /* @__PURE__ */ O({
+}), D = /* @__PURE__ */ S({
   __name: "OneDropdownItem",
-  props: ue,
+  props: ne,
   emits: ["click"],
-  setup(y, { emit: f }) {
-    const c = f, v = y, w = Z("OneDropdown"), a = () => {
+  setup(_, { emit: f }) {
+    const c = f, v = _, w = Z("OneDropdown"), a = () => {
       w !== void 0 && w.onToggle(), c("click");
     }, i = C(() => {
       const n = [];
       return v.variant === "secondary" ? n.push("text-secondary-content hover:bg-secondary-body-hover") : v.variant === "danger" ? n.push("text-danger-content hover:bg-danger-10") : v.variant === "warning" ? n.push("text-warning-content hover:bg-warning-10") : v.variant === "info" ? n.push("text-info-content hover:bg-info-10") : n.push("hover:bg-secondary-body-hover"), n;
     });
     return (n, u) => (t(), o("button", {
-      class: z(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", i.value]),
+      class: L(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", i.value]),
       onClick: ee(a, ["prevent"])
     }, [
-      n.icon ? (t(), S(V(n.icon), {
+      n.icon ? (t(), B(I(n.icon), {
         key: 0,
         class: "w-4 h-4"
       })) : h("", !0),
@@ -268,7 +175,7 @@ const ce = {
     ], 2));
   }
 });
-function ve(y, f) {
+function ve(_, f) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -310,9 +217,10 @@ const me = {
     type: Function
   }
 }, xe = {
+  // template handles undefined (workspace?.name) — layouts pass it optionally
   workspace: {
     type: Object,
-    required: !0
+    required: !1
   },
   workspaces: {
     type: Array
@@ -334,7 +242,7 @@ const me = {
   t: {
     type: Function
   }
-}, ye = {
+}, _e = {
   help: {
     type: Object
   },
@@ -345,11 +253,11 @@ const me = {
   t: {
     type: Function
   }
-}, ge = ["onClick"], _e = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, we = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, ke = { class: "self-center text-base font-medium tracking-wide text-black" }, be = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, Ce = { class: "text-left w-full mt-5 px-3" }, $e = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, Rt = /* @__PURE__ */ O({
+}, ge = ["onClick"], ye = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, we = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, ke = { class: "self-center text-base font-medium tracking-wide text-black" }, be = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, Ce = { class: "text-left w-full mt-5 px-3" }, $e = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, Dt = /* @__PURE__ */ S({
   __name: "OneUserMenu",
   props: me,
-  setup(y) {
-    const f = y, c = I(), v = C(() => f.t ?? c), w = C(() => {
+  setup(_) {
+    const f = _, c = V(), v = C(() => f.t ?? c), w = C(() => {
       var n;
       return (n = f.menu) == null ? void 0 : n.map((u) => {
         let m = { label: u.label };
@@ -367,15 +275,15 @@ const me = {
     }, i = () => {
       typeof f.onLogout == "function" && f.onLogout();
     };
-    return (n, u) => (t(), S(fe, { stick: "right" }, {
+    return (n, u) => (t(), B(fe, { stick: "right" }, {
       button: T(({ onToggle: m, isExpanded: g }) => {
         var p, x;
         return [
           e("button", {
             onClick: m,
-            class: z(["p-1 rounded-full hover:bg-secondary-10", [g ? "bg-secondary-25" : ""]])
+            class: L(["p-1 rounded-full hover:bg-secondary-10", [g ? "bg-secondary-25" : ""]])
           }, [
-            _(L, {
+            y(O, {
               text: ((p = n.user) == null ? void 0 : p.name) || "",
               size: n.iconSize,
               src: (x = n.user) == null ? void 0 : x.photo_url,
@@ -387,8 +295,8 @@ const me = {
       menu: T(() => {
         var m, g, p, x, b;
         return [
-          e("div", _e, [
-            _(L, {
+          e("div", ye, [
+            y(O, {
               text: ((m = n.user) == null ? void 0 : m.name) || "",
               size: 80,
               src: (g = n.user) == null ? void 0 : g.photo_url,
@@ -405,12 +313,12 @@ const me = {
               class: "cursor-pointer justify-center px-8 py-2 mt-3 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-neutral-100 border-slate-200 rounded-[50px] hover:bg-neutral-200"
             }, d(v.value("ui.layout.account")), 1)) : h("", !0),
             e("div", Ce, [
-              (t(!0), o($, null, F(w.value, (k) => (t(), S(N, te({
+              (t(!0), o($, null, M(w.value, (k) => (t(), B(D, te({
                 key: k.key
               }, { ref_for: !0 }, k.args, {
                 onClick: k.click
               }), null, 16, ["onClick"]))), 128)),
-              typeof n.onLogout == "function" ? (t(), S(N, {
+              typeof n.onLogout == "function" ? (t(), B(D, {
                 key: 0,
                 icon: A(ve),
                 label: v.value("ui.layout.logout"),
@@ -430,7 +338,7 @@ const me = {
     }));
   }
 });
-function Ae(y, f) {
+function Ae(_, f) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -522,26 +430,26 @@ function Ae(y, f) {
     })
   ]);
 }
-const Be = ["data-opened"], Fe = {
+const Fe = ["data-opened"], Me = {
   key: 1,
   class: "absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"
-}, Se = { class: "flex justify-between items-center pt-3 mb-3" }, Me = { class: "font-semibold text-xl px-3" }, je = { class: "grid" }, ze = { class: "rounded-lg m-3 border" }, Le = {
+}, Be = { class: "flex justify-between items-center pt-3 mb-3" }, ze = { class: "font-semibold text-xl px-3" }, je = { class: "grid" }, Le = { class: "rounded-lg m-3 border" }, Oe = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, Oe = { class: "flex justify-between relative" }, Te = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Ee = { key: 0 }, He = { class: "text-xs font-semibold" }, Pe = { class: "px-3 py-2" }, Ve = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, Ie = { class: "overflow-auto max-h-full" }, Re = {
+}, Se = { class: "flex justify-between relative" }, Te = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Ee = { key: 0 }, He = { class: "text-xs font-semibold" }, Pe = { class: "px-3 py-2" }, Ie = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, Ve = { class: "overflow-auto max-h-full" }, Re = {
   key: 0,
   class: "space-y-2"
-}, Ne = ["onClick"], De = { class: "flex" }, qe = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, Ue = { class: "pl-2" }, We = { class: "text-sm mt-1 font-semibold" }, Ke = { class: "text9 mt-1" }, Ge = {
+}, De = ["onClick"], Ne = { class: "flex" }, qe = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, Ue = { class: "pl-2" }, We = { class: "text-sm mt-1 font-semibold" }, Ge = { class: "text9 mt-1" }, Je = {
   key: 1,
   class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"
-}, Je = /* @__PURE__ */ O({
+}, Ke = /* @__PURE__ */ S({
   __name: "OneBrowserMenu",
   props: xe,
   emits: ["open", "close"],
-  setup(y, { emit: f }) {
-    const c = f, v = y, w = I(), a = C(() => v.t ?? w), i = B(!1), n = () => {
+  setup(_, { emit: f }) {
+    const c = f, v = _, w = V(), a = C(() => v.t ?? w), i = F(!1), n = () => {
       i.value = !i.value, i.value ? c("open") : c("close");
-    }, u = B(!1);
+    }, u = F(!1);
     C(() => u.value ? W : U);
     const m = () => {
       typeof v.onChange == "function" && v.onChange();
@@ -549,32 +457,32 @@ const Be = ["data-opened"], Fe = {
       typeof v.onApp == "function" && v.onApp(p);
     };
     return (p, x) => {
-      var b, k, M;
+      var b, k, z;
       return t(), o("div", { "data-opened": i.value }, [
         e("button", {
           onClick: n,
-          class: z(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex", { "bg-secondary-10": i.value }])
+          class: L(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex", { "bg-secondary-10": i.value }])
         }, [
-          _(A(Ae), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+          y(A(Ae), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
         ], 2),
         i.value ? (t(), o("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",
           onClick: n
         })) : h("", !0),
-        i.value ? (t(), o("div", Fe, [
-          e("div", Se, [
-            e("div", Me, d(a.value("ui.layout.workspaces")), 1),
-            _(A(q), {
+        i.value ? (t(), o("div", Me, [
+          e("div", Be, [
+            e("div", ze, d(a.value("ui.layout.workspaces")), 1),
+            y(A(q), {
               class: "w-6 cursor-pointer",
               onClick: n
             })
           ]),
           e("div", je, [
-            e("div", ze, [
-              e("div", Le, [
-                e("div", Oe, [
-                  _(L, {
+            e("div", Le, [
+              e("div", Oe, [
+                e("div", Se, [
+                  y(O, {
                     text: ((b = p.workspace) == null ? void 0 : b.name) || "",
                     src: (k = p.workspace) == null ? void 0 : k.photo_url,
                     size: 44,
@@ -582,14 +490,14 @@ const Be = ["data-opened"], Fe = {
                     class: "mx-auto"
                   }, null, 8, ["text", "src"])
                 ]),
-                e("div", Te, d((M = p.workspace) == null ? void 0 : M.name), 1)
+                e("div", Te, d((z = p.workspace) == null ? void 0 : z.name), 1)
               ]),
               u.value ? (t(), o("div", Ee, [
-                (t(!0), o($, null, F(p.workspaces, (l) => (t(), o("div", {
+                (t(!0), o($, null, M(p.workspaces, (l) => (t(), o("div", {
                   key: l.name,
                   class: "flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"
                 }, [
-                  _(L, {
+                  y(O, {
                     text: l.name,
                     src: l.photo_url,
                     size: 30,
@@ -607,17 +515,17 @@ const Be = ["data-opened"], Fe = {
             ])
           ]),
           e("div", Pe, [
-            e("div", Ve, d(a.value("ui.layout.apps")), 1),
-            e("div", Ie, [
+            e("div", Ie, d(a.value("ui.layout.apps")), 1),
+            e("div", Ve, [
               p.apps && p.apps.length ? (t(), o("div", Re, [
-                (t(!0), o($, null, F(p.apps, (l) => (t(), o("div", {
+                (t(!0), o($, null, M(p.apps, (l) => (t(), o("div", {
                   key: l.id,
                   onClick: (s) => g(l),
                   class: "flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"
                 }, [
-                  e("div", De, [
+                  e("div", Ne, [
                     e("div", qe, [
-                      _(L, {
+                      y(O, {
                         text: l.name,
                         src: l.photo_url,
                         size: 44,
@@ -626,28 +534,28 @@ const Be = ["data-opened"], Fe = {
                     ]),
                     e("div", Ue, [
                       e("p", We, d(l.name), 1),
-                      e("p", Ke, d(l == null ? void 0 : l.short), 1)
+                      e("p", Ge, d(l == null ? void 0 : l.short), 1)
                     ])
                   ]),
                   e("div", null, [
-                    _(ae, {
+                    y(ue, {
                       variant: "touch",
-                      icon: A(ie),
+                      icon: A(ce),
                       onClick: (s) => g(l)
                     }, null, 8, ["icon", "onClick"])
                   ])
-                ], 8, Ne))), 128))
+                ], 8, De))), 128))
               ])) : h("", !0),
-              p.apps && p.apps.length ? (t(), o("button", Ge, d(a.value("ui.layout.view_all")), 1)) : h("", !0)
+              p.apps && p.apps.length ? (t(), o("button", Je, d(a.value("ui.layout.view_all")), 1)) : h("", !0)
             ])
           ])
         ])) : h("", !0)
-      ], 8, Be);
+      ], 8, Fe);
     };
   }
 });
-const Nt = /* @__PURE__ */ K(Je, [["__scopeId", "data-v-3675784e"]]);
-function D(y, f) {
+const Nt = /* @__PURE__ */ G(Ke, [["__scopeId", "data-v-3675784e"]]);
+function N(_, f) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -663,7 +571,7 @@ function D(y, f) {
     })
   ]);
 }
-function Qe(y, f) {
+function Qe(_, f) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -684,7 +592,7 @@ function Qe(y, f) {
     })
   ]);
 }
-function Xe(y, f) {
+function Xe(_, f) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -700,7 +608,7 @@ function Xe(y, f) {
     })
   ]);
 }
-function Ye(y, f) {
+function Ye(_, f) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -716,7 +624,7 @@ function Ye(y, f) {
     })
   ]);
 }
-function Ze(y, f) {
+function Ze(_, f) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -741,18 +649,18 @@ const et = ["data-opened"], tt = {
 }, lt = ["onClick"], rt = { class: "uppercase text-[8px]" }, it = { class: "overflow-y-auto grid rounded-xl" }, at = { class: "max-h-full bg-[#FAFAFA]" }, ct = {
   key: 0,
   class: "space-y-2"
-}, ut = ["onClick"], dt = { class: "flex" }, pt = { class: "pl-2" }, ht = { class: "text-sm mt-1 font-semibold" }, ft = { class: "text-[10px] mt-1 text-[#979CA9]" }, vt = { class: "mt-auto" }, mt = { key: 0 }, xt = ["onClick"], yt = { class: "flex items-center space-x-3" }, gt = { class: "h-16" }, _t = {
+}, ut = ["onClick"], dt = { class: "flex" }, pt = { class: "pl-2" }, ht = { class: "text-sm mt-1 font-semibold" }, ft = { class: "text-[10px] mt-1 text-[#979CA9]" }, vt = { class: "mt-auto" }, mt = { key: 0 }, xt = ["onClick"], _t = { class: "flex items-center space-x-3" }, gt = { class: "h-16" }, yt = {
   key: 0,
   class: "bg-[#FAFAFA] rounded-lg p-3"
 }, wt = { class: "flex justify-between" }, kt = ["onClick"], bt = {
   key: 0,
   class: "tooltip-text min-w-[70px]"
-}, Ct = { class: "flex justify-between mb-4" }, $t = ["href"], At = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Bt = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Ft = { class: "py-[8px] pl-0 pr-[8px]" }, St = /* @__PURE__ */ O({
+}, Ct = { class: "flex justify-between mb-4" }, $t = ["href"], At = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Ft = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Mt = { class: "py-[8px] pl-0 pr-[8px]" }, Bt = /* @__PURE__ */ S({
   __name: "OneHelpMenu",
-  props: ye,
+  props: _e,
   emits: ["open", "close"],
-  setup(y, { emit: f }) {
-    const c = f, v = y, w = I(), a = C(() => v.t ?? w), i = C(() => {
+  setup(_, { emit: f }) {
+    const c = f, v = _, w = V(), a = C(() => v.t ?? w), i = C(() => {
       const l = v.help ?? {};
       return {
         label: l.label ?? a.value("ui.help.title"),
@@ -765,7 +673,7 @@ const et = ["data-opened"], tt = {
           {
             name: a.value("ui.help.reference"),
             link: v.helpSlug ? `https://oneb.app/help/${v.helpSlug}` : "https://oneb.app/help",
-            icon: D
+            icon: N
           },
           { name: a.value("ui.help.leave_request"), link: "https://oneb.app/support", icon: Ze }
         ],
@@ -777,9 +685,9 @@ const et = ["data-opened"], tt = {
           { name: a.value("ui.help.offer"), link: "https://oneb.app/offer" }
         ]
       };
-    }), n = B(!1), u = () => {
+    }), n = F(!1), u = () => {
       n.value = !n.value, n.value ? c("open") : c("close");
-    }, m = C(() => k.value ? W : U), g = B(3), p = C(() => {
+    }, m = C(() => k.value ? W : U), g = F(3), p = C(() => {
       var s;
       const l = ((s = i.value.helpList) == null ? void 0 : s.length) || 0;
       return g.value === l;
@@ -791,15 +699,15 @@ const et = ["data-opened"], tt = {
       g.value = p.value ? 3 : l;
     }, b = (l, s) => {
       l && s && typeof s.openLink == "function" ? s.openLink(s) : l && window.open(l, "_blank");
-    }, k = B(!1), M = () => {
+    }, k = F(!1), z = () => {
       k.value = !k.value;
     };
     return (l, s) => (t(), o("div", { "data-opened": n.value }, [
       e("button", {
         onClick: u,
-        class: z(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex", { "bg-secondary-10": n.value }])
+        class: L(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex", { "bg-secondary-10": n.value }])
       }, [
-        _(A(D), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+        y(A(N), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
       ], 2),
       n.value ? (t(), o("div", {
         key: 0,
@@ -809,19 +717,19 @@ const et = ["data-opened"], tt = {
       n.value ? (t(), o("div", tt, [
         e("div", ot, [
           e("div", nt, d(i.value.label), 1),
-          _(A(q), {
+          y(A(q), {
             class: "w-6 cursor-pointer",
             onClick: u
           })
         ]),
         i.value.helpButton ? (t(), o("div", st, [
-          (t(!0), o($, null, F(i.value.helpButton, (r) => (t(), o("button", {
+          (t(!0), o($, null, M(i.value.helpButton, (r) => (t(), o("button", {
             key: r.name,
             onClick: (j) => b(r.link, r),
             class: "grid justify-center space-y-2 hover:bg-slate-100 p-3 rounded-xl hover:text-blue-500"
           }, [
             e("div", null, [
-              (t(), S(V(r == null ? void 0 : r.icon), { class: "w-[16px] h-[16px] mx-auto" }))
+              (t(), B(I(r == null ? void 0 : r.icon), { class: "w-[16px] h-[16px] mx-auto" }))
             ]),
             e("span", rt, d(r.name), 1)
           ], 8, lt))), 128))
@@ -829,7 +737,7 @@ const et = ["data-opened"], tt = {
         e("div", it, [
           e("div", at, [
             i.value.helpList && i.value.helpList.length ? (t(), o("div", ct, [
-              (t(!0), o($, null, F(i.value.helpList, (r) => (t(), o("div", {
+              (t(!0), o($, null, M(i.value.helpList, (r) => (t(), o("div", {
                 key: r.id,
                 onClick: (j) => b(r.link, r),
                 class: "flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"
@@ -851,52 +759,52 @@ const et = ["data-opened"], tt = {
         }, d(p.value ? i.value.buttNoMore : i.value.buttMore), 1)) : h("", !0),
         e("div", vt, [
           i.value.video ? (t(), o("div", mt, [
-            (t(!0), o($, null, F(i.value.video, (r) => (t(), o("button", {
+            (t(!0), o($, null, M(i.value.video, (r) => (t(), o("button", {
               key: r.id,
               onClick: (j) => b(r.link, r),
               class: "flex items-center space-x-3 mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"
             }, [
-              _(A(Qe), { class: "w-6 h-6" }),
+              y(A(Qe), { class: "w-6 h-6" }),
               e("span", null, d(r.name), 1)
             ], 8, xt))), 128))
           ])) : h("", !0),
           i.value.socialList ? (t(), o("button", {
             key: 1,
-            onClick: M,
+            onClick: z,
             class: "flex items-center justify-between mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"
           }, [
-            e("div", yt, [
-              _(A(Xe), { class: "w-6 h-6" }),
+            e("div", _t, [
+              y(A(Xe), { class: "w-6 h-6" }),
               e("span", null, d(i.value.socialButt), 1)
             ]),
-            _(A(m), { class: "w-4 h-4" })
+            y(A(m), { class: "w-4 h-4" })
           ])) : h("", !0),
           e("div", gt, [
-            k.value ? (t(), o("div", _t, [
+            k.value ? (t(), o("div", yt, [
               e("div", wt, [
-                (t(!0), o($, null, F(i.value.socialList, (r) => (t(), o("button", {
+                (t(!0), o($, null, M(i.value.socialList, (r) => (t(), o("button", {
                   key: r.id,
                   onClick: (j) => b(r.link, r),
                   class: "flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"
                 }, [
                   e("div", null, [
                     r.name ? (t(), o("div", bt, d(r.name), 1)) : h("", !0),
-                    (t(), S(V(r == null ? void 0 : r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+                    (t(), B(I(r == null ? void 0 : r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
                   ])
                 ], 8, kt))), 128))
               ])
             ])) : h("", !0)
           ]),
           e("div", Ct, [
-            (t(!0), o($, null, F(i.value.termsOffer, (r) => (t(), o("a", {
+            (t(!0), o($, null, M(i.value.termsOffer, (r) => (t(), o("a", {
               key: r.name,
               target: "_blank",
               href: r.link,
               class: "ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"
             }, [
               e("div", At, [
-                e("div", Bt, [
-                  e("span", Ft, d(r.name), 1)
+                e("div", Ft, [
+                  e("span", Mt, d(r.name), 1)
                 ])
               ])
             ], 8, $t))), 128))
@@ -906,17 +814,15 @@ const et = ["data-opened"], tt = {
     ], 8, et));
   }
 });
-const Dt = /* @__PURE__ */ K(St, [["__scopeId", "data-v-56eccaba"]]);
+const qt = /* @__PURE__ */ G(Bt, [["__scopeId", "data-v-56eccaba"]]);
 export {
   Nt as O,
   fe as _,
-  N as a,
-  Rt as b,
-  Dt as c,
-  ce as d,
-  xe as e,
-  It as f,
-  Xe as g,
-  Ye as h,
+  D as a,
+  Dt as b,
+  qt as c,
+  xe as d,
+  Xe as e,
+  Ye as f,
   Ae as r
 };