@wpic/ui 0.9.31 → 0.9.32

package/dist/wpic-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, openBlock as e, createBlock as Z, resolveDynamicComponent as S1, normalizeClass as g, withCtx as s1, createElementVNode as i, createCommentVNode as u, renderSlot as K, createElementBlock as t, createVNode as $, unref as m, Fragment as I, renderList as l1, toDisplayString as v, useModel as c2, useSlots as X2, computed as M, ref as T, watch as C1, onBeforeUnmount as K1, mergeProps as G1, createTextVNode as v1, withDirectives as j1, normalizeStyle as h1, vModelDynamic as k0, mergeModels as t2, vModelCheckbox as t3, withModifiers as b1, onMounted as E2, withKeys as d2, inject as v2, provide as W1, nextTick as H1, Teleport as R1, isRef as i3, vShow as l3, Transition as e2, getCurrentInstance as G2, vModelText as r2, useAttrs as a3, TransitionGroup as o3, useCssVars as s3, vModelSelect as r3, onUnmounted as p3, createSlots as d3, createStaticVNode as A1 } from "vue";
+import { defineComponent as X, openBlock as e, createBlock as Z, resolveDynamicComponent as S1, normalizeClass as g, withCtx as s1, createElementVNode as i, createCommentVNode as u, renderSlot as K, createElementBlock as t, createVNode as $, unref as m, Fragment as I, renderList as l1, toDisplayString as v, useModel as t2, useSlots as X2, computed as M, ref as T, watch as C1, onBeforeUnmount as K1, mergeProps as G1, createTextVNode as v1, withDirectives as j1, normalizeStyle as h1, vModelDynamic as k0, mergeModels as i2, vModelCheckbox as t3, withModifiers as b1, onMounted as E2, withKeys as d2, inject as v2, provide as W1, nextTick as H1, Teleport as R1, isRef as i3, vShow as l3, Transition as c2, getCurrentInstance as G2, vModelText as r2, useAttrs as a3, TransitionGroup as o3, useCssVars as s3, vModelSelect as r3, onUnmounted as p3, createSlots as d3, createStaticVNode as A1 } from "vue";
 import { Loader2 as I1, Calendar as x0, DollarSign as w3, X as $1, Check as _1, Search as W2, ChevronUp as y0, ChevronDown as Z1, ChevronsUpDown as _2, ChevronRight as E1, ChevronLeft as x2, Download as u3, Minimize as h3, Expand as m3, CalendarDays as D2, FolderSymlink as v3, Minimize2 as f3, Maximize2 as b3, Plus as $2, Trash2 as g3, Folder as v0, MoreHorizontal as z3, Bot as M0, Paperclip as B2, ThumbsUp as C3, ThumbsDown as k3, Copy as x3, Pencil as y3, MessageSquarePlus as M3, Square as L3, ArrowUp as L0, CircleAlert as V3, CircleCheck as $3, ShieldAlert as B3, Lightbulb as S3, PanelLeftOpen as A3, PanelLeftClose as F3, AlertTriangle as H3, Tag as T2, Clock as P3, RefreshCw as T3, MoveDownRight as j3 } from "lucide-vue-next";
 import { offset as f2, autoPlacement as E3, flip as b2, shift as g2, size as n0, useFloating as z2, autoUpdate as C2, arrow as W3 } from "@floating-ui/vue";
 import { defineStore as D3 } from "pinia";
@@ -125,7 +125,7 @@ const O3 = {
 }, S0 = /* @__PURE__ */ X({
   inheritAttrs: !1,
   __name: "WInput",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     icon: { type: [Object, Function] },
     label: {},
     placeholder: {},
@@ -144,7 +144,7 @@ const O3 = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue"), c = n, o = X2(), r = M(() => c.prepend !== void 0 || !!o.prepend), l = M(() => c.append !== void 0 || !!o.append), a = M(() => {
+    const d = t2(n, "modelValue"), c = n, o = X2(), r = M(() => c.prepend !== void 0 || !!o.prepend), l = M(() => c.append !== void 0 || !!o.append), a = M(() => {
       if (c.icon) return c.icon;
       if (c.type === "date") return x0;
       if (c.type === "money") return w3;
@@ -243,7 +243,7 @@ const O3 = {
   }
 }), c5 = ["disabled"], f0 = /* @__PURE__ */ X({
   __name: "WCheckbox",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     disabled: { type: Boolean }
   }, {
     modelValue: { type: Boolean },
@@ -251,7 +251,7 @@ const O3 = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue");
+    const d = t2(n, "modelValue");
     return (c, o) => (e(), t("label", {
       class: g(["wpic-checkbox wpic:relative wpic:inline-flex wpic:items-center wpic:gap-2 wpic:select-none", n.disabled ? "wpic:cursor-not-allowed wpic:opacity-50" : "wpic:cursor-pointer"])
     }, [
@@ -833,11 +833,11 @@ const O3 = {
       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];
       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 }));
+        const l2 = U.value[T1];
+        if (l2)
+          for (let n2 = u1; n2 <= R; n2++) {
+            const w2 = l2.cells[n2];
+            w2?.editable && (Q.add(j(l2, w2)), r("cell-change", { rowKey: l2.key, cellKey: w2.key, value: C.value, row: l2, cell: w2 }));
           }
       }
       L.value = null, B.value = null, x.value = t1 && L1 ? { cells: Q, source: j(t1, L1) } : null;
@@ -1453,7 +1453,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
   class: "wpic-chat-loading-card",
   role: "status",
   "aria-label": "Generating image"
-}, e6 = ["innerHTML", "onClick"], c6 = ["href", "onClick"], t6 = ["src"], i6 = ["title", "aria-label", "onClick"], l6 = ["title", "aria-label", "onClick"], a6 = ["title", "onClick"], o6 = ["onClick"], s6 = ["title", "onClick"], r6 = { class: "wpic-chat-panel__footer wpic:shrink-0 wpic:bg-white wpic:p-3 wpic:dark:bg-zinc-800" }, p6 = {
+}, e6 = ["innerHTML", "onClick"], c6 = ["href", "onClick"], t6 = ["src"], i6 = ["title", "aria-label", "aria-pressed", "onClick"], l6 = ["title", "aria-label", "aria-pressed", "onClick"], a6 = ["title", "onClick"], o6 = ["onClick"], s6 = ["title", "onClick"], r6 = { class: "wpic-chat-panel__footer wpic:shrink-0 wpic:bg-white wpic:p-3 wpic:dark:bg-zinc-800" }, p6 = {
   key: 0,
   class: "wpic:mb-2 wpic:flex wpic:flex-wrap wpic:justify-end wpic:gap-1.5"
 }, d6 = ["src", "alt"], w6 = { class: "wpic:max-w-40 wpic:truncate" }, u6 = {
@@ -1749,7 +1749,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       const w = g1(p.content), h = _(p.content), P = m1(p.content);
       return !w && !h && !P ? null : { prompt: w, taskType: P, settings: h };
     }
-    const i2 = M(() => {
+    const l2 = M(() => {
       if (c.maximized) {
         const h = Math.max(8, c.maximizedMargin);
         return {
@@ -1790,7 +1790,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
         zIndex: c.zIndex
       };
     });
-    function l2(p, w) {
+    function n2(p, w) {
       return p.id ?? `${p.role}-${w}`;
     }
     function w2(p) {
@@ -1896,10 +1896,10 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
         for (const M1 of W)
           f1 = f1.replace(O1(M1.label), a2(M1.label, "setting", "model", M1.value));
       if (!y?.settings) return f1;
-      const y1 = (M1, D1, n2) => {
-        if (n2 == null) return;
+      const y1 = (M1, D1, e2) => {
+        if (e2 == null) return;
         const q1 = p.match(M1);
-        q1?.[1] && (f1 = f1.replace(O1(q1[1]), a2(q1[1], "setting", D1, n2)));
+        q1?.[1] && (f1 = f1.replace(O1(q1[1]), a2(q1[1], "setting", D1, e2)));
       };
       if ((w1.includes("format") || w1.includes("aspect") || w1.includes("ratio")) && y1(/\b(\d{1,2}:\d{1,2})\b/, "aspect", y.settings.aspect), (w1.includes("résolution") || w1.includes("resolution")) && y1(/\b([1248]K)\b/i, "resolution", y.settings.resolution), (w1.includes("durée") || w1.includes("duration")) && y1(/\b(\d{1,3})\s*(?:s|sec|secondes?|seconds?)\b/i, "duration", y.settings.duration), w1.includes("fps") && y1(/\b(\d{1,3})\s*fps\b/i, "fps", y.settings.fps), y.settings.format) {
         const M1 = p.match(/\b(jpe?g|png|webp)\b/i)?.[1];
@@ -1936,7 +1936,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       }, D1 = () => {
         W && (y.push(`<pre><code>${O1(i1.join(`
 `))}</code></pre>`), i1 = [], W = !1);
-      }, n2 = (V1) => {
+      }, e2 = (V1) => {
         const P1 = V1.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((F1) => F1.trim());
         return P1.length > 1 && P1.every((F1) => /^:?-{3,}:?$/.test(F1));
       }, q1 = (V1) => V1.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((P1) => P1.trim());
@@ -1961,7 +1961,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
           M1(), y1();
           continue;
         }
-        if (!f1 && F1.includes("|") && P[V1 + 1] && n2(P[V1 + 1])) {
+        if (!f1 && F1.includes("|") && P[V1 + 1] && e2(P[V1 + 1])) {
           y1();
           const J1 = q1(F1);
           y.push('<div class="wpic-chat-table-wrap"><table><thead><tr>'), y.push(J1.map((Y2) => `<th>${L2(Y2, p)}</th>`).join("")), y.push("</tr></thead><tbody>"), f1 = !0, V1 += 1;
@@ -2221,9 +2221,9 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       if (!h) return;
       O.value = !0;
       const P = p.clientX, y = p.clientY, W = h.width, i1 = h.height, w1 = h.left, f1 = h.top, y1 = (D1) => {
-        const n2 = D1.clientX - P, q1 = D1.clientY - y;
+        const e2 = D1.clientX - P, q1 = D1.clientY - y;
         let s2 = W, Q1 = i1, V1 = w1, P1 = f1;
-        w.includes("e") && (s2 = Math.max(c.minWidth, W + n2)), w.includes("s") && (Q1 = Math.max(c.minHeight, i1 + q1)), w.includes("w") && (s2 = Math.max(c.minWidth, W - n2), V1 = w1 + (W - s2)), w.includes("n") && (Q1 = Math.max(c.minHeight, i1 - q1), P1 = Math.max(c.topOffset, f1 + (i1 - Q1))), o("update:width", Math.min(s2, window.innerWidth)), o("update:height", Math.min(Q1, window.innerHeight - c.topOffset)), c.docked || (o("update:x", Math.max(0, V1)), o("update:y", Math.max(c.topOffset, P1)));
+        w.includes("e") && (s2 = Math.max(c.minWidth, W + e2)), w.includes("s") && (Q1 = Math.max(c.minHeight, i1 + q1)), w.includes("w") && (s2 = Math.max(c.minWidth, W - e2), V1 = w1 + (W - s2)), w.includes("n") && (Q1 = Math.max(c.minHeight, i1 - q1), P1 = Math.max(c.topOffset, f1 + (i1 - Q1))), o("update:width", Math.min(s2, window.innerWidth)), o("update:height", Math.min(Q1, window.innerHeight - c.topOffset)), c.docked || (o("update:x", Math.max(0, V1)), o("update:y", Math.max(c.topOffset, P1)));
       }, M1 = () => {
         O.value = !1, document.removeEventListener("mousemove", y1), document.removeEventListener("mouseup", M1);
       };
@@ -2247,7 +2247,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
     }), K1(() => {
       x && window.clearTimeout(x), u2(), document.removeEventListener("pointerdown", s0, !0);
     }), (p, w) => (e(), Z(R1, { to: "body" }, [
-      $(e2, {
+      $(c2, {
         "enter-active-class": "wpic:transition-opacity wpic:duration-150",
         "enter-from-class": "wpic:opacity-0",
         "enter-to-class": "wpic:opacity-100",
@@ -2262,7 +2262,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
         ]),
         _: 1
       }),
-      $(e2, {
+      $(c2, {
         "enter-active-class": "wpic:transition wpic:duration-150 wpic:ease-out",
         "enter-from-class": "wpic:opacity-0 wpic:translate-y-2",
         "enter-to-class": "wpic:opacity-100 wpic:translate-y-0",
@@ -2279,7 +2279,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
             "data-variant": n.variant,
             "data-maximized": n.maximized,
             "data-docked": n.docked,
-            style: h1(i2.value),
+            style: h1(l2.value),
             "aria-label": "Chat"
           }, [
             i("div", {
@@ -2642,7 +2642,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
                       i("p", N4, v(n.thinkingLabel), 1)
                     ])) : Y.value.length ? (e(), t("div", q4, [
                       (e(!0), t(I, null, l1(Y.value, (h, P) => (e(), t("article", {
-                        key: l2(h, P),
+                        key: n2(h, P),
                         class: g(["wpic:group wpic:flex", h.role === "user" ? "wpic:justify-end" : "wpic:justify-start"])
                       }, [
                         i("div", Q4, [
@@ -2716,18 +2716,20 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
                             h.role === "assistant" && !h.streaming ? (e(), t(I, { key: 0 }, [
                               i("button", {
                                 type: "button",
-                                class: g(["wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:text-zinc-400 wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-emerald-600 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-emerald-400", h.metadata?.feedbackRating === 1 ? "wpic:text-emerald-600 wpic:dark:text-emerald-400" : ""]),
+                                class: g(["wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-emerald-600 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-emerald-400", h.metadata?.feedbackRating === 1 ? "wpic:text-emerald-600 wpic:dark:text-emerald-400" : "wpic:text-zinc-400"]),
                                 title: n.helpfulLabel,
                                 "aria-label": n.helpfulLabel,
+                                "aria-pressed": h.metadata?.feedbackRating === 1,
                                 onClick: (y) => o("message-feedback", h, 1)
                               }, [
                                 $(m(C3), { size: 14 })
                               ], 10, i6),
                               i("button", {
                                 type: "button",
-                                class: g(["wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:text-zinc-400 wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-rose-500 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-rose-400", h.metadata?.feedbackRating === -1 ? "wpic:text-rose-500 wpic:dark:text-rose-400" : ""]),
+                                class: g(["wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-rose-500 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-rose-400", h.metadata?.feedbackRating === -1 ? "wpic:text-rose-500 wpic:dark:text-rose-400" : "wpic:text-zinc-400"]),
                                 title: n.notHelpfulLabel,
                                 "aria-label": n.notHelpfulLabel,
+                                "aria-pressed": h.metadata?.feedbackRating === -1,
                                 onClick: (y) => o("message-feedback", h, -1)
                               }, [
                                 $(m(k3), { size: 14 })
@@ -2736,10 +2738,10 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
                             i("button", {
                               type: "button",
                               class: "wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:text-zinc-400 wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-zinc-700 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-zinc-100",
-                              title: n.copyLabel,
-                              onClick: (y) => _0(h.content, l2(h, P))
+                              title: V.value === n2(h, P) ? n.copiedLabel : n.copyLabel,
+                              onClick: (y) => _0(h.content, n2(h, P))
                             }, [
-                              (e(), Z(S1(V.value === l2(h, P) ? m(_1) : m(x3)), { size: 14 }))
+                              (e(), Z(S1(V.value === n2(h, P) ? m(_1) : m(x3)), { size: 14 }))
                             ], 8, a6),
                             h.role === "user" ? (e(), t("button", {
                               key: 1,
@@ -3360,7 +3362,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
   }
 }), q6 = ["min", "max", "step", "disabled"], al = /* @__PURE__ */ X({
   __name: "WSlider",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     min: { default: 0 },
     max: { default: 100 },
     step: { default: 1 },
@@ -3372,7 +3374,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue"), c = n, o = M(() => {
+    const d = t2(n, "modelValue"), c = n, o = M(() => {
       const l = c.max - c.min;
       return l <= 0 ? 0 : Math.max(0, Math.min(100, (Number(d.value ?? c.min) - c.min) / l * 100));
     }), r = M(() => c.min < 0 && c.max > 0);
@@ -3828,7 +3830,7 @@ const _6 = {
   }
 }), W9 = ["aria-checked", "aria-label", "aria-labelledby", "disabled"], pl = /* @__PURE__ */ X({
   __name: "WToggle",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     disabled: { type: Boolean },
     ariaLabel: {}
   }, {
@@ -3837,7 +3839,7 @@ const _6 = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue"), c = `wpic-toggle-${G2()?.uid}`;
+    const d = t2(n, "modelValue"), c = `wpic-toggle-${G2()?.uid}`;
     return (o, r) => (e(), t("div", {
       class: g(["wpic-toggle wpic:flex wpic:items-center wpic:gap-3", n.disabled ? "wpic:cursor-not-allowed" : "wpic:cursor-pointer"])
     }, [
@@ -4292,7 +4294,7 @@ function L7(n, d) {
 }
 const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"], gl = /* @__PURE__ */ X({
   __name: "FormTextarea",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     placeholder: {},
     rows: {},
     error: { type: Boolean }
@@ -4302,7 +4304,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue");
+    const d = t2(n, "modelValue");
     return (c, o) => j1((e(), t("textarea", G1({
       "onUpdate:modelValue": o[0] || (o[0] = (r) => d.value = r),
       placeholder: n.placeholder ?? "",
@@ -4318,7 +4320,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   }
 }), $7 = ["type", "placeholder"], zl = /* @__PURE__ */ X({
   __name: "FormInput",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     placeholder: {},
     type: {},
     error: { type: Boolean }
@@ -4328,7 +4330,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue");
+    const d = t2(n, "modelValue");
     return (c, o) => j1((e(), t("input", G1({
       "onUpdate:modelValue": o[0] || (o[0] = (r) => d.value = r),
       type: n.type ?? "text",
@@ -4348,7 +4350,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   disabled: ""
 }, S7 = ["value"], Cl = /* @__PURE__ */ X({
   __name: "FormSelect",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     options: {},
     placeholder: {},
     error: { type: Boolean }
@@ -4358,7 +4360,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue");
+    const d = t2(n, "modelValue");
     return (c, o) => j1((e(), t("select", G1({
       "onUpdate:modelValue": o[0] || (o[0] = (r) => d.value = r)
     }, c.$attrs, {
@@ -4836,7 +4838,7 @@ const Ml = /* @__PURE__ */ U1(e8, [["render", c8]]), Ll = /* @__PURE__ */ X({
       to: "body",
       class: "wpic-slide-panel"
     }, [
-      $(e2, { name: "wp-backdrop" }, {
+      $(c2, { name: "wp-backdrop" }, {
         default: s1(() => [
           n.modelValue ? (e(), t("div", {
             key: 0,
@@ -4847,7 +4849,7 @@ const Ml = /* @__PURE__ */ U1(e8, [["render", c8]]), Ll = /* @__PURE__ */ X({
         ]),
         _: 1
       }),
-      $(e2, { name: "wp-panel" }, {
+      $(c2, { name: "wp-panel" }, {
         default: s1(() => [
           n.modelValue ? (e(), t("div", {
             key: 0,
@@ -5683,7 +5685,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         K(x.$slots, "default")
       ], 16),
       (e(), Z(R1, { to: "body" }, [
-        $(e2, {
+        $(c2, {
           "enter-active-class": "wpic:transition-opacity wpic:duration-150 wpic:ease-out",
           "enter-from-class": "wpic:opacity-0",
           "enter-to-class": "wpic:opacity-100",
@@ -5981,7 +5983,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
   class: "wpic:h-1.5 wpic:w-1.5 wpic:rounded-full wpic:bg-current"
 }, Fn = { key: 3 }, Hn = /* @__PURE__ */ X({
   __name: "WPillGroup",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     options: {},
     multiple: { type: Boolean },
     size: {},
@@ -5994,7 +5996,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = n, c = c2(n, "modelValue");
+    const d = n, c = t2(n, "modelValue");
     function o(f) {
       return d.multiple ? Array.isArray(c.value) && c.value.includes(f) : c.value === f;
     }
@@ -7479,7 +7481,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
   },
   emits: ["close"],
   setup(n) {
-    return (d, c) => (e(), Z(e2, {
+    return (d, c) => (e(), Z(c2, {
       "enter-active-class": "wpic:transition wpic:duration-200 wpic:ease-out",
       "enter-from-class": "wpic:opacity-0 wpic:translate-y-4",
       "enter-to-class": "wpic:opacity-100 wpic:translate-y-0",
@@ -18549,7 +18551,7 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
         }, [
           $(m(M0), { size: 21 })
         ], 10, wi),
-        $(e2, { name: "wpic-composer-content" }, {
+        $(c2, { name: "wpic-composer-content" }, {
           default: s1(() => [
             !B.value && x.value ? (e(), t("button", {
               key: "compact",
@@ -18609,7 +18611,7 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
         }, [
           $(m(j3), { size: 17 })
         ], 10, bi)) : u("", !0),
-        $(e2, { name: "wpic-composer-send" }, {
+        $(c2, { name: "wpic-composer-send" }, {
           default: s1(() => [
             B.value ? (e(), t("button", {
               key: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wpic/ui",
-  "version": "0.9.31",
+  "version": "0.9.32",
   "type": "module",
   "description": "WPIC shared Vue 3 component library",
   "publishConfig": {