vlite3 1.4.40 → 1.5.0

package/components/FilePicker/FilePickerInput.vue.js

@@ -9,7 +9,7 @@ const z = { class: "relative" }, C = ["aria-disabled", "aria-label", "data-testi
   class: "flex min-w-0 flex-1 items-center gap-2 text-muted-foreground"
 }, j = { class: "truncate min-w-0 flex-1" }, $ = {
   key: 0,
-  class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background"
+  class: "absolute end-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background"
 }, K = /* @__PURE__ */ w({
   __name: "FilePickerInput",
   props: {
@@ -50,7 +50,8 @@ const z = { class: "relative" }, C = ["aria-disabled", "aria-label", "data-testi
         "border border-input focus-visible:border-primary",
         t[n.size],
         l[n.rounded],
-        "pr-10 text-left",
+        // Logical padding / align so clear affordance + placeholder mirror under RTL
+        "pe-10 text-start",
         n.disabled ? "cursor-not-allowed opacity-50" : ""
       ].join(" ");
     }), f = o(() => ({

package/components/FilePicker/FilePreview.vue.js

@@ -8,7 +8,7 @@ const N = { class: "shrink-0 mr-3" }, B = { class: "p-2 bg-primary-light rounded
 }, P = { class: "grid relative w-fit max-w-full items-center -ml-1" }, S = { class: "invisible whitespace-pre col-start-1 row-start-1 text-sm font-medium px-1 py-0.5 max-w-full overflow-hidden text-ellipsis" }, z = ["value", "placeholder"], L = ["title"], I = {
   key: 1,
   class: "text-sm font-medium text-foreground truncate w-full min-w-0"
-}, $ = { class: "text-xs text-muted-foreground -mt-1" }, V = { class: "shrink-0 ml-3 flex gap-2 items-center" }, q = /* @__PURE__ */ b({
+}, V = { class: "text-xs text-muted-foreground -mt-1" }, $ = { class: "shrink-0 ml-3 flex gap-2 items-center" }, q = /* @__PURE__ */ b({
   __name: "FilePreview",
   props: {
     file: {},
@@ -70,9 +70,9 @@ const N = { class: "shrink-0 mr-3" }, B = { class: "p-2 bg-primary-light rounded
             })
           ], 8, L)
         ])) : (n(), r("p", I, s(e.file.fileName), 1)),
-        t("p", $, s(w(F)(e.file.fileSize)), 1)
+        t("p", V, s(w(F)(e.file.fileSize)), 1)
       ]),
-      t("div", V, [
+      t("div", $, [
         e.loading || e.isProcessing ? (n(), g(d, {
           key: 0,
           icon: "lucide:loader-2",

package/components/FileTree/FileTree.vue.js

@@ -1,7 +1,7 @@
-import o from "./FileTree.vue2.js";
+import e from "./FileTree.vue2.js";
 /* empty css              */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fb5185c6"]]);
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-06de722e"]]);
 export {
-  m as default
+  p as default
 };

package/components/FileTree/FileTree.vue2.js

@@ -24,12 +24,12 @@ const Z = {
   },
   emits: ["update:modelValue", "select", "expand", "node-click"],
   setup(o, { emit: K }) {
-    const s = o, p = K, h = x(new Set(s.defaultExpandedKeys)), f = x(/* @__PURE__ */ new Set()), y = x(/* @__PURE__ */ new Map()), b = x(/* @__PURE__ */ new Map()), P = (t) => !!(t.isFolder || t.children && t.children.length > 0), E = (t) => {
+    const s = o, p = K, h = x(new Set(s.defaultExpandedKeys)), f = x(/* @__PURE__ */ new Set()), y = x(/* @__PURE__ */ new Map()), L = x(/* @__PURE__ */ new Map()), P = (t) => !!(t.isFolder || t.children && t.children.length > 0), E = (t) => {
       const l = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), a = (n, d) => {
         for (const i of n)
           l.set(i.id, i), d && e.set(i.id, d), i.children && a(i.children, i.id);
       };
-      a(t), y.value = l, b.value = e;
+      a(t), y.value = l, L.value = e;
     };
     F(
       () => s.data,
@@ -93,11 +93,11 @@ const Z = {
         i(t.id, d), n.forEach((c) => i(c, d));
         let r = l;
         for (; ; ) {
-          const c = b.value.get(r.id);
+          const c = L.value.get(r.id);
           if (!c) break;
           const u = y.value.get(c);
           if (!u?.children) break;
-          u.children.every((L) => e.has(L.id)) ? e.add(u.id) : e.delete(u.id), r = u;
+          u.children.every((S) => e.has(S.id)) ? e.add(u.id) : e.delete(u.id), r = u;
         }
       }
       p("update:modelValue", Array.from(e)), p("select", l, !a);
@@ -113,16 +113,16 @@ const Z = {
       const t = [], l = (e, a, n) => {
         const d = e.length - 1;
         for (let i = 0; i < e.length; i++) {
-          const r = e[i], c = i === d, u = P(r), L = h.value.has(r.id), $ = f.value.has(r.id);
+          const r = e[i], c = i === d, u = P(r), S = h.value.has(r.id), $ = f.value.has(r.id);
           if (t.push({
             node: r,
             depth: a,
             isLast: c,
             ancestorLastFlags: n,
             isFolder: u
-          }), L && u && !$) {
-            const S = r.children;
-            S && S.length > 0 ? l(S, a + 1, D(n, c)) : t.push({
+          }), S && u && !$) {
+            const b = r.children;
+            b && b.length > 0 ? l(b, a + 1, D(n, c)) : t.push({
               node: r,
               depth: a + 1,
               isLast: !0,
@@ -168,7 +168,7 @@ const Z = {
         e.showEmptyPlaceholder ? N([e.depth, e.node.id], () => (m(), v("div", {
           key: 0,
           class: "py-0.5 text-xs text-muted-foreground italic",
-          style: G({ paddingLeft: e.depth * 20 + 26 + "px" })
+          style: G({ paddingInlineStart: e.depth * 20 + 26 + "px" })
         }, null, 4)), l, 0) : N([
           e.node,
           w.value.has(e.node.id),

package/components/FileTree/FileTreeNode.vue.js

@@ -1,13 +1,14 @@
-import { defineComponent as z, computed as d, openBlock as o, createElementBlock as a, createElementVNode as c, normalizeClass as r, normalizeStyle as b, createCommentVNode as f, createVNode as y, unref as P, withModifiers as v, createBlock as m, Fragment as w, renderList as C, toDisplayString as k, renderSlot as A } from "vue";
-import h from "../Icon.vue.js";
-import D from "../CheckBox.vue.js";
-import O from "../TreeConnectors/TreeConnectors.vue.js";
-import { EMPTY_ANCESTOR_LAST_FLAGS as Q } from "../TreeConnectors/geometry.js";
-import { $t as V } from "../../utils/i18n.js";
-const R = { class: "flex flex-col select-none" }, j = ["title"], q = {
+import { defineComponent as D, computed as d, openBlock as i, createElementBlock as a, createElementVNode as c, normalizeClass as g, normalizeStyle as b, createCommentVNode as f, createVNode as v, unref as R, withModifiers as y, createBlock as m, Fragment as L, renderList as S, toDisplayString as k, renderSlot as A } from "vue";
+import r from "../Icon.vue.js";
+import O from "../CheckBox.vue.js";
+import Q from "../TreeConnectors/TreeConnectors.vue.js";
+import { EMPTY_ANCESTOR_LAST_FLAGS as V } from "../TreeConnectors/geometry.js";
+import { $t as j } from "../../utils/i18n.js";
+import { useRtl as q } from "../../composables/useRtl.js";
+const G = { class: "flex flex-col select-none" }, U = ["title"], Y = ["aria-expanded"], H = {
   key: 1,
-  class: "relative z-10 w-6 mr-1"
-}, G = { class: "mr-2 text-muted-foreground shrink-0" }, U = { class: "flex-1 truncate text-sm font-medium" }, Y = { class: "mr-2 text-gray-400 select-none shrink-0" }, H = { class: "truncate" }, x = 20, ee = /* @__PURE__ */ z({
+  class: "relative z-20 w-6 me-1 shrink-0"
+}, J = { class: "relative z-20 me-2 text-muted-foreground shrink-0" }, K = { class: "relative z-20 flex-1 truncate text-sm font-medium min-w-0" }, W = { class: "me-2 text-gray-400 select-none shrink-0" }, X = { class: "truncate" }, x = 20, ie = /* @__PURE__ */ D({
   name: "FileTreeNode",
   __name: "FileTreeNode",
   props: {
@@ -24,24 +25,24 @@ const R = { class: "flex flex-col select-none" }, j = ["title"], q = {
     variant: { default: "default" },
     maxLabelLength: { default: 35 },
     isLast: { type: Boolean, default: !0 },
-    ancestorLastFlags: { default: () => Q }
+    ancestorLastFlags: { default: () => V }
   },
   emits: ["toggle-expand", "toggle-select", "click-node"],
-  setup(e, { emit: S }) {
-    const s = e, u = S, g = d(
+  setup(e, { emit: C }) {
+    const E = q(), s = e, h = C, u = d(
       () => !!(s.node.isFolder || s.node.children && s.node.children.length > 0)
-    ), M = d(() => `${s.depth * x}px`), L = d(
-      () => s.node.labelI18n ? V(s.node.labelI18n) : s.node.label
-    ), E = d(() => {
-      const t = L.value, l = s.maxLabelLength;
+    ), I = d(() => `${s.depth * x}px`), p = d(
+      () => s.node.labelI18n ? j(s.node.labelI18n) : s.node.label
+    ), M = d(() => {
+      const t = p.value, l = s.maxLabelLength;
       if (t.length <= l) return t;
       const n = t.lastIndexOf(".");
       if (n === -1 || t.length - n > 10)
         return t.substring(0, l) + "...";
-      const i = t.substring(n), I = t.substring(0, n), $ = Math.max(0, l - i.length - 3);
-      return I.substring(0, $) + "..." + i;
-    }), B = d(() => {
-      const t = E.value;
+      const o = t.substring(n), $ = t.substring(0, n), P = Math.max(0, l - o.length - 3);
+      return $.substring(0, P) + "..." + o;
+    }), z = d(() => {
+      const t = M.value;
       if (!s.highlightSearch || !s.searchQuery)
         return [{ text: t, highlight: !1 }];
       const l = s.searchQuery.toLowerCase(), n = t.toLowerCase().indexOf(l);
@@ -53,69 +54,72 @@ const R = { class: "flex flex-col select-none" }, j = ["title"], q = {
         },
         { text: t.slice(n + l.length), highlight: !1 }
       ];
-    }), F = d(() => {
+    }), B = d(() => {
       const t = s.node.searchMatch;
       if (!t) return [];
-      const l = t.line_content, n = t.match_start, i = t.match_length;
+      const l = t.line_content, n = t.match_start, o = t.match_length;
       return n < 0 || n >= l.length ? [{ text: l, highlight: !1 }] : [
         { text: l.substring(0, n), highlight: !1 },
-        { text: l.substring(n, n + i), highlight: !0 },
-        { text: l.substring(n + i), highlight: !1 }
+        { text: l.substring(n, n + o), highlight: !0 },
+        { text: l.substring(n + o), highlight: !1 }
       ];
-    }), p = (t) => {
-      t && t.stopPropagation(), u("toggle-expand", s.node);
-    }, N = () => {
-      u("toggle-select", s.node);
+    }), w = (t) => {
+      t?.stopPropagation(), t?.preventDefault(), h("toggle-expand", s.node);
+    }, F = d(
+      () => E.value ? "lucide:chevron-left" : "lucide:chevron-right"
+    ), N = () => {
+      h("toggle-select", s.node);
     }, T = (t) => {
-      t.stopPropagation(), g.value ? p() : s.selectionMode !== "none" && u("toggle-select", s.node), u("click-node", s.node);
+      t.stopPropagation(), u.value ? w() : s.selectionMode !== "none" && h("toggle-select", s.node), h("click-node", s.node);
     };
-    return (t, l) => (o(), a("div", R, [
+    return (t, l) => (i(), a("div", G, [
       c("div", {
-        class: r(["group flex flex-col transition-colors cursor-pointer relative", {
+        class: g(["group flex flex-col transition-colors cursor-pointer relative", {
           "bg-accent/50 text-accent-foreground": e.isSelected && e.selectionMode === "single" && !e.showCheckboxes,
           "hover:bg-accent/50": !e.isSelected || e.selectionMode !== "single",
           "opacity-50 pointer-events-none": e.node.disabled,
           "rounded-none": e.variant === "bordered",
           "rounded-md": e.variant === "default"
         }]),
-        title: L.value,
+        title: p.value,
         onClick: T
       }, [
-        e.variant === "bordered" ? (o(), a("div", {
+        e.variant === "bordered" ? (i(), a("div", {
           key: 0,
-          class: "absolute bottom-0 right-0 h-[1px] bg-border pointer-events-none",
-          style: b({ left: e.depth * x + "px" })
+          class: "absolute bottom-0 h-[1px] bg-border pointer-events-none",
+          style: b({ insetInlineStart: e.depth * x + "px", insetInlineEnd: "0" })
         }, null, 4)) : f("", !0),
         c("div", {
-          class: r(["relative flex items-center pr-2", e.variant === "bordered" ? "py-2 min-h-[40px]" : "py-1 min-h-[32px]"]),
-          style: b({ paddingLeft: M.value })
+          class: g(["tree-row-content relative z-10 flex items-center pe-2", e.variant === "bordered" ? "py-2 min-h-[40px]" : "py-1 min-h-[32px]"]),
+          style: b({ paddingInlineStart: I.value })
         }, [
-          y(P(O), {
+          v(R(Q), {
             depth: e.depth,
             "is-last-sibling": e.isLast,
             "ancestor-last-flags": e.ancestorLastFlags,
-            "has-toggle": g.value,
+            "has-toggle": u.value,
             indent: x,
             "line-class": "bg-border"
           }, null, 8, ["depth", "is-last-sibling", "ancestor-last-flags", "has-toggle"]),
-          g.value ? (o(), a("button", {
+          u.value ? (i(), a("button", {
             key: 0,
             type: "button",
-            class: r(["relative z-10 p-1 mr-1 rounded-sm hover:bg-muted text-muted-foreground transition-transform duration-200 focus:outline-none", { "rotate-90": e.isExpanded }]),
-            onClick: v(p, ["stop"])
+            class: "tree-expand-toggle relative z-20 p-1 me-1 rounded-sm hover:bg-muted text-muted-foreground transition-colors focus:outline-none shrink-0",
+            "aria-expanded": e.isExpanded,
+            onClick: y(w, ["stop"])
           }, [
-            y(h, {
-              icon: "lucide:chevron-right",
+            v(r, {
+              icon: e.isExpanded ? "lucide:chevron-down" : F.value,
               class: "w-4 h-4"
-            })
-          ], 2)) : (o(), a("div", q)),
-          e.showCheckboxes && e.selectionMode !== "none" ? (o(), a("div", {
+            }, null, 8, ["icon"])
+          ], 8, Y)) : (i(), a("div", H)),
+          e.showCheckboxes && e.selectionMode !== "none" ? (i(), a("div", {
             key: 2,
-            class: "mr-2 flex items-center justify-center bg-transparent",
-            onClick: l[0] || (l[0] = v(() => {
+            class: "relative z-20 me-2 flex items-center justify-center bg-transparent shrink-0",
+            onClick: l[0] || (l[0] = y(() => {
             }, ["stop"]))
           }, [
-            y(D, {
+            v(O, {
               checked: e.isSelected,
               indeterminate: e.isIndeterminate,
               disabled: e.node.disabled,
@@ -124,61 +128,61 @@ const R = { class: "flex flex-col select-none" }, j = ["title"], q = {
               "onUpdate:checked": N
             }, null, 8, ["checked", "indeterminate", "disabled"])
           ])) : f("", !0),
-          c("div", G, [
-            e.isLoading ? (o(), m(h, {
+          c("div", J, [
+            e.isLoading ? (i(), m(r, {
               key: 0,
               icon: "lucide:loader-2",
               class: "w-4 h-4 animate-spin"
-            })) : e.node.icon ? (o(), m(h, {
+            })) : e.node.icon ? (i(), m(r, {
               key: 1,
               icon: e.node.icon,
               class: "w-4 h-4"
-            }, null, 8, ["icon"])) : g.value ? (o(), m(h, {
+            }, null, 8, ["icon"])) : u.value ? (i(), m(r, {
               key: 2,
               icon: e.isExpanded ? "lucide:folder-open" : "lucide:folder",
               class: "w-4 h-4"
-            }, null, 8, ["icon"])) : (o(), m(h, {
+            }, null, 8, ["icon"])) : (i(), m(r, {
               key: 3,
               icon: "lucide:file",
               class: "w-4 h-4"
             }))
           ]),
-          c("div", U, [
-            (o(!0), a(w, null, C(B.value, (n, i) => (o(), a("span", {
-              key: i,
-              class: r({
+          c("div", K, [
+            (i(!0), a(L, null, S(z.value, (n, o) => (i(), a("span", {
+              key: o,
+              class: g({
                 "bg-yellow-100 text-yellow-900 rounded-sm px-0.5": n.highlight
               })
             }, k(n.text), 3))), 128))
           ]),
-          t.$slots.actions ? (o(), a("div", {
+          t.$slots.actions ? (i(), a("div", {
             key: 3,
-            class: "ml-2 flex items-center shrink-0",
-            onClick: l[1] || (l[1] = v(() => {
+            class: "relative z-20 ms-2 flex items-center shrink-0",
+            onClick: l[1] || (l[1] = y(() => {
             }, ["stop"]))
           }, [
             A(t.$slots, "actions", { node: e.node })
           ])) : f("", !0)
         ], 6),
-        e.node.searchMatch ? (o(), a("div", {
+        e.node.searchMatch ? (i(), a("div", {
           key: 1,
-          class: "flex items-center text-[11px] text-gray-500 font-mono pr-2 pb-1.5 truncate",
-          style: b({ paddingLeft: e.depth * x + 28 + "px" })
+          class: "flex items-center text-[11px] text-gray-500 font-mono pe-2 pb-1.5 truncate",
+          style: b({ paddingInlineStart: e.depth * x + 28 + "px" })
         }, [
-          c("span", Y, "L" + k(e.node.searchMatch.line_number), 1),
-          c("div", H, [
-            (o(!0), a(w, null, C(F.value, (n, i) => (o(), a("span", {
-              key: i,
-              class: r({
+          c("span", W, "L" + k(e.node.searchMatch.line_number), 1),
+          c("div", X, [
+            (i(!0), a(L, null, S(B.value, (n, o) => (i(), a("span", {
+              key: o,
+              class: g({
                 "bg-yellow-500/20 text-gray-900 px-0.5 rounded-[1px] font-medium border border-yellow-600/30": n.highlight
               })
             }, k(n.text), 3))), 128))
           ])
         ], 4)) : f("", !0)
-      ], 10, j)
+      ], 10, U)
     ]));
   }
 });
 export {
-  ee as default
+  ie as default
 };

package/components/Footer/Variant1.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, computed as i, useModel as $, openBlock as t, createElementBlock as l, normalizeClass as v, createElementVNode as n, createCommentVNode as o, toDisplayString as s, withModifiers as T, createVNode as x, withCtx as z, createTextVNode as F, Fragment as g, renderList as m, createBlock as U, mergeModels as C } from "vue";
+import { defineComponent as M, computed as i, useModel as T, openBlock as t, createElementBlock as l, normalizeClass as v, createElementVNode as n, createCommentVNode as r, toDisplayString as s, withModifiers as $, createVNode as x, withCtx as z, createTextVNode as F, Fragment as g, renderList as m, createBlock as U, mergeModels as C } from "vue";
 import N from "../Icon.vue.js";
 import q from "../Input.vue.js";
 /* empty css            */
@@ -30,7 +30,7 @@ const H = { class: "v-footer-top" }, I = { class: "flex flex-col lg:flex-row gap
 }, Z = {
   key: 3,
   class: "flex items-center gap-1 pt-1"
-}, ee = ["href", "aria-label", "onClick"], te = { class: "text-sm font-semibold text-foreground mb-4 tracking-wide" }, le = { class: "space-y-3" }, re = ["href", "target", "rel", "onClick"], oe = {
+}, ee = ["href", "aria-label", "onClick"], te = { class: "text-sm font-semibold text-foreground mb-4 tracking-wide" }, le = { class: "space-y-3" }, oe = ["href", "target", "rel", "onClick"], re = {
   key: 0,
   class: "v-footer-bottom border-t border-border/50"
 }, ae = { class: "mx-auto w-full max-w-7xl px-6 lg:px-8 py-6 flex flex-col sm:flex-row items-center justify-between gap-3 text-center sm:text-left" }, se = {
@@ -39,7 +39,7 @@ const H = { class: "v-footer-top" }, I = { class: "flex flex-col lg:flex-row gap
 }, ne = {
   key: 1,
   class: "flex flex-wrap items-center justify-center sm:justify-end gap-x-5 gap-y-2 w-full sm:w-auto"
-}, ie = ["href", "target", "rel", "onClick"], fe = /* @__PURE__ */ M({
+}, ie = ["href", "target", "rel", "onClick"], pe = /* @__PURE__ */ M({
   __name: "Variant1",
   props: /* @__PURE__ */ C({
     data: {},
@@ -50,44 +50,44 @@ const H = { class: "v-footer-top" }, I = { class: "flex flex-col lg:flex-row gap
     newsletterEmailModifiers: {}
   }),
   emits: /* @__PURE__ */ C(["subscribe", "link-click"], ["update:newsletterEmail"]),
-  setup(f, { emit: E }) {
-    const h = f, _ = E, e = i(() => h.data), V = i(() => h.labels || {}), c = $(f, "newsletterEmail"), b = i(() => e.value.linkGroups && e.value.linkGroups.length > 0), k = i(() => e.value.socialLinks && e.value.socialLinks.length > 0), y = i(() => e.value.legalLinks && e.value.legalLinks.length > 0), w = i(() => !!e.value.newsletter), B = i(() => e.value.brandName || e.value.brandLogo || e.value.brandDescription), G = i(() => e.value.copyright || y.value);
+  setup(p, { emit: B }) {
+    const h = p, b = B, e = i(() => h.data), E = i(() => h.labels || {}), c = T(p, "newsletterEmail"), _ = i(() => e.value.linkGroups && e.value.linkGroups.length > 0), k = i(() => e.value.socialLinks && e.value.socialLinks.length > 0), y = i(() => e.value.legalLinks && e.value.legalLinks.length > 0), w = i(() => !!e.value.newsletter), V = i(() => e.value.brandName || e.value.brandLogo || e.value.brandDescription), G = i(() => e.value.copyright || y.value);
     function S() {
-      c.value.trim() && _("subscribe", c.value.trim());
+      c.value.trim() && b("subscribe", c.value.trim());
     }
-    function p(L, d) {
-      _("link-click", L, d);
+    function f(L, d) {
+      b("link-click", L, d);
     }
     return (L, d) => (t(), l("footer", {
-      class: v(["v-footer v-footer-v1 w-full bg-background text-foreground", f.containerClass])
+      class: v(["v-footer v-footer-v1 w-full bg-background text-foreground", p.containerClass])
     }, [
       n("div", H, [
         n("div", {
-          class: v(["mx-auto w-full max-w-7xl px-6 lg:px-8", b.value ? "py-12 lg:py-16" : "py-8 lg:py-10"])
+          class: v(["mx-auto w-full max-w-7xl px-6 lg:px-8", _.value ? "py-12 lg:py-16" : "py-8 lg:py-10"])
         }, [
           n("div", I, [
-            B.value || k.value || w.value ? (t(), l("div", J, [
+            V.value || k.value || w.value ? (t(), l("div", J, [
               e.value.brandLogo || e.value.brandName ? (t(), l("div", K, [
                 e.value.brandLogo ? (t(), l("img", {
                   key: 0,
                   src: e.value.brandLogo,
                   alt: e.value.brandName || "Brand logo",
                   class: "h-8 w-8 object-contain rounded"
-                }, null, 8, O)) : o("", !0),
-                e.value.brandName ? (t(), l("span", P, s(e.value.brandName), 1)) : o("", !0),
-                e.value.badge ? (t(), l("span", Q, s(e.value.badge), 1)) : o("", !0)
-              ])) : o("", !0),
-              e.value.brandDescription ? (t(), l("p", R, s(e.value.brandDescription), 1)) : o("", !0),
+                }, null, 8, O)) : r("", !0),
+                e.value.brandName ? (t(), l("span", P, s(e.value.brandName), 1)) : r("", !0),
+                e.value.badge ? (t(), l("span", Q, s(e.value.badge), 1)) : r("", !0)
+              ])) : r("", !0),
+              e.value.brandDescription ? (t(), l("p", R, s(e.value.brandDescription), 1)) : r("", !0),
               w.value ? (t(), l("div", W, [
-                e.value.newsletter?.title ? (t(), l("p", X, s(e.value.newsletter.title), 1)) : o("", !0),
-                e.value.newsletter?.description ? (t(), l("p", Y, s(e.value.newsletter.description), 1)) : o("", !0),
+                e.value.newsletter?.title ? (t(), l("p", X, s(e.value.newsletter.title), 1)) : r("", !0),
+                e.value.newsletter?.description ? (t(), l("p", Y, s(e.value.newsletter.description), 1)) : r("", !0),
                 n("form", {
                   class: "flex gap-2 w-full",
-                  onSubmit: T(S, ["prevent"])
+                  onSubmit: $(S, ["prevent"])
                 }, [
                   x(q, {
                     modelValue: c.value,
-                    "onUpdate:modelValue": d[0] || (d[0] = (r) => c.value = r),
+                    "onUpdate:modelValue": d[0] || (d[0] = (o) => c.value = o),
                     type: "email",
                     placeholder: e.value.newsletter?.placeholder || "Enter your email",
                     class: "flex-1 min-w-0",
@@ -101,78 +101,78 @@ const H = { class: "v-footer-top" }, I = { class: "flex flex-col lg:flex-row gap
                     class: "whitespace-nowrap"
                   }, {
                     default: z(() => [
-                      F(s(e.value.newsletter?.buttonText || V.value.subscribe || "Subscribe"), 1)
+                      F(s(e.value.newsletter?.buttonText || E.value.subscribe || "Subscribe"), 1)
                     ]),
                     _: 1
                   })
                 ], 32)
-              ])) : o("", !0),
+              ])) : r("", !0),
               k.value ? (t(), l("div", Z, [
-                (t(!0), l(g, null, m(e.value.socialLinks, (r, u) => (t(), l("a", {
+                (t(!0), l(g, null, m(e.value.socialLinks, (o, u) => (t(), l("a", {
                   key: u,
-                  href: r.url,
-                  "aria-label": r.label || "Social link",
+                  href: o.url,
+                  "aria-label": o.label || "Social link",
                   target: "_blank",
                   rel: "noopener noreferrer",
                   class: "inline-flex items-center justify-center w-9 h-9 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-all duration-200",
-                  onClick: (a) => p(r.url, a)
+                  onClick: (a) => f(o.url, a)
                 }, [
                   x(N, {
-                    icon: r.icon,
+                    icon: o.icon,
                     class: "w-[18px] h-[18px]"
                   }, null, 8, ["icon"])
                 ], 8, ee))), 128))
-              ])) : o("", !0)
-            ])) : o("", !0),
-            b.value ? (t(), l("div", {
+              ])) : r("", !0)
+            ])) : r("", !0),
+            _.value ? (t(), l("div", {
               key: 1,
               class: v(["grid w-full lg:w-auto! lg:ml-auto gap-y-10 gap-x-6 sm:gap-x-10 lg:gap-x-20 lg:pr-4", [
                 e.value.linkGroups?.length === 1 ? "grid-cols-1" : e.value.linkGroups?.length === 2 ? "grid-cols-2 lg:grid-cols-[auto_auto]" : e.value.linkGroups?.length === 3 ? "grid-cols-2 md:grid-cols-3 lg:grid-cols-[auto_auto_auto]" : "grid-cols-2 md:grid-cols-4 lg:grid-cols-[auto_auto_auto_auto]"
               ]])
             }, [
-              (t(!0), l(g, null, m(e.value.linkGroups, (r, u) => (t(), l("div", { key: u }, [
-                n("h3", te, s(r.title), 1),
+              (t(!0), l(g, null, m(e.value.linkGroups, (o, u) => (t(), l("div", { key: u }, [
+                n("h3", te, s(o.title), 1),
                 n("ul", le, [
-                  (t(!0), l(g, null, m(r.links, (a, j) => (t(), l("li", { key: j }, [
+                  (t(!0), l(g, null, m(o.links, (a, j) => (t(), l("li", { key: j }, [
                     n("a", {
                       href: a.url,
                       target: a.external ? "_blank" : void 0,
                       rel: a.external ? "noopener noreferrer" : void 0,
                       class: "inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors duration-200",
-                      onClick: (D) => p(a.url, D)
+                      onClick: (D) => f(a.url, D)
                     }, [
                       a.icon ? (t(), U(N, {
                         key: 0,
                         icon: a.icon,
                         class: "w-3.5 h-3.5 shrink-0"
-                      }, null, 8, ["icon"])) : o("", !0),
+                      }, null, 8, ["icon"])) : r("", !0),
                       n("span", null, s(a.label), 1)
-                    ], 8, re)
+                    ], 8, oe)
                   ]))), 128))
                 ])
               ]))), 128))
-            ], 2)) : o("", !0)
+            ], 2)) : r("", !0)
           ])
         ], 2)
       ]),
-      G.value ? (t(), l("div", oe, [
+      G.value ? (t(), l("div", re, [
         n("div", ae, [
-          e.value.copyright ? (t(), l("p", se, s(e.value.copyright), 1)) : o("", !0),
+          e.value.copyright ? (t(), l("p", se, s(e.value.copyright), 1)) : r("", !0),
           y.value ? (t(), l("div", ne, [
-            (t(!0), l(g, null, m(e.value.legalLinks, (r, u) => (t(), l("a", {
+            (t(!0), l(g, null, m(e.value.legalLinks, (o, u) => (t(), l("a", {
               key: u,
-              href: r.url,
-              target: r.external ? "_blank" : void 0,
-              rel: r.external ? "noopener noreferrer" : void 0,
+              href: o.url,
+              target: o.external ? "_blank" : void 0,
+              rel: o.external ? "noopener noreferrer" : void 0,
               class: "text-sm text-muted-foreground hover:text-foreground transition-colors duration-200",
-              onClick: (a) => p(r.url, a)
-            }, s(r.label), 9, ie))), 128))
-          ])) : o("", !0)
+              onClick: (a) => f(o.url, a)
+            }, s(o.label), 9, ie))), 128))
+          ])) : r("", !0)
         ])
-      ])) : o("", !0)
+      ])) : r("", !0)
     ], 2));
   }
 });
 export {
-  fe as default
+  pe as default
 };