@opengis/widgets 0.0.6 → 0.0.8

package/dist/index.js

@@ -1,17 +1,17 @@
-import { h as B, defineComponent as w, mergeModels as q, useModel as W, ref as M, createElementBlock as a, openBlock as o, createElementVNode as t, createVNode as v, unref as m, withDirectives as P, vModelText as Y, createCommentVNode as b, createTextVNode as H, onMounted as ee, onUnmounted as G, resolveComponent as de, normalizeClass as x, createBlock as C, toDisplayString as h, Fragment as I, renderList as D, normalizeStyle as z, resolveDynamicComponent as j, Teleport as te, TransitionGroup as ce, withCtx as ue, computed as L, nextTick as pe, renderSlot as F, mergeProps as U, vShow as me } from "vue";
+import { h as B, defineComponent as w, mergeModels as q, useModel as W, ref as M, createElementBlock as a, openBlock as n, createElementVNode as t, createVNode as v, unref as g, withDirectives as P, vModelText as oe, createCommentVNode as b, createTextVNode as H, onMounted as ne, onUnmounted as G, resolveComponent as me, normalizeClass as x, createBlock as C, toDisplayString as f, Fragment as D, renderList as L, normalizeStyle as z, resolveDynamicComponent as T, Teleport as ie, TransitionGroup as he, withCtx as ge, computed as I, nextTick as fe, renderSlot as F, mergeProps as U, vShow as ye } from "vue";
 /**
  * @license lucide-vue-next v0.535.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const J = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), he = (r) => r.replace(
+const J = (l) => l.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ve = (l) => l.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (n, i, e) => e ? e.toUpperCase() : i.toLowerCase()
-), ge = (r) => {
-  const n = he(r);
-  return n.charAt(0).toUpperCase() + n.slice(1);
-}, fe = (...r) => r.filter((n, i, e) => !!n && n.trim() !== "" && e.indexOf(n) === i).join(" ").trim();
+  (o, i, e) => e ? e.toUpperCase() : i.toLowerCase()
+), be = (l) => {
+  const o = ve(l);
+  return o.charAt(0).toUpperCase() + o.slice(1);
+}, xe = (...l) => l.filter((o, i, e) => !!o && o.trim() !== "" && e.indexOf(o) === i).join(" ").trim();
 /**
  * @license lucide-vue-next v0.535.0 - ISC
  *
@@ -35,21 +35,21 @@ var E = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = ({ size: r, strokeWidth: n = 2, absoluteStrokeWidth: i, color: e, iconNode: s, name: p, class: l, ...u }, { slots: d }) => B(
+const ke = ({ size: l, strokeWidth: o = 2, absoluteStrokeWidth: i, color: e, iconNode: s, name: m, class: u, ...p }, { slots: d }) => B(
   "svg",
   {
     ...E,
-    width: r || E.width,
-    height: r || E.height,
+    width: l || E.width,
+    height: l || E.height,
     stroke: e || E.stroke,
-    "stroke-width": i ? Number(n) * 24 / Number(r) : n,
-    class: fe(
+    "stroke-width": i ? Number(o) * 24 / Number(l) : o,
+    class: xe(
       "lucide",
-      ...p ? [`lucide-${J(ge(p))}-icon`, `lucide-${J(p)}`] : ["lucide-icon"]
+      ...m ? [`lucide-${J(be(m))}-icon`, `lucide-${J(m)}`] : ["lucide-icon"]
     ),
-    ...u
+    ...p
   },
-  [...s.map((y) => B(...y)), ...d.default ? [d.default()] : []]
+  [...s.map((c) => B(...c)), ...d.default ? [d.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.535.0 - ISC
@@ -57,12 +57,12 @@ const ye = ({ size: r, strokeWidth: n = 2, absoluteStrokeWidth: i, color: e, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const k = (r, n) => (i, { slots: e }) => B(
-  ye,
+const k = (l, o) => (i, { slots: e }) => B(
+  ke,
   {
     ...i,
-    iconNode: n,
-    name: r
+    iconNode: o,
+    name: l
   },
   e
 );
@@ -72,7 +72,7 @@ const k = (r, n) => (i, { slots: e }) => B(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ve = k("archive", [
+const _e = k("archive", [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
@@ -83,7 +83,7 @@ const ve = k("archive", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const be = k("arrow-right", [
+const we = k("arrow-right", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ]);
@@ -93,7 +93,7 @@ const be = k("arrow-right", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xe = k("circle-check-big", [
+const $e = k("circle-check-big", [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ]);
@@ -114,7 +114,7 @@ const K = k("download", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ke = k("ellipsis", [
+const Ce = k("ellipsis", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
@@ -138,7 +138,7 @@ const R = k("file-text", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = k("file", [
+const Me = k("file", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ]);
@@ -148,7 +148,7 @@ const _e = k("file", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const we = k("grid-3x3", [
+const De = k("grid-3x3", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }],
@@ -161,7 +161,7 @@ const we = k("grid-3x3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $e = k("heart", [
+const Le = k("heart", [
   [
     "path",
     {
@@ -176,7 +176,7 @@ const $e = k("heart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ce = k("history", [
+const He = k("history", [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
@@ -187,7 +187,7 @@ const Ce = k("history", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Me = k("image", [
+const Ie = k("image", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
@@ -198,7 +198,7 @@ const Me = k("image", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ie = k("list", [
+const je = k("list", [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -212,7 +212,7 @@ const Ie = k("list", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const De = k("reply", [
+const Te = k("reply", [
   ["path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", key: "5vmcpk" }],
   ["path", { d: "m9 17-5-5 5-5", key: "nvlc11" }]
 ]);
@@ -222,7 +222,7 @@ const De = k("reply", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const se = k("send", [
+const ae = k("send", [
   [
     "path",
     {
@@ -238,7 +238,7 @@ const se = k("send", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const He = k("share", [
+const ze = k("share", [
   ["path", { d: "M12 2v13", key: "1km8f5" }],
   ["path", { d: "m16 6-4-4-4 4", key: "13yo43" }],
   ["path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8", key: "1b2hhj" }]
@@ -249,7 +249,7 @@ const He = k("share", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Le = k("sheet", [
+const Se = k("sheet", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["line", { x1: "3", x2: "21", y1: "9", y2: "9", key: "1vqk6q" }],
   ["line", { x1: "3", x2: "21", y1: "15", y2: "15", key: "o2sbyz" }],
@@ -262,7 +262,7 @@ const Le = k("sheet", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const je = k("square-pen", [
+const Ve = k("square-pen", [
   ["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7", key: "1m0v6g" }],
   [
     "path",
@@ -278,7 +278,7 @@ const je = k("square-pen", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Te = k("stretch-horizontal", [
+const Fe = k("stretch-horizontal", [
   ["rect", { width: "20", height: "6", x: "2", y: "4", rx: "2", key: "qdearl" }],
   ["rect", { width: "20", height: "6", x: "2", y: "14", rx: "2", key: "1xrn6j" }]
 ]);
@@ -301,7 +301,7 @@ const N = k("trash-2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ze = k("user-check", [
+const Re = k("user-check", [
   ["path", { d: "m16 11 2 2 4-4", key: "9rsbq5" }],
   ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
@@ -322,7 +322,7 @@ const Z = k("user", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Se = k("video", [
+const Ae = k("video", [
   [
     "path",
     {
@@ -341,231 +341,231 @@ const Se = k("video", [
 const O = k("x", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), Ve = { class: "border-t pt-3 mt-4" }, Fe = { class: "flex gap-2" }, Re = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, Ae = { class: "flex-1 space-y-2" }, Ee = { class: "flex justify-between items-center" }, Ne = { class: "flex gap-2" }, Oe = ["disabled"], oe = /* @__PURE__ */ w({
+]), Ee = { class: "border-t pt-3 mt-4" }, Ne = { class: "flex gap-2" }, Oe = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, Be = { class: "flex-1 space-y-2" }, Ue = { class: "flex justify-between items-center" }, qe = { class: "flex gap-2" }, We = ["disabled"], re = /* @__PURE__ */ w({
   __name: "CommentInputZone",
   props: {
     isReply: { type: Boolean, required: !1, default: !1 },
     isReplyModifiers: {}
   },
   emits: /* @__PURE__ */ q(["sendComment"], ["update:isReply"]),
-  setup(r, { emit: n }) {
-    const i = W(r, "isReply"), e = M(""), s = n, p = () => {
+  setup(l, { emit: o }) {
+    const i = W(l, "isReply"), e = M(""), s = o, m = () => {
       e.value.trim() && (s("sendComment", e.value), e.value = "");
-    }, l = (u) => {
-      (u.ctrlKey || u.metaKey) && u.key === "Enter" && (u.preventDefault(), p());
+    }, u = (p) => {
+      (p.ctrlKey || p.metaKey) && p.key === "Enter" && (p.preventDefault(), m());
     };
-    return (u, d) => (o(), a("div", Ve, [
-      t("div", Fe, [
-        t("span", Re, [
-          v(m(Z), { class: "h-3 w-3 text-gray-500" })
+    return (p, d) => (n(), a("div", Ee, [
+      t("div", Ne, [
+        t("span", Oe, [
+          v(g(Z), { class: "h-3 w-3 text-gray-500" })
         ]),
-        t("div", Ae, [
+        t("div", Be, [
           P(t("textarea", {
-            "onUpdate:modelValue": d[0] || (d[0] = (y) => e.value = y),
-            onKeydown: l,
+            "onUpdate:modelValue": d[0] || (d[0] = (c) => e.value = c),
+            onKeydown: u,
             placeholder: "Add a comment...",
             class: "w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"
           }, null, 544), [
-            [Y, e.value]
+            [oe, e.value]
           ]),
-          t("div", Ee, [
+          t("div", Ue, [
             d[4] || (d[4] = t("span", { class: "text-xs text-gray-500 hidden sm:inline" }, "Cmd+Enter to send", -1)),
-            t("div", Ne, [
-              i.value ? (o(), a("button", {
+            t("div", qe, [
+              i.value ? (n(), a("button", {
                 key: 0,
                 class: "inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-red-500 hover:bg-opacity-80 rounded-md h-6 text-xs px-2",
-                onClick: d[1] || (d[1] = (y) => i.value = !1)
+                onClick: d[1] || (d[1] = (c) => i.value = !1)
               }, [
-                v(m(O), { class: "h-3 w-3" }),
+                v(g(O), { class: "h-3 w-3" }),
                 d[2] || (d[2] = H(" Cancel ", -1))
               ])) : b("", !0),
               t("button", {
                 class: "inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-black text-primary-foreground hover:bg-opacity-80 rounded-md h-6 text-xs px-2",
                 disabled: !e.value.trim(),
-                onClick: p
+                onClick: m
               }, [
-                v(m(se), { class: "h-3 w-3 mr-1" }),
+                v(g(ae), { class: "h-3 w-3 mr-1" }),
                 d[3] || (d[3] = H(" Send ", -1))
-              ], 8, Oe)
+              ], 8, We)
             ])
           ])
         ])
       ])
     ]));
   }
-}), Be = { class: "z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md w-32 outline-none pointer-events-auto" }, Ue = /* @__PURE__ */ w({
+}), Pe = { class: "z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md w-32 outline-none pointer-events-auto" }, Ge = /* @__PURE__ */ w({
   __name: "CommentDetails",
   props: {
     showMoreOptions: { type: Boolean, required: !0, default: !1 },
     showMoreOptionsModifiers: {}
   },
   emits: /* @__PURE__ */ q(["edit", "delete"], ["update:showMoreOptions"]),
-  setup(r, { emit: n }) {
-    const i = n, e = W(r, "showMoreOptions"), s = M(), p = M(!0), l = async (y) => {
-      e.value && s.value && !s.value.contains(y.target) && !p.value && (e.value = !1), p.value = !1;
-    }, u = () => {
+  setup(l, { emit: o }) {
+    const i = o, e = W(l, "showMoreOptions"), s = M(), m = M(!0), u = async (c) => {
+      e.value && s.value && !s.value.contains(c.target) && !m.value && (e.value = !1), m.value = !1;
+    }, p = () => {
       e.value = !1, i("edit");
     }, d = () => {
       e.value = !1, i("delete");
     };
-    return ee(() => {
-      document.addEventListener("click", l);
+    return ne(() => {
+      document.addEventListener("click", u);
     }), G(() => {
-      document.removeEventListener("click", l);
-    }), (y, c) => (o(), a("div", {
+      document.removeEventListener("click", u);
+    }), (c, r) => (n(), a("div", {
       class: "absolute bg-white left-0 top-full transform min-w-max z-50",
       ref_key: "moreOptionsRef",
       ref: s
     }, [
-      t("div", Be, [
+      t("div", Pe, [
         t("div", {
           class: "relative cursor-pointer flex select-none items-center gap-2 rounded-sm px-2 py-2 outline-hidden transition-colors disabled:pointer-events-none disabled:opacity-50 text-xs hover:bg-gray-100 transition-colors duration-300",
-          onClick: u
+          onClick: p
         }, [
-          v(m(je), { class: "h-3 w-3 mr-2" }),
-          c[0] || (c[0] = H(" Edit ", -1))
+          v(g(Ve), { class: "h-3 w-3 mr-2" }),
+          r[0] || (r[0] = H(" Edit ", -1))
         ]),
         t("div", {
           class: "relative cursor-pointer flex select-none items-center gap-2 rounded-sm px-2 py-2 outline-hidden transition-colors disabled:pointer-events-none disabled:opacity-50 text-xs text-red-600 hover:bg-gray-100 transition-colors duration-300",
           onClick: d
         }, [
-          v(m(N), { class: "h-3 w-3 mr-2" }),
-          c[1] || (c[1] = H(" Delete ", -1))
+          v(g(N), { class: "h-3 w-3 mr-2" }),
+          r[1] || (r[1] = H(" Delete ", -1))
         ])
       ])
     ], 512));
   }
-}), qe = { class: "space-y-2" }, We = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, Pe = { class: "flex-1 min-w-0 space-y-1 relative" }, Ge = { class: "flex items-center gap-2" }, Ke = { class: "font-medium text-xs" }, Ze = { class: "text-xs text-gray-500" }, Xe = {
+}), Ke = { class: "space-y-2" }, Ze = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, Xe = { class: "flex-1 min-w-0 space-y-1 relative" }, Je = { class: "flex items-center gap-2" }, Qe = { class: "font-medium text-xs" }, Ye = { class: "text-xs text-gray-500" }, et = {
   key: 0,
   class: "text-xs text-gray-700 leading-relaxed"
-}, Je = { class: "flex justify-between text-xs" }, Qe = { class: "flex items-center gap-2" }, Ye = {
+}, tt = { class: "flex justify-between text-xs" }, st = { class: "flex items-center gap-2" }, ot = {
   key: 0,
   class: "flex gap-2"
-}, et = ["disabled"], tt = {
+}, nt = ["disabled"], it = {
   key: 0,
   class: "ml-8 space-y-1 border-l-2 border-gray-100 pl-3"
-}, st = /* @__PURE__ */ w({
+}, at = /* @__PURE__ */ w({
   __name: "CommentItem",
   props: {
     comment: {},
     isInside: { type: Boolean }
   },
   emits: ["like", "reply", "edit", "delete"],
-  setup(r, { emit: n }) {
-    const i = n, e = r, s = M(e.comment.text), p = M("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"), l = M("w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"), u = M(!1), d = M(!1), y = M(!1), c = M(!1), g = (_) => {
-      const f = /* @__PURE__ */ new Date(), V = Math.floor(
-        (f.getTime() - _.getTime()) / (1e3 * 60 * 60)
+  setup(l, { emit: o }) {
+    const i = o, e = l, s = M(e.comment.text), m = M("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"), u = M("w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"), p = M(!1), d = M(!1), c = M(!1), r = M(!1), h = (_) => {
+      const y = /* @__PURE__ */ new Date(), V = Math.floor(
+        (y.getTime() - _.getTime()) / (1e3 * 60 * 60)
       );
       return V < 1 ? `${Math.floor(
-        (f.getTime() - _.getTime()) / 6e4
+        (y.getTime() - _.getTime()) / 6e4
       )}m` : V < 24 ? `${V}h` : `${Math.floor(V / 24)}d`;
-    }, T = () => {
-      c.value = !c.value, c.value ? i("like", e.comment.id, "add") : i("like", e.comment.id, "delete");
+    }, j = () => {
+      r.value = !r.value, r.value ? i("like", e.comment.id, "add") : i("like", e.comment.id, "delete");
     }, X = () => {
-      i("edit", e.comment.id, s.value), y.value = !1;
-    }, re = (_, f) => {
-      i("like", _, f);
-    }, le = (_, f) => {
-      i("edit", _, f);
+      i("edit", e.comment.id, s.value), c.value = !1;
+    }, ue = (_, y) => {
+      i("like", _, y);
+    }, pe = (_, y) => {
+      i("edit", _, y);
     };
-    return (_, f) => {
-      const V = de("CommentItem", !0);
-      return o(), a("div", qe, [
+    return (_, y) => {
+      const V = me("CommentItem", !0);
+      return n(), a("div", Ke, [
         t("div", {
-          class: x(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative", y.value ? "bg-gray-50" : ""])
+          class: x(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative", c.value ? "bg-gray-50" : ""])
         }, [
-          t("span", We, [
-            v(m(Z), { class: "h-3 w-3 text-gray-500" })
+          t("span", Ze, [
+            v(g(Z), { class: "h-3 w-3 text-gray-500" })
           ]),
-          t("div", Pe, [
-            t("div", Ge, [
-              t("span", Ke, h(_.comment?.author), 1),
-              t("span", Ze, h(g(_.comment?.createdAt)), 1)
+          t("div", Xe, [
+            t("div", Je, [
+              t("span", Qe, f(_.comment?.author), 1),
+              t("span", Ye, f(h(_.comment?.createdAt)), 1)
             ]),
-            y.value ? P((o(), a("textarea", {
+            c.value ? P((n(), a("textarea", {
               key: 1,
-              "onUpdate:modelValue": f[0] || (f[0] = ($) => s.value = $),
-              class: x(y.value ? l.value : p.value)
+              "onUpdate:modelValue": y[0] || (y[0] = ($) => s.value = $),
+              class: x(c.value ? u.value : m.value)
             }, null, 2)), [
-              [Y, s.value]
-            ]) : (o(), a("p", Xe, h(_.comment?.text), 1)),
-            t("div", Je, [
-              t("div", Qe, [
+              [oe, s.value]
+            ]) : (n(), a("p", et, f(_.comment?.text), 1)),
+            t("div", tt, [
+              t("div", st, [
                 t("button", {
-                  class: x(["flex items-center gap-1", c.value ? "text-blue-600" : "text-gray-500 hover:text-blue-600 transition-colors"]),
-                  onClick: f[1] || (f[1] = ($) => T())
+                  class: x(["flex items-center gap-1", r.value ? "text-blue-600" : "text-gray-500 hover:text-blue-600 transition-colors"]),
+                  onClick: y[1] || (y[1] = ($) => j())
                 }, [
-                  v(m($e), {
-                    class: x(["h-3 w-3", c.value ? "fill-blue-600" : ""])
+                  v(g(Le), {
+                    class: x(["h-3 w-3", r.value ? "fill-blue-600" : ""])
                   }, null, 8, ["class"]),
-                  H(" " + h(_.comment?.likes), 1)
+                  H(" " + f(_.comment?.likes), 1)
                 ], 2),
-                _.isInside ? b("", !0) : (o(), a("button", {
+                _.isInside ? b("", !0) : (n(), a("button", {
                   key: 0,
                   class: "text-gray-500 hover:text-blue-600 transition-colors",
-                  onClick: f[2] || (f[2] = ($) => d.value = !0)
+                  onClick: y[2] || (y[2] = ($) => d.value = !0)
                 }, [
-                  v(m(De), { class: "h-3 w-3" })
+                  v(g(Te), { class: "h-3 w-3" })
                 ])),
                 t("button", {
                   class: "text-gray-400 hover:text-gray-600 transition-colors opacity-0 group-hover:opacity-100",
                   type: "button",
-                  onClick: f[3] || (f[3] = ($) => u.value = !0)
+                  onClick: y[3] || (y[3] = ($) => p.value = !0)
                 }, [
-                  v(m(ke), { class: "h-3 w-3" })
+                  v(g(Ce), { class: "h-3 w-3" })
                 ])
               ]),
-              y.value ? (o(), a("div", Ye, [
+              c.value ? (n(), a("div", ot, [
                 t("button", {
                   class: "inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-red-500 hover:bg-opacity-80 rounded-md h-6 text-xs px-2",
-                  onClick: f[4] || (f[4] = ($) => y.value = !1)
+                  onClick: y[4] || (y[4] = ($) => c.value = !1)
                 }, [
-                  v(m(O), { class: "h-3 w-3" }),
-                  f[11] || (f[11] = H(" Cancel ", -1))
+                  v(g(O), { class: "h-3 w-3" }),
+                  y[11] || (y[11] = H(" Cancel ", -1))
                 ]),
                 t("button", {
                   class: "inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-black text-primary-foreground hover:bg-opacity-80 rounded-md h-6 text-xs px-2",
                   disabled: !s.value.trim(),
-                  onClick: f[5] || (f[5] = ($) => X())
+                  onClick: y[5] || (y[5] = ($) => X())
                 }, [
-                  v(m(se), { class: "h-3 w-3 mr-1" }),
-                  f[12] || (f[12] = H(" Send ", -1))
-                ], 8, et)
+                  v(g(ae), { class: "h-3 w-3 mr-1" }),
+                  y[12] || (y[12] = H(" Send ", -1))
+                ], 8, nt)
               ])) : b("", !0)
             ])
           ]),
-          u.value ? (o(), C(Ue, {
+          p.value ? (n(), C(Ge, {
             key: 0,
-            showMoreOptions: u.value,
-            "onUpdate:showMoreOptions": f[6] || (f[6] = ($) => u.value = $),
-            onEdit: f[7] || (f[7] = ($) => y.value = !0),
-            onDelete: f[8] || (f[8] = ($) => _.$emit("delete", _.comment?.id)),
+            showMoreOptions: p.value,
+            "onUpdate:showMoreOptions": y[6] || (y[6] = ($) => p.value = $),
+            onEdit: y[7] || (y[7] = ($) => c.value = !0),
+            onDelete: y[8] || (y[8] = ($) => _.$emit("delete", _.comment?.id)),
             comment: _.comment
           }, null, 8, ["showMoreOptions", "comment"])) : b("", !0)
         ], 2),
-        _.isInside ? b("", !0) : (o(), a("div", tt, [
-          (o(!0), a(I, null, D(_.comment?.replies, ($) => (o(), C(V, {
+        _.isInside ? b("", !0) : (n(), a("div", it, [
+          (n(!0), a(D, null, L(_.comment?.replies, ($) => (n(), C(V, {
             key: $.id,
             comment: $,
             isInside: !0,
             onDelete: (ko) => _.$emit("delete", $.id),
-            onLike: re,
-            onEdit: le
+            onLike: ue,
+            onEdit: pe
           }, null, 8, ["comment", "onDelete"]))), 128)),
-          d.value && !_.isInside ? (o(), C(oe, {
+          d.value && !_.isInside ? (n(), C(re, {
             key: 0,
-            onSendComment: f[9] || (f[9] = ($) => _.$emit("reply", _.comment?.id, $)),
+            onSendComment: y[9] || (y[9] = ($) => _.$emit("reply", _.comment?.id, $)),
             isReply: d.value,
-            "onUpdate:isReply": f[10] || (f[10] = ($) => d.value = $)
+            "onUpdate:isReply": y[10] || (y[10] = ($) => d.value = $)
           }, null, 8, ["isReply"])) : b("", !0)
         ]))
       ]);
     };
   }
-}), ot = ["id"], nt = {
+}), rt = ["id"], lt = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
-}, it = /* @__PURE__ */ w({
+}, Q = /* @__PURE__ */ w({
   __name: "CommentsWidget",
   props: {
     title: {},
@@ -581,39 +581,43 @@ const O = k("x", [
     style: {}
   },
   emits: ["add", "reply", "like", "delete", "edit"],
-  setup(r, { emit: n }) {
-    const i = n, e = (l, u) => {
-      i("like", l, u);
-    }, s = (l, u) => {
-      i("reply", l, u);
-    }, p = (l, u) => {
-      i("edit", l, u);
+  setup(l, { emit: o }) {
+    const i = l, e = o, s = (c) => {
+      i.onAddComment(c), e("add", c);
+    }, m = (c, r) => {
+      i.onLike(c, r), e("like", c, r);
+    }, u = (c, r) => {
+      i.onReply(c, r), e("reply", c, r);
+    }, p = (c, r) => {
+      i.onEdit(c, r), e("edit", c, r);
+    }, d = (c) => {
+      i.onDelete(c), e("delete", c);
     };
-    return (l, u) => (o(), a("div", {
-      class: x(["mx-auto font-sans", l.className]),
-      id: l.id,
-      style: z(l.style)
+    return (c, r) => (n(), a("div", {
+      class: x(["mx-auto font-sans", c.className]),
+      id: c.id,
+      style: z(c.style)
     }, [
-      l.title ? (o(), a("h3", nt, h(l.title), 1)) : b("", !0),
+      c.title ? (n(), a("h3", lt, f(c.title), 1)) : b("", !0),
       t("div", {
-        class: x([l.maxHeight ? "overflow-y-auto" : "", "space-y-3"]),
-        style: z({ maxHeight: l.maxHeight + "px" })
+        class: x([c.maxHeight ? "overflow-y-auto" : "", "space-y-3"]),
+        style: z({ maxHeight: c.maxHeight + "px" })
       }, [
-        (o(!0), a(I, null, D(l.comments, (d) => (o(), C(st, {
-          key: d.id,
-          comment: d,
-          onReply: s,
-          onLike: e,
-          onDelete: u[0] || (u[0] = (y) => l.$emit("delete", y)),
+        (n(!0), a(D, null, L(c.comments, (h) => (n(), C(at, {
+          key: h.id,
+          comment: h,
+          onReply: u,
+          onLike: m,
+          onDelete: r[0] || (r[0] = (j) => d(j)),
           onEdit: p
         }, null, 8, ["comment"]))), 128))
       ], 6),
-      v(oe, {
-        onSendComment: u[1] || (u[1] = (d) => l.$emit("add", d))
+      v(re, {
+        onSendComment: r[1] || (r[1] = (h) => s(h))
       })
-    ], 14, ot));
+    ], 14, rt));
   }
-}), Q = /* @__PURE__ */ new Map([
+}), Y = /* @__PURE__ */ new Map([
   ["file", {
     name: "File",
     color: "bg-green-100 text-green-700 border-green-200",
@@ -622,34 +626,34 @@ const O = k("x", [
   ["post", {
     name: "Post",
     color: "bg-blue-100 text-blue-700 border-blue-200",
-    icon: Le
+    icon: Se
   }],
   ["user", {
     name: "User",
     color: "bg-purple-100 text-purple-700 border-purple-200",
-    icon: ze
+    icon: Re
   }],
   ["custom", {
     name: "Custom",
     color: "bg-gray-100 text-gray-700 border-gray-200",
-    icon: Ce
+    icon: He
   }]
-]), at = { class: "mx-auto font-sans" }, rt = {
+]), dt = { class: "mx-auto font-sans" }, ct = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
-}, lt = { class: "relative" }, dt = { class: "space-y-3" }, ct = { class: "flex-1 min-w-0 pb-2" }, ut = { class: "flex items-center gap-1.5 mb-1 mt-0.5" }, pt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, mt = { class: "font-medium text-xs" }, ht = { class: "text-xs text-gray-500" }, gt = { class: "space-y-1" }, ft = { class: "text-xs text-gray-700" }, yt = { class: "capitalize mr-1" }, vt = {
+}, ut = { class: "relative" }, pt = { class: "space-y-3" }, mt = { class: "flex-1 min-w-0 pb-2" }, ht = { class: "flex items-center gap-1.5 mb-1 mt-0.5" }, gt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, ft = { class: "font-medium text-xs" }, yt = { class: "text-xs text-gray-500" }, vt = { class: "space-y-1" }, bt = { class: "text-xs text-gray-700" }, xt = { class: "capitalize mr-1" }, kt = {
   key: 0,
   class: "inline-flex items-center rounded-full border py-0.5 font-semibold transition-colors text-foreground text-xs h-4 px-1 capitalize"
-}, bt = {
+}, _t = {
   key: 0,
   class: "flex items-center gap-1 text-xs"
-}, xt = {
+}, wt = {
   key: 0,
   class: "bg-red-50 text-red-600 px-1.5 py-0.5 rounded text-xs border border-red-200"
-}, kt = {
+}, $t = {
   key: 2,
   class: "bg-green-50 text-green-600 px-1.5 py-0.5 rounded text-xs border border-green-200"
-}, _t = /* @__PURE__ */ w({
+}, ee = /* @__PURE__ */ w({
   __name: "HistoryWidget",
   props: {
     data: {},
@@ -659,45 +663,45 @@ const O = k("x", [
     className: {},
     style: {}
   },
-  setup(r) {
-    return (n, i) => (o(), a("div", at, [
-      n.title ? (o(), a("h3", rt, h(n.title), 1)) : b("", !0),
+  setup(l) {
+    return (o, i) => (n(), a("div", dt, [
+      o.title ? (n(), a("h3", ct, f(o.title), 1)) : b("", !0),
       t("div", {
-        class: x(n.maxHeight ? "overflow-y-auto" : ""),
-        style: z({ maxHeight: n.maxHeight + "px" })
+        class: x(o.maxHeight ? "overflow-y-auto" : ""),
+        style: z({ maxHeight: o.maxHeight + "px" })
       }, [
-        t("div", lt, [
+        t("div", ut, [
           i[0] || (i[0] = t("div", { class: "absolute left-3 top-0 bottom-0 w-0.5 bg-gray-200" }, null, -1)),
-          t("div", dt, [
-            (o(!0), a(I, null, D(n.data, (e) => (o(), a("div", {
+          t("div", pt, [
+            (n(!0), a(D, null, L(o.data, (e) => (n(), a("div", {
               class: "relative flex items-start gap-2",
               key: e?.id
             }, [
               t("div", {
-                class: x(`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center border bg-white relative z-10 ${m(Q).get(e?.entityType)?.color}`)
+                class: x(`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center border bg-white relative z-10 ${g(Y).get(e?.entityType)?.color}`)
               }, [
-                (o(), C(j(m(Q).get(e?.entityType)?.icon), { class: "h-3 w-3" }))
+                (n(), C(T(g(Y).get(e?.entityType)?.icon), { class: "h-3 w-3" }))
               ], 2),
-              t("div", ct, [
-                t("div", ut, [
-                  t("span", pt, [
-                    v(m(Z), { class: "h-3 w-3 text-gray-500" })
+              t("div", mt, [
+                t("div", ht, [
+                  t("span", gt, [
+                    v(g(Z), { class: "h-3 w-3 text-gray-500" })
                   ]),
-                  t("span", mt, h(e?.userName), 1),
-                  t("span", ht, h(e?.timestamp.toLocaleTimeString("ua-UA", { hour: "2-digit", minute: "2-digit" })), 1)
+                  t("span", ft, f(e?.userName), 1),
+                  t("span", yt, f(e?.timestamp.toLocaleTimeString("ua-UA", { hour: "2-digit", minute: "2-digit" })), 1)
                 ]),
-                t("div", gt, [
-                  t("div", ft, [
-                    t("span", yt, h(e?.action), 1),
-                    e?.entityId ? (o(), a("span", vt, h(e?.entityId), 1)) : b("", !0)
+                t("div", vt, [
+                  t("div", bt, [
+                    t("span", xt, f(e?.action), 1),
+                    e?.entityId ? (n(), a("span", kt, f(e?.entityId), 1)) : b("", !0)
                   ]),
-                  e?.changes?.[e?.entityId] ? (o(), a("div", bt, [
-                    e?.changes?.[e?.entityId]?.old ? (o(), a("span", xt, h(e?.changes?.[e?.entityId]?.old), 1)) : b("", !0),
-                    e?.changes?.[e?.entityId]?.old && e?.changes?.[e?.entityId]?.new ? (o(), C(m(be), {
+                  e?.changes?.[e?.entityId] ? (n(), a("div", _t, [
+                    e?.changes?.[e?.entityId]?.old ? (n(), a("span", wt, f(e?.changes?.[e?.entityId]?.old), 1)) : b("", !0),
+                    e?.changes?.[e?.entityId]?.old && e?.changes?.[e?.entityId]?.new ? (n(), C(g(we), {
                       key: 1,
                       class: "h-2 w-2 text-gray-400"
                     })) : b("", !0),
-                    e?.changes?.[e?.entityId]?.new ? (o(), a("span", kt, h(e?.changes?.[e?.entityId]?.new), 1)) : b("", !0)
+                    e?.changes?.[e?.entityId]?.new ? (n(), a("span", $t, f(e?.changes?.[e?.entityId]?.new), 1)) : b("", !0)
                   ])) : b("", !0)
                 ])
               ])
@@ -707,10 +711,10 @@ const O = k("x", [
       ], 6)
     ]));
   }
-}), wt = {
+}), Ct = {
   key: 0,
   class: "text-xl font-semibold"
-}, $t = { class: "flex gap-1" }, Ct = /* @__PURE__ */ w({
+}, Mt = { class: "flex gap-1" }, Dt = /* @__PURE__ */ w({
   __name: "FileHeader",
   props: /* @__PURE__ */ q({
     title: {}
@@ -719,33 +723,33 @@ const O = k("x", [
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(r) {
-    const n = W(r, "modelValue"), i = {
+  setup(l) {
+    const o = W(l, "modelValue"), i = {
       active: "bg-black text-white hover:bg-black",
       inactive: "bg-white text-black hover:bg-gray-100"
     };
-    return (e, s) => (o(), a("div", {
+    return (e, s) => (n(), a("div", {
       class: x(["flex flex-col sm:flex-row gap-3 mb-4", e.title ? "justify-between sm:items-center" : "justify-end sm:items-center"])
     }, [
-      e.title ? (o(), a("h3", wt, h(e.title), 1)) : b("", !0),
-      t("div", $t, [
+      e.title ? (n(), a("h3", Ct, f(e.title), 1)) : b("", !0),
+      t("div", Mt, [
         t("button", {
-          class: x(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", n.value === "list" ? i.active : i.inactive]),
-          onClick: s[0] || (s[0] = (p) => n.value = "list")
+          class: x(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", o.value === "list" ? i.active : i.inactive]),
+          onClick: s[0] || (s[0] = (m) => o.value = "list")
         }, [
-          v(m(Ie), { class: "h-4 w-4" })
+          v(g(je), { class: "h-4 w-4" })
         ], 2),
         t("button", {
-          class: x(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", n.value === "grid" ? i.active : i.inactive]),
-          onClick: s[1] || (s[1] = (p) => n.value = "grid")
+          class: x(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", o.value === "grid" ? i.active : i.inactive]),
+          onClick: s[1] || (s[1] = (m) => o.value = "grid")
         }, [
-          v(m(we), { class: "h-4 w-4" })
+          v(g(De), { class: "h-4 w-4" })
         ], 2),
         t("button", {
-          class: x(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", n.value === "compact" ? i.active : i.inactive]),
-          onClick: s[2] || (s[2] = (p) => n.value = "compact")
+          class: x(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", o.value === "compact" ? i.active : i.inactive]),
+          onClick: s[2] || (s[2] = (m) => o.value = "compact")
         }, [
-          v(m(Te), { class: "h-4 w-4" })
+          v(g(Fe), { class: "h-4 w-4" })
         ], 2)
       ])
     ], 2));
@@ -758,12 +762,12 @@ const O = k("x", [
   },
   sketch: {
     color: "bg-gray-100 text-gray-700 border-gray-200",
-    icon: _e,
+    icon: Me,
     label: "SKETCH"
   },
   mp4: {
     color: "bg-purple-100 text-purple-700 border-purple-200",
-    icon: Se,
+    icon: Ae,
     label: "VIDEO"
   },
   docx: {
@@ -773,12 +777,12 @@ const O = k("x", [
   },
   zip: {
     color: "bg-orange-100 text-orange-700 border-orange-200",
-    icon: ve,
+    icon: _e,
     label: "ARCHIVE"
   },
   png: {
     color: "bg-green-100 text-green-700 border-green-200",
-    icon: Me,
+    icon: Ie,
     label: "IMAGE"
   },
   xlsx: {
@@ -792,138 +796,138 @@ const O = k("x", [
     label: "PPT"
   }
 };
-function ne(r, n = "en") {
+function le(l, o = "en") {
   const i = {
     month: "short",
     day: "numeric"
   };
-  return new Intl.DateTimeFormat(n, i).format(r);
+  return new Intl.DateTimeFormat(o, i).format(l);
 }
-function ie(r) {
-  if (r === 0) return "0 B";
-  const n = 1024, i = ["B", "KB", "MB", "GB", "TB"], e = Math.floor(Math.log(r) / Math.log(n));
-  return `${parseFloat((r / Math.pow(n, e)).toFixed(1))} ${i[e]}`;
+function de(l) {
+  if (l === 0) return "0 B";
+  const o = 1024, i = ["B", "KB", "MB", "GB", "TB"], e = Math.floor(Math.log(l) / Math.log(o));
+  return `${parseFloat((l / Math.pow(o, e)).toFixed(1))} ${i[e]}`;
 }
-const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointer" }, Dt = { class: "flex items-center gap-2" }, Ht = { class: "font-medium text-xs truncate hover:text-blue-600" }, Lt = { class: "hidden sm:block text-xs text-gray-500 w-16 text-right" }, jt = { class: "hidden md:block text-xs text-gray-500 w-12 text-right" }, Tt = { class: "flex items-center gap-1" }, zt = ["href"], St = ["onClick"], Vt = /* @__PURE__ */ w({
+const Lt = { class: "space-y-0.5" }, Ht = { class: "flex-1 min-w-0 cursor-pointer" }, It = { class: "flex items-center gap-2" }, jt = { class: "font-medium text-xs truncate hover:text-blue-600" }, Tt = { class: "hidden sm:block text-xs text-gray-500 w-16 text-right" }, zt = { class: "hidden md:block text-xs text-gray-500 w-12 text-right" }, St = { class: "flex items-center gap-1" }, Vt = ["href"], Ft = ["onClick"], Rt = /* @__PURE__ */ w({
   __name: "FileList",
   props: {
     files: {}
   },
   emits: ["delete"],
-  setup(r) {
-    return (n, i) => (o(), a("div", Mt, [
-      (o(!0), a(I, null, D(n.files, (e) => (o(), a("div", {
+  setup(l) {
+    return (o, i) => (n(), a("div", Lt, [
+      (n(!0), a(D, null, L(o.files, (e) => (n(), a("div", {
         class: "flex items-center gap-2 p-1.5 rounded hover:bg-gray-50 group border-b border-gray-100 last:border-b-0",
         key: e.id
       }, [
         t("div", {
-          class: x(["p-1 rounded", m(A)[e.type].color])
+          class: x(["p-1 rounded", g(A)[e.type].color])
         }, [
-          (o(), C(j(m(A)[e.type].icon), { class: "h-3 w-3" }))
+          (n(), C(T(g(A)[e.type].icon), { class: "h-3 w-3" }))
         ], 2),
-        t("div", It, [
-          t("div", Dt, [
-            t("span", Ht, h(e.name), 1),
+        t("div", Ht, [
+          t("div", It, [
+            t("span", jt, f(e.name), 1),
             t("div", {
-              class: x(["inline-flex items-center rounded-full border py-0.5 font-semibold text-xs px-1", m(A)[e.type].color])
-            }, h(e.type), 3)
+              class: x(["inline-flex items-center rounded-full border py-0.5 font-semibold text-xs px-1", g(A)[e.type].color])
+            }, f(e.type), 3)
           ])
         ]),
-        t("div", Lt, h(m(ie)(e.size)), 1),
-        t("div", jt, h(m(ne)(e.createdAt)), 1),
-        t("div", Tt, [
+        t("div", Tt, f(g(de)(e.size)), 1),
+        t("div", zt, f(g(le)(e.createdAt)), 1),
+        t("div", St, [
           t("a", {
             href: e.path,
             target: "_blank",
             download: "",
             class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity"
           }, [
-            v(m(K), { class: "h-3 w-3" })
-          ], 8, zt),
+            v(g(K), { class: "h-3 w-3" })
+          ], 8, Vt),
           t("button", {
             class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity text-red-600 hover:text-red-700",
-            onClick: (s) => n.$emit("delete", e.id)
+            onClick: (s) => o.$emit("delete", e.id)
           }, [
-            v(m(N), { class: "h-3 w-3" })
-          ], 8, St)
+            v(g(N), { class: "h-3 w-3" })
+          ], 8, Ft)
         ])
       ]))), 128))
     ]));
   }
-}), Ft = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3" }, Rt = { class: "space-y-2" }, At = { class: "flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden" }, Et = { class: "space-y-1" }, Nt = ["title"], Ot = { class: "text-xs text-gray-500 text-left" }, Bt = ["onClick"], Ut = /* @__PURE__ */ w({
+}), At = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3" }, Et = { class: "space-y-2" }, Nt = { class: "flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden" }, Ot = { class: "space-y-1" }, Bt = ["title"], Ut = { class: "text-xs text-gray-500 text-left" }, qt = ["onClick"], Wt = /* @__PURE__ */ w({
   __name: "FileGrid",
   props: {
     files: {}
   },
   emits: ["delete"],
-  setup(r) {
-    return (n, i) => (o(), a("div", Ft, [
-      (o(!0), a(I, null, D(n.files, (e) => (o(), a("div", {
+  setup(l) {
+    return (o, i) => (n(), a("div", At, [
+      (n(!0), a(D, null, L(o.files, (e) => (n(), a("div", {
         key: e.id,
         class: "group relative border rounded-lg p-2 hover:shadow-md transition-all bg-white hover:bg-gray-50 cursor-pointer"
       }, [
-        t("div", Rt, [
-          t("div", At, [
-            v(m(R), { class: "h-10 w-10 text-gray-500" })
+        t("div", Et, [
+          t("div", Nt, [
+            v(g(R), { class: "h-10 w-10 text-gray-500" })
           ]),
-          t("div", Et, [
+          t("div", Ot, [
             t("h3", {
               class: "font-medium text-xs leading-tight text-left",
               title: e.name
-            }, h(e.name), 9, Nt),
-            t("p", Ot, h(m(ne)(e.createdAt)) + ", " + h(m(ie)(e.size)), 1)
+            }, f(e.name), 9, Bt),
+            t("p", Ut, f(g(le)(e.createdAt)) + ", " + f(g(de)(e.size)), 1)
           ])
         ]),
         t("a", {
           class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 rounded-md absolute top-2 right-2 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity text-red-600 hover:text-red-700 hover:bg-red-50",
-          onClick: (s) => n.$emit("delete", e.id)
+          onClick: (s) => o.$emit("delete", e.id)
         }, [
-          v(m(N), { class: "h-3 w-3" })
-        ], 8, Bt)
+          v(g(N), { class: "h-3 w-3" })
+        ], 8, qt)
       ]))), 128))
     ]));
   }
-}), qt = { class: "flex flex-wrap gap-1" }, Wt = ["title"], Pt = { class: "flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity ml-1" }, Gt = ["href"], Kt = ["onClick"], Zt = /* @__PURE__ */ w({
+}), Pt = { class: "flex flex-wrap gap-1" }, Gt = ["title"], Kt = { class: "flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity ml-1" }, Zt = ["href"], Xt = ["onClick"], Jt = /* @__PURE__ */ w({
   __name: "FileCompact",
   props: {
     files: {}
   },
   emits: ["delete"],
-  setup(r) {
-    return (n, i) => (o(), a("div", qt, [
-      (o(!0), a(I, null, D(n.files, (e) => (o(), a("div", {
+  setup(l) {
+    return (o, i) => (n(), a("div", Pt, [
+      (n(!0), a(D, null, L(o.files, (e) => (n(), a("div", {
         key: e.id,
         class: "group flex items-center gap-1 p-1 rounded border hover:bg-gray-50 hover:shadow-sm transition-all"
       }, [
         t("div", {
-          class: x(["p-0.5 rounded", m(A)[e.type].color])
+          class: x(["p-0.5 rounded", g(A)[e.type].color])
         }, [
-          (o(), C(j(m(A)[e.type].icon), { class: "h-3 w-3" }))
+          (n(), C(T(g(A)[e.type].icon), { class: "h-3 w-3" }))
         ], 2),
         t("span", {
           class: "text-xs font-medium truncate max-w-24",
           title: e.name
-        }, h(e.name), 9, Wt),
-        t("div", Pt, [
+        }, f(e.name), 9, Gt),
+        t("div", Kt, [
           t("a", {
             class: "ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground rounded-md h-4 w-4 p-0",
             href: e.path,
             target: "_blank",
             download: ""
           }, [
-            v(m(K), { class: "h-2.5 w-2.5" })
-          ], 8, Gt),
+            v(g(K), { class: "h-2.5 w-2.5" })
+          ], 8, Zt),
           t("button", {
             class: "ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors hover:bg-accent rounded-md h-4 w-4 p-0 text-red-600 hover:text-red-700",
-            onClick: (s) => n.$emit("delete", e.id)
+            onClick: (s) => o.$emit("delete", e.id)
           }, [
-            v(m(N), { class: "h-2.5 w-2.5" })
-          ], 8, Kt)
+            v(g(N), { class: "h-2.5 w-2.5" })
+          ], 8, Xt)
         ])
       ]))), 128))
     ]));
   }
-}), Xt = { class: "mx-auto font-sans" }, Jt = /* @__PURE__ */ w({
+}), Qt = { class: "mx-auto font-sans" }, te = /* @__PURE__ */ w({
   __name: "FilesWidget",
   props: {
     title: {},
@@ -932,178 +936,178 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
     maxHeight: {}
   },
   emits: ["delete"],
-  setup(r) {
-    const n = r, i = M("list");
-    return (e, s) => (o(), a("div", Xt, [
-      v(Ct, {
+  setup(l) {
+    const o = l, i = M("list");
+    return (e, s) => (n(), a("div", Qt, [
+      v(Dt, {
         modelValue: i.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (p) => i.value = p),
-        title: n.title
+        "onUpdate:modelValue": s[0] || (s[0] = (m) => i.value = m),
+        title: o.title
       }, null, 8, ["modelValue", "title"]),
       t("div", {
         class: x(e.maxHeight ? "overflow-y-auto" : ""),
         style: z({ maxHeight: e.maxHeight + "px" })
       }, [
-        i.value === "list" ? (o(), C(Vt, {
+        i.value === "list" ? (n(), C(Rt, {
           key: 0,
-          onDelete: s[1] || (s[1] = (p) => e.$emit("delete", p)),
-          files: n.files
+          onDelete: s[1] || (s[1] = (m) => e.$emit("delete", m)),
+          files: o.files
         }, null, 8, ["files"])) : b("", !0),
-        i.value === "grid" ? (o(), C(Ut, {
+        i.value === "grid" ? (n(), C(Wt, {
           key: 1,
-          onDelete: s[2] || (s[2] = (p) => e.$emit("delete", p)),
-          files: n.files
+          onDelete: s[2] || (s[2] = (m) => e.$emit("delete", m)),
+          files: o.files
         }, null, 8, ["files"])) : b("", !0),
-        i.value === "compact" ? (o(), C(Zt, {
+        i.value === "compact" ? (n(), C(Jt, {
           key: 2,
-          onDelete: s[3] || (s[3] = (p) => e.$emit("delete", p)),
-          files: n.files
+          onDelete: s[3] || (s[3] = (m) => e.$emit("delete", m)),
+          files: o.files
         }, null, 8, ["files"])) : b("", !0)
       ], 6)
     ]));
   }
-}), Qt = ["onClick"], Yt = /* @__PURE__ */ w({
+}), Yt = ["onClick"], es = /* @__PURE__ */ w({
   __name: "CopyNotification",
-  setup(r, { expose: n }) {
+  setup(l, { expose: o }) {
     const i = M([]);
     let e = 1;
     const s = () => {
       if (i.value.length >= 10) {
-        const u = i.value[0];
-        clearTimeout(u.timer), i.value.shift();
+        const p = i.value[0];
+        clearTimeout(p.timer), i.value.shift();
       }
-      const l = {
+      const u = {
         id: e++,
         timer: setTimeout(() => {
-          p(l.id);
+          m(u.id);
         }, 1500)
       };
-      i.value.push(l);
-    }, p = (l) => {
-      const u = i.value.findIndex((d) => d.id === l);
-      if (u !== -1) {
-        const d = i.value[u];
-        clearTimeout(d.timer), i.value.splice(u, 1);
+      i.value.push(u);
+    }, m = (u) => {
+      const p = i.value.findIndex((d) => d.id === u);
+      if (p !== -1) {
+        const d = i.value[p];
+        clearTimeout(d.timer), i.value.splice(p, 1);
       }
     };
-    return n({
+    return o({
       addNotification: s
     }), G(() => {
-      i.value.forEach((l) => {
-        clearTimeout(l.timer);
+      i.value.forEach((u) => {
+        clearTimeout(u.timer);
       });
-    }), (l, u) => (o(), C(te, { to: "body" }, [
-      v(ce, {
+    }), (u, p) => (n(), C(ie, { to: "body" }, [
+      v(he, {
         name: "notification",
         tag: "div",
         class: "fixed top-4 right-4 z-50 space-y-2"
       }, {
-        default: ue(() => [
-          (o(!0), a(I, null, D(i.value, (d) => (o(), a("div", {
+        default: ge(() => [
+          (n(!0), a(D, null, L(i.value, (d) => (n(), a("div", {
             key: d.id,
             class: "bg-green-500 text-white px-4 py-3 rounded-lg shadow-lg flex items-center gap-3 min-w-64 max-w-sm"
           }, [
-            v(m(xe), { class: "h-5 w-5 text-green-100 flex-shrink-0" }),
-            u[0] || (u[0] = t("div", { class: "flex-1" }, [
+            v(g($e), { class: "h-5 w-5 text-green-100 flex-shrink-0" }),
+            p[0] || (p[0] = t("div", { class: "flex-1" }, [
               t("p", { class: "font-medium text-sm" }, "Ссылка скопирована!"),
               t("p", { class: "text-xs text-green-100 opacity-90" }, "Файл добавлен в буфер обмена")
             ], -1)),
             t("button", {
-              onClick: (y) => p(d.id),
+              onClick: (c) => m(d.id),
               class: "text-green-100 hover:text-white transition-colors flex-shrink-0"
             }, [
-              v(m(O), { class: "h-4 w-4" })
-            ], 8, Qt)
+              v(g(O), { class: "h-4 w-4" })
+            ], 8, Yt)
           ]))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), S = (r, n) => {
-  const i = r.__vccOpts || r;
-  for (const [e, s] of n)
+}), S = (l, o) => {
+  const i = l.__vccOpts || l;
+  for (const [e, s] of o)
     i[e] = s;
   return i;
-}, ae = /* @__PURE__ */ S(Yt, [["__scopeId", "data-v-7b0d3ace"]]), es = { class: "fixed inset-0 z-50 bg-black/80" }, ts = { class: "fixed bg-white left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 sm:rounded-lg max-w-4xl max-h-[90vh] p-0" }, ss = { class: "flex flex-col space-y-1.5 text-center sm:text-left p-4 pb-2" }, os = { class: "flex items-center justify-between" }, ns = { class: "flex items-center gap-2" }, is = { class: "tracking-tight text-base font-medium" }, as = { class: "p-4 pt-0" }, rs = { class: "flex flex-col items-center" }, ls = ["src", "alt"], ds = { class: "mt-3 flex items-center gap-4 text-sm text-gray-600" }, cs = { class: "mt-3 flex gap-2" }, us = /* @__PURE__ */ w({
+}, ce = /* @__PURE__ */ S(es, [["__scopeId", "data-v-7b0d3ace"]]), ts = { class: "fixed inset-0 z-50 bg-black/80" }, ss = { class: "fixed bg-white left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 sm:rounded-lg max-w-4xl max-h-[90vh] p-0" }, os = { class: "flex flex-col space-y-1.5 text-center sm:text-left p-4 pb-2" }, ns = { class: "flex items-center justify-between" }, is = { class: "flex items-center gap-2" }, as = { class: "tracking-tight text-base font-medium" }, rs = { class: "p-4 pt-0" }, ls = { class: "flex flex-col items-center" }, ds = ["src", "alt"], cs = { class: "mt-3 flex items-center gap-4 text-sm text-gray-600" }, us = { class: "mt-3 flex gap-2" }, ps = /* @__PURE__ */ w({
   __name: "GalleryModal",
   props: {
     item: {}
   },
   emits: ["close"],
-  setup(r) {
-    const n = M(), i = (l) => new Date(l).toLocaleDateString("uk-UA", {
+  setup(l) {
+    const o = M(), i = (u) => new Date(u).toLocaleDateString("uk-UA", {
       day: "2-digit",
       month: "2-digit",
       year: "numeric"
-    }), e = (l) => l >= 1024 * 1024 * 1024 ? (l / (1024 * 1024 * 1024)).toFixed(2) + " GB" : l >= 1024 * 1024 ? (l / (1024 * 1024)).toFixed(2) + " MB" : l >= 1024 ? (l / 1024).toFixed(2) + " KB" : l + " B", s = (l) => {
-      navigator.clipboard.writeText(l), n.value?.addNotification();
-    }, p = async (l, u) => {
+    }), e = (u) => u >= 1024 * 1024 * 1024 ? (u / (1024 * 1024 * 1024)).toFixed(2) + " GB" : u >= 1024 * 1024 ? (u / (1024 * 1024)).toFixed(2) + " MB" : u >= 1024 ? (u / 1024).toFixed(2) + " KB" : u + " B", s = (u) => {
+      navigator.clipboard.writeText(u), o.value?.addNotification();
+    }, m = async (u, p) => {
       try {
-        const y = await (await fetch(l)).blob(), c = window.URL.createObjectURL(y), g = document.createElement("a");
-        g.href = c, g.download = u, document.body.appendChild(g), g.click(), window.URL.revokeObjectURL(c), document.body.removeChild(g);
+        const c = await (await fetch(u)).blob(), r = window.URL.createObjectURL(c), h = document.createElement("a");
+        h.href = r, h.download = p, document.body.appendChild(h), h.click(), window.URL.revokeObjectURL(r), document.body.removeChild(h);
       } catch (d) {
         console.error("Download failed:", d), alert("Download failed. Please try opening the image in a new tab.");
       }
     };
-    return (l, u) => (o(), a("div", es, [
-      t("div", ts, [
-        t("div", ss, [
-          t("div", os, [
-            t("div", ns, [
-              t("h2", is, h(l.item.name), 1)
+    return (u, p) => (n(), a("div", ts, [
+      t("div", ss, [
+        t("div", os, [
+          t("div", ns, [
+            t("div", is, [
+              t("h2", as, f(u.item.name), 1)
             ])
           ])
         ]),
-        t("div", as, [
-          t("div", rs, [
+        t("div", rs, [
+          t("div", ls, [
             t("img", {
-              src: l.item.path,
-              alt: l.item.name,
+              src: u.item.path,
+              alt: u.item.name,
               class: "max-w-full max-h-[60vh] object-contain rounded border"
-            }, null, 8, ls),
-            t("div", ds, [
-              t("span", null, "Size: " + h(e(l.item.size)), 1),
-              u[3] || (u[3] = t("span", null, "•", -1)),
-              t("span", null, "Date: " + h(i(l.item.createdAt)), 1)
-            ]),
+            }, null, 8, ds),
             t("div", cs, [
+              t("span", null, "Size: " + f(e(u.item.size)), 1),
+              p[3] || (p[3] = t("span", null, "•", -1)),
+              t("span", null, "Date: " + f(i(u.item.createdAt)), 1)
+            ]),
+            t("div", us, [
               t("button", {
-                onClick: u[0] || (u[0] = (d) => p(l.item.path, l.item.name)),
+                onClick: p[0] || (p[0] = (d) => m(u.item.path, u.item.name)),
                 class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border h-9 rounded-md px-3"
               }, [
-                v(m(K), { class: "h-3 w-3 mr-1" }),
-                u[4] || (u[4] = H(" Download ", -1))
+                v(g(K), { class: "h-3 w-3 mr-1" }),
+                p[4] || (p[4] = H(" Download ", -1))
               ]),
               t("button", {
-                onClick: u[1] || (u[1] = (d) => s(l.item.path)),
+                onClick: p[1] || (p[1] = (d) => s(u.item.path)),
                 class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border h-9 rounded-md px-3"
               }, [
-                v(m(He), { class: "h-3 w-3 mr-1" }),
-                u[5] || (u[5] = H(" Share ", -1))
+                v(g(ze), { class: "h-3 w-3 mr-1" }),
+                p[5] || (p[5] = H(" Share ", -1))
               ])
             ])
           ])
         ]),
         t("button", {
           type: "button",
-          onClick: u[2] || (u[2] = (d) => l.$emit("close")),
+          onClick: p[2] || (p[2] = (d) => u.$emit("close")),
           class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
         }, [
-          v(m(O), { class: "h-4 w-4" }),
-          u[6] || (u[6] = t("span", { class: "sr-only" }, "Close", -1))
+          v(g(O), { class: "h-4 w-4" }),
+          p[6] || (p[6] = t("span", { class: "sr-only" }, "Close", -1))
         ])
       ]),
-      v(ae, {
+      v(ce, {
         ref_key: "copyNotificationRef",
-        ref: n
+        ref: o
       }, null, 512)
     ]));
   }
-}), ps = {
+}), ms = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
-}, ms = ["onClick"], hs = ["src", "alt"], gs = /* @__PURE__ */ w({
+}, hs = ["onClick"], gs = ["src", "alt"], se = /* @__PURE__ */ w({
   __name: "GalleryWidget",
   props: {
     title: {},
@@ -1114,65 +1118,65 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
     className: {},
     style: {}
   },
-  setup(r) {
-    const n = r, i = M(!1), e = M(null), s = M(), p = M(0);
-    let l = null;
-    const u = L(() => {
-      const c = n.columns || 4;
-      return p.value >= 1440 ? c : p.value >= 1024 ? Math.max(1, c - 1) : p.value >= 768 ? Math.max(1, c - 2) : p.value >= 640 ? Math.max(1, c - 3) : 1;
+  setup(l) {
+    const o = l, i = M(!1), e = M(null), s = M(), m = M(0);
+    let u = null;
+    const p = I(() => {
+      const r = o.columns || 4;
+      return m.value >= 1440 ? r : m.value >= 1024 ? Math.max(1, r - 1) : m.value >= 768 ? Math.max(1, r - 2) : m.value >= 640 ? Math.max(1, r - 3) : 1;
     }), d = () => {
-      s.value && (p.value = s.value.offsetWidth);
+      s.value && (m.value = s.value.offsetWidth);
     };
-    ee(() => {
-      pe(() => {
-        s.value && (l = new ResizeObserver((c) => {
-          for (const g of c)
-            g.target === s.value && (p.value = g.contentRect.width);
-        }), l.observe(s.value), d());
+    ne(() => {
+      fe(() => {
+        s.value && (u = new ResizeObserver((r) => {
+          for (const h of r)
+            h.target === s.value && (m.value = h.contentRect.width);
+        }), u.observe(s.value), d());
       });
     }), G(() => {
-      l && l.disconnect();
+      u && u.disconnect();
     });
-    const y = (c) => {
-      e.value = c, i.value = !0;
+    const c = (r) => {
+      e.value = r, i.value = !0;
     };
-    return (c, g) => (o(), a("div", {
+    return (r, h) => (n(), a("div", {
       class: "w-full mx-auto font-sans",
       ref_key: "containerRef",
       ref: s
     }, [
-      c.title ? (o(), a("h3", ps, h(c.title), 1)) : b("", !0),
+      r.title ? (n(), a("h3", ms, f(r.title), 1)) : b("", !0),
       t("div", {
-        class: x(c.maxHeight ? "overflow-y-auto" : ""),
-        style: z({ maxHeight: c.maxHeight + "px" })
+        class: x(r.maxHeight ? "overflow-y-auto" : ""),
+        style: z({ maxHeight: r.maxHeight + "px" })
       }, [
         t("div", {
-          style: z({ columns: u.value + " auto", gap: "12px" }),
+          style: z({ columns: p.value + " auto", gap: "12px" }),
           class: "space-y-3"
         }, [
-          (o(!0), a(I, null, D(c.items, (T) => (o(), a("div", {
-            key: T.id,
-            onClick: (X) => y(T),
+          (n(!0), a(D, null, L(r.items, (j) => (n(), a("div", {
+            key: j.id,
+            onClick: (X) => c(j),
             class: "group relative break-inside-avoid bg-gray-200 rounded-lg overflow-hidden cursor-pointer hover:shadow-md transition-all mb-3"
           }, [
             t("img", {
-              src: T.path,
-              alt: T.name,
+              src: j.path,
+              alt: j.name,
               class: "w-full h-auto min-h-40 rounded-md object-contain"
-            }, null, 8, hs),
-            g[1] || (g[1] = t("div", { class: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent p-4 pt-12" }, [
+            }, null, 8, gs),
+            h[1] || (h[1] = t("div", { class: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent p-4 pt-12" }, [
               t("h3", { class: "text-white font-medium text-base leading-tight mb-1" }, "Mountain Landscape"),
               t("p", { class: "text-white/90 text-sm" }, "2.4 MB")
             ], -1)),
-            g[2] || (g[2] = t("div", { class: "absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-colors duration-200" }, null, -1))
-          ], 8, ms))), 128))
+            h[2] || (h[2] = t("div", { class: "absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-colors duration-200" }, null, -1))
+          ], 8, hs))), 128))
         ], 4)
       ], 6),
-      (o(), C(te, { to: "body" }, [
-        i.value && e.value ? (o(), C(us, {
+      (n(), C(ie, { to: "body" }, [
+        i.value && e.value ? (n(), C(ps, {
           key: 0,
           item: e.value,
-          onClose: g[0] || (g[0] = (T) => i.value = !1)
+          onClose: h[0] || (h[0] = (j) => i.value = !1)
         }, null, 8, ["item"])) : b("", !0)
       ]))
     ], 512));
@@ -1196,84 +1200,84 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
     className: {},
     style: {}
   },
-  setup(r) {
-    const n = r, i = M(0), e = L(() => n.panels && n.panels.length > 0 ? n.panels : n.data && Array.isArray(n.data) ? n.data.filter((y) => y.type === "tabs")[0]?.items || [] : []), s = L(() => n.panels && n.panels.length > 0 ? n.panels : n.data && Array.isArray(n.data) ? n.data : []), p = L(() => ({
-      [`view-${n.view}`]: !0
-    })), l = (d) => {
-      const y = {};
-      return d.count && (y.count = d.count), d.col && (y.col = d.col), y.data && (y.data = y.data), y;
-    }, u = (d) => d.width ? {
+  setup(l) {
+    const o = l, i = M(0), e = I(() => o.panels && o.panels.length > 0 ? o.panels : o.data && Array.isArray(o.data) ? o.data.filter((c) => c.type === "tabs")[0]?.items || [] : []), s = I(() => o.panels && o.panels.length > 0 ? o.panels : o.data && Array.isArray(o.data) ? o.data : []), m = I(() => ({
+      [`view-${o.view}`]: !0
+    })), u = (d) => {
+      const c = {};
+      return d.count && (c.count = d.count), d.col && (c.col = d.col), o.data && d.name && Object.assign(c, o.data[d.name]), c;
+    }, p = (d) => d.width ? {
       gridColumn: `span ${d.width}`
     } : {};
-    return (d, y) => (o(), a("div", {
-      class: x(["bg-white rounded-lg shadow-sm border border-gray-200", p.value])
+    return (d, c) => (n(), a("div", {
+      class: x(["bg-white rounded-lg shadow-sm border border-gray-200", m.value])
     }, [
-      d.view === "tab" ? (o(), a("div", fs, [
+      d.view === "tab" ? (n(), a("div", fs, [
         t("div", ys, [
-          (o(!0), a(I, null, D(e.value, (c, g) => (o(), a("button", {
-            key: c.name || g,
-            onClick: (T) => i.value = g,
+          (n(!0), a(D, null, L(e.value, (r, h) => (n(), a("button", {
+            key: r.name || h,
+            onClick: (j) => i.value = h,
             class: x([
               "px-4 py-3 text-sm font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-100 transition-colors",
-              { "text-blue-600 bg-white border-b-2 border-blue-600": i.value === g }
+              { "text-blue-600 bg-white border-b-2 border-blue-600": i.value === h }
             ])
-          }, h(c.title || c.label || c.name || `Tab ${g + 1}`), 11, vs))), 128))
+          }, f(r.title || r.label || r.name || `Tab ${h + 1}`), 11, vs))), 128))
         ]),
         t("div", bs, [
-          (o(!0), a(I, null, D(e.value, (c, g) => P((o(), a("div", {
-            key: c.name || g,
+          (n(!0), a(D, null, L(e.value, (r, h) => P((n(), a("div", {
+            key: r.name || h,
             class: x([
               "min-h-[400px] w-full",
-              `col-span-${c.col || 12}`
+              `col-span-${r.col || 12}`
             ])
           }, [
-            c.html ? (o(), a("div", {
+            r.html ? (n(), a("div", {
               key: 0,
-              innerHTML: c.html,
+              innerHTML: r.html,
               class: "text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"
-            }, null, 8, xs)) : d.$slots[`tab-${g}`] ? F(d.$slots, `tab-${g}`, {
+            }, null, 8, xs)) : d.$slots[`tab-${h}`] ? F(d.$slots, `tab-${h}`, {
               key: 1,
-              item: c,
+              item: r,
               data: d.data
-            }) : c.component ? (o(), C(j(c.component), U({
+            }) : r.component ? (n(), C(T(r.component), U({
               key: 2,
               ref_for: !0
-            }, l(c), { class: "w-full h-full" }), null, 16)) : F(d.$slots, c.slot || `tab-${g}`, {
+            }, u(r), { class: "w-full h-full" }), null, 16)) : F(d.$slots, r.slot || `tab-${h}`, {
               key: 3,
-              item: c,
+              item: r,
               data: d.data
             })
           ], 2)), [
-            [me, i.value === g]
+            [ye, i.value === h]
           ])), 128))
         ])
-      ])) : (o(), a("div", ks, [
+      ])) : (n(), a("div", ks, [
         t("div", _s, [
-          (o(!0), a(I, null, D(s.value, (c, g) => (o(), a("div", {
-            key: c.name || g,
+          (n(!0), a(D, null, L(s.value, (r, h) => (n(), a("div", {
+            key: r.name || h,
             class: x([
               "bg-gray-50 rounded-lg p-4 min-h-[300px]",
-              `col-span-${c.col || 12}`
+              `col-span-${r.col || 12}`
             ]),
-            style: z(u(c))
+            style: z(p(r))
           }, [
-            c.title || c.label ? (o(), a("div", ws, [
-              t("h3", $s, h(c.title || c.label), 1)
+            r.title || r.label ? (n(), a("div", ws, [
+              t("h3", $s, f(r.title || r.label), 1)
             ])) : b("", !0),
-            c.html ? (o(), a("div", {
+            r.html ? (n(), a("div", {
               key: 1,
-              innerHTML: c.html,
+              innerHTML: r.html,
               class: "text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"
-            }, null, 8, Cs)) : d.$slots[`panel-${g}`] ? F(d.$slots, `panel-${g}`, {
+            }, null, 8, Cs)) : d.$slots[`panel-${h}`] ? F(d.$slots, `panel-${h}`, {
               key: 2,
-              item: c,
+              item: r,
               data: d.data
-            }) : c.component ? (o(), C(j(c.component), U({
+            }) : r.component ? (n(), C(T(r.component), U({
               key: 3,
               ref_for: !0
-            }, l(c), { class: "w-full h-full" }), null, 16)) : F(d.$slots, c.slot || `panel-${g}`, {
+            }, u(r), { class: "w-full h-full" }), null, 16)) : F(d.$slots, r.slot || `panel-${h}`, {
               key: 4,
-              item: c,
+              item: r,
               data: d.data
             })
           ], 6))), 128))
@@ -1281,7 +1285,7 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
       ]))
     ], 2));
   }
-}), Is = ["innerHTML"], Ds = /* @__PURE__ */ w({
+}), Ds = ["innerHTML"], Ls = /* @__PURE__ */ w({
   __name: "CardItem",
   props: {
     name: {},
@@ -1295,35 +1299,35 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
     className: {},
     style: {}
   },
-  setup(r) {
-    const n = r, i = L(() => ({
-      [`col-span-${n.col}`]: !0
-    })), e = L(() => {
+  setup(l) {
+    const o = l, i = I(() => ({
+      [`col-span-${o.col}`]: !0
+    })), e = I(() => {
       const s = {};
       return s.col && (s.col = s.col), s;
     });
-    return (s, p) => (o(), a("div", {
+    return (s, m) => (n(), a("div", {
       class: x(["w-full", i.value])
     }, [
-      s.html ? (o(), a("div", {
+      s.html ? (n(), a("div", {
         key: 0,
         innerHTML: s.html,
         class: "text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"
-      }, null, 8, Is)) : s.component ? (o(), C(j(s.component), U({ key: 1 }, e.value, { class: "w-full" }), null, 16)) : F(s.$slots, "default", { key: 2 })
+      }, null, 8, Ds)) : s.component ? (n(), C(T(s.component), U({ key: 1 }, e.value, { class: "w-full" }), null, 16)) : F(s.$slots, "default", { key: 2 })
     ], 2));
   }
-}), Hs = { class: "text-value" }, Ls = { class: "text-sm text-gray-900" }, js = /* @__PURE__ */ w({
+}), Hs = { class: "text-value" }, Is = { class: "text-sm text-gray-900" }, js = /* @__PURE__ */ w({
   __name: "TextValue",
   props: {
     item: {}
   },
-  setup(r) {
-    const n = r, i = L(() => {
-      const e = n.item.value;
+  setup(l) {
+    const o = l, i = I(() => {
+      const e = o.item.value;
       return typeof e == "boolean" ? e ? "Так" : "Ні" : e == null ? "—" : String(e);
     });
-    return (e, s) => (o(), a("div", Hs, [
-      t("span", Ls, h(i.value), 1)
+    return (e, s) => (n(), a("div", Hs, [
+      t("span", Is, f(i.value), 1)
     ]));
   }
 }), Ts = /* @__PURE__ */ S(js, [["__scopeId", "data-v-c14550b7"]]), zs = { class: "link-value" }, Ss = ["href"], Vs = /* @__PURE__ */ w({
@@ -1331,9 +1335,9 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
   props: {
     item: {}
   },
-  setup(r) {
-    const n = r, i = L(() => {
-      const e = String(n.item.value);
+  setup(l) {
+    const o = l, i = I(() => {
+      const e = String(o.item.value);
       try {
         const s = new URL(e);
         return s.hostname + s.pathname;
@@ -1341,14 +1345,14 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
         return e;
       }
     });
-    return (e, s) => (o(), a("div", zs, [
+    return (e, s) => (n(), a("div", zs, [
       t("a", {
         href: String(e.item.value),
         target: "_blank",
         rel: "noopener noreferrer",
         class: "text-blue-600 hover:text-blue-800 underline text-sm"
       }, [
-        H(h(i.value) + " ", 1),
+        H(f(i.value) + " ", 1),
         s[0] || (s[0] = t("i", { class: "fas fa-external-link-alt ml-1 text-xs" }, null, -1))
       ], 8, Ss)
     ]));
@@ -1358,9 +1362,9 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
   props: {
     item: {}
   },
-  setup(r) {
-    const n = r, i = L(() => {
-      const e = n.item.value;
+  setup(l) {
+    const o = l, i = I(() => {
+      const e = o.item.value;
       if (e instanceof Date)
         return e.toLocaleDateString("uk-UA", {
           year: "numeric",
@@ -1382,8 +1386,8 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
       }
       return String(e);
     });
-    return (e, s) => (o(), a("div", Rs, [
-      t("span", As, h(i.value), 1)
+    return (e, s) => (n(), a("div", Rs, [
+      t("span", As, f(i.value), 1)
     ]));
   }
 }), Ns = /* @__PURE__ */ S(Es, [["__scopeId", "data-v-b9600618"]]), Os = { class: "status-value" }, Bs = {
@@ -1394,9 +1398,9 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
   props: {
     item: {}
   },
-  setup(r) {
-    const n = r, i = L(() => {
-      switch (String(n.item.value).toLowerCase()) {
+  setup(l) {
+    const o = l, i = I(() => {
+      switch (String(o.item.value).toLowerCase()) {
         case "active":
         case "активний":
         case "успішно":
@@ -1418,8 +1422,8 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
         default:
           return "bg-blue-100 text-blue-800";
       }
-    }), e = L(() => {
-      switch (String(n.item.value).toLowerCase()) {
+    }), e = I(() => {
+      switch (String(o.item.value).toLowerCase()) {
         case "active":
         case "активний":
         case "успішно":
@@ -1442,16 +1446,16 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
           return "fas fa-info-circle";
       }
     });
-    return (s, p) => (o(), a("div", Os, [
+    return (s, m) => (n(), a("div", Os, [
       t("span", {
         class: x(["inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium", i.value])
       }, [
-        e.value ? (o(), a("span", Bs, [
+        e.value ? (n(), a("span", Bs, [
           t("i", {
             class: x(e.value)
           }, null, 2)
         ])) : b("", !0),
-        H(" " + h(String(s.item.value)), 1)
+        H(" " + f(String(s.item.value)), 1)
       ], 2)
     ]));
   }
@@ -1460,13 +1464,13 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
   props: {
     item: {}
   },
-  setup(r) {
-    return (n, i) => (o(), a("div", Ws, [
-      F(n.$slots, "default", {
-        item: n.item,
-        value: n.item.value
+  setup(l) {
+    return (o, i) => (n(), a("div", Ws, [
+      F(o.$slots, "default", {
+        item: o.item,
+        value: o.item.value
       }, () => [
-        t("span", Ps, h(String(n.item.value)), 1)
+        t("span", Ps, f(String(o.item.value)), 1)
       ], !0)
     ]));
   }
@@ -1495,8 +1499,8 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
     className: {},
     style: {}
   },
-  setup(r) {
-    const n = (i) => {
+  setup(l) {
+    const o = (i) => {
       switch (i.type) {
         case "link":
           return Fs;
@@ -1510,26 +1514,26 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
           return Ts;
       }
     };
-    return (i, e) => (o(), a("div", {
+    return (i, e) => (n(), a("div", {
       class: x(["description-list-widget", i.className]),
       id: i.id,
       style: z(i.style)
     }, [
-      i.title ? (o(), a("h3", Xs, h(i.title), 1)) : b("", !0),
-      i.view === "table" ? (o(), a("div", Js, [
+      i.title ? (n(), a("h3", Xs, f(i.title), 1)) : b("", !0),
+      i.view === "table" ? (n(), a("div", Js, [
         t("table", Qs, [
           t("tbody", Ys, [
-            (o(!0), a(I, null, D(i.items, (s) => (o(), a("tr", {
+            (n(!0), a(D, null, L(i.items, (s) => (n(), a("tr", {
               key: s.id || s.label
             }, [
               t("td", eo, [
                 t("div", to, [
-                  s.icon ? (o(), a("i", {
+                  s.icon ? (n(), a("i", {
                     key: 0,
                     class: x([s.icon, "text-gray-500"])
                   }, null, 2)) : b("", !0),
-                  H(" " + h(s.label) + " ", 1),
-                  s.tooltip ? (o(), a("span", {
+                  H(" " + f(s.label) + " ", 1),
+                  s.tooltip ? (n(), a("span", {
                     key: 1,
                     class: "text-gray-400 cursor-help",
                     title: s.tooltip
@@ -1539,26 +1543,26 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
                 ])
               ]),
               t("td", oo, [
-                (o(), C(j(n(s)), { item: s }, null, 8, ["item"]))
+                (n(), C(T(o(s)), { item: s }, null, 8, ["item"]))
               ])
             ]))), 128))
           ])
         ])
-      ])) : i.view === "grid" ? (o(), a("div", no, [
-        (o(!0), a(I, null, D(i.items, (s) => (o(), a("div", {
+      ])) : i.view === "grid" ? (n(), a("div", no, [
+        (n(!0), a(D, null, L(i.items, (s) => (n(), a("div", {
           key: s.id || s.label,
           class: "description-item-card bg-white border border-gray-200 rounded-lg p-4"
         }, [
           t("div", io, [
-            s.icon ? (o(), a("div", ao, [
+            s.icon ? (n(), a("div", ao, [
               t("i", {
                 class: x([s.icon, "text-gray-500 text-lg"])
               }, null, 2)
             ])) : b("", !0),
             t("div", ro, [
               t("div", lo, [
-                t("h4", co, h(s.label), 1),
-                s.tooltip ? (o(), a("span", {
+                t("h4", co, f(s.label), 1),
+                s.tooltip ? (n(), a("span", {
                   key: 0,
                   class: "text-gray-400 cursor-help",
                   title: s.tooltip
@@ -1566,24 +1570,24 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
                   t("i", { class: "fas fa-info-circle text-xs" }, null, -1)
                 ]), 8, uo)) : b("", !0)
               ]),
-              (o(), C(j(n(s)), { item: s }, null, 8, ["item"]))
+              (n(), C(T(o(s)), { item: s }, null, 8, ["item"]))
             ])
           ])
         ]))), 128))
-      ])) : (o(), a("div", po, [
+      ])) : (n(), a("div", po, [
         t("table", mo, [
           t("tbody", ho, [
-            (o(!0), a(I, null, D(i.items, (s) => (o(), a("tr", {
+            (n(!0), a(D, null, L(i.items, (s) => (n(), a("tr", {
               key: s.id || s.label
             }, [
               t("td", go, [
                 t("div", fo, [
-                  s.icon ? (o(), a("i", {
+                  s.icon ? (n(), a("i", {
                     key: 0,
                     class: x([s.icon, "text-gray-500"])
                   }, null, 2)) : b("", !0),
-                  H(" " + h(s.label) + " ", 1),
-                  s.tooltip ? (o(), a("span", {
+                  H(" " + f(s.label) + " ", 1),
+                  s.tooltip ? (n(), a("span", {
                     key: 1,
                     class: "text-gray-400 cursor-help",
                     title: s.tooltip
@@ -1593,7 +1597,7 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
                 ])
               ]),
               t("td", vo, [
-                (o(), C(j(n(s)), { item: s }, null, 8, ["item"]))
+                (n(), C(T(o(s)), { item: s }, null, 8, ["item"]))
               ])
             ]))), 128))
           ])
@@ -1602,18 +1606,18 @@ const Mt = { class: "space-y-0.5" }, It = { class: "flex-1 min-w-0 cursor-pointe
     ], 14, Zs));
   }
 }), xo = /* @__PURE__ */ S(bo, [["__scopeId", "data-v-36d43e50"]]), wo = {
-  install: (r) => {
-    r.component("CommentsWidget", it), r.component("HistoryWidget", _t), r.component("GalleryWidget", gs), r.component("FilesWidget", Jt), r.component("Card", Ms), r.component("CardItem", Ds), r.component("DescriptionListWidget", xo), r.component("CopyNotification", ae);
+  install: (l) => {
+    l.component("vs-widget-file", te), l.component("vs-widget-comments", Q), l.component("vs-widget-history", ee), l.component("vs-widget-gallery", se), l.component("CommentsWidget", Q), l.component("HistoryWidget", ee), l.component("GalleryWidget", se), l.component("FilesWidget", te), l.component("Card", Ms), l.component("CardItem", Ls), l.component("DescriptionListWidget", xo), l.component("CopyNotification", ce);
   }
 };
 export {
   Ms as Card,
-  Ds as CardItem,
-  it as CommentsWidget,
-  ae as CopyNotification,
+  Ls as CardItem,
+  Q as CommentsWidget,
+  ce as CopyNotification,
   xo as DescriptionListWidget,
-  Jt as FilesWidget,
-  gs as GalleryWidget,
-  _t as HistoryWidget,
+  te as FilesWidget,
+  se as GalleryWidget,
+  ee as HistoryWidget,
   wo as default
 };