@wpic/ui 0.9.4 → 0.9.5

package/dist/wpic-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as X, openBlock as e, createBlock as K, resolveDynamicComponent as B1, normalizeClass as b, withCtx as r1, createElementVNode as i, createCommentVNode as h, renderSlot as Q, createElementBlock as t, createVNode as V, unref as v, Fragment as E, renderList as i1, toDisplayString as m, useModel as G1, useSlots as q2, computed as x, ref as F, watch as M1, onBeforeUnmount as s2, mergeProps as X1, createTextVNode as v1, withDirectives as T1, normalizeStyle as h1, vModelDynamic as b0, mergeModels as _1, vModelCheckbox as J0, withModifiers as f1, onMounted as H2, withKeys as M2, inject as Q2, provide as g2, isRef as X0, nextTick as H1, Teleport as O1, vShow as G0, Transition as w2, getCurrentInstance as g0, vModelText as l2, useAttrs as _0, TransitionGroup as n3, useCssVars as e3, vModelSelect as c3, onUnmounted as t3, createStaticVNode as A1 } from "vue";
-import { Loader2 as a2, Calendar as z0, DollarSign as i3, X as $1, Check as U1, Search as P2, ChevronUp as C0, ChevronDown as D1, ChevronsUpDown as J2, ChevronRight as j1, ChevronLeft as z2, Download as l3, Minimize as a3, Expand as o3, CalendarDays as T2, FolderSymlink as s3, Minimize2 as r3, Maximize2 as p3, Plus as y2, Trash2 as d3, Folder as w0, MoreHorizontal as w3, Bot as u3, Paperclip as O2, ThumbsUp as h3, ThumbsDown as v3, Copy as m3, Pencil as f3, MessageSquarePlus as b3, Square as g3, ArrowUp as z3, CircleAlert as C3, CircleCheck as k3, ShieldAlert as x3, Lightbulb as y3, PanelLeftOpen as M3, PanelLeftClose as V3, AlertTriangle as L3, Tag as F2, Clock as B3, RefreshCw as $3 } from "lucide-vue-next";
+import { defineComponent as X, openBlock as e, createBlock as K, resolveDynamicComponent as B1, normalizeClass as b, withCtx as r1, createElementVNode as i, createCommentVNode as h, renderSlot as Q, createElementBlock as t, createVNode as V, unref as v, Fragment as E, renderList as i1, toDisplayString as m, useModel as G1, useSlots as q2, computed as x, ref as H, watch as M1, onBeforeUnmount as s2, mergeProps as X1, createTextVNode as v1, withDirectives as T1, normalizeStyle as h1, vModelDynamic as b0, mergeModels as _1, vModelCheckbox as J0, withModifiers as f1, onMounted as F2, withKeys as M2, inject as Q2, provide as g2, isRef as X0, nextTick as F1, Teleport as O1, vShow as G0, Transition as w2, getCurrentInstance as g0, vModelText as l2, useAttrs as _0, TransitionGroup as n3, useCssVars as e3, vModelSelect as c3, onUnmounted as t3, createStaticVNode as A1 } from "vue";
+import { Loader2 as a2, Calendar as z0, DollarSign as i3, X as $1, Check as U1, Search as P2, ChevronUp as C0, ChevronDown as D1, ChevronsUpDown as J2, ChevronRight as j1, ChevronLeft as z2, Download as l3, Minimize as a3, Expand as o3, CalendarDays as T2, FolderSymlink as s3, Minimize2 as r3, Maximize2 as p3, Plus as y2, Trash2 as d3, Folder as w0, MoreHorizontal as w3, Bot as u3, Paperclip as O2, ThumbsUp as h3, ThumbsDown as v3, Copy as m3, Pencil as f3, MessageSquarePlus as b3, Square as g3, ArrowUp as z3, CircleAlert as C3, CircleCheck as k3, ShieldAlert as x3, Lightbulb as y3, PanelLeftOpen as M3, PanelLeftClose as V3, AlertTriangle as L3, Tag as H2, Clock as B3, RefreshCw as $3 } from "lucide-vue-next";
 import { offset as u2, autoPlacement as A3, flip as h2, shift as v2, size as X2, useFloating as m2, autoUpdate as f2 } from "@floating-ui/vue";
 import { defineStore as S3 } from "pinia";
-const F3 = {
+const H3 = {
   key: 0,
   class: "wpic:absolute wpic:inset-0 wpic:flex wpic:items-center wpic:justify-center wpic:rounded-[inherit]",
   "aria-hidden": "true"
@@ -58,7 +58,7 @@ const F3 = {
           }, null, 8, ["size"])) : h("", !0),
           Q(d.$slots, "default")
         ], 2),
-        n.loading ? (e(), t("span", F3, [
+        n.loading ? (e(), t("span", H3, [
           V(v(a2), {
             size: (c.size ?? "md") === "xs" ? 10 : (c.size ?? "md") === "sm" ? 13 : (c.size ?? "md") === "lg" ? 17 : 15,
             class: "wpic:animate-spin"
@@ -68,10 +68,10 @@ const F3 = {
       _: 3
     }, 8, ["href", "disabled", "data-variant", "data-size", "data-active", "class"]));
   }
-}), H3 = { class: "wpic-button-group wpic:inline-flex" }, P3 = /* @__PURE__ */ X({
+}), F3 = { class: "wpic-button-group wpic:inline-flex" }, P3 = /* @__PURE__ */ X({
   __name: "WButtonGroup",
   setup(n) {
-    return (w, c) => (e(), t("div", H3, [
+    return (w, c) => (e(), t("div", F3, [
       Q(w.$slots, "default")
     ]));
   }
@@ -139,7 +139,7 @@ const F3 = {
       if (c.icon) return c.icon;
       if (c.type === "date") return z0;
       if (c.type === "money") return i3;
-    }), f = x(() => ({ sm: 12, md: 13, lg: 14, xl: 16 })[c.size ?? "md"]), k = x(() => c.type === "money" ? "number" : c.type ?? "text"), g = F(), a = F(), T = F(0);
+    }), f = x(() => ({ sm: 12, md: 13, lg: 14, xl: 16 })[c.size ?? "md"]), k = x(() => c.type === "money" ? "number" : c.type ?? "text"), g = H(), a = H(), T = H(0);
     let S;
     M1(a, (B) => {
       S?.disconnect(), T.value = B?.getBoundingClientRect().width ?? 0, B && (S = new ResizeObserver(() => {
@@ -351,15 +351,15 @@ const F3 = {
   },
   emits: ["row-click", "update:selectedKeys", "row-select", "update:serverPage"],
   setup(n, { expose: w, emit: c }) {
-    const o = n, d = c, l = F(/* @__PURE__ */ new Set());
+    const o = n, d = c, l = H(/* @__PURE__ */ new Set());
     function s(j) {
       l.value.has(j) ? l.value.delete(j) : l.value.add(j);
     }
-    const f = q2(), k = x(() => o.pageSize ?? 25), g = F(null), a = F("asc");
+    const f = q2(), k = x(() => o.pageSize ?? 25), g = H(null), a = H("asc");
     function T(j) {
       g.value === j ? a.value = a.value === "asc" ? "desc" : "asc" : (g.value = j, a.value = "asc");
     }
-    const S = F(""), D = x(() => o.columns.some((j) => j.searchable)), B = x(() => {
+    const S = H(""), D = x(() => o.columns.some((j) => j.searchable)), B = x(() => {
       let j = o.data ?? [];
       const d1 = S.value.trim().toLowerCase();
       if (d1) {
@@ -374,7 +374,7 @@ const F3 = {
         });
       }
       return j;
-    }), y = F(1), z = x(() => o.serverTotal !== void 0), Z = x({
+    }), y = H(1), z = x(() => o.serverTotal !== void 0), Z = x({
       get: () => z.value ? o.serverPage ?? 1 : y.value,
       set: (j) => {
         z.value ? d("update:serverPage", j) : y.value = j;
@@ -395,7 +395,7 @@ const F3 = {
     const P = x(() => new Set(o.selectedKeys ?? [])), O = x(() => q.value.map(e1)), I = x(
       () => o.selectable && O.value.length > 0 && O.value.every((j) => P.value.has(j))
     );
-    function H(j, d1, L) {
+    function F(j, d1, L) {
       const R = e1(j, d1), t1 = new Set(o.selectedKeys ?? []), m1 = L === !0;
       m1 ? t1.add(R) : t1.delete(R), d("update:selectedKeys", [...t1]), d("row-select", j, m1);
     }
@@ -545,7 +545,7 @@ const F3 = {
                   }, [
                     V(u0, {
                       "model-value": P.value.has(e1(L, R)),
-                      "onUpdate:modelValue": (t1) => H(L, R, t1)
+                      "onUpdate:modelValue": (t1) => F(L, R, t1)
                     }, null, 8, ["model-value", "onUpdate:modelValue"])
                   ], 2)) : h("", !0),
                   n.expandable ? (e(), t("td", {
@@ -690,7 +690,7 @@ const F3 = {
   },
   emits: ["update:expanded", "cell-change"],
   setup(n, { expose: w, emit: c }) {
-    const o = n, d = c, l = x(() => o.showAxes && o.showColumnLetters), s = x(() => o.showAxes && o.showRowNumbers), f = x(() => o.columns.some((A) => A.sticky)), k = F(null), g = F("asc"), a = F(o.expanded ?? !1), T = F(null), S = F(null), D = F(null), B = F(null), y = F(null);
+    const o = n, d = c, l = x(() => o.showAxes && o.showColumnLetters), s = x(() => o.showAxes && o.showRowNumbers), f = x(() => o.columns.some((A) => A.sticky)), k = H(null), g = H("asc"), a = H(o.expanded ?? !1), T = H(null), S = H(null), D = H(null), B = H(null), y = H(null);
     function z() {
       if (!o.downloadable) return;
       const A = (W) => `"${String(W ?? "").replace(/"/g, '""')}"`, U = P.value.map((W) => o.columns.map((Y) => A(q(W, Y.key))).join(",")).join(`\r
@@ -729,7 +729,7 @@ const F3 = {
       const w1 = document.activeElement;
       w1 && T.value?.contains(w1) && w1.blur();
     }
-    H2(() => {
+    F2(() => {
       document.addEventListener("keydown", o1), document.addEventListener("pointerdown", b1);
     }), s2(() => {
       document.removeEventListener("keydown", o1), document.removeEventListener("pointerdown", b1), window.removeEventListener("pointerup", R);
@@ -759,18 +759,18 @@ const F3 = {
     function I(A) {
       O(A) && (k.value === A.key ? g.value = g.value === "asc" ? "desc" : "asc" : (k.value = A.key, g.value = "asc"));
     }
-    function H(A, U) {
+    function F(A, U) {
       return A.cells.slice(0, U).reduce((N, w1) => N + (w1.colspan || 1), 0);
     }
     function c1(A, U) {
-      return !!o.columns[H(A, U)]?.sticky;
+      return !!o.columns[F(A, U)]?.sticky;
     }
     function l1(A, U) {
-      const N = H(A, U);
+      const N = F(A, U);
       return !!(o.columns[N]?.sticky && !o.columns.slice(0, N).some((w1) => w1.sticky));
     }
     function y1(A, U) {
-      const N = H(A, U);
+      const N = F(A, U);
       if (!o.columns[N]?.sticky) return;
       const w1 = o.columns.slice(0, N).map((s1) => s1.width || "0px");
       return { left: w1.length ? `calc(${w1.join(" + ")})` : "0px" };
@@ -1028,7 +1028,7 @@ const h0 = /* @__PURE__ */ Y1(B5, [["render", A5]]), S5 = ["disabled"], d2 = /*
       Q(o.$slots, "default")
     ], 10, S5));
   }
-}), F5 = {
+}), H5 = {
   light: {
     trendPositive: "#15803D",
     trendNegative: "#DB2777",
@@ -1093,8 +1093,8 @@ const h0 = /* @__PURE__ */ Y1(B5, [["render", A5]]), S5 = ["disabled"], d2 = /*
   light: ["#3B73E1", "#0891A6", "#8B5CD6", "#C58A16", "#D64D79", "#527FA8"],
   dark: ["#7C9FE0", "#5FB8C4", "#AF94D5", "#D8B26A", "#D88FA5", "#94A8BD"]
 };
-function H5(n, w = {}) {
-  const c = { ...F5[n], ...w }, o = {};
+function F5(n, w = {}) {
+  const c = { ...H5[n], ...w }, o = {};
   for (const [d, l] of Object.entries(c))
     o[`--wpic-${d.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`)}`] = l;
   Object.assign(o, {
@@ -1150,19 +1150,19 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
   setup(n, { emit: w }) {
     const c = n, o = V2(), d = w, l = /* @__PURE__ */ Symbol.for("wpic-ui-popover-descendants"), s = Q2(l, null), f = /* @__PURE__ */ new Set();
     g2(l, {
-      add(H) {
-        f.add(H), s?.add(H);
+      add(F) {
+        f.add(F), s?.add(F);
       },
-      remove(H) {
-        f.delete(H), s?.remove(H);
+      remove(F) {
+        f.delete(F), s?.remove(F);
       }
     });
     const k = x(() => {
-      const H = c.anchor;
-      return H ? X0(H) ? H.value : H : null;
-    }), g = F(null), a = F(null), T = x(() => a.value ?? c.placement ?? "bottom-start"), S = x(() => {
-      const H = [u2(c.offset ?? 6)];
-      return a.value || (c.autoPlacement ? H.push(A3({ alignment: "start" })) : c.flip && H.push(h2({ crossAxis: !c.shiftCrossAxis }))), H.push(v2({ padding: c.autoPlacement ? 8 : 4, crossAxis: c.autoPlacement || c.shiftCrossAxis })), H.push(
+      const F = c.anchor;
+      return F ? X0(F) ? F.value : F : null;
+    }), g = H(null), a = H(null), T = x(() => a.value ?? c.placement ?? "bottom-start"), S = x(() => {
+      const F = [u2(c.offset ?? 6)];
+      return a.value || (c.autoPlacement ? F.push(A3({ alignment: "start" })) : c.flip && F.push(h2({ crossAxis: !c.shiftCrossAxis }))), F.push(v2({ padding: c.autoPlacement ? 8 : 4, crossAxis: c.autoPlacement || c.shiftCrossAxis })), F.push(
         X2({
           padding: 8,
           apply({ availableHeight: c1, rects: l1, elements: y1 }) {
@@ -1174,7 +1174,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
             Object.assign(y1.floating.style, G);
           }
         })
-      ), H;
+      ), F;
     }), { floatingStyles: D, placement: B, update: y, isPositioned: z } = m2(k, g, {
       placement: T,
       strategy: "fixed",
@@ -1182,14 +1182,14 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       whileElementsMounted: f2,
       middleware: S
     }), Z = x(() => {
-      const H = B.value;
-      return H.startsWith("top") ? "bottom" : H.startsWith("bottom") ? "top" : H.startsWith("left") ? "right" : H.startsWith("right") ? "left" : "top";
-    }), o1 = (H) => {
-      const c1 = H.target, l1 = k.value, y1 = g.value;
+      const F = B.value;
+      return F.startsWith("top") ? "bottom" : F.startsWith("bottom") ? "top" : F.startsWith("left") ? "right" : F.startsWith("right") ? "left" : "top";
+    }), o1 = (F) => {
+      const c1 = F.target, l1 = k.value, y1 = g.value;
       y1 && y1.contains(c1) || [...f].some((J) => J.contains(c1)) || l1 && l1.contains(c1) || c.extraPanels?.some((J) => J?.contains(c1)) || d("close");
-    }, b1 = (H) => {
-      if (H.key !== "Escape" || !c.open || [...f].some((l1) => l1.isConnected && l1.style.display !== "none")) return;
-      H.preventDefault(), H.stopImmediatePropagation(), d("close");
+    }, b1 = (F) => {
+      if (F.key !== "Escape" || !c.open || [...f].some((l1) => l1.isConnected && l1.style.display !== "none")) return;
+      F.preventDefault(), F.stopImmediatePropagation(), d("close");
       const c1 = k.value;
       c1?.matches("button, input, [tabindex]") ? c1.focus() : c1?.querySelector("button, input, [tabindex]")?.focus();
     };
@@ -1200,14 +1200,14 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
     function O() {
       e1 && (document.removeEventListener("pointerdown", o1, !0), document.removeEventListener("keydown", b1, !0), e1 = !1);
     }
-    M1(() => c.open, (H) => {
-      H ? H1(() => {
+    M1(() => c.open, (F) => {
+      F ? F1(() => {
         q || !c.open || (c.autoPlacement && g.value && (g.value.style.maxHeight = ""), y(), P());
       }) : (a.value = null, O());
-    }, { immediate: !0 }), M1(g, (H, c1) => {
-      c1 && s?.remove(c1), H && s?.add(H);
-    }), M1(z, (H) => {
-      H && c.open && c.freezePositionOnOpen && !a.value && (a.value = B.value);
+    }, { immediate: !0 }), M1(g, (F, c1) => {
+      c1 && s?.remove(c1), F && s?.add(F);
+    }), M1(z, (F) => {
+      F && c.open && c.freezePositionOnOpen && !a.value && (a.value = B.value);
     }), s2(() => {
       q = !0, O(), g.value && s?.remove(g.value);
     });
@@ -1220,7 +1220,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       transformOrigin: Z.value,
       zIndex: c.zIndex
     }));
-    return (H, c1) => (e(), K(O1, {
+    return (F, c1) => (e(), K(O1, {
       to: "body",
       class: "wpic-popover"
     }, [
@@ -1231,7 +1231,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
         class: b([{ "wpic-theme": v(o), dark: v(o)?.mode === "dark" }, "wpic-popover-panel wpic:flex wpic:flex-col wpic:bg-white wpic:dark:bg-zinc-900 wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:rounded-xl wpic:shadow-xl wpic:dark:shadow-black/40 wpic:overflow-hidden"]),
         style: h1([v(o)?.variables, v(D), I.value])
       }, [
-        Q(H.$slots, "default")
+        Q(F.$slots, "default")
       ], 14, P5), [
         [G0, n.open]
       ])
@@ -1267,7 +1267,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
 }, A4 = {
   key: 2,
   class: "wpic:space-y-4"
-}, S4 = { class: "wpic:max-w-[82%]" }, F4 = ["src", "alt"], H4 = { class: "wpic:max-w-40 wpic:truncate" }, P4 = {
+}, S4 = { class: "wpic:max-w-[82%]" }, H4 = ["src", "alt"], F4 = { class: "wpic:max-w-40 wpic:truncate" }, P4 = {
   key: 0,
   class: "wpic:shrink-0 wpic:text-zinc-400"
 }, T4 = {
@@ -1362,18 +1362,18 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
   },
   emits: ["close", "send", "clear", "new", "new-project", "new-conversation", "select-project", "select-session", "rename-project", "rename-session", "delete-project", "delete-session", "move-session", "edit-message", "new-chat-from-message", "message-feedback", "apply-message-proposal", "navigate", "cancel", "attach", "files-selected", "remove-attachment", "update:modelValue", "update:docked", "update:maximized", "update:width", "update:height", "update:x", "update:y"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = q2(), l = F(null), s = F(null), f = F(null), k = F(null), g = F(null), a = F(null), T = F(0), S = F(0), D = F(!1), B = F(null), y = F(null);
+    const c = n, o = w, d = q2(), l = H(null), s = H(null), f = H(null), k = H(null), g = H(null), a = H(null), T = H(0), S = H(0), D = H(!1), B = H(null), y = H(null);
     let z = null;
-    const Z = F(!1), o1 = F(!1), b1 = F(!1);
-    F(/* @__PURE__ */ new Set());
-    const q = F(null), e1 = F(null), P = F({}), O = F(null);
-    let I = null, H = null;
+    const Z = H(!1), o1 = H(!1), b1 = H(!1);
+    H(/* @__PURE__ */ new Set());
+    const q = H(null), e1 = H(null), P = H({}), O = H(null);
+    let I = null, F = null;
     function c1() {
-      H?.disconnect(), H = null;
+      F?.disconnect(), F = null;
       const r = s.value, p = g.value;
       if (!r || !p || typeof ResizeObserver > "u") return;
       const u = () => p.style.setProperty("--wpic-chat-footer-height", `${r.getBoundingClientRect().height}px`);
-      u(), H = new ResizeObserver(u), H.observe(r);
+      u(), F = new ResizeObserver(u), F.observe(r);
     }
     const l1 = x(() => O.value ? [] : c.messages.filter((r) => r.role !== "system")), y1 = x(() => c.loading || O.value !== null), J = x(() => c.modelValue.trim().length > 0 && !c.loading), p1 = x(() => c.attachments.length > 0), G = x(() => {
       const r = c.modelValue.slice(0, S.value), p = r.match(/(?:^|\s)@([^\s@]*)$/);
@@ -1700,7 +1700,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
     function c0(r) {
       return /(current settings|current model|currently|réglages? actuels?|paramètres? actuels?|mod[eè]le actuel)/i.test(r);
     }
-    function F0(r, p, u) {
+    function H0(r, p, u) {
       let M = p;
       for (const C of E2(u)) {
         if (C.type === "apply_prompt" && N(u.content)) continue;
@@ -1711,8 +1711,8 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       }
       return M;
     }
-    function H0(r, p, u) {
-      const M = F0(r, p, u);
+    function F0(r, p, u) {
+      const M = H0(r, p, u);
       if (M !== p) return M;
       const C = Q1(u), $ = m1(r);
       if (!C && !$.length) return p;
@@ -1739,7 +1739,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
     function k2(r, p) {
       const u = q1(r);
       let M = I1(u);
-      return p?.role === "assistant" && !p.streaming && !p.error && (M = H0(u, M, p)), M = M.replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(/__([^_]+)__/g, "<strong>$1</strong>").replace(/\*([^*]+)\*/g, "<em>$1</em>").replace(/_([^_]+)_/g, "<em>$1</em>").replace(/\[([^\]]+)\]\(((?:https?:\/\/|\/(?!\/))[^)\s]+)\)/g, (C, $, n1) => {
+      return p?.role === "assistant" && !p.streaming && !p.error && (M = F0(u, M, p)), M = M.replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(/__([^_]+)__/g, "<strong>$1</strong>").replace(/\*([^*]+)\*/g, "<em>$1</em>").replace(/_([^_]+)_/g, "<em>$1</em>").replace(/\[([^\]]+)\]\(((?:https?:\/\/|\/(?!\/))[^)\s]+)\)/g, (C, $, n1) => {
         const u1 = /^https?:\/\//.test(n1) ? ' target="_blank" rel="noopener noreferrer"' : "";
         return `<a href="${n1}"${u1}>${$}</a>`;
       }).replace(/\b([A-ZÀ-ÖØ-Þ][\p{L}\p{N} _-]{1,40})\s+\(((?:\/(?!\/)[A-Za-z0-9._~:/?#[\]@!$&'*+,;=%-]+))\)/gu, (C, $, n1) => `<a href="${n1}">${$.trim()}</a>`).replace(/(^|[\s(])((?:\/(?!\/)[A-Za-z0-9._~:/?#[\]@!$&'*+,;=%-]+))/g, (C, $, n1) => C.includes("<a ") ? C : `${$}<a href="${n1}">${n1}</a>`), M;
@@ -1747,11 +1747,11 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
     function P0(r) {
       if (r.role === "assistant" && r.streaming && W(r.content))
         return "<p>Preparing image...</p>";
-      const p = [], u = r.content.replace(/\[PROMPT\]([\s\S]*?)\[\/PROMPT\]/gi, (L1, F1) => {
-        const S1 = e2(F1).trim();
-        if (!S1) return F1;
+      const p = [], u = r.content.replace(/\[PROMPT\]([\s\S]*?)\[\/PROMPT\]/gi, (L1, H1) => {
+        const S1 = e2(H1).trim();
+        if (!S1) return H1;
         const S2 = p.push(S1) - 1;
-        return `${F1}
+        return `${H1}
 
 [[WPIC_CHAT_APPLY_PROMPT_${S2}]]`;
       }), M = q1(u).replace(/\r\n/g, `
@@ -1766,20 +1766,20 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
         $ && (C.push(`<pre><code>${I1(n1.join(`
 `))}</code></pre>`), n1 = [], $ = !1);
       }, J1 = (L1) => {
-        const F1 = L1.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((S1) => S1.trim());
-        return F1.length > 1 && F1.every((S1) => /^:?-{3,}:?$/.test(S1));
-      }, Z1 = (L1) => L1.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((F1) => F1.trim());
+        const H1 = L1.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((S1) => S1.trim());
+        return H1.length > 1 && H1.every((S1) => /^:?-{3,}:?$/.test(S1));
+      }, Z1 = (L1) => L1.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((H1) => H1.trim());
       for (let L1 = 0; L1 < M.length; L1 += 1) {
-        const F1 = M[L1];
-        if (F1.trim().startsWith("```")) {
+        const H1 = M[L1];
+        if (H1.trim().startsWith("```")) {
           $ ? W1() : (k1(), C1(), $ = !0, n1 = []);
           continue;
         }
         if ($) {
-          n1.push(F1);
+          n1.push(H1);
           continue;
         }
-        const S1 = F1.trim(), S2 = S1.match(/^\[\[WPIC_CHAT_APPLY_PROMPT_(\d+)\]\]$/);
+        const S1 = H1.trim(), S2 = S1.match(/^\[\[WPIC_CHAT_APPLY_PROMPT_(\d+)\]\]$/);
         if (S2) {
           k1(), C1();
           const K1 = p[Number(S2[1])];
@@ -1876,19 +1876,19 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       o("move-session", r, p), t2();
     }
     function a0(r = j.value) {
-      o("new-conversation", r), D.value = !1, t2(), H1(() => f.value?.focus());
+      o("new-conversation", r), D.value = !1, t2(), F1(() => f.value?.focus());
     }
     function D2(r) {
       r !== c.selectedSessionId && (O.value = r);
     }
     function o0(r) {
-      D2(r), o("select-session", r), D.value = !1, t2(), H1(() => f.value?.focus());
+      D2(r), o("select-session", r), D.value = !1, t2(), F1(() => f.value?.focus());
     }
     function W0(r) {
       o("delete-session", r), t2();
     }
     function D0(r) {
-      o("update:modelValue", r.content), o("edit-message", r), H1(() => f.value?.focus());
+      o("update:modelValue", r.content), o("edit-message", r), F1(() => f.value?.focus());
     }
     function B2(r, p) {
       o("apply-message-proposal", r, p);
@@ -1933,7 +1933,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
     }
     function I2() {
       const r = c.modelValue.trim();
-      !r || c.loading || (o("send", r), H1(() => f.value?.focus()));
+      !r || c.loading || (o("send", r), F1(() => f.value?.focus()));
     }
     function $2() {
       S.value = f.value?.selectionStart ?? c.modelValue.length;
@@ -1942,13 +1942,13 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       const p = G.value;
       if (!p) return;
       const u = c.modelValue.slice(0, p.start), M = c.modelValue.slice(S.value), C = `${u}@${r.label} ${M.replace(/^\s+/, "")}`;
-      o("update:modelValue", C), T.value = 0, H1(() => {
+      o("update:modelValue", C), T.value = 0, F1(() => {
         const $ = `${u}@${r.label} `.length;
         f.value?.focus(), f.value?.setSelectionRange($, $), $2(), x2();
       });
     }
     function x2() {
-      H1(() => {
+      F1(() => {
         const r = f.value;
         if (!r) return;
         r.style.height = "auto";
@@ -2051,15 +2051,15 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       o1.value = !0;
       const M = r.clientX, C = r.clientY, $ = u.width, n1 = u.height, a1 = u.left, u1 = u.top, C1 = (W1) => {
         const J1 = W1.clientX - M, Z1 = W1.clientY - C;
-        let i2 = $, N1 = n1, L1 = a1, F1 = u1;
-        p.includes("e") && (i2 = Math.max(c.minWidth, $ + J1)), p.includes("s") && (N1 = Math.max(c.minHeight, n1 + Z1)), p.includes("w") && (i2 = Math.max(c.minWidth, $ - J1), L1 = a1 + ($ - i2)), p.includes("n") && (N1 = Math.max(c.minHeight, n1 - Z1), F1 = Math.max(c.topOffset, u1 + (n1 - N1))), o("update:width", Math.min(i2, window.innerWidth)), o("update:height", Math.min(N1, window.innerHeight - c.topOffset)), c.docked || (o("update:x", Math.max(0, L1)), o("update:y", Math.max(c.topOffset, F1)));
+        let i2 = $, N1 = n1, L1 = a1, H1 = u1;
+        p.includes("e") && (i2 = Math.max(c.minWidth, $ + J1)), p.includes("s") && (N1 = Math.max(c.minHeight, n1 + Z1)), p.includes("w") && (i2 = Math.max(c.minWidth, $ - J1), L1 = a1 + ($ - i2)), p.includes("n") && (N1 = Math.max(c.minHeight, n1 - Z1), H1 = Math.max(c.topOffset, u1 + (n1 - N1))), o("update:width", Math.min(i2, window.innerWidth)), o("update:height", Math.min(N1, window.innerHeight - c.topOffset)), c.docked || (o("update:x", Math.max(0, L1)), o("update:y", Math.max(c.topOffset, H1)));
       }, k1 = () => {
         o1.value = !1, document.removeEventListener("mousemove", C1), document.removeEventListener("mouseup", k1);
       };
       document.addEventListener("mousemove", C1), document.addEventListener("mouseup", k1);
     }
     function p0() {
-      H1(() => {
+      F1(() => {
         const r = l.value;
         r && (r.scrollTop = r.scrollHeight);
       });
@@ -2068,13 +2068,13 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
 `), p0), M1([() => c.selectedSessionId, () => c.loading, () => c.messages.length], () => {
       O.value && c.selectedSessionId === O.value && !c.loading && (O.value = null);
     }), M1(() => c.modelValue, x2), M1(() => c.open, (r) => {
-      r && (p0(), x2(), H1(() => {
+      r && (p0(), x2(), F1(() => {
         f.value?.focus(), c1();
       }));
-    }), H2(() => {
-      x2(), H1(c1), document.addEventListener("pointerdown", i0, !0);
+    }), F2(() => {
+      x2(), F1(c1), document.addEventListener("pointerdown", i0, !0);
     }), s2(() => {
-      H?.disconnect(), z && window.clearTimeout(z), r2(), document.removeEventListener("pointerdown", i0, !0);
+      F?.disconnect(), z && window.clearTimeout(z), r2(), document.removeEventListener("pointerdown", i0, !0);
     }), (r, p) => (e(), K(O1, { to: "body" }, [
       V(w2, {
         "enter-active-class": "wpic:transition-opacity wpic:duration-150",
@@ -2491,12 +2491,12 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
                                 alt: C.name,
                                 class: "wpic:h-full wpic:w-full wpic:object-cover",
                                 loading: "lazy"
-                              }, null, 8, F4)) : (e(), t(E, { key: 1 }, [
+                              }, null, 8, H4)) : (e(), t(E, { key: 1 }, [
                                 V(v(O2), {
                                   size: 12,
                                   class: "wpic:shrink-0"
                                 }),
-                                i("span", H4, m(C.name), 1),
+                                i("span", F4, m(C.name), 1),
                                 A2(C.bytes) ? (e(), t("span", P4, m(A2(C.bytes)), 1)) : h("", !0)
                               ], 64))
                             ], 2))), 128))
@@ -2802,7 +2802,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       const B = Math.min(g(), f.value);
       B !== c.modelValue && o("update:modelValue", B);
     }
-    H2(() => {
+    F2(() => {
       l = window.location.pathname, T(), window.addEventListener("popstate", T);
     }), s2(() => window.removeEventListener("popstate", T)), M1(
       () => c.modelValue,
@@ -2892,10 +2892,10 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
   class: "wpic:shrink-0 wpic:text-zinc-400 wpic:dark:text-zinc-500"
 }, z6 = { style: { overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" } }, C6 = {
   key: 0,
-  class: "wpic:flex wpic:items-center wpic:gap-2 wpic:px-2.5 wpic:py-1.5 wpic:border-b wpic:border-zinc-100 wpic:dark:border-zinc-800"
+  class: "wpic:shrink-0 wpic:flex wpic:items-center wpic:gap-2 wpic:px-2.5 wpic:py-1.5 wpic:border-b wpic:border-zinc-100 wpic:dark:border-zinc-800"
 }, k6 = ["placeholder"], x6 = {
   key: 1,
-  class: "wpic:flex wpic:items-center wpic:justify-between wpic:px-2.5 wpic:py-1 wpic:border-b wpic:border-zinc-100 wpic:dark:border-zinc-800"
+  class: "wpic:shrink-0 wpic:flex wpic:items-center wpic:justify-between wpic:px-2.5 wpic:py-1 wpic:border-b wpic:border-zinc-100 wpic:dark:border-zinc-800"
 }, y6 = { class: "wpic:p-1 wpic:flex-1 wpic:overflow-y-auto wpic:min-h-0" }, M6 = { class: "wpic:min-w-0 wpic:flex-1" }, V6 = { class: "wpic:block wpic:truncate wpic:text-zinc-900 wpic:dark:text-zinc-100" }, L6 = {
   key: 0,
   class: "wpic:mt-0.5 wpic:block wpic:text-sm wpic:font-normal wpic:text-zinc-500 wpic:dark:text-zinc-400"
@@ -2929,15 +2929,17 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
     popoverWidth: {},
     popoverPlacement: {},
     popoverFlip: { type: Boolean, default: !0 },
+    popoverAutoPlacement: { type: Boolean },
+    popoverMinHeight: {},
     popoverMaxHeight: {}
   },
   emits: ["update:modelValue", "open-change"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = (P) => typeof P == "object" && P !== null ? P : { value: P, label: String(P), icon: void 0, iconKey: void 0, meta: void 0, metaVariant: void 0 }, l = F(!1), s = F(null), f = `wpic-select-${g0().uid}`, k = F(null), g = F(""), a = F(c.multiple ? [...c.modelValue ?? []] : []);
+    const c = n, o = w, d = (P) => typeof P == "object" && P !== null ? P : { value: P, label: String(P), icon: void 0, iconKey: void 0, meta: void 0, metaVariant: void 0 }, l = H(!1), s = H(null), f = `wpic-select-${g0().uid}`, k = H(null), g = H(""), a = H(c.multiple ? [...c.modelValue ?? []] : []);
     M1(() => c.modelValue, (P) => {
       c.multiple && (a.value = [...P ?? []]);
     }, { deep: !0 }), M1(l, (P) => {
-      o("open-change", P), P && c.searchable && H1(() => k.value?.focus()), P || (g.value = "");
+      o("open-change", P), P && c.searchable && F1(() => k.value?.focus()), P || (g.value = "");
     });
     const T = x(() => (c.options ?? []).map(d)), S = x(() => {
       if (!c.searchable || !g.value) return T.value;
@@ -2947,7 +2949,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       O || (o("update:modelValue", P), l.value = !1);
     }, B = (P, O = !1) => {
       if (O) return;
-      const I = a.value.includes(P) ? a.value.filter((H) => H !== P) : [...a.value, P];
+      const I = a.value.includes(P) ? a.value.filter((F) => F !== P) : [...a.value, P];
       a.value = I, o("update:modelValue", [...I]);
     }, y = x(() => {
       if (!c.creatable || !g.value.trim()) return !1;
@@ -2972,8 +2974,8 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
         (y1) => T.value.some((J) => String(J.value) === String(y1))
       ), I = O.length;
       if (I === 0) return c.placeholder ?? "Select…";
-      const H = c.allLabel ?? c.placeholder ?? "All";
-      if (I === P) return `${H} · ${P}`;
+      const F = c.allLabel ?? c.placeholder ?? "All";
+      if (I === P) return `${F} · ${P}`;
       const c1 = c.maxLabels ?? 3, l1 = O.map((y1) => {
         const J = T.value.find((p1) => String(p1.value) === String(y1));
         return J ? J.label : null;
@@ -3052,6 +3054,9 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
         width: n.popoverWidth,
         placement: n.popoverPlacement,
         flip: n.popoverFlip,
+        "auto-placement": n.popoverAutoPlacement,
+        "min-height": n.popoverMinHeight,
+        "panel-scroll": !1,
         "freeze-position-on-open": !1,
         "z-index": n.popoverZIndex,
         "max-height": n.popoverMaxHeight ?? "50vh",
@@ -3080,7 +3085,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
             i("button", {
               type: "button",
               onClick: O[4] || (O[4] = f1((I) => {
-                a.value = T.value.filter((H) => !H.disabled).map((H) => H.value), o("update:modelValue", [...a.value]);
+                a.value = T.value.filter((F) => !F.disabled).map((F) => F.value), o("update:modelValue", [...a.value]);
               }, ["stop"])),
               class: "wpic:bg-transparent wpic:border-none wpic:cursor-pointer wpic:text-base wpic:text-zinc-500 wpic:dark:text-zinc-400 wpic:hover:text-zinc-700 wpic:dark:hover:text-zinc-200 wpic:transition wpic:p-0.5"
             }, m(n.selectAllLabel), 1),
@@ -3105,7 +3110,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
                 selected: Z(I.value),
                 "separator-before": !!(I.separatorBefore && !I.groupLabel),
                 title: I.description,
-                onClick: (H) => n.multiple ? B(I.value, I.disabled) : D(I.value, I.disabled)
+                onClick: (F) => n.multiple ? B(I.value, I.disabled) : D(I.value, I.disabled)
               }, {
                 default: r1(() => [
                   Q(P.$slots, "option", {
@@ -3161,7 +3166,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
           ])
         ]),
         _: 3
-      }, 8, ["open", "anchor", "match-anchor-width", "width", "placement", "flip", "z-index", "max-height"])
+      }, 8, ["open", "anchor", "match-anchor-width", "width", "placement", "flip", "auto-placement", "min-height", "z-index", "max-height"])
     ], 4));
   }
 }), $6 = { class: "wpic:font-normal wpic:text-zinc-400 wpic:dark:text-zinc-500" }, Ot = /* @__PURE__ */ X({
@@ -3218,7 +3223,7 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       ]
     ]);
   }
-}), S6 = { class: "wpic:py-1" }, F6 = ["onClick"], H6 = { class: "wpic:flex-1 wpic:text-zinc-700 wpic:dark:text-zinc-300" }, P6 = /* @__PURE__ */ X({
+}), S6 = { class: "wpic:py-1" }, H6 = ["onClick"], F6 = { class: "wpic:flex-1 wpic:text-zinc-700 wpic:dark:text-zinc-300" }, P6 = /* @__PURE__ */ X({
   __name: "WOptionPopover",
   props: {
     modelValue: {},
@@ -3255,13 +3260,13 @@ const P5 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
               size: 13,
               class: "wpic:shrink-0 wpic:text-zinc-400"
             })) : h("", !0),
-            i("span", H6, m(s.label), 1),
+            i("span", F6, m(s.label), 1),
             n.modelValue === s.value ? (e(), K(v(U1), {
               key: 2,
               size: 13,
               class: "wpic:shrink-0 wpic:text-indigo-500"
             })) : h("", !0)
-          ], 8, F6))), 128))
+          ], 8, H6))), 128))
         ])
       ]),
       _: 1
@@ -3336,7 +3341,7 @@ const T6 = {
   },
   emits: ["update:modelValue", "update:checked", "remove"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = _0(), l = F(null), s = x(() => l.value?.$el ?? l.value ?? null), f = F(!1), k = x(() => c.checkable || c.editable), g = x(() => k.value && c.removable), a = x(() => {
+    const c = n, o = w, d = _0(), l = H(null), s = x(() => l.value?.$el ?? l.value ?? null), f = H(!1), k = x(() => c.checkable || c.editable), g = x(() => k.value && c.removable), a = x(() => {
       const B = { ...d };
       return delete B.class, B;
     }), T = x(() => ({
@@ -3655,7 +3660,7 @@ const T6 = {
   },
   emits: ["close"],
   setup(n, { emit: w }) {
-    const c = V2(), o = w, d = F(!1);
+    const c = V2(), o = w, d = H(!1);
     return g2("wpic-pagination-url-sync", !1), (l, s) => (e(), K(O1, { to: "body" }, [
       i("div", {
         style: h1(v(c)?.variables),
@@ -3765,7 +3770,7 @@ const T6 = {
     ]));
   }
 }), g9 = S3("wpic-toast", () => {
-  const n = F([]), w = (s, f = "error", k = 5e3, g = null, a = null) => {
+  const n = H([]), w = (s, f = "error", k = 5e3, g = null, a = null) => {
     const T = Date.now(), S = typeof s == "object" ? s.title : s, D = typeof s == "object" ? s.description ?? null : a;
     n.value.push({ id: T, message: S, title: S, description: D, type: f, action: g }), k > 0 && setTimeout(() => c(T), k);
   }, c = (s) => {
@@ -3901,7 +3906,7 @@ const T6 = {
       ])
     ]));
   }
-}), S9 = { class: "w-tabs" }, F9 = ["disabled", "onClick"], H9 = { class: "tab-label" }, P9 = {
+}), S9 = { class: "w-tabs" }, H9 = ["disabled", "onClick"], F9 = { class: "tab-label" }, P9 = {
   key: 1,
   class: "tab-badge"
 }, T9 = {
@@ -3943,9 +3948,9 @@ const T6 = {
             key: 0,
             class: b(["tab-icon", `size-${n.size}`])
           }, null, 8, ["class"])) : h("", !0),
-          i("span", H9, m(k.label), 1),
+          i("span", F9, m(k.label), 1),
           k.badge ? (e(), t("span", P9, m(k.badge), 1)) : h("", !0)
-        ], 10, F9))), 128))
+        ], 10, H9))), 128))
       ]),
       s.$slots.actions ? (e(), t("div", T9, [
         Q(s.$slots, "actions", {}, void 0, !0)
@@ -4156,11 +4161,11 @@ const ii = /* @__PURE__ */ Y1(X9, [["render", _9]]), n7 = ["placeholder", "rows"
   },
   emits: ["update:modelValue"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = x(() => c.mode === "range"), l = F(!1), s = F(null), f = F(null), { floatingStyles: k } = m2(s, f, {
+    const c = n, o = w, d = x(() => c.mode === "range"), l = H(!1), s = H(null), f = H(null), { floatingStyles: k } = m2(s, f, {
       placement: "bottom-start",
       middleware: [u2(4), h2({ padding: 8 }), v2({ padding: 8 })],
       whileElementsMounted: f2
-    }), g = /* @__PURE__ */ new Date(), a = F(g.getFullYear()), T = F(g.getMonth()), S = x(() => T.value === 11 ? a.value + 1 : a.value), D = x(() => T.value === 11 ? 0 : T.value + 1), B = F(null), y = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], z = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], Z = (L, R) => {
+    }), g = /* @__PURE__ */ new Date(), a = H(g.getFullYear()), T = H(g.getMonth()), S = x(() => T.value === 11 ? a.value + 1 : a.value), D = x(() => T.value === 11 ? 0 : T.value + 1), B = H(null), y = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], z = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], Z = (L, R) => {
       const m1 = (new Date(L, R, 1).getDay() + 6) % 7, x1 = new Date(L, R + 1, 0).getDate(), P1 = new Date(L, R, 0).getDate(), A = [];
       for (let N = m1 - 1; N >= 0; N--)
         A.push({ day: P1 - N, month: R - 1, year: L, outside: !0 });
@@ -4173,13 +4178,13 @@ const ii = /* @__PURE__ */ Y1(X9, [["render", _9]]), n7 = ["placeholder", "rows"
     }, o1 = x(() => Z(a.value, T.value)), b1 = x(() => Z(S.value, D.value)), q = (L) => {
       const R = L.month < 0 ? L.year - 1 : L.month > 11 ? L.year + 1 : L.year, t1 = (L.month % 12 + 12) % 12;
       return `${R}-${String(t1 + 1).padStart(2, "0")}-${String(L.day).padStart(2, "0")}`;
-    }, e1 = `${g.getFullYear()}-${String(g.getMonth() + 1).padStart(2, "0")}-${String(g.getDate()).padStart(2, "0")}`, P = x(() => d.value ? c.modelValue?.start ?? null : c.modelValue ?? null), O = x(() => d.value ? c.modelValue?.end ?? null : null), I = x(() => !!(P.value && O.value)), H = F(null), c1 = (L) => {
+    }, e1 = `${g.getFullYear()}-${String(g.getMonth() + 1).padStart(2, "0")}-${String(g.getDate()).padStart(2, "0")}`, P = x(() => d.value ? c.modelValue?.start ?? null : c.modelValue ?? null), O = x(() => d.value ? c.modelValue?.end ?? null : null), I = x(() => !!(P.value && O.value)), F = H(null), c1 = (L) => {
       if (!d.value) return !1;
       const R = q(L);
       return I.value && !B.value ? R > P.value && R < O.value : !1;
     }, l1 = (L) => {
-      if (!d.value || !B.value || !H.value) return !1;
-      const R = q(L), [t1, m1] = [B.value, H.value].sort();
+      if (!d.value || !B.value || !F.value) return !1;
+      const R = q(L), [t1, m1] = [B.value, F.value].sort();
       return R > t1 && R < m1;
     }, y1 = (L) => {
       if (!d.value) return !1;
@@ -4290,8 +4295,8 @@ const ii = /* @__PURE__ */ Y1(X9, [["render", _9]]), n7 = ["placeholder", "rows"
               (e(!0), t(E, null, i1(o1.value, (t1, m1) => (e(), t("button", {
                 key: m1,
                 onClick: (x1) => J(t1),
-                onMouseenter: (x1) => H.value = q(t1),
-                onMouseleave: R[1] || (R[1] = (x1) => H.value = null),
+                onMouseenter: (x1) => F.value = q(t1),
+                onMouseleave: R[1] || (R[1] = (x1) => F.value = null),
                 type: "button",
                 class: b(["wpic:h-8 wpic:w-full wpic:flex wpic:items-center wpic:justify-center wpic:rounded-lg wpic:transition wpic:cursor-pointer", d1(t1)])
               }, m(t1.day), 43, u7))), 128))
@@ -4321,8 +4326,8 @@ const ii = /* @__PURE__ */ Y1(X9, [["render", _9]]), n7 = ["placeholder", "rows"
                 (e(!0), t(E, null, i1(b1.value, (t1, m1) => (e(), t("button", {
                   key: m1,
                   onClick: (x1) => J(t1),
-                  onMouseenter: (x1) => H.value = q(t1),
-                  onMouseleave: R[2] || (R[2] = (x1) => H.value = null),
+                  onMouseenter: (x1) => F.value = q(t1),
+                  onMouseleave: R[2] || (R[2] = (x1) => F.value = null),
                   type: "button",
                   class: b(["wpic:h-8 wpic:w-full wpic:flex wpic:items-center wpic:justify-center wpic:rounded-lg wpic:transition wpic:cursor-pointer", d1(t1)])
                 }, m(t1.day), 43, g7))), 128))
@@ -4420,7 +4425,7 @@ const di = /* @__PURE__ */ Y1(B7, [["render", $7]]), wi = /* @__PURE__ */ X({
       }, null, 8, ["size"]))
     ], 8, A7));
   }
-}), S7 = { class: "wpic:bg-white wpic:dark:bg-zinc-900 wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:rounded-2xl wpic:p-6 wpic:w-[360px] wpic:mx-4 wpic:shadow-[0_25px_50px_rgba(0,0,0,0.4)]" }, F7 = { class: "wpic:flex wpic:gap-4 wpic:mb-5" }, H7 = { class: "wpic:text-base wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:font-semibold wpic:leading-tight" }, P7 = { class: "wpic:text-base wpic:text-zinc-400 wpic:dark:text-zinc-500 wpic:mt-1.5 wpic:leading-relaxed" }, T7 = { class: "wpic:flex wpic:gap-2 wpic:justify-end" }, vi = /* @__PURE__ */ X({
+}), S7 = { class: "wpic:bg-white wpic:dark:bg-zinc-900 wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:rounded-2xl wpic:p-6 wpic:w-[360px] wpic:mx-4 wpic:shadow-[0_25px_50px_rgba(0,0,0,0.4)]" }, H7 = { class: "wpic:flex wpic:gap-4 wpic:mb-5" }, F7 = { class: "wpic:text-base wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:font-semibold wpic:leading-tight" }, P7 = { class: "wpic:text-base wpic:text-zinc-400 wpic:dark:text-zinc-500 wpic:mt-1.5 wpic:leading-relaxed" }, T7 = { class: "wpic:flex wpic:gap-2 wpic:justify-end" }, vi = /* @__PURE__ */ X({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -4440,7 +4445,7 @@ const di = /* @__PURE__ */ Y1(B7, [["render", $7]]), wi = /* @__PURE__ */ X({
         onClick: d[2] || (d[2] = f1((l) => c("cancel"), ["self"]))
       }, [
         i("div", S7, [
-          i("div", F7, [
+          i("div", H7, [
             i("div", {
               class: b([
                 "wpic:w-11 wpic:h-11 wpic:rounded-full wpic:flex wpic:items-center wpic:justify-center wpic:shrink-0",
@@ -4453,7 +4458,7 @@ const di = /* @__PURE__ */ Y1(B7, [["render", $7]]), wi = /* @__PURE__ */ X({
               }, null, 8, ["class"])
             ], 2),
             i("div", null, [
-              i("h3", H7, m(n.title ?? "Confirm"), 1),
+              i("h3", F7, m(n.title ?? "Confirm"), 1),
               i("p", P7, m(n.message ?? "Are you sure?"), 1)
             ])
           ]),
@@ -4678,7 +4683,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   },
   emits: ["update:modelValue", "update:simpleValue"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = x(() => c.simpleValue ?? []), l = F(""), s = F(!1), f = x(() => {
+    const c = n, o = w, d = x(() => c.simpleValue ?? []), l = H(""), s = H(!1), f = x(() => {
       const W = l.value.trim().toLowerCase(), Y = new Set(d.value), _ = c.options ?? [];
       return W ? _.filter((z1) => z1.toLowerCase().includes(W) && !Y.has(z1)) : _.filter((z1) => !Y.has(z1)).slice(0, 8);
     }), k = x(() => {
@@ -4701,8 +4706,8 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
         s.value = !1;
       }, 150);
     }
-    const D = F(""), B = F("idle"), y = F(null), z = F(null), Z = F(null), o1 = F(""), b1 = F(null), q = F(null), e1 = F(null), P = F(!1), O = F([]), I = F(!1);
-    let H = null;
+    const D = H(""), B = H("idle"), y = H(null), z = H(null), Z = H(null), o1 = H(""), b1 = H(null), q = H(null), e1 = H(null), P = H(!1), O = H([]), I = H(!1);
+    let F = null;
     const { getRecent: c1, addRecent: l1 } = Z7(c.recentKey, 10), { floatingStyles: y1 } = m2(q, e1, {
       placement: "bottom-start",
       middleware: [
@@ -4742,11 +4747,11 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       }, 150);
     };
     function R() {
-      if (H && clearTimeout(H), y.value && (y.value = null), z.value = null, !D.value.trim()) {
+      if (F && clearTimeout(F), y.value && (y.value = null), z.value = null, !D.value.trim()) {
         O.value = [];
         return;
       }
-      H = setTimeout(t1, 250);
+      F = setTimeout(t1, 250);
     }
     async function t1() {
       const W = D.value.trim();
@@ -4764,7 +4769,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       }
     }
     function m1(W) {
-      W.key === "Enter" && (H && clearTimeout(H), P1()), W.key === "Escape" && (U(), P.value = !1);
+      W.key === "Enter" && (F && clearTimeout(F), P1()), W.key === "Escape" && (U(), P.value = !1);
     }
     async function x1(W) {
       if (G(W)) return;
@@ -4827,7 +4832,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       }
     }
     function w1(W) {
-      Z.value = W, o1.value = y.value?.translations?.[W]?.value || "", H1(() => b1.value?.focus());
+      Z.value = W, o1.value = y.value?.translations?.[W]?.value || "", F1(() => b1.value?.focus());
     }
     function s1(W) {
       const Y = o1.value.trim();
@@ -4842,7 +4847,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
             class: "wpic:cursor-default"
           }, {
             default: r1(() => [
-              V(v(F2), {
+              V(v(H2), {
                 size: 9,
                 class: "wpic:shrink-0 wpic:mr-0.5"
               }),
@@ -4875,7 +4880,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
               class: "wpic:flex wpic:w-full wpic:items-center wpic:gap-2 wpic:px-3 wpic:py-2 wpic:text-left wpic:text-sm wpic:text-zinc-700 wpic:hover:bg-zinc-50 wpic:dark:text-zinc-200 wpic:dark:hover:bg-zinc-800 wpic:transition-colors",
               onMousedown: f1((z1) => g(_), ["prevent"])
             }, [
-              V(v(F2), {
+              V(v(H2), {
                 size: 12,
                 class: "wpic:shrink-0 wpic:text-zinc-400"
               }),
@@ -4903,7 +4908,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
             class: "wpic:cursor-default"
           }, {
             default: r1(() => [
-              V(v(F2), {
+              V(v(H2), {
                 size: 9,
                 class: "wpic:shrink-0 wpic:mr-0.5"
               }),
@@ -4959,7 +4964,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
               class: b(["wpic:w-full wpic:text-left wpic:px-3 wpic:py-2 wpic:hover:bg-black/5 wpic:dark:hover:bg-white/5 wpic:cursor-pointer wpic:transition wpic:flex wpic:items-center wpic:gap-2", G(_) ? "wpic:opacity-40 wpic:cursor-default" : "wpic:text-zinc-600 wpic:dark:text-zinc-400"]),
               onMousedown: f1((z1) => !G(_) && x1(_), ["prevent"])
             }, [
-              V(v(F2), {
+              V(v(H2), {
                 size: 11,
                 class: "wpic:shrink-0 wpic:text-zinc-400 wpic:dark:text-zinc-500"
               }),
@@ -5133,14 +5138,14 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   },
   emits: ["update:modelValue", "update:subValue"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = F(!1), l = F(""), s = F(null), f = F(null), k = F(null), g = F(null), a = F(null), T = F(null), { floatingStyles: S } = m2(f, k, {
+    const c = n, o = w, d = H(!1), l = H(""), s = H(null), f = H(null), k = H(null), g = H(null), a = H(null), T = H(null), { floatingStyles: S } = m2(f, k, {
       placement: "bottom-start",
       middleware: [
         u2(4),
         h2({ padding: 8 }),
         v2({ padding: 8 }),
-        X2({ padding: 8, apply({ availableHeight: H, elements: c1 }) {
-          Object.assign(c1.floating.style, { maxHeight: `${Math.min(360, H)}px` });
+        X2({ padding: 8, apply({ availableHeight: F, elements: c1 }) {
+          Object.assign(c1.floating.style, { maxHeight: `${Math.min(360, F)}px` });
         } })
       ],
       whileElementsMounted: f2
@@ -5153,27 +5158,27 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       ],
       whileElementsMounted: f2
     });
-    M1(d, (H) => {
-      H ? H1(() => g.value?.focus()) : s.value = null;
+    M1(d, (F) => {
+      F ? F1(() => g.value?.focus()) : s.value = null;
     });
     const B = x(() => {
-      const H = l.value.toLowerCase();
-      return H ? c.items.filter((c1) => c1.name.toLowerCase().includes(H) ? !0 : (c.subItems[c1.id] ?? []).some((l1) => l1.name.toLowerCase().includes(H))) : c.items;
+      const F = l.value.toLowerCase();
+      return F ? c.items.filter((c1) => c1.name.toLowerCase().includes(F) ? !0 : (c.subItems[c1.id] ?? []).some((l1) => l1.name.toLowerCase().includes(F))) : c.items;
     }), y = x(() => {
       if (!c.modelValue) return "";
-      const H = c.items.find((c1) => c1.id === c.modelValue);
-      if (!H) return "";
+      const F = c.items.find((c1) => c1.id === c.modelValue);
+      if (!F) return "";
       if (c.subValue) {
         const c1 = (c.subItems[c.modelValue] ?? []).find((l1) => l1.id === c.subValue);
-        return c1 ? `${H.name} › ${c1.name}` : H.name;
+        return c1 ? `${F.name} › ${c1.name}` : F.name;
       }
-      return H.name;
+      return F.name;
     }), z = x(
       () => s.value !== null ? c.subItems[s.value] ?? [] : []
     );
     let Z = null;
-    const o1 = (H, c1) => {
-      Z && clearTimeout(Z), s.value = H, a.value = c1.currentTarget;
+    const o1 = (F, c1) => {
+      Z && clearTimeout(Z), s.value = F, a.value = c1.currentTarget;
     }, b1 = () => {
       Z = setTimeout(() => {
         s.value = null;
@@ -5184,14 +5189,14 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       Z = setTimeout(() => {
         s.value = null;
       }, 150);
-    }, P = (H) => {
-      o("update:modelValue", H.id), o("update:subValue", ""), d.value = !1, l.value = "";
-    }, O = (H, c1) => {
-      o("update:modelValue", H), o("update:subValue", c1.id), d.value = !1, l.value = "";
+    }, P = (F) => {
+      o("update:modelValue", F.id), o("update:subValue", ""), d.value = !1, l.value = "";
+    }, O = (F, c1) => {
+      o("update:modelValue", F), o("update:subValue", c1.id), d.value = !1, l.value = "";
     }, I = () => {
       o("update:modelValue", ""), o("update:subValue", ""), d.value = !1, l.value = "";
     };
-    return (H, c1) => (e(), t("div", null, [
+    return (F, c1) => (e(), t("div", null, [
       i("button", {
         ref_key: "triggerRef",
         ref: f,
@@ -5366,7 +5371,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       ]))
     ]));
   }
-}), F8 = ["data-wpic-theme"], H8 = /* @__PURE__ */ X({
+}), H8 = ["data-wpic-theme"], F8 = /* @__PURE__ */ X({
   __name: "WTooltip",
   props: {
     content: {},
@@ -5376,7 +5381,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
     inline: { type: Boolean }
   },
   setup(n) {
-    const w = n, c = V2(), o = F(null), d = F(null), l = F(!1);
+    const w = n, c = V2(), o = H(null), d = H(null), l = H(!1);
     let s = null;
     const { floatingStyles: f } = m2(o, d, {
       placement: w.placement ?? "top",
@@ -5425,7 +5430,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
               class: b([{ "wpic-theme": v(c), dark: v(c)?.mode === "dark" }, "wpic-tooltip-panel wpic:pointer-events-none wpic:z-[9999] wpic:max-w-[200px] wpic:whitespace-pre-line wpic:break-words wpic:text-base wpic:font-medium"]),
               "data-wpic-theme": v(c)?.mode,
               role: "tooltip"
-            }, m(n.content), 15, F8)) : h("", !0)
+            }, m(n.content), 15, H8)) : h("", !0)
           ]),
           _: 1
         })
@@ -5445,7 +5450,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   },
   setup(n) {
     const w = n, c = x(() => w.value != null && Number.isFinite(w.value)), o = x(() => !c.value || w.value === 0 ? "neutral" : w.value > 0 != !!w.inverse ? "positive" : "negative");
-    return (d, l) => (e(), K(H8, {
+    return (d, l) => (e(), K(F8, {
       content: n.description || "",
       disabled: !n.description
     }, {
@@ -5836,7 +5841,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
     size: {}
   },
   setup(n) {
-    const w = n, c = F(!1);
+    const w = n, c = H(!1);
     M1(() => w.src, () => {
       c.value = !1;
     });
@@ -5935,7 +5940,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   },
   emits: ["update:modelValue", "change"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = F(!1), l = F(null), s = /* @__PURE__ */ new Date(), f = F(new Date(s.getFullYear(), s.getMonth(), 1));
+    const c = n, o = w, d = H(!1), l = H(null), s = /* @__PURE__ */ new Date(), f = H(new Date(s.getFullYear(), s.getMonth(), 1));
     function k(q) {
       if (!q || !/^\d{4}-\d{2}-\d{2}$/.test(q)) return null;
       const [e1, P, O] = q.split("-").map(Number), I = new Date(e1, P - 1, O);
@@ -5955,7 +5960,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       });
     }), B = x(() => {
       const q = f.value.getFullYear(), e1 = f.value.getMonth(), P = new Date(q, e1, 1), O = c.weekStartsOn === 1 ? (P.getDay() + 6) % 7 : P.getDay(), I = new Date(q, e1, 1 - O);
-      return Array.from({ length: 42 }, (H, c1) => {
+      return Array.from({ length: 42 }, (F, c1) => {
         const l1 = new Date(I);
         return l1.setDate(I.getDate() + c1), { iso: g(l1), day: l1.getDate(), inMonth: l1.getMonth() === e1 };
       });
@@ -6086,7 +6091,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   },
   emits: ["update:modelValue", "change", "refresh"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = F(!1), l = x(() => c.filters.length ? Array.isArray(c.filters[0]) ? c.filters : [c.filters] : []);
+    const c = n, o = w, d = H(!1), l = x(() => c.filters.length ? Array.isArray(c.filters[0]) ? c.filters : [c.filters] : []);
     function s(S) {
       return c.modelValue[S];
     }
@@ -6100,7 +6105,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       }, 300);
     }
     function a(S, D) {
-      f(S, D), H1(() => o("change"));
+      f(S, D), F1(() => o("change"));
     }
     function T() {
       d.value = !0, o("refresh"), o("change"), setTimeout(() => {
@@ -6194,7 +6199,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   },
   emits: ["click", "select"],
   setup(n, { emit: w }) {
-    const c = w, o = F(!1), d = F(null), l = x(() => d.value?.$el ?? null);
+    const c = w, o = H(!1), d = H(null), l = x(() => d.value?.$el ?? null);
     function s(f) {
       f.disabled || (o.value = !1, c("select", f.value));
     }
@@ -6268,7 +6273,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
 }), An = { class: "wpic:inline-flex wpic:items-center wpic:gap-2" }, Sn = {
   key: 0,
   class: "wpic:text-sm wpic:text-zinc-500 wpic:dark:text-zinc-400"
-}, Fn = { class: "wpic:font-mono" }, Hn = { class: "wpic:p-3" }, Pn = { class: "wpic:grid wpic:grid-cols-[88px_repeat(11,minmax(0,1fr))] wpic:gap-1" }, Tn = { class: "wpic:flex wpic:h-7 wpic:items-center wpic:pr-2 wpic:text-sm wpic:text-zinc-500 wpic:dark:text-zinc-400" }, jn = ["title", "onClick"], Si = /* @__PURE__ */ X({
+}, Hn = { class: "wpic:font-mono" }, Fn = { class: "wpic:p-3" }, Pn = { class: "wpic:grid wpic:grid-cols-[88px_repeat(11,minmax(0,1fr))] wpic:gap-1" }, Tn = { class: "wpic:flex wpic:h-7 wpic:items-center wpic:pr-2 wpic:text-sm wpic:text-zinc-500 wpic:dark:text-zinc-400" }, jn = ["title", "onClick"], Si = /* @__PURE__ */ X({
   __name: "WTailwindColorPicker",
   props: {
     modelValue: {},
@@ -6278,7 +6283,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   },
   emits: ["update:modelValue"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = F(null), l = F(!1), s = [
+    const c = n, o = w, d = H(null), l = H(!1), s = [
       "wpic:bg-white",
       "wpic:bg-slate-50",
       "wpic:bg-slate-100",
@@ -6767,7 +6772,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
         i("span", {
           class: b(["wpic:h-4 wpic:w-4 wpic:rounded wpic:border wpic:border-black/10 wpic:dark:border-white/10", k.value ? `wpic:${k.value.class}` : void 0])
         }, null, 2),
-        i("span", Fn, m(k.value ? k.value.shade ? `${k.value.name}-${k.value.shade}` : k.value.name : n.modelValue), 1)
+        i("span", Hn, m(k.value ? k.value.shade ? `${k.value.name}-${k.value.shade}` : k.value.name : n.modelValue), 1)
       ], 512),
       V(n2, {
         open: l.value,
@@ -6778,7 +6783,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
         onClose: T[2] || (T[2] = (S) => l.value = !1)
       }, {
         default: r1(() => [
-          i("div", Hn, [
+          i("div", Fn, [
             i("button", {
               type: "button",
               class: b(["wpic:mb-3 wpic:flex wpic:h-8 wpic:w-full wpic:items-center wpic:gap-2 wpic:rounded-md wpic:border wpic:px-2 wpic:text-sm wpic:transition wpic:hover:bg-zinc-50 wpic:dark:hover:bg-zinc-800", n.modelValue === "bg-white" ? "wpic:border-indigo-500 wpic:ring-2 wpic:ring-indigo-500/40" : "wpic:border-zinc-200 wpic:dark:border-zinc-700"]),
@@ -6828,7 +6833,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
 }, Nn = { class: "wpic:w-44 wpic:border-r wpic:border-zinc-100 wpic:py-2 wpic:dark:border-zinc-800" }, Kn = ["aria-pressed", "onClick"], On = {
   key: 0,
   class: "wpic:p-4"
-}, Un = { class: "wpic:mb-3 wpic:flex wpic:items-center wpic:justify-between" }, Yn = ["aria-label"], qn = { class: "wpic:font-medium wpic:text-zinc-900 wpic:dark:text-zinc-100" }, Qn = ["aria-label"], Jn = { class: "wpic:mb-1 wpic:grid wpic:grid-cols-7 wpic:text-center" }, Xn = { class: "wpic:grid wpic:grid-cols-7 wpic:gap-y-1" }, Gn = ["aria-label", "aria-pressed", "data-in-range", "data-today", "onClick"], _n = { class: "wpic:mt-3 wpic:border-t wpic:border-zinc-100 wpic:pt-3 wpic:dark:border-zinc-800" }, ne = { class: "wpic:mb-2 wpic:flex wpic:items-center wpic:gap-2 wpic:text-sm wpic:text-zinc-500" }, ee = { class: "wpic:rounded wpic:bg-zinc-100 wpic:px-2 wpic:py-0.5 wpic:dark:bg-zinc-800" }, ce = { class: "wpic:rounded wpic:bg-zinc-100 wpic:px-2 wpic:py-0.5 wpic:dark:bg-zinc-800" }, te = ["disabled"], Fi = /* @__PURE__ */ X({
+}, Un = { class: "wpic:mb-3 wpic:flex wpic:items-center wpic:justify-between" }, Yn = ["aria-label"], qn = { class: "wpic:font-medium wpic:text-zinc-900 wpic:dark:text-zinc-100" }, Qn = ["aria-label"], Jn = { class: "wpic:mb-1 wpic:grid wpic:grid-cols-7 wpic:text-center" }, Xn = { class: "wpic:grid wpic:grid-cols-7 wpic:gap-y-1" }, Gn = ["aria-label", "aria-pressed", "data-in-range", "data-today", "onClick"], _n = { class: "wpic:mt-3 wpic:border-t wpic:border-zinc-100 wpic:pt-3 wpic:dark:border-zinc-800" }, ne = { class: "wpic:mb-2 wpic:flex wpic:items-center wpic:gap-2 wpic:text-sm wpic:text-zinc-500" }, ee = { class: "wpic:rounded wpic:bg-zinc-100 wpic:px-2 wpic:py-0.5 wpic:dark:bg-zinc-800" }, ce = { class: "wpic:rounded wpic:bg-zinc-100 wpic:px-2 wpic:py-0.5 wpic:dark:bg-zinc-800" }, te = ["disabled"], Hi = /* @__PURE__ */ X({
   __name: "WDateRangePicker",
   props: {
     locale: {},
@@ -6855,7 +6860,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   },
   emits: ["update:modelValue"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = F(!1), l = F(null), s = F(c.modelValue?.preset ?? null), f = F(c.modelValue?.since ?? ""), k = F(c.modelValue?.until ?? ""), g = /* @__PURE__ */ new Date(), a = F(new Date(g.getFullYear(), g.getMonth(), 1)), T = F("from");
+    const c = n, o = w, d = H(!1), l = H(null), s = H(c.modelValue?.preset ?? null), f = H(c.modelValue?.since ?? ""), k = H(c.modelValue?.until ?? ""), g = /* @__PURE__ */ new Date(), a = H(new Date(g.getFullYear(), g.getMonth(), 1)), T = H("from");
     function S(J) {
       return `${J.getFullYear()}-${String(J.getMonth() + 1).padStart(2, "0")}-${String(J.getDate()).padStart(2, "0")}`;
     }
@@ -6930,7 +6935,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
     function I(J) {
       return !f.value || !k.value ? !1 : J > f.value && J < k.value;
     }
-    function H(J) {
+    function F(J) {
       return J === S(g);
     }
     function c1(J) {
@@ -7037,7 +7042,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
                   "aria-label": G.date,
                   "aria-pressed": O(G.date),
                   "data-in-range": I(G.date) || void 0,
-                  "data-today": H(G.date) || void 0,
+                  "data-today": F(G.date) || void 0,
                   type: "button",
                   onClick: (g1) => c1(G.date),
                   class: b([
@@ -7046,7 +7051,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
                     G.inMonth && !O(G.date) && !I(G.date) && "wpic:hover:bg-zinc-100 wpic:dark:hover:bg-zinc-700 wpic:text-zinc-900 wpic:dark:text-zinc-100",
                     O(G.date) && "wpic:bg-[#85C531] wpic:text-white wpic:font-semibold",
                     I(G.date) && "wpic:bg-[#85C531]/15 wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:rounded-none",
-                    H(G.date) && !O(G.date) && "wpic:ring-1 wpic:ring-[#85C531]"
+                    F(G.date) && !O(G.date) && "wpic:ring-1 wpic:ring-[#85C531]"
                   ])
                 }, m(G.day), 11, Gn))), 128))
               ]),
@@ -7070,7 +7075,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       }, 8, ["open", "anchor"])
     ]));
   }
-}), ie = { class: "wpic:inline-flex wpic:w-full wpic:min-w-0" }, le = ["disabled", "aria-label", "aria-expanded"], ae = { class: "wpic:min-w-0 wpic:flex-1 wpic:truncate wpic:text-left wpic:capitalize" }, oe = { class: "wpic:p-3" }, se = { class: "wpic:mb-3 wpic:flex wpic:items-center wpic:justify-between" }, re = { class: "wpic:font-semibold wpic:text-zinc-900 wpic:dark:text-zinc-100" }, pe = { class: "wpic:grid wpic:grid-cols-3 wpic:gap-1" }, de = ["disabled", "onClick"], Hi = /* @__PURE__ */ X({
+}), ie = { class: "wpic:inline-flex wpic:w-full wpic:min-w-0" }, le = ["disabled", "aria-label", "aria-expanded"], ae = { class: "wpic:min-w-0 wpic:flex-1 wpic:truncate wpic:text-left wpic:capitalize" }, oe = { class: "wpic:p-3" }, se = { class: "wpic:mb-3 wpic:flex wpic:items-center wpic:justify-between" }, re = { class: "wpic:font-semibold wpic:text-zinc-900 wpic:dark:text-zinc-100" }, pe = { class: "wpic:grid wpic:grid-cols-3 wpic:gap-1" }, de = ["disabled", "onClick"], Fi = /* @__PURE__ */ X({
   __name: "WMonthPicker",
   props: {
     modelValue: { default: null },
@@ -7083,7 +7088,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   },
   emits: ["update:modelValue", "change"],
   setup(n, { emit: w }) {
-    const c = n, o = w, d = F(!1), l = F(null), s = /* @__PURE__ */ new Date(), f = F(s.getFullYear());
+    const c = n, o = w, d = H(!1), l = H(null), s = /* @__PURE__ */ new Date(), f = H(s.getFullYear());
     function k(y) {
       if (!y || !/^\d{4}-\d{2}$/.test(y)) return null;
       const [z, Z] = y.split("-").map(Number);
@@ -7251,7 +7256,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
       }, m(f.label), 11, ve))), 128))
     ], 2));
   }
-}), me = ["width", "height", "fill"], fe = ["width", "height", "fill"], be = ["width", "height"], ge = ["width", "height", "fill"], ze = ["width", "height", "fill"], Ce = ["width", "height", "fill"], ke = ["width", "height", "fill"], xe = ["width", "height", "fill"], ye = ["width", "height", "fill"], Me = ["width", "height"], Ve = ["width", "height"], Le = ["width", "height", "fill"], Be = ["width", "height"], $e = ["width", "height"], Ae = ["width", "height", "fill"], Se = ["width", "height", "fill"], Fe = ["width", "height"], He = ["width", "height"], Pe = ["width", "height"], Te = ["width", "height"], je = ["width", "height"], Ee = { key: 0 }, We = ["width", "height"], De = { key: 0 }, Ie = ["width", "height"], Re = ["width", "height"], Ze = ["width", "height"], Ne = ["width", "height"], Ke = {
+}), me = ["width", "height", "fill"], fe = ["width", "height", "fill"], be = ["width", "height"], ge = ["width", "height", "fill"], ze = ["width", "height", "fill"], Ce = ["width", "height", "fill"], ke = ["width", "height", "fill"], xe = ["width", "height", "fill"], ye = ["width", "height", "fill"], Me = ["width", "height"], Ve = ["width", "height"], Le = ["width", "height", "fill"], Be = ["width", "height"], $e = ["width", "height"], Ae = ["width", "height", "fill"], Se = ["width", "height", "fill"], He = ["width", "height"], Fe = ["width", "height"], Pe = ["width", "height"], Te = ["width", "height"], je = ["width", "height"], Ee = { key: 0 }, We = ["width", "height"], De = { key: 0 }, Ie = ["width", "height"], Re = ["width", "height"], Ze = ["width", "height"], Ne = ["width", "height"], Ke = {
   key: 0,
   transform: "translate(1180,0) translate(0,130) scale(0.1,-0.1)",
   stroke: "none"
@@ -7259,7 +7264,7 @@ const N7 = { class: "wpic-tag-input" }, K7 = {
   key: 1,
   transform: "translate(0,1104) scale(0.1,-0.1)",
   stroke: "none"
-}, Je = ["width", "height", "fill"], Xe = { transform: "translate(-13.602659,303.010650) scale(0.1,-0.1)" }, Ge = { key: 0 }, _e = ["width", "height"], nc = ["fill"], ec = ["fill"], cc = ["fill"], tc = ["fill"], ic = ["width", "height"], lc = ["width", "height"], ac = ["width", "height", "fill"], oc = ["width", "height", "fill"], sc = ["width", "height", "fill"], rc = ["width", "height", "fill"], pc = ["width", "height", "fill"], dc = ["width", "height"], wc = ["width", "height"], uc = ["width", "height"], hc = ["width", "height"], vc = ["width", "height"], mc = ["width", "height"], fc = ["width", "height"], bc = ["width", "height"], gc = ["width", "height"], zc = ["width", "height"], Cc = ["width", "height"], kc = ["width", "height"], xc = ["width", "height"], yc = ["width", "height"], Mc = ["width", "height"], Vc = ["width", "height"], Lc = ["width", "height"], Bc = ["width", "height"], $c = ["width", "height"], Ac = ["width", "height"], Sc = ["width", "height"], Fc = ["width", "height"], Hc = ["width", "height"], Pc = ["width", "height"], Tc = ["width", "height"], jc = ["width", "height"], Ec = ["width", "height"], Wc = ["width", "height"], Dc = ["width", "height"], Ic = ["width", "height"], Rc = ["width", "height"], Zc = ["width", "height"], Nc = ["width", "height"], Kc = ["width", "height"], Oc = ["width", "height"], Uc = ["width", "height"], Yc = ["width", "height"], qc = ["width", "height"], Qc = ["width", "height"], Jc = ["width", "height"], Xc = ["width", "height"], Gc = ["width", "height"], _c = ["width", "height"], nt = ["width", "height"], et = ["width", "height"], ct = ["width", "height"], tt = ["width", "height"], it = ["src", "width", "height"], lt = ["src", "width", "height"], at = ["width", "height"], ot = ["width", "height"], st = ["width", "height"], rt = ["width", "height"], pt = {
+}, Je = ["width", "height", "fill"], Xe = { transform: "translate(-13.602659,303.010650) scale(0.1,-0.1)" }, Ge = { key: 0 }, _e = ["width", "height"], nc = ["fill"], ec = ["fill"], cc = ["fill"], tc = ["fill"], ic = ["width", "height"], lc = ["width", "height"], ac = ["width", "height", "fill"], oc = ["width", "height", "fill"], sc = ["width", "height", "fill"], rc = ["width", "height", "fill"], pc = ["width", "height", "fill"], dc = ["width", "height"], wc = ["width", "height"], uc = ["width", "height"], hc = ["width", "height"], vc = ["width", "height"], mc = ["width", "height"], fc = ["width", "height"], bc = ["width", "height"], gc = ["width", "height"], zc = ["width", "height"], Cc = ["width", "height"], kc = ["width", "height"], xc = ["width", "height"], yc = ["width", "height"], Mc = ["width", "height"], Vc = ["width", "height"], Lc = ["width", "height"], Bc = ["width", "height"], $c = ["width", "height"], Ac = ["width", "height"], Sc = ["width", "height"], Hc = ["width", "height"], Fc = ["width", "height"], Pc = ["width", "height"], Tc = ["width", "height"], jc = ["width", "height"], Ec = ["width", "height"], Wc = ["width", "height"], Dc = ["width", "height"], Ic = ["width", "height"], Rc = ["width", "height"], Zc = ["width", "height"], Nc = ["width", "height"], Kc = ["width", "height"], Oc = ["width", "height"], Uc = ["width", "height"], Yc = ["width", "height"], qc = ["width", "height"], Qc = ["width", "height"], Jc = ["width", "height"], Xc = ["width", "height"], Gc = ["width", "height"], _c = ["width", "height"], nt = ["width", "height"], et = ["width", "height"], ct = ["width", "height"], tt = ["width", "height"], it = ["src", "width", "height"], lt = ["src", "width", "height"], at = ["width", "height"], ot = ["width", "height"], st = ["width", "height"], rt = ["width", "height"], pt = {
   key: 91,
   class: "wpic:text-[10px] wpic:font-bold wpic:leading-none wpic:shrink-0 wpic:opacity-60 wpic:uppercase"
 }, dt = /* @__PURE__ */ X({
@@ -7578,7 +7583,7 @@ c249 -370 357 -505 565 -708 194 -189 303 -279 360 -296 67 -20 174 -18 231 4
         d: "M80.4952 0.697644L62.9016 61.0506C90.4517 13.6362 119.339 55.4766 42.0364 115C145.208 61.8194 111.985 -11.0978 76.7881 37.0045L80.4952 0.697644Z",
         fill: "#0B2240"
       }, null, -1)
-    ])], 8, Fe)) : s.value === "designforhealth" && n.mono ? (e(), t("svg", {
+    ])], 8, He)) : s.value === "designforhealth" && n.mono ? (e(), t("svg", {
       key: 17,
       width: l.value,
       height: l.value,
@@ -7588,7 +7593,7 @@ c249 -370 357 -505 565 -708 194 -189 303 -279 360 -296 67 -20 174 -18 231 4
     }, [...a[17] || (a[17] = [
       i("path", { d: "M74.4786 0L63.8232 37.0049C16.7753 42.1843 3.46613 94.6062 48.8428 89.012C-15.0694 106.584 -20.0021 30.5305 56.409 32.3717L74.4786 0Z" }, null, -1),
       i("path", { d: "M80.4952 0.697644L62.9016 61.0506C90.4517 13.6362 119.339 55.4766 42.0364 115C145.208 61.8194 111.985 -11.0978 76.7881 37.0045L80.4952 0.697644Z" }, null, -1)
-    ])], 8, He)) : s.value === "topologie" && !n.mono ? (e(), t("svg", {
+    ])], 8, Fe)) : s.value === "topologie" && !n.mono ? (e(), t("svg", {
       key: 18,
       width: l.value,
       height: l.value * (224 / 464),
@@ -11776,7 +11781,7 @@ c-27 -5 -68 -14 -90 -20 -42 -12 -156 -65 -165 -77 -11 -16 -84 -60 -92 -55
 62 108 88 0 9 5 16 10 16 7 0 10 178 10 514 0 514 0 514 -22 556 -31 58 -84
 90 -148 90 -27 0 -50 -4 -50 -10z` })
       ], -1)
-    ])], 8, Fc)) : s.value === "renzos" && n.mono ? (e(), t("svg", {
+    ])], 8, Hc)) : s.value === "renzos" && n.mono ? (e(), t("svg", {
       key: 60,
       width: l.value * (2400 / 1200),
       height: l.value,
@@ -12470,7 +12475,7 @@ c-27 -5 -68 -14 -90 -20 -42 -12 -156 -65 -165 -77 -11 -16 -84 -60 -92 -55
 62 108 88 0 9 5 16 10 16 7 0 10 178 10 514 0 514 0 514 -22 556 -31 58 -84
 90 -148 90 -27 0 -50 -4 -50 -10z` })
       ], -1)
-    ])], 8, Hc)) : s.value === "goodr" && !n.mono ? (e(), t("svg", {
+    ])], 8, Fc)) : s.value === "goodr" && !n.mono ? (e(), t("svg", {
       key: 61,
       width: l.value * (2400 / 868),
       height: l.value,
@@ -17909,9 +17914,9 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
     colors: {}
   },
   setup(n) {
-    const w = n, c = V2(), o = F("light");
+    const w = n, c = V2(), o = H("light");
     let d;
-    H2(() => {
+    F2(() => {
       const f = () => {
         o.value = document.documentElement.classList.contains("dark") ? "dark" : "light";
       };
@@ -17919,7 +17924,7 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
     }), s2(() => d?.disconnect());
     const l = x(() => w.mode === "auto" ? c.value?.mode ?? o.value : w.mode), s = x(() => ({
       mode: l.value,
-      variables: H5(l.value, w.colors?.[l.value])
+      variables: F5(l.value, w.colors?.[l.value])
     }));
     return g2(y0, s), (f, k) => (e(), t("div", {
       class: b({ "wpic-theme": s.value, dark: s.value?.mode === "dark" }),
@@ -17932,10 +17937,10 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
 }), Bt = { class: "wpic-page-header wpic:min-w-0 wpic:text-[var(--wpic-legacy-text-main)]" }, $t = { class: "wpic:flex wpic:flex-wrap wpic:items-start wpic:justify-between wpic:gap-x-6 wpic:gap-y-4" }, At = { class: "wpic:min-w-0 wpic:flex-1 wpic:basis-64" }, St = {
   key: 0,
   class: "wpic:mt-2 wpic:max-w-3xl wpic:text-sm wpic:leading-6 wpic:text-[var(--wpic-legacy-text-muted)]"
-}, Ft = {
+}, Ht = {
   key: 1,
   class: "wpic:mt-2 wpic:text-xs wpic:text-[var(--wpic-legacy-text-muted)]"
-}, Ht = {
+}, Ft = {
   key: 0,
   class: "wpic:flex wpic:max-w-full wpic:flex-wrap wpic:items-center wpic:gap-2 wpic:[&>*]:max-w-full"
 }, Pt = {
@@ -17959,11 +17964,11 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
             _: 1
           })),
           n.description ? (e(), t("p", St, m(n.description), 1)) : h("", !0),
-          w.$slots.metadata ? (e(), t("div", Ft, [
+          w.$slots.metadata ? (e(), t("div", Ht, [
             Q(w.$slots, "metadata")
           ])) : h("", !0)
         ]),
-        w.$slots.actions ? (e(), t("div", Ht, [
+        w.$slots.actions ? (e(), t("div", Ft, [
           Q(w.$slots, "actions")
         ])) : h("", !0)
       ]),
@@ -18006,7 +18011,7 @@ export {
   Nt as WChatPanel,
   u0 as WCheckbox,
   yn as WDatePicker,
-  Fi as WDateRangePicker,
+  Hi as WDateRangePicker,
   ki as WEmptyState,
   Ot as WEmptyValue,
   zi as WFileList,
@@ -18018,7 +18023,7 @@ export {
   x0 as WInput,
   Qt as WLoader,
   Xt as WModal,
-  Hi as WMonthPicker,
+  Fi as WMonthPicker,
   P6 as WOptionPopover,
   Di as WPageHeader,
   Kt as WPagination,
@@ -18044,13 +18049,13 @@ export {
   Mi as WTextarea,
   Wi as WThemeProvider,
   Jt as WToggle,
-  H8 as WTooltip,
+  F8 as WTooltip,
   j8 as WTrendBadge,
   ti as WTwoColumnFormSection,
   ei as WWorkflowNav,
   Zt as chartPalettes,
-  H5 as themeVariables,
-  F5 as ui5Theme,
+  F5 as themeVariables,
+  H5 as ui5Theme,
   Z7 as useRecentItems,
   g9 as useToastStore,
   V2 as useWTheme