@wpic/ui 0.9.30 → 0.9.31

package/dist/wpic-ui.js

@@ -426,7 +426,7 @@ const O3 = {
       for (const g1 of [..._].sort((B1, C) => B1 - C))
         g1 - m1 > 1 && A.push("…"), A.push(g1), m1 = g1;
       return A;
-    }), Q = M(() => o.padding ? `wpic-table--padding-${o.padding}` : o.compact ? "wpic-table--padding-sm" : "wpic-table--padding-inherit"), x1 = (J) => J === "right" ? "wpic:text-right" : J === "center" ? "wpic:text-center" : "wpic:text-left", z1 = (J, N) => [
+    }), q = M(() => o.padding ? `wpic-table--padding-${o.padding}` : o.compact ? "wpic-table--padding-sm" : "wpic-table--padding-inherit"), x1 = (J) => J === "right" ? "wpic:text-right" : J === "center" ? "wpic:text-center" : "wpic:text-left", z1 = (J, N) => [
       N,
       o.flushEdges && J === 0 && !o.expandable && !o.selectable ? "wpic:pl-0" : "wpic-table__pad-l",
       o.flushEdges && J === o.columns.length - 1 ? "wpic:pr-0" : "wpic-table__pad-r"
@@ -435,7 +435,7 @@ const O3 = {
       ...J.minWidth ? { minWidth: J.minWidth } : {}
     });
     return d({ filteredCount: M(() => x.value.length), searchQuery: B }), (J, N) => (e(), t("div", {
-      class: g(["wpic-table", [Q.value, { "wpic-table--column-dividers": n.columnDividers }]])
+      class: g(["wpic-table", [q.value, { "wpic-table--column-dividers": n.columnDividers }]])
     }, [
       (H.value || m(f).toolbar) && !n.loading ? (e(), t("div", {
         key: 0,
@@ -708,7 +708,7 @@ const O3 = {
     const o = n, r = c, l = M(() => o.showAxes && o.showColumnLetters), a = M(() => o.showAxes && o.showRowNumbers), f = M(() => o.columns.some((C) => C.sticky)), b = T(null), V = T("asc"), s = T(o.expanded ?? !1), F = T(null), L = T(null), B = T(null), H = T(null), x = T(null);
     function k() {
       if (!o.downloadable) return;
-      const C = (R) => `"${String(R ?? "").replace(/"/g, '""')}"`, D = U.value.map((R) => o.columns.map((q) => C(r1(R, q.key))).join(",")).join(`\r
+      const C = (R) => `"${String(R ?? "").replace(/"/g, '""')}"`, D = U.value.map((R) => o.columns.map((Q) => C(r1(R, Q.key))).join(",")).join(`\r
 `), S = new Blob([`\uFEFF${D}`], { type: "text/csv;charset=utf-8" }), a1 = URL.createObjectURL(S), u1 = document.createElement("a");
       u1.href = a1, u1.download = o.downloadFilename || "spreadsheet.csv", u1.click(), URL.revokeObjectURL(a1);
     }
@@ -761,8 +761,8 @@ const O3 = {
       if (!b.value) return o.rows;
       const C = o.rows.filter((a1) => a1.sortable !== !1), D = V.value === "asc" ? 1 : -1;
       C.sort((a1, u1) => {
-        const R = n1(r1(a1, b.value)), q = n1(r1(u1, b.value));
-        return typeof R == "number" && typeof q == "number" ? (R - q) * D : String(R).localeCompare(String(q), void 0, { numeric: !0 }) * D;
+        const R = n1(r1(a1, b.value)), Q = n1(r1(u1, b.value));
+        return typeof R == "number" && typeof Q == "number" ? (R - Q) * D : String(R).localeCompare(String(Q), void 0, { numeric: !0 }) * D;
       });
       let S = 0;
       return o.rows.map((a1) => a1.sortable === !1 ? a1 : C[S++]);
@@ -796,12 +796,12 @@ const O3 = {
     function e1(C, D) {
       !D.editable || L.value || (H.value = { rowKey: C.key, cellKey: D.key }, x.value = null);
     }
-    function Q(C, D) {
+    function q(C, D) {
       return H.value?.rowKey === C.key && H.value?.cellKey === D.key;
     }
     function x1(C, D, S) {
       const a1 = U.value[C];
-      !o.fillHandle || !S.editable || !a1 || !Q(a1, S) || (x.value = null, L.value = { row: C, cell: D, value: String(S.value ?? "") }, B.value = { row: C, cell: D }, window.addEventListener("pointerup", A, { once: !0 }));
+      !o.fillHandle || !S.editable || !a1 || !q(a1, S) || (x.value = null, L.value = { row: C, cell: D, value: String(S.value ?? "") }, B.value = { row: C, cell: D }, window.addEventListener("pointerup", A, { once: !0 }));
     }
     function z1(C, D) {
       L.value && (B.value = { row: C, cell: D });
@@ -831,16 +831,16 @@ const O3 = {
     }
     function A() {
       if (!L.value || !B.value) return;
-      const C = L.value, D = B.value, S = Math.min(C.row, D.row), a1 = Math.max(C.row, D.row), u1 = Math.min(C.cell, D.cell), R = Math.max(C.cell, D.cell), q = /* @__PURE__ */ new Set(), t1 = U.value[C.row], L1 = t1?.cells[C.cell];
+      const C = L.value, D = B.value, S = Math.min(C.row, D.row), a1 = Math.max(C.row, D.row), u1 = Math.min(C.cell, D.cell), R = Math.max(C.cell, D.cell), Q = /* @__PURE__ */ new Set(), t1 = U.value[C.row], L1 = t1?.cells[C.cell];
       for (let T1 = S; T1 <= a1; T1++) {
         const i2 = U.value[T1];
         if (i2)
           for (let l2 = u1; l2 <= R; l2++) {
             const w2 = i2.cells[l2];
-            w2?.editable && (q.add(j(i2, w2)), r("cell-change", { rowKey: i2.key, cellKey: w2.key, value: C.value, row: i2, cell: w2 }));
+            w2?.editable && (Q.add(j(i2, w2)), r("cell-change", { rowKey: i2.key, cellKey: w2.key, value: C.value, row: i2, cell: w2 }));
           }
       }
-      L.value = null, B.value = null, x.value = t1 && L1 ? { cells: q, source: j(t1, L1) } : null;
+      L.value = null, B.value = null, x.value = t1 && L1 ? { cells: Q, source: j(t1, L1) } : null;
     }
     function _(C) {
       let D = C + 1, S = "";
@@ -954,18 +954,18 @@ const O3 = {
                 a.value ? (e(), t("th", j5, v(a1 + 1), 1)) : u("", !0),
                 (e(!0), t(I, null, l1(S.cells, (u1, R) => (e(), t("td", {
                   key: u1.key,
-                  class: g(["w-spreadsheet__cell", [m1(u1), { "w-spreadsheet__cell--sortable": E(u1), "w-spreadsheet__cell--sticky": G(S, R), "w-spreadsheet__cell--sticky-first": p1(S, R), "w-spreadsheet__cell--active": Q(S, u1) }, J(a1, R), N(S, u1)]]),
+                  class: g(["w-spreadsheet__cell", [m1(u1), { "w-spreadsheet__cell--sortable": E(u1), "w-spreadsheet__cell--sticky": G(S, R), "w-spreadsheet__cell--sticky-first": p1(S, R), "w-spreadsheet__cell--active": q(S, u1) }, J(a1, R), N(S, u1)]]),
                   colspan: u1.colspan || 1,
                   title: u1.title,
                   style: h1(k1(S, R)),
                   tabindex: E(u1) ? 0 : void 0,
-                  onClick: (q) => Y(u1),
+                  onClick: (Q) => Y(u1),
                   onKeydown: [
-                    d2(b1((q) => Y(u1), ["prevent"]), ["enter"]),
-                    d2(b1((q) => Y(u1), ["prevent"]), ["space"])
+                    d2(b1((Q) => Y(u1), ["prevent"]), ["enter"]),
+                    d2(b1((Q) => Y(u1), ["prevent"]), ["space"])
                   ],
-                  onPointerenter: (q) => z1(a1, R),
-                  onPointerdown: (q) => e1(S, u1)
+                  onPointerenter: (Q) => z1(a1, R),
+                  onPointerdown: (Q) => e1(S, u1)
                 }, [
                   K(C.$slots, `cell-${u1.key}`, {
                     row: S,
@@ -979,7 +979,7 @@ const O3 = {
                         value: u1.value ?? "",
                         min: u1.min,
                         placeholder: u1.placeholder,
-                        onInput: (q) => g1(S, u1, q)
+                        onInput: (Q) => g1(S, u1, Q)
                       }, null, 42, D5),
                       u1.inputType === "date" ? (e(), t("button", {
                         key: 0,
@@ -1000,13 +1000,13 @@ const O3 = {
                     class: "w-spreadsheet__sort-icon",
                     size: 14
                   })) : u("", !0),
-                  n.fillHandle && u1.editable && Q(S, u1) ? (e(), t("button", {
+                  n.fillHandle && u1.editable && q(S, u1) ? (e(), t("button", {
                     key: 1,
                     type: "button",
                     class: "w-spreadsheet__fill-handle",
                     "aria-label": "Fill adjacent cells",
                     title: "Drag to fill adjacent cells",
-                    onPointerdown: b1((q) => x1(a1, R, u1), ["stop", "prevent"])
+                    onPointerdown: b1((Q) => x1(a1, R, u1), ["stop", "prevent"])
                   }, null, 40, I5)) : u("", !0)
                 ], 46, E5))), 128))
               ], 2))), 128))
@@ -1296,6 +1296,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
     panelScroll: { type: Boolean, default: !0 },
     offset: {},
     matchAnchorWidth: { type: Boolean },
+    fitAnchorContent: { type: Boolean },
     freezePositionOnOpen: { type: Boolean, default: !0 },
     flip: { type: Boolean, default: !0 },
     autoPlacement: { type: Boolean },
@@ -1324,11 +1325,11 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       return H.value || (c.autoPlacement ? j.push(E3({ alignment: "start" })) : c.flip && j.push(b2({ crossAxis: !c.shiftCrossAxis }))), j.push(g2({ padding: c.autoPlacement ? 8 : 4, crossAxis: c.autoPlacement || c.shiftCrossAxis })), j.push(
         n0({
           padding: 8,
-          apply({ availableHeight: e1, availableWidth: Q, rects: x1, elements: z1 }) {
-            const d1 = Math.max(e1 - 8, 50), J = c.maxHeight ? `min(${c.maxHeight}, ${d1}px)` : `${d1}px`, N = { maxWidth: `${Math.max(Q, 0)}px`, maxHeight: J, overflowY: c.panelScroll ? "auto" : "hidden" };
+          apply({ availableHeight: e1, availableWidth: q, rects: x1, elements: z1 }) {
+            const d1 = Math.max(e1 - 8, 50), J = c.maxHeight ? `min(${c.maxHeight}, ${d1}px)` : `${d1}px`, N = { maxWidth: `${Math.max(q, 0)}px`, maxHeight: J, overflowY: c.panelScroll ? "auto" : "hidden" };
             if (c.height && (N.height = `min(${c.height}, ${d1}px)`), c.minHeight && (N.minHeight = `min(${c.minHeight}, ${d1}px)`), c.matchAnchorWidth) {
-              const A = `${x1.reference.width}px`;
-              N.width = A, N.minWidth = A;
+              const A = `${Math.min(x1.reference.width, Math.max(q, 0))}px`;
+              N.width = c.fitAnchorContent ? "max-content" : A, N.minWidth = A;
             }
             Object.assign(z1.floating.style, N);
           }
@@ -1345,10 +1346,10 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       return j.startsWith("top") ? "bottom" : j.startsWith("bottom") ? "top" : j.startsWith("left") ? "right" : j.startsWith("right") ? "left" : "top";
     }), U = (j) => {
       if (f.value) return;
-      const e1 = j.target, Q = L.value, x1 = B.value;
-      x1 && x1.contains(e1) || [...F].some((z1) => z1.contains(e1)) || Q && Q.contains(e1) || c.extraPanels?.some((z1) => z1?.contains(e1)) || b("close");
+      const e1 = j.target, q = L.value, x1 = B.value;
+      x1 && x1.contains(e1) || [...F].some((z1) => z1.contains(e1)) || q && q.contains(e1) || c.extraPanels?.some((z1) => z1?.contains(e1)) || b("close");
     }, E = (j) => {
-      if (f.value || j.key !== "Escape" || !c.open || [...F].some((Q) => Q.isConnected && Q.style.display !== "none")) return;
+      if (f.value || j.key !== "Escape" || !c.open || [...F].some((q) => q.isConnected && q.style.display !== "none")) return;
       j.preventDefault(), j.stopImmediatePropagation(), b("close");
       const e1 = L.value;
       e1?.matches("button, input, [tabindex]") ? e1.focus() : e1?.querySelector("button, input, [tabindex]")?.focus();
@@ -1387,7 +1388,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       title: n.sheetTitle,
       "close-label": n.closeLabel,
       "no-padding": "",
-      "onUpdate:modelValue": e1[0] || (e1[0] = (Q) => !Q && b("close"))
+      "onUpdate:modelValue": e1[0] || (e1[0] = (q) => !q && b("close"))
     }, {
       default: s1(() => [
         K(j.$slots, "default")
@@ -1552,7 +1553,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       if (!p) return [];
       const w = p.query;
       return c.mentionItems.filter((h) => h.label.toLowerCase().includes(w)).slice(0, 6);
-    }), e1 = M(() => c.showNavigator && L.value), Q = M(() => c.selectedProjectId ?? null), x1 = M(() => c.sessions.filter((p) => !p.projectId)), z1 = M(() => {
+    }), e1 = M(() => c.showNavigator && L.value), q = M(() => c.selectedProjectId ?? null), x1 = M(() => c.sessions.filter((p) => !p.projectId)), z1 = M(() => {
       const p = /* @__PURE__ */ new Map();
       for (const w of c.projects) p.set(w.id, []);
       for (const w of c.sessions) {
@@ -1728,7 +1729,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       const w = p.metadata && typeof p.metadata == "object" ? p.metadata : {}, h = p.mimeType ?? "", P = typeof w.kind == "string" ? w.kind : "", y = p.displayUrl ?? (typeof w.displayUrl == "string" ? w.displayUrl : null);
       return !y || !h.startsWith("image/") && P !== "image" ? null : y;
     }
-    function q(p) {
+    function Q(p) {
       if (p.role !== "assistant" || !p.streaming) return !1;
       const w = p.content.trim();
       return w === "Generating image..." || S(w);
@@ -2045,7 +2046,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
     function r0(p, w) {
       o("move-session", p, w), o2();
     }
-    function p0(p = Q.value) {
+    function p0(p = q.value) {
       o("new-conversation", p), L.value = !1, o2(), H1(() => a.value?.focus());
     }
     function Z2(p) {
@@ -2683,7 +2684,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
                                 class: "wpic:animate-spin"
                               }),
                               i("span", null, v(n.thinkingLabel), 1)
-                            ])) : q(h) ? (e(), t("div", n6, [...w[30] || (w[30] = [
+                            ])) : Q(h) ? (e(), t("div", n6, [...w[30] || (w[30] = [
                               i("span", { class: "wpic-chat-loading-card__label" }, "Generating image...", -1)
                             ])])) : (e(), t("div", {
                               key: 2,
@@ -3149,7 +3150,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       const G = c.allLabel ?? c.placeholder ?? "All";
       if (z === E) return `${G} · ${E}`;
       const p1 = c.maxLabels ?? 3, k1 = Y.map((j) => {
-        const e1 = L.value.find((Q) => String(Q.value) === String(j));
+        const e1 = L.value.find((q) => String(q.value) === String(j));
         return e1 ? e1.label : null;
       }).filter(Boolean);
       return k1.length ? z <= p1 ? k1.join(", ") : `${k1.slice(0, p1).join(", ")} · ${z}` : c.placeholder ? `${c.placeholder} · ${z}` : `${z} selected`;
@@ -3226,6 +3227,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
         open: a.value,
         anchor: f.value,
         "match-anchor-width": !n.popoverWidth,
+        "fit-anchor-content": !n.popoverWidth,
         width: n.popoverWidth,
         placement: n.popoverPlacement,
         flip: n.popoverFlip,
@@ -3341,7 +3343,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
           ])
         ]),
         _: 3
-      }, 8, ["sheet-title", "close-label", "open", "anchor", "match-anchor-width", "width", "placement", "flip", "auto-placement", "min-height", "z-index", "max-height"])
+      }, 8, ["sheet-title", "close-label", "open", "anchor", "match-anchor-width", "fit-anchor-content", "width", "placement", "flip", "auto-placement", "min-height", "z-index", "max-height"])
     ], 4));
   }
 }), Y6 = { class: "wpic:font-normal wpic:text-zinc-400 wpic:dark:text-zinc-500" }, ll = /* @__PURE__ */ X({
@@ -4437,7 +4439,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
       o("update:modelValue", { start: _, end: m1 }), H.value = null, l.value = !1;
     }, e1 = (N) => {
       N.stopPropagation(), o("update:modelValue", null), H.value = null;
-    }, Q = () => {
+    }, q = () => {
       F.value === 0 ? (F.value = 11, s.value--) : F.value--;
     }, x1 = () => {
       F.value === 11 ? (F.value = 0, s.value++) : F.value++;
@@ -4498,7 +4500,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
           i("div", P7, [
             i("div", T7, [
               i("button", {
-                onClick: Q,
+                onClick: q,
                 type: "button",
                 class: "wpic:p-1 wpic:rounded wpic:hover:bg-black/5 wpic:dark:hover:bg-white/5 wpic:text-zinc-400 wpic:dark:text-zinc-500 wpic:hover:text-zinc-900 wpic:dark:hover:text-zinc-100 wpic:transition wpic:cursor-pointer"
               }, [
@@ -4941,19 +4943,19 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
   emits: ["update:modelValue", "update:simpleValue"],
   setup(n, { emit: d }) {
     const c = n, o = d, r = M(() => c.simpleValue ?? []), l = T(""), a = T(!1), f = M(() => {
-      const R = l.value.trim().toLowerCase(), q = new Set(r.value), t1 = c.options ?? [];
-      return R ? t1.filter((L1) => L1.toLowerCase().includes(R) && !q.has(L1)) : t1.filter((L1) => !q.has(L1)).slice(0, 8);
+      const R = l.value.trim().toLowerCase(), Q = new Set(r.value), t1 = c.options ?? [];
+      return R ? t1.filter((L1) => L1.toLowerCase().includes(R) && !Q.has(L1)) : t1.filter((L1) => !Q.has(L1)).slice(0, 8);
     }), b = M(() => {
       if (!c.creatable || !l.value.trim()) return !1;
       const R = l.value.trim();
-      return !r.value.includes(R) && !(c.options ?? []).some((q) => q.toLowerCase() === R.toLowerCase());
+      return !r.value.includes(R) && !(c.options ?? []).some((Q) => Q.toLowerCase() === R.toLowerCase());
     });
     function V(R) {
-      const q = R.trim();
-      !q || r.value.includes(q) || (o("update:simpleValue", [...r.value, q]), l.value = "", a.value = !1);
+      const Q = R.trim();
+      !Q || r.value.includes(Q) || (o("update:simpleValue", [...r.value, Q]), l.value = "", a.value = !1);
     }
     function s(R) {
-      o("update:simpleValue", r.value.filter((q) => q !== R));
+      o("update:simpleValue", r.value.filter((Q) => Q !== R));
     }
     function F(R) {
       R.key === "Enter" && (R.preventDefault(), l.value.trim() && V(l.value)), R.key === "Escape" && (a.value = !1), R.key === "Backspace" && !l.value && r.value.length && s(r.value[r.value.length - 1]);
@@ -4971,8 +4973,8 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         f2(4),
         b2({ padding: 8 }),
         g2({ padding: 8 }),
-        n0({ padding: 8, apply({ availableHeight: R, elements: q }) {
-          Object.assign(q.floating.style, { maxHeight: `${Math.min(240, R)}px` });
+        n0({ padding: 8, apply({ availableHeight: R, elements: Q }) {
+          Object.assign(Q.floating.style, { maxHeight: `${Math.min(240, R)}px` });
         } })
       ],
       whileElementsMounted: C2
@@ -4982,21 +4984,21 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
     function e1(R) {
       return R.translations?.[c.locale]?.value || R.translations?.en?.value || R.slug;
     }
-    function Q(R) {
-      return (c.modelValue ?? []).some((q) => q.tag_id === R.tag_id);
+    function q(R) {
+      return (c.modelValue ?? []).some((Q) => Q.tag_id === R.tag_id);
     }
     function x1(R) {
-      const q = B.value.trim().toLowerCase();
-      if (!q) return null;
+      const Q = B.value.trim().toLowerCase();
+      if (!Q) return null;
       const t1 = e1(R).toLowerCase();
       for (const [L1, T1] of Object.entries(R.translations ?? {}))
-        if (T1?.value && T1.value.toLowerCase().includes(q) && T1.value.toLowerCase() !== t1)
+        if (T1?.value && T1.value.toLowerCase().includes(Q) && T1.value.toLowerCase() !== t1)
           return { locale: L1.toUpperCase(), value: T1.value };
       return null;
     }
     const z1 = M(() => B.value.trim() ? E.value : G().map(
-      (q) => (c.modelValue ?? []).find((t1) => t1.tag_id === q) || E.value.find((t1) => t1.tag_id === q)
-    ).filter((q) => !!q).filter((q) => !Q(q))), d1 = M(() => B.value.trim() ? null : c.labelRecent), J = () => {
+      (Q) => (c.modelValue ?? []).find((t1) => t1.tag_id === Q) || E.value.find((t1) => t1.tag_id === Q)
+    ).filter((Q) => !!Q).filter((Q) => !q(Q))), d1 = M(() => B.value.trim() ? null : c.labelRecent), J = () => {
       U.value = !0;
     }, N = () => {
       setTimeout(() => {
@@ -5029,14 +5031,14 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
       R.key === "Enter" && (z && clearTimeout(z), B1()), R.key === "Escape" && (D(), U.value = !1);
     }
     async function g1(R) {
-      if (Q(R)) return;
+      if (q(R)) return;
       H.value = "confirming", U.value = !1;
-      const q = c.modelValue ?? [];
-      o("update:modelValue", [...q, R]), p1(R.tag_id), B.value = "";
+      const Q = c.modelValue ?? [];
+      o("update:modelValue", [...Q, R]), p1(R.tag_id), B.value = "";
       try {
         await c.mutateFn?.("add", R);
       } catch {
-        o("update:modelValue", q), k.value = c.labelErrorAdding;
+        o("update:modelValue", Q), k.value = c.labelErrorAdding;
       } finally {
         H.value = "idle";
       }
@@ -5044,18 +5046,18 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
     async function B1() {
       const R = B.value.trim();
       if (!R) return;
-      const q = E.value.find(
+      const Q = E.value.find(
         (t1) => Object.values(t1.translations ?? {}).some((L1) => L1.value?.toLowerCase() === R.toLowerCase()) || t1.slug === R.toLowerCase()
       );
-      if (q) {
-        g1(q);
+      if (Q) {
+        g1(Q);
         return;
       }
       if (c.resolveFn) {
         H.value = "resolving", U.value = !1, k.value = null;
         try {
           const t1 = await c.resolveFn(R, c.locale);
-          if (x.value = t1, t1.existed && !Q(t1)) {
+          if (x.value = t1, t1.existed && !q(t1)) {
             await g1(t1), x.value = null;
             return;
           }
@@ -5068,34 +5070,34 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
     async function C() {
       if (!x.value) return;
       H.value = "confirming";
-      const R = x.value, q = c.modelValue ?? [];
-      o("update:modelValue", [...q, R]), p1(R.tag_id);
+      const R = x.value, Q = c.modelValue ?? [];
+      o("update:modelValue", [...Q, R]), p1(R.tag_id);
       try {
         await c.mutateFn?.("add", R), D();
       } catch {
-        o("update:modelValue", q), k.value = c.labelErrorAdding, H.value = "preview";
+        o("update:modelValue", Q), k.value = c.labelErrorAdding, H.value = "preview";
       }
     }
     function D() {
       x.value = null, B.value = "", k.value = null, H.value = "idle", O.value = null, E.value = [];
     }
     async function S(R) {
-      const q = c.modelValue ?? [];
-      o("update:modelValue", q.filter((t1) => t1.tag_id !== R.tag_id));
+      const Q = c.modelValue ?? [];
+      o("update:modelValue", Q.filter((t1) => t1.tag_id !== R.tag_id));
       try {
         await c.mutateFn?.("remove", R);
       } catch {
-        o("update:modelValue", q), k.value = c.labelErrorAdding;
+        o("update:modelValue", Q), k.value = c.labelErrorAdding;
       }
     }
     function a1(R) {
       O.value = R, c1.value = x.value?.translations?.[R]?.value || "", H1(() => o1.value?.focus());
     }
     function u1(R) {
-      const q = c1.value.trim();
-      q && x.value?.translations?.[R] && (x.value.translations[R].value = q, x.value.translations[R].source = "human"), O.value = null;
+      const Q = c1.value.trim();
+      Q && x.value?.translations?.[R] && (x.value.translations[R].value = Q, x.value.translations[R].source = "human"), O.value = null;
     }
-    return (R, q) => (e(), t("div", v8, [
+    return (R, Q) => (e(), t("div", v8, [
       n.simple ? (e(), t(I, { key: 0 }, [
         r.value.length ? (e(), t("div", f8, [
           (e(!0), t(I, null, l1(r.value, (t1) => (e(), Z(h2, {
@@ -5121,11 +5123,11 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         ])) : u("", !0),
         i("div", g8, [
           j1(i("input", {
-            "onUpdate:modelValue": q[0] || (q[0] = (t1) => l.value = t1),
+            "onUpdate:modelValue": Q[0] || (Q[0] = (t1) => l.value = t1),
             placeholder: n.placeholder,
             class: "wpic:flex-1 wpic:w-full wpic:h-9 wpic:px-2.5 wpic:text-base wpic:rounded-lg wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:bg-white wpic:dark:bg-zinc-900 wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:placeholder:text-zinc-400 wpic:dark:placeholder:text-zinc-500 wpic:outline-none wpic:transition wpic-input-field",
             onKeydown: F,
-            onFocus: q[1] || (q[1] = (t1) => a.value = !0),
+            onFocus: Q[1] || (Q[1] = (t1) => a.value = !0),
             onBlur: L
           }, null, 40, z8), [
             [r2, l.value]
@@ -5147,7 +5149,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
               key: 0,
               type: "button",
               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-indigo-600 wpic:hover:bg-indigo-50 wpic:dark:text-indigo-400 wpic:dark:hover:bg-indigo-950/40 wpic:transition-colors wpic:border-t wpic:border-zinc-100 wpic:dark:border-zinc-800",
-              onMousedown: q[2] || (q[2] = b1((t1) => V(l.value), ["prevent"]))
+              onMousedown: Q[2] || (Q[2] = b1((t1) => V(l.value), ["prevent"]))
             }, [
               $(m($2), {
                 size: 12,
@@ -5187,7 +5189,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         }, [
           i("div", M8, [
             j1(i("input", {
-              "onUpdate:modelValue": q[3] || (q[3] = (t1) => B.value = t1),
+              "onUpdate:modelValue": Q[3] || (Q[3] = (t1) => B.value = t1),
               disabled: H.value === "resolving" || H.value === "confirming",
               placeholder: n.placeholder,
               class: "wpic:flex-1 wpic:h-9 wpic:px-2.5 wpic:text-base wpic:rounded-lg wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:bg-white wpic:dark:bg-zinc-900 wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:placeholder:text-zinc-400 wpic:dark:placeholder:text-zinc-500 wpic:outline-none wpic:disabled:opacity-50 wpic:transition wpic-input-field",
@@ -5218,8 +5220,8 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
             ])) : u("", !0),
             (e(!0), t(I, null, l1(z1.value, (t1) => (e(), t("button", {
               key: t1.tag_id,
-              class: g(["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", Q(t1) ? "wpic:opacity-40 wpic:cursor-default" : "wpic:text-zinc-600 wpic:dark:text-zinc-400"]),
-              onMousedown: b1((L1) => !Q(t1) && g1(t1), ["prevent"])
+              class: g(["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", q(t1) ? "wpic:opacity-40 wpic:cursor-default" : "wpic:text-zinc-600 wpic:dark:text-zinc-400"]),
+              onMousedown: b1((L1) => !q(t1) && g1(t1), ["prevent"])
             }, [
               $(m(T2), {
                 size: 11,
@@ -5230,7 +5232,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
                 i("span", A8, v(x1(t1).locale), 1),
                 i("span", F8, v(x1(t1).value), 1)
               ], 64)) : u("", !0),
-              Q(t1) ? (e(), Z(h2, {
+              q(t1) ? (e(), Z(h2, {
                 key: 1,
                 variant: "default",
                 class: "wpic:ml-auto wpic:shrink-0"
@@ -5247,7 +5249,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
           i("div", P8, [
             i("div", T8, [
               i("span", j8, v(x.value.translations[n.locale]?.value || x.value.translations.en?.value || x.value.slug), 1),
-              Q(x.value) ? (e(), Z(h2, {
+              q(x.value) ? (e(), Z(h2, {
                 key: 0,
                 variant: "default"
               }, {
@@ -5286,11 +5288,11 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
                   ref_for: !0,
                   ref_key: "editInputRef",
                   ref: o1,
-                  "onUpdate:modelValue": q[4] || (q[4] = (L1) => c1.value = L1),
+                  "onUpdate:modelValue": Q[4] || (Q[4] = (L1) => c1.value = L1),
                   class: "wpic:flex-1 wpic:h-6 wpic:px-2 wpic:text-sm wpic:bg-zinc-100 wpic:dark:bg-zinc-800 wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:rounded wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:outline-none wpic:focus:border-gray-400 wpic:dark:focus:border-gray-500",
                   onKeydown: [
                     d2((L1) => u1(t1), ["enter"]),
-                    q[5] || (q[5] = d2((L1) => O.value = null, ["escape"]))
+                    Q[5] || (Q[5] = d2((L1) => O.value = null, ["escape"]))
                   ]
                 }, null, 40, D8), [
                   [r2, c1.value]
@@ -5303,7 +5305,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
                 ], 8, I8),
                 i("button", {
                   class: "wpic:p-0.5 wpic:text-zinc-400 wpic:dark:text-zinc-500 wpic:hover:text-gray-900 wpic:dark:hover:text-white wpic:transition",
-                  onClick: q[6] || (q[6] = (L1) => O.value = null)
+                  onClick: Q[6] || (Q[6] = (L1) => O.value = null)
                 }, [
                   $(m($1), { size: 12 })
                 ])
@@ -5332,7 +5334,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
               ]),
               _: 1
             }),
-            Q(x.value) ? u("", !0) : (e(), Z(k2, {
+            q(x.value) ? u("", !0) : (e(), Z(k2, {
               key: 0,
               variant: "primary",
               size: "sm",
@@ -7149,7 +7151,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
       return `${j.getFullYear()}-${String(j.getMonth() + 1).padStart(2, "0")}-${String(j.getDate()).padStart(2, "0")}`;
     }
     function B(j) {
-      const e1 = /* @__PURE__ */ new Date(), Q = e1.getFullYear(), x1 = e1.getMonth(), z1 = e1.getDate();
+      const e1 = /* @__PURE__ */ new Date(), q = e1.getFullYear(), x1 = e1.getMonth(), z1 = e1.getDate();
       switch (j) {
         case "today":
           return { since: L(e1), until: L(e1), preset: j };
@@ -7170,17 +7172,17 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
           return d1.setDate(z1 - 89), { since: L(d1), until: L(e1), preset: j };
         }
         case "mtd":
-          return { since: `${Q}-${String(x1 + 1).padStart(2, "0")}-01`, until: L(e1), preset: j };
+          return { since: `${q}-${String(x1 + 1).padStart(2, "0")}-01`, until: L(e1), preset: j };
         case "ytd":
-          return { since: `${Q}-01-01`, until: L(e1), preset: j };
+          return { since: `${q}-01-01`, until: L(e1), preset: j };
         default:
           return { since: f.value, until: b.value || L(e1), preset: "custom" };
       }
     }
     const H = M(() => {
       if (!c.modelValue) return "";
-      const { since: j, until: e1, preset: Q } = c.modelValue;
-      return Q && Q !== "custom" ? c.presets.find((x1) => x1.value === Q)?.label ?? "" : j === e1 ? j : `${j} → ${e1}`;
+      const { since: j, until: e1, preset: q } = c.modelValue;
+      return q && q !== "custom" ? c.presets.find((x1) => x1.value === q)?.label ?? "" : j === e1 ? j : `${j} → ${e1}`;
     });
     function x(j) {
       a.value = j, j !== "custom" && (o("update:modelValue", B(j)), r.value = !1);
@@ -7195,23 +7197,23 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
       s.value = new Date(k.value, O.value + 1, 1);
     }
     const U = M(() => {
-      const j = new Date(k.value, O.value, 1), e1 = new Date(k.value, O.value + 1, 0), Q = [];
+      const j = new Date(k.value, O.value, 1), e1 = new Date(k.value, O.value + 1, 0), q = [];
       let x1 = j.getDay() === 0 ? 6 : j.getDay() - 1;
       for (let d1 = x1 - 1; d1 >= 0; d1--) {
         const J = new Date(k.value, O.value, -d1);
-        Q.push({ date: L(J), day: J.getDate(), inMonth: !1 });
+        q.push({ date: L(J), day: J.getDate(), inMonth: !1 });
       }
       for (let d1 = 1; d1 <= e1.getDate(); d1++) {
         const J = new Date(k.value, O.value, d1);
-        Q.push({ date: L(J), day: d1, inMonth: !0 });
+        q.push({ date: L(J), day: d1, inMonth: !0 });
       }
-      const z1 = 7 - Q.length % 7;
+      const z1 = 7 - q.length % 7;
       if (z1 < 7)
         for (let d1 = 1; d1 <= z1; d1++) {
           const J = new Date(k.value, O.value + 1, d1);
-          Q.push({ date: L(J), day: d1, inMonth: !1 });
+          q.push({ date: L(J), day: d1, inMonth: !1 });
         }
-      return Q;
+      return q;
     });
     function E(j) {
       return j === f.value || j === b.value;
@@ -7242,7 +7244,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         ref_key: "referenceEl",
         ref: l,
         type: "button",
-        onClick: e1[0] || (e1[0] = b1((Q) => !n.disabled && (r.value = !r.value), ["stop"])),
+        onClick: e1[0] || (e1[0] = b1((q) => !n.disabled && (r.value = !r.value), ["stop"])),
         disabled: n.disabled,
         "aria-label": n.ariaLabel,
         "aria-expanded": r.value,
@@ -7281,21 +7283,21 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         open: r.value,
         anchor: l.value,
         offset: 4,
-        onClose: e1[1] || (e1[1] = (Q) => r.value = !1)
+        onClose: e1[1] || (e1[1] = (q) => r.value = !1)
       }, {
         default: s1(() => [
           i("div", me, [
             i("div", ve, [
-              (e(!0), t(I, null, l1(n.presets, (Q) => (e(), t("button", {
-                key: Q.value,
+              (e(!0), t(I, null, l1(n.presets, (q) => (e(), t("button", {
+                key: q.value,
                 class: g(["wpic-range-preset wpic-select-option wpic:rounded-lg", [
                   "wpic:flex wpic:w-full wpic:items-center wpic:px-4 wpic:py-2 wpic:text-left wpic:text-base wpic:transition-colors wpic:cursor-pointer",
-                  a.value === Q.value ? "wpic:bg-[#85C531]/10 wpic:font-medium wpic:text-[#85C531]" : "wpic:text-zinc-700 wpic:hover:bg-zinc-100 wpic:dark:text-zinc-300 wpic:dark:hover:bg-zinc-700"
+                  a.value === q.value ? "wpic:bg-[#85C531]/10 wpic:font-medium wpic:text-[#85C531]" : "wpic:text-zinc-700 wpic:hover:bg-zinc-100 wpic:dark:text-zinc-300 wpic:dark:hover:bg-zinc-700"
                 ]]),
-                "aria-pressed": a.value === Q.value,
+                "aria-pressed": a.value === q.value,
                 type: "button",
-                onClick: (x1) => x(Q.value)
-              }, v(Q.label), 11, fe))), 128))
+                onClick: (x1) => x(q.value)
+              }, v(q.label), 11, fe))), 128))
             ]),
             a.value === "custom" ? (e(), t("div", be, [
               i("div", ge, [
@@ -7318,29 +7320,29 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
                 ], 8, ke)
               ]),
               i("div", xe, [
-                (e(!0), t(I, null, l1(o1.value, (Q) => (e(), t("span", {
-                  key: Q,
+                (e(!0), t(I, null, l1(o1.value, (q) => (e(), t("span", {
+                  key: q,
                   class: "wpic:py-1 wpic:text-xs wpic:font-medium wpic:text-zinc-400"
-                }, v(Q), 1))), 128))
+                }, v(q), 1))), 128))
               ]),
               i("div", ye, [
-                (e(!0), t(I, null, l1(U.value, (Q) => (e(), t("button", {
-                  key: Q.date,
-                  "aria-label": Q.date,
-                  "aria-pressed": E(Q.date),
-                  "data-in-range": Y(Q.date) || void 0,
-                  "data-today": z(Q.date) || void 0,
+                (e(!0), t(I, null, l1(U.value, (q) => (e(), t("button", {
+                  key: q.date,
+                  "aria-label": q.date,
+                  "aria-pressed": E(q.date),
+                  "data-in-range": Y(q.date) || void 0,
+                  "data-today": z(q.date) || void 0,
                   type: "button",
-                  onClick: (x1) => G(Q.date),
+                  onClick: (x1) => G(q.date),
                   class: g([
                     "wpic-calendar-day wpic:relative wpic:flex wpic:h-8 wpic:w-8 wpic:items-center wpic:justify-center wpic:rounded-full wpic:text-sm wpic:transition-colors wpic:cursor-pointer",
-                    !Q.inMonth && "wpic:text-zinc-300 wpic:dark:text-zinc-600",
-                    Q.inMonth && !E(Q.date) && !Y(Q.date) && "wpic:hover:bg-zinc-100 wpic:dark:hover:bg-zinc-700 wpic:text-zinc-900 wpic:dark:text-zinc-100",
-                    E(Q.date) && "wpic:bg-[#85C531] wpic:text-white wpic:font-semibold",
-                    Y(Q.date) && "wpic:bg-[#85C531]/15 wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:rounded-none",
-                    z(Q.date) && !E(Q.date) && "wpic:ring-1 wpic:ring-[#85C531]"
+                    !q.inMonth && "wpic:text-zinc-300 wpic:dark:text-zinc-600",
+                    q.inMonth && !E(q.date) && !Y(q.date) && "wpic:hover:bg-zinc-100 wpic:dark:hover:bg-zinc-700 wpic:text-zinc-900 wpic:dark:text-zinc-100",
+                    E(q.date) && "wpic:bg-[#85C531] wpic:text-white wpic:font-semibold",
+                    Y(q.date) && "wpic:bg-[#85C531]/15 wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:rounded-none",
+                    z(q.date) && !E(q.date) && "wpic:ring-1 wpic:ring-[#85C531]"
                   ])
-                }, v(Q.day), 11, Me))), 128))
+                }, v(q.day), 11, Me))), 128))
               ]),
               i("div", Le, [
                 i("div", Ve, [
@@ -18461,7 +18463,7 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
       }
       o.showHistory ? j() : m1();
     }
-    function Q() {
+    function q() {
       o1.value = !1, B.value = !1, O.value = !1, H.value = !0;
     }
     function x1(C) {
@@ -18603,7 +18605,7 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
           class: g(["wpic:flex wpic:h-10 wpic:w-10 wpic:flex-none wpic:items-center wpic:justify-center wpic:rounded-xl wpic:text-zinc-400 wpic:transition wpic:hover:bg-black/5 wpic:hover:text-zinc-700 wpic:dark:text-zinc-500 wpic:dark:hover:bg-white/10 wpic:dark:hover:text-zinc-200", B.value ? "wpic:absolute wpic:right-3 wpic:top-3" : ""]),
           "aria-label": n.minimizeLabel,
           title: n.minimizeLabel,
-          onClick: Q
+          onClick: q
         }, [
           $(m(j3), { size: 17 })
         ], 10, bi)) : u("", !0),