@wpic/ui 0.8.0 → 0.8.1

package/dist/wpic-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, openBlock as e, createBlock as K, resolveDynamicComponent as B1, normalizeClass as g, withCtx as r1, createElementVNode as a, createCommentVNode as m, renderSlot as Q, createElementBlock as l, createVNode as M, unref as f, Fragment as W, renderList as a1, toDisplayString as b, useModel as G1, useSlots as q2, computed as y, ref as S, mergeProps as X1, createTextVNode as f1, withDirectives as T1, vModelDynamic as g0, mergeModels as _1, vModelCheckbox as J0, watch as V1, normalizeStyle as m1, withModifiers as z1, onMounted as H2, onBeforeUnmount as g2, withKeys as M2, inject as Q2, provide as p2, isRef as X0, nextTick as H1, Teleport as U1, vShow as G0, Transition as u2, getCurrentInstance as p0, vModelText as c2, useAttrs as _0, TransitionGroup as n3, useCssVars as e3, vModelSelect as t3, onUnmounted as l3, createStaticVNode as A1 } from "vue";
+import { defineComponent as X, openBlock as e, createBlock as K, resolveDynamicComponent as B1, normalizeClass as g, withCtx as r1, createElementVNode as a, createCommentVNode as m, renderSlot as Q, createElementBlock as l, createVNode as M, unref as f, Fragment as W, renderList as a1, toDisplayString as b, useModel as G1, useSlots as q2, computed as y, ref as S, mergeProps as X1, createTextVNode as m1, withDirectives as T1, vModelDynamic as g0, mergeModels as _1, vModelCheckbox as J0, watch as V1, normalizeStyle as f1, withModifiers as z1, onMounted as H2, onBeforeUnmount as g2, withKeys as M2, inject as Q2, provide as p2, isRef as X0, nextTick as H1, Teleport as U1, vShow as G0, Transition as u2, getCurrentInstance as p0, vModelText as c2, useAttrs as _0, TransitionGroup as n3, useCssVars as e3, vModelSelect as t3, onUnmounted as l3, createStaticVNode as A1 } from "vue";
 import { Loader2 as i2, Calendar as C0, DollarSign as a3, X as $1, Check as O1, Search as P2, ChevronUp as k0, ChevronDown as D1, ChevronsUpDown as J2, ChevronRight as j1, ChevronLeft as C2, Download as c3, Minimize as i3, Expand as o3, CalendarDays as T2, FolderSymlink as s3, Minimize2 as r3, Maximize2 as d3, Plus as w2, Trash2 as u3, Folder as h0, MoreHorizontal as h3, Bot as v3, Paperclip as U2, ThumbsUp as m3, ThumbsDown as f3, Copy as b3, Pencil as z3, MessageSquarePlus as g3, Square as p3, ArrowUp as C3, CircleAlert as k3, CircleCheck as x3, ShieldAlert as y3, Lightbulb as w3, PanelLeftOpen as M3, PanelLeftClose as V3, AlertTriangle as L3, Tag as F2, Clock as B3, RefreshCw as $3 } from "lucide-vue-next";
 import { offset as h2, flip as v2, shift as m2, size as X2, useFloating as f2, autoUpdate as b2 } from "@floating-ui/vue";
 import { defineStore as A3 } from "pinia";
@@ -164,7 +164,7 @@ const S3 = {
         required: t.required
       }, {
         default: r1(() => [
-          f1(b(t.label), 1)
+          m1(b(t.label), 1)
         ]),
         _: 1
       }, 8, ["required"])) : m("", !0),
@@ -176,7 +176,7 @@ const S3 = {
           onClick: i
         }, null, 8, ["size", "class"])) : u.value ? (e(), l("span", D3, [
           Q(j.$slots, "prepend", {}, () => [
-            f1(b(t.prepend), 1)
+            m1(b(t.prepend), 1)
           ])
         ])) : m("", !0),
         T1(a("input", {
@@ -203,7 +203,7 @@ const S3 = {
         ]),
         c.value ? (e(), l("span", R3, [
           Q(j.$slots, "append", {}, () => [
-            f1(b(t.append), 1)
+            m1(b(t.append), 1)
           ])
         ])) : m("", !0),
         t.loading ? (e(), K(f(i2), {
@@ -292,15 +292,18 @@ const S3 = {
   role: "status",
   "aria-live": "polite",
   class: "flex items-center justify-center py-12 gap-3 text-base text-zinc-400 dark:text-zinc-500"
-}, U3 = { style: { "overflow-x": "auto" } }, O3 = { class: "w-full border-collapse" }, Y3 = {
+}, U3 = {
+  class: "wpic-table__scroll",
+  style: { "overflow-x": "auto" }
+}, O3 = { class: "w-full border-collapse" }, Y3 = {
   key: 0,
   style: { width: "36px" }
 }, q3 = {
   key: 1,
   style: { width: "32px" }
-}, Q3 = { key: 0 }, J3 = { class: "border-b border-zinc-100 dark:border-zinc-800" }, X3 = ["onClick"], G3 = { key: 1 }, _3 = {
+}, Q3 = { key: 0 }, J3 = { class: "wpic-table__header border-b border-zinc-100 dark:border-zinc-800" }, X3 = ["onClick"], G3 = { key: 1 }, _3 = {
   key: 0,
-  class: "border-b border-zinc-200 bg-zinc-50 font-medium dark:border-zinc-700 dark:bg-zinc-800/60"
+  class: "wpic-table__summary border-b border-zinc-200 font-medium dark:border-zinc-700"
 }, n4 = { key: 0 }, e4 = { key: 1 }, t4 = ["onClick"], l4 = ["onClick"], a4 = {
   key: 0,
   class: "border-b border-zinc-100 dark:border-zinc-800"
@@ -442,7 +445,7 @@ const S3 = {
               n.expandable ? (e(), l("col", q3)) : m("", !0),
               (e(!0), l(W, null, a1(n.columns, (V) => (e(), l("col", {
                 key: V.field,
-                style: m1(M1(V))
+                style: f1(M1(V))
               }, null, 4))), 128))
             ]),
             s.showHeader !== !1 ? (e(), l("thead", Q3, [
@@ -464,8 +467,8 @@ const S3 = {
                 }, null, 2)) : m("", !0),
                 (e(!0), l(W, null, a1(n.columns, (V, R) => (e(), l("th", {
                   key: V.field,
-                  class: g([p1(R, n.compact ? "py-1" : "py-2"), "whitespace-nowrap text-zinc-500 dark:text-zinc-300 font-medium", G(V.align), R === 0 && !n.expandable && !n.selectable ? "sticky left-0 z-10" : ""]),
-                  style: m1({ ...M1(V) })
+                  class: g([p1(R, n.compact ? "py-1" : "py-2"), "whitespace-nowrap text-zinc-500 dark:text-zinc-300 font-medium", G(V.align), R === 0 && !n.expandable && !n.selectable ? "wpic-table__sticky sticky left-0 z-10" : ""]),
+                  style: f1({ ...M1(V) })
                 }, [
                   Q(E.$slots, "th-" + V.field, {
                     col: V,
@@ -482,7 +485,7 @@ const S3 = {
                       ]),
                       style: { color: "inherit" }
                     }, [
-                      f1(b(V.label) + " ", 1),
+                      m1(b(V.label) + " ", 1),
                       C.value === V.field && i.value === "asc" ? (e(), K(f(k0), {
                         key: 0,
                         size: 11,
@@ -497,7 +500,7 @@ const S3 = {
                         style: { opacity: "0.3" }
                       }))
                     ], 10, X3)) : (e(), l(W, { key: 1 }, [
-                      f1(b(V.label), 1)
+                      m1(b(V.label), 1)
                     ], 64))
                   ])
                 ], 6))), 128))
@@ -509,21 +512,20 @@ const S3 = {
                 n.expandable ? (e(), l("td", e4)) : m("", !0),
                 (e(!0), l(W, null, a1(n.columns, (V, R) => (e(), l("td", {
                   key: V.field,
-                  class: g([p1(R, n.compact ? "py-1" : "py-2.5"), G(V.align), R === 0 ? "sticky left-0 z-10 text-zinc-900 dark:text-zinc-100" : "text-zinc-700 dark:text-zinc-200"]),
-                  style: m1(R === 0 ? { background: "inherit" } : {})
+                  class: g([p1(R, n.compact ? "py-1" : "py-2.5"), G(V.align), R === 0 && !n.expandable && !n.selectable ? "wpic-table__sticky sticky left-0 z-10 text-zinc-900 dark:text-zinc-100" : "text-zinc-700 dark:text-zinc-200"])
                 }, [
                   Q(E.$slots, "summary-" + V.field, {
                     row: n.summaryRow,
                     value: n.summaryRow[V.field]
                   }, () => [
-                    f1(b(n.summaryRow[V.field] ?? "—"), 1)
+                    m1(b(n.summaryRow[V.field] ?? "—"), 1)
                   ])
-                ], 6))), 128))
+                ], 2))), 128))
               ])) : m("", !0),
               q.value.length ? (e(!0), l(W, { key: 1 }, a1(q.value, (V, R) => (e(), l(W, { key: R }, [
                 a("tr", {
-                  class: g(["group border-b border-zinc-100 dark:border-zinc-800 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors", [n.expandable && c.value.has(R) ? "border-b-0" : "", n.rowClass?.(V)]]),
-                  style: m1({ cursor: n.rowClickable || n.expandable ? "pointer" : "default", ...n.rowStyle?.(V) ?? {} }),
+                  class: g(["wpic-table__row group border-b border-zinc-100 dark:border-zinc-800", [n.expandable && c.value.has(R) ? "border-b-0" : "", n.rowClass?.(V)]]),
+                  style: f1({ cursor: n.rowClickable || n.expandable ? "pointer" : "default", ...n.rowStyle?.(V) ?? {} }),
                   onClick: (l1) => n.expandable ? o(R) : n.rowClickable && u("row-click", V)
                 }, [
                   n.selectable ? (e(), l("td", {
@@ -556,18 +558,17 @@ const S3 = {
                     class: g([
                       p1(b1, n.compact ? "py-1" : "py-2.5"),
                       G(l1.align),
-                      b1 === 0 && !n.expandable && !n.selectable ? "sticky left-0 text-zinc-900 dark:text-zinc-100 font-medium" : "text-zinc-700 dark:text-zinc-200"
+                      b1 === 0 && !n.expandable && !n.selectable ? "wpic-table__sticky sticky left-0 z-10 text-zinc-900 dark:text-zinc-100 font-medium" : "text-zinc-700 dark:text-zinc-200"
                     ]),
-                    style: m1(b1 === 0 && !n.expandable && !n.selectable ? { background: "inherit", zIndex: 1 } : {}),
                     onClick: (y1) => n.expandable ? (n.rowClickable && u("row-click", V), y1.stopPropagation()) : void 0
                   }, [
                     Q(E.$slots, l1.field, {
                       row: V,
                       value: V[l1.field]
                     }, () => [
-                      f1(b(V[l1.field] ?? "—"), 1)
+                      m1(b(V[l1.field] ?? "—"), 1)
                     ])
-                  ], 14, l4))), 128))
+                  ], 10, l4))), 128))
                 ], 14, t4),
                 n.expandable && c.value.has(R) ? (e(), l("tr", a4, [
                   a("td", {
@@ -584,7 +585,7 @@ const S3 = {
                 }, [
                   a("div", s4, [
                     Q(E.$slots, "empty-icon"),
-                    f1(" " + b(n.emptyText ?? "No data"), 1)
+                    m1(" " + b(n.emptyText ?? "No data"), 1)
                   ])
                 ], 8, o4)
               ]))
@@ -597,9 +598,9 @@ const S3 = {
         }, [
           a("span", r4, [
             g1.value > 1 ? (e(), l(W, { key: 0 }, [
-              f1(b(c1.value) + "–" + b(w1.value) + " " + b(n.labels?.of ?? "of") + " " + b(o1.value), 1)
+              m1(b(c1.value) + "–" + b(w1.value) + " " + b(n.labels?.of ?? "of") + " " + b(o1.value), 1)
             ], 64)) : (e(), l(W, { key: 1 }, [
-              f1(b(o1.value) + " " + b(o1.value === 1 ? n.labels?.item ?? "item" : n.labels?.items ?? "items"), 1)
+              m1(b(o1.value) + " " + b(o1.value === 1 ? n.labels?.item ?? "item" : n.labels?.items ?? "items"), 1)
             ], 64))
           ]),
           g1.value > 1 ? (e(), l("div", d4, [
@@ -619,7 +620,7 @@ const S3 = {
                   "h-7 min-w-7 px-2 rounded-md text-sm font-medium transition-colors cursor-pointer",
                   Z.value === V ? "" : "text-zinc-700 dark:text-zinc-200 hover:bg-zinc-100 dark:hover:bg-zinc-700"
                 ]),
-                style: m1(Z.value === V ? "background:rgba(94,106,210,0.1);color:#5E6AD2" : void 0)
+                style: f1(Z.value === V ? "background:rgba(94,106,210,0.1);color:#5E6AD2" : void 0)
               }, b(V), 15, v4))
             ], 64))), 128)),
             a("button", {
@@ -897,17 +898,17 @@ const S3 = {
         ])) : (e(), l("div", {
           key: 2,
           class: g(["w-spreadsheet", { "w-spreadsheet--with-column-axis": c.value }]),
-          style: m1({ maxHeight: i.value ? "calc(100vh - 96px)" : n.maxHeight })
+          style: f1({ maxHeight: i.value ? "calc(100vh - 96px)" : n.maxHeight })
         }, [
           a("table", {
             class: g(["w-spreadsheet__table", { "w-spreadsheet__table--sticky-columns": z.value }]),
-            style: m1({ minWidth: n.minWidth })
+            style: f1({ minWidth: n.minWidth })
           }, [
             a("colgroup", null, [
               o.value ? (e(), l("col", C4)) : m("", !0),
               (e(!0), l(W, null, a1(n.columns, (N) => (e(), l("col", {
                 key: N.key,
-                style: m1({ width: N.width })
+                style: f1({ width: N.width })
               }, null, 4))), 128))
             ]),
             c.value ? (e(), l("thead", k4, [
@@ -930,7 +931,7 @@ const S3 = {
                   class: g(["w-spreadsheet__cell", [b1(s1), { "w-spreadsheet__cell--sortable": U(s1), "w-spreadsheet__cell--sticky": t1(N, D), "w-spreadsheet__cell--sticky-first": c1(N, D), "w-spreadsheet__cell--active": G(N, s1) }, u1(h1, D), V(N, s1)]]),
                   colspan: s1.colspan || 1,
                   title: s1.title,
-                  style: m1(w1(N, D)),
+                  style: f1(w1(N, D)),
                   tabindex: U(s1) ? 0 : void 0,
                   onClick: (Y) => I(s1),
                   onKeydown: [
@@ -965,7 +966,7 @@ const S3 = {
                         M(f(T2), { size: 16 })
                       ])) : m("", !0)
                     ])) : (e(), l(W, { key: 1 }, [
-                      f1(b(s1.value ?? ""), 1)
+                      m1(b(s1.value ?? ""), 1)
                     ], 64))
                   ]),
                   U(s1) ? (e(), K(B1(k.value === s1.key ? C.value === "asc" ? f(k0) : f(D1) : f(J2)), {
@@ -1212,7 +1213,7 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
         ref: C,
         "data-wpic-theme": f(s)?.mode,
         class: g([{ "wpic-theme": f(s), dark: f(s)?.mode === "dark" }, "wpic-popover-panel flex flex-col bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-xl shadow-xl dark:shadow-black/40 overflow-hidden"]),
-        style: m1([f(s)?.variables, f(T), I.value])
+        style: f1([f(s)?.variables, f(T), I.value])
       }, [
         Q(H.$slots, "default")
       ], 14, P4), [
@@ -2090,7 +2091,7 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
             class: g(["wpic-chat-panel overflow-visible text-zinc-900 dark:text-zinc-100", [n.docked ? "flex border-l border-zinc-200/40 bg-zinc-50 dark:border-zinc-800/40 dark:bg-zinc-950" : "", Z.value ? "cursor-grabbing" : "", o1.value ? "select-none" : ""]]),
             "data-variant": n.variant,
             "data-maximized": n.maximized,
-            style: m1(M0.value),
+            style: f1(M0.value),
             "aria-label": "Chat"
           }, [
             a("div", {
@@ -2371,7 +2372,7 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
                                   (e(), K(U1, { to: "body" }, [
                                     e1.value === `loose-${v.id}` ? (e(), l("div", {
                                       key: 0,
-                                      style: m1(P.value),
+                                      style: f1(P.value),
                                       "data-wpic-chat-menu-root": "",
                                       onPointerenter: s2,
                                       onMouseenter: s2,
@@ -2400,7 +2401,7 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
                                             onClick: (w) => c0(v, null)
                                           }, {
                                             default: r1(() => [...d[28] || (d[28] = [
-                                              f1("No project", -1)
+                                              m1("No project", -1)
                                             ])]),
                                             _: 1
                                           }, 8, ["onClick"])
@@ -2964,14 +2965,14 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       return c1.length ? I <= t1 ? c1.join(", ") : `${c1.slice(0, t1).join(", ")} · ${I}` : t.placeholder ? `${t.placeholder} · ${I}` : `${I} selected`;
     }), q = y(() => t.multiple ? i.value.length > 0 : t.modelValue != null && t.modelValue !== ""), e1 = y(() => t.variant ?? "default");
     return (P, U) => (e(), l("div", {
-      style: m1({ position: "relative", width: e1.value === "plain" ? "auto" : "100%", minWidth: 0 })
+      style: f1({ position: "relative", width: e1.value === "plain" ? "auto" : "100%", minWidth: 0 })
     }, [
       n.label && n.labelPlacement !== "inline" ? (e(), K(x0, {
         key: 0,
         for: z
       }, {
         default: r1(() => [
-          f1(b(n.label), 1)
+          m1(b(n.label), 1)
         ]),
         _: 1
       })) : m("", !0),
@@ -3118,7 +3119,7 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
                     I.meta ? (e(), l("span", {
                       key: 2,
                       class: "shrink-0 px-1.5 py-px rounded text-[11px]",
-                      style: m1({
+                      style: f1({
                         background: I.metaVariant === "success" ? "rgba(34,197,94,0.12)" : I.metaVariant === "warning" ? "rgba(245,158,11,0.12)" : I.metaVariant === "error" ? "rgba(239,68,68,0.12)" : I.metaVariant === "subtle" ? "rgba(113,113,122,0.12)" : "transparent",
                         color: I.metaVariant === "success" ? "#22C55E" : I.metaVariant === "warning" ? "#F59E0B" : I.metaVariant === "error" ? "#EF4444" : "rgb(161 161 170)"
                       })
@@ -3139,7 +3140,7 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
                 size: 14,
                 class: "shrink-0"
               }),
-              f1(' Create "' + b(C.value.trim()) + '" ', 1)
+              m1(' Create "' + b(C.value.trim()) + '" ', 1)
             ])) : m("", !0)
           ])
         ]),
@@ -3155,7 +3156,7 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
   setup(n) {
     return (h, t) => (e(), l("span", $6, [
       Q(h.$slots, "default", {}, () => [
-        f1(b(n.label), 1)
+        m1(b(n.label), 1)
       ])
     ]));
   }
@@ -3184,7 +3185,7 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
       max: n.max,
       step: n.step,
       disabled: n.disabled,
-      style: m1({ "--wpic-slider-progress": `${s.value}%` }),
+      style: f1({ "--wpic-slider-progress": `${s.value}%` }),
       class: g([
         "wpic-slider",
         `wpic-slider--${n.variant}`,
@@ -3232,7 +3233,7 @@ const P4 = ["data-wpic-theme"], n2 = /* @__PURE__ */ X({
             o.color ? (e(), l("span", {
               key: 0,
               class: "w-2 h-2 rounded-full shrink-0",
-              style: m1({ background: o.color })
+              style: f1({ background: o.color })
             }, null, 4)) : o.icon ? (e(), K(B1(o.icon), {
               key: 1,
               size: 13,
@@ -3486,14 +3487,14 @@ const T6 = {
           Q(h.$slots, "icon"),
           a("span", n9, [
             Q(h.$slots, "title", {}, () => [
-              f1(b(n.title), 1)
+              m1(b(n.title), 1)
             ])
           ]),
           Q(h.$slots, "actions")
         ]),
         n.subtitle || h.$slots.subtitle ? (e(), l("p", e9, [
           Q(h.$slots, "subtitle", {}, () => [
-            f1(b(n.subtitle), 1)
+            m1(b(n.subtitle), 1)
           ])
         ])) : m("", !0)
       ], 2)) : m("", !0),
@@ -3552,7 +3553,7 @@ const T6 = {
   setup(n) {
     return (h, t) => (e(), l("div", {
       class: "wpic-skeleton animate-pulse bg-zinc-200 dark:bg-zinc-800",
-      style: m1({
+      style: f1({
         width: n.width ?? "100%",
         height: n.height ?? "1rem",
         borderRadius: n.rounded ?? "4px"
@@ -3638,7 +3639,7 @@ const T6 = {
     const t = V2(), s = h, u = S(!1);
     return p2("wpic-pagination-url-sync", !1), (c, o) => (e(), K(U1, { to: "body" }, [
       a("div", {
-        style: m1(f(t)?.variables),
+        style: f1(f(t)?.variables),
         "data-wpic-theme": f(t)?.mode,
         class: g([{ "wpic-theme": f(t), dark: f(t)?.mode === "dark" }, "wpic-modal-overlay flex items-center justify-center bg-black/50 backdrop-blur-sm px-4", n.zIndex]),
         onMousedown: o[2] || (o[2] = z1((z) => u.value = !0, ["self"])),
@@ -4237,7 +4238,7 @@ const ca = /* @__PURE__ */ Y1(G9, [["render", n7]]), e7 = ["placeholder", "rows"
         key: 0,
         ref_key: "floatingRef",
         ref: z,
-        style: m1({ ...f(k), minWidth: u.value ? "560px" : "280px" }),
+        style: f1({ ...f(k), minWidth: u.value ? "560px" : "280px" }),
         class: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-xl shadow-xl z-50 p-3"
       }, [
         a("div", o7, [
@@ -4444,7 +4445,7 @@ const ha = /* @__PURE__ */ Y1($7, [["render", A7]]), va = /* @__PURE__ */ X({
               onClick: u[0] || (u[0] = (c) => t("cancel"))
             }, {
               default: r1(() => [
-                f1(b(n.cancelText ?? "Cancel"), 1)
+                m1(b(n.cancelText ?? "Cancel"), 1)
               ]),
               _: 1
             }, 8, ["disabled"]),
@@ -4454,7 +4455,7 @@ const ha = /* @__PURE__ */ Y1($7, [["render", A7]]), va = /* @__PURE__ */ X({
               onClick: u[1] || (u[1] = (c) => t("confirm"))
             }, {
               default: r1(() => [
-                f1(b(n.confirmText ?? "Confirm"), 1)
+                m1(b(n.confirmText ?? "Confirm"), 1)
               ]),
               _: 1
             }, 8, ["variant", "loading"])
@@ -4557,7 +4558,7 @@ const za = /* @__PURE__ */ X({
           n.modelValue ? (e(), l("div", {
             key: 0,
             class: "fixed inset-0 bg-black/30 backdrop-blur-[2px]",
-            style: m1({ zIndex: (n.zIndex ?? 70) - 1, right: c }),
+            style: f1({ zIndex: (n.zIndex ?? 70) - 1, right: c }),
             onClick: i[0] || (i[0] = (j) => k())
           }, null, 4)) : m("", !0)
         ]),
@@ -4568,7 +4569,7 @@ const za = /* @__PURE__ */ X({
           n.modelValue ? (e(), l("div", {
             key: 0,
             class: g(["wpic-slide-panel fixed box-border flex flex-col bg-white dark:bg-zinc-900 border-zinc-200 dark:border-zinc-800 shadow-2xl", n.island ? "top-3 bottom-3 rounded-xl border overflow-hidden" : "top-0 h-full border-l", u.value ? "" : n.width ?? "w-[420px]"]),
-            style: m1({ width: u.value, zIndex: n.zIndex ?? 70, right: n.island ? `calc(${c} + 12px)` : c, maxWidth: `calc(100vw - ${c}${n.island ? " - 24px" : ""})` })
+            style: f1({ width: u.value, zIndex: n.zIndex ?? 70, right: n.island ? `calc(${c} + 12px)` : c, maxWidth: `calc(100vw - ${c}${n.island ? " - 24px" : ""})` })
           }, [
             n.hideHeader ? m("", !0) : (e(), l("div", W7, [
               Q(C.$slots, "header", {}, () => [
@@ -4826,7 +4827,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
                 size: 9,
                 class: "shrink-0 mr-0.5"
               }),
-              f1(" " + b(_) + " ", 1),
+              m1(" " + b(_) + " ", 1),
               a("button", {
                 class: "ml-1 text-zinc-400 dark:text-zinc-500 hover:text-gray-900 dark:hover:text-white transition",
                 onClick: (C1) => i(_)
@@ -4859,7 +4860,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
                 size: 12,
                 class: "shrink-0 text-zinc-400"
               }),
-              f1(" " + b(_), 1)
+              m1(" " + b(_), 1)
             ], 40, J7))), 128)),
             k.value ? (e(), l("button", {
               key: 0,
@@ -4871,7 +4872,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
                 size: 12,
                 class: "shrink-0"
               }),
-              f1(' Create "' + b(c.value.trim()) + '" ', 1)
+              m1(' Create "' + b(c.value.trim()) + '" ', 1)
             ], 32)) : m("", !0)
           ])) : m("", !0)
         ])
@@ -4887,7 +4888,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
                 size: 9,
                 class: "shrink-0 mr-0.5"
               }),
-              f1(" " + b(d1(_)) + " ", 1),
+              m1(" " + b(d1(_)) + " ", 1),
               a("button", {
                 class: "ml-1 text-zinc-400 dark:text-zinc-500 hover:text-gray-900 dark:hover:text-white transition",
                 onClick: (C1) => N(_)
@@ -4927,12 +4928,12 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
             key: 1,
             ref_key: "dropdownRef",
             ref: e1,
-            style: m1({ ...f(w1), minWidth: q.value?.offsetWidth + "px" }),
+            style: f1({ ...f(w1), minWidth: q.value?.offsetWidth + "px" }),
             class: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg shadow-xl z-50 overflow-y-auto"
           }, [
             E.value ? (e(), l("div", t8, [
               M(f(B3), { size: 10 }),
-              f1(" " + b(E.value), 1)
+              m1(" " + b(E.value), 1)
             ])) : m("", !0),
             (e(!0), l(W, null, a1(M1.value, (_) => (e(), l("button", {
               key: _.tag_id,
@@ -4954,7 +4955,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
                 class: "ml-auto shrink-0"
               }, {
                 default: r1(() => [
-                  f1(b(n.labelAlreadyAdded), 1)
+                  m1(b(n.labelAlreadyAdded), 1)
                 ]),
                 _: 1
               })) : m("", !0)
@@ -4970,7 +4971,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
                 variant: "default"
               }, {
                 default: r1(() => [
-                  f1(b(n.labelAlreadyAdded), 1)
+                  m1(b(n.labelAlreadyAdded), 1)
                 ]),
                 _: 1
               })) : L.value.existed ? (e(), K(r2, {
@@ -4978,7 +4979,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
                 variant: "default"
               }, {
                 default: r1(() => [
-                  f1(b(n.labelExisting), 1)
+                  m1(b(n.labelExisting), 1)
                 ]),
                 _: 1
               })) : (e(), K(r2, {
@@ -4986,7 +4987,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
                 variant: "info"
               }, {
                 default: r1(() => [
-                  f1(b(n.labelNew), 1)
+                  m1(b(n.labelNew), 1)
                 ]),
                 _: 1
               }))
@@ -5046,7 +5047,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
               onClick: O
             }, {
               default: r1(() => [
-                f1(b(n.labelCancel), 1)
+                m1(b(n.labelCancel), 1)
               ]),
               _: 1
             }),
@@ -5058,7 +5059,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
               onClick: A
             }, {
               default: r1(() => [
-                f1(b(n.labelConfirm), 1)
+                m1(b(n.labelConfirm), 1)
               ]),
               _: 1
             }, 8, ["loading"]))
@@ -5204,7 +5205,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
         key: 0,
         ref_key: "floatingRef",
         ref: k,
-        style: m1({ ...f($), minWidth: z.value?.offsetWidth + "px", width: "280px" }),
+        style: f1({ ...f($), minWidth: z.value?.offsetWidth + "px", width: "280px" }),
         class: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg shadow-xl z-50 overflow-hidden"
       }, [
         a("div", C8, [
@@ -5265,7 +5266,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
         key: 1,
         ref_key: "subPanelRef",
         ref: j,
-        style: m1(f(T)),
+        style: f1(f(T)),
         class: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg shadow-xl z-[51] overflow-hidden w-[320px] max-h-[280px] overflow-y-auto",
         onMouseenter: q,
         onMouseleave: e1
@@ -5286,7 +5287,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
             size: 12,
             class: "shrink-0 text-zinc-400 dark:text-zinc-500"
           })) : m("", !0),
-          f1(" " + b(c1.name), 1)
+          m1(" " + b(c1.name), 1)
         ], 42, L8))), 128))
       ], 36)) : m("", !0),
       u.value ? (e(), l("div", {
@@ -5341,7 +5342,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
       ], 10, $8))), 128)),
       n.files.length ? m("", !0) : (e(), l("div", F8, [
         Q(u.$slots, "empty", {}, () => [
-          c[0] || (c[0] = f1("No files", -1))
+          c[0] || (c[0] = m1("No files", -1))
         ])
       ]))
     ]));
@@ -5401,7 +5402,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
               key: 0,
               ref_key: "floating",
               ref: u,
-              style: m1([f(t)?.variables, f(z)]),
+              style: f1([f(t)?.variables, f(z)]),
               class: g([{ "wpic-theme": f(t), dark: f(t)?.mode === "dark" }, "wpic-tooltip-panel pointer-events-none z-[9999] max-w-[200px] whitespace-pre-line break-words text-base font-medium"]),
               "data-wpic-theme": f(t)?.mode,
               role: "tooltip"
@@ -5490,7 +5491,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
             class: "wpic-stat-card__change shrink-0 text-xs font-medium tabular-nums",
             title: n.changeTitle,
             "aria-label": n.changeTitle ? `${n.change}. ${n.changeTitle}` : void 0,
-            style: m1({ color: n.changeTone === "negative" ? "var(--wpic-negative)" : n.changeTone === "neutral" ? "var(--wpic-muted)" : "var(--wpic-accent)" })
+            style: f1({ color: n.changeTone === "negative" ? "var(--wpic-negative)" : n.changeTone === "neutral" ? "var(--wpic-muted)" : "var(--wpic-accent)" })
           }, b(n.change), 13, D8)) : m("", !0)
         ]),
         a("div", {
@@ -5498,16 +5499,16 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
         }, [
           a("strong", {
             class: g([n.compact ? "text-lg" : "text-2xl", "wpic-stat-card__value font-semibold tracking-tight tabular-nums text-[var(--wpic-text)]"]),
-            style: m1(n.color ? { color: n.color } : void 0)
+            style: f1(n.color ? { color: n.color } : void 0)
           }, [
-            f1(b(n.value), 1),
+            m1(b(n.value), 1),
             n.unit ? (e(), l("span", I8, b(n.unit), 1)) : m("", !0)
           ], 6),
           n.change && n.changePosition !== "label" ? (e(), l("span", {
             key: 0,
             title: n.changeTitle,
             class: "wpic-stat-card__change shrink-0 text-sm font-medium",
-            style: m1({ color: n.changeTone === "negative" ? "var(--wpic-negative)" : n.changeTone === "neutral" ? "var(--wpic-muted)" : "var(--wpic-accent)" })
+            style: f1({ color: n.changeTone === "negative" ? "var(--wpic-negative)" : n.changeTone === "neutral" ? "var(--wpic-muted)" : "var(--wpic-accent)" })
           }, b(n.change), 13, R8)) : m("", !0)
         ], 2),
         n.trend !== void 0 ? (e(), l("div", Z8, [
@@ -5521,7 +5522,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
         n.sub ? (e(), l("p", {
           key: 1,
           class: "mt-2 text-xs tabular-nums",
-          style: m1({ color: n.subColor || "var(--wpic-muted)" })
+          style: f1({ color: n.subColor || "var(--wpic-muted)" })
         }, b(n.sub), 5)) : m("", !0)
       ]),
       _: 1
@@ -5532,15 +5533,15 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
       a("p", K8, b(n.label), 1),
       a("p", {
         class: "text-2xl font-semibold tabular-nums tracking-tight leading-none text-main mb-2",
-        style: m1(n.color ? `color:${n.color}` : "")
+        style: f1(n.color ? `color:${n.color}` : "")
       }, [
-        f1(b(n.value) + " ", 1),
+        m1(b(n.value) + " ", 1),
         n.unit ? (e(), l("span", U8, b(n.unit), 1)) : m("", !0)
       ], 4),
       n.sub ? (e(), l("p", {
         key: 0,
         class: "text-xs mt-1 tabular-nums",
-        style: m1(n.subColor ? `color:${n.subColor}` : "color:var(--text-dim)")
+        style: f1(n.subColor ? `color:${n.subColor}` : "color:var(--text-dim)")
       }, b(n.sub), 5)) : m("", !0)
     ], 2));
   }
@@ -5659,7 +5660,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
       }, [
         a("div", {
           class: g(["h-full rounded-full", [n.color ? "" : "bg-indigo-500", n.animated ? "animate-pulse" : ""]]),
-          style: m1(u.value)
+          style: f1(u.value)
         }, null, 6)
       ], 2)
     ]));
@@ -5724,7 +5725,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
         C.dot ? (e(), l("span", {
           key: 1,
           class: "w-1.5 h-1.5 rounded-full shrink-0",
-          style: m1({ background: C.dot })
+          style: f1({ background: C.dot })
         }, null, 4)) : m("", !0),
         n.selectionIndicator ? (e(), l("span", {
           key: 2,
@@ -5759,7 +5760,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
         C.dot ? (e(), l("span", {
           key: 1,
           class: "w-1.5 h-1.5 rounded-full shrink-0",
-          style: m1({ background: C.dot })
+          style: f1({ background: C.dot })
         }, null, 4)) : m("", !0),
         n.selectionIndicator ? (e(), l("span", {
           key: 2,
@@ -6100,12 +6101,12 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
             placeholder: x.placeholder ?? "Search…",
             clearable: x.clearable ?? !0,
             class: "flex-1 min-w-0",
-            style: m1(x.width ? { width: x.width } : {}),
+            style: f1(x.width ? { width: x.width } : {}),
             "onUpdate:modelValue": (o1) => C(x.modelKey, o1)
           }, null, 8, ["model-value", "icon", "placeholder", "clearable", "style", "onUpdate:modelValue"])) : x.type === "select" ? (e(), l("div", {
             key: 1,
             class: "shrink-0 text-base",
-            style: m1({ width: x.width ?? "150px" })
+            style: f1({ width: x.width ?? "150px" })
           }, [
             M(Y2, X1({ ref_for: !0 }, n.selectLabels, {
               "model-value": o(x.modelKey),
@@ -6126,7 +6127,7 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
             max: x.max,
             clearable: x.clearable ?? !0,
             class: "shrink-0",
-            style: m1({ width: x.width ?? "170px" }),
+            style: f1({ width: x.width ?? "170px" }),
             "onUpdate:modelValue": (o1) => i(x.modelKey, o1)
           }, null, 8, ["model-value", "placeholder", "locale", "min", "max", "clearable", "style", "onUpdate:modelValue"])) : x.type === "pills" ? (e(), l(W, { key: 3 }, [
             M(on, {
@@ -7176,9 +7177,9 @@ const K7 = { class: "wpic-tag-input" }, U7 = {
         n.visible ? (e(), l("div", ve, [
           a("span", me, [
             n.count && n.count > 0 ? (e(), l(W, { key: 0 }, [
-              f1(b(n.count) + " " + b(n.countLabel ?? "selected"), 1)
+              m1(b(n.count) + " " + b(n.countLabel ?? "selected"), 1)
             ], 64)) : (e(), l(W, { key: 1 }, [
-              f1(b(n.emptyLabel ?? "Select items"), 1)
+              m1(b(n.emptyLabel ?? "Select items"), 1)
             ], 64))
           ]),
           Q(h.$slots, "default"),
@@ -17903,7 +17904,7 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
     return p2(w0, o), (z, k) => (e(), l("div", {
       class: g({ "wpic-theme": o.value, dark: o.value?.mode === "dark" }),
       "data-wpic-theme": o.value?.mode,
-      style: m1(o.value?.variables)
+      style: f1(o.value?.variables)
     }, [
       Q(z.$slots, "default")
     ], 14, Bl));
@@ -17933,7 +17934,7 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
         a("div", Sl, [
           (e(), K(B1(`h${n.headingLevel}`), { class: "text-2xl font-semibold leading-tight tracking-tight [overflow-wrap:anywhere]" }, {
             default: r1(() => [
-              f1(b(n.title), 1)
+              m1(b(n.title), 1)
             ]),
             _: 1
           })),