vuesp-components 2.2.6 → 2.3.1

package/README.md

@@ -161,6 +161,16 @@ app.use(i18nPlugin, {
 - `VExpansion` - Expansion panel
 - `VList` - List component
 
+### Shared Visual Components
+- `VisionIcon` - Lightweight stroke icon set
+- `VisionButton` - Link/button with shared visual variants
+- `VisionCard` - Glass card container
+- `VisionInput` - Glass text input
+- `VisionSearch` - Search dialog with keyboard shortcut
+- `VisionThemeToggle` - Light/dark theme switch
+
+These components are shared by `vuesp.ru`, `docs.vuesp.ru`, `lk.vuesp.ru` and the embedded device UI. Site-specific shells (for example the LK sidebar) stay in the site repository.
+
 ### App Components
 - `AppHeader` - Header with theme toggle
 - `AppNav` - Navigation menu
@@ -220,7 +230,7 @@ Important: import `theme.css` **inside the Tailwind entry** (the file that impor
 
 The MIT License (MIT)
 
-Copyright (c) 2021-2025, bondrogeen <bondrogeen@gmail.com>
+Copyright (c) 2021-2025, bondrogeen
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/{VDialog.vue_vue_type_script_setup_true_lang-CNTOjVfB.js → VDialog.vue_vue_type_script_setup_true_lang-D6rmM0u5.js}

@@ -1,4 +1,4 @@
-import { openBlock as o, createElementBlock as c, createStaticVNode as ae, createElementVNode as r, defineComponent as E, computed as B, createBlock as O, resolveDynamicComponent as q, mergeProps as M, withCtx as $, normalizeClass as w, renderSlot as b, createCommentVNode as k, markRaw as H, shallowRef as R, Teleport as K, createVNode as S, Transition as A, unref as i, withModifiers as V, normalizeStyle as T, ref as G, withDirectives as ne, Fragment as J, renderList as Q, createTextVNode as N, toDisplayString as _, withKeys as se, createPropsRestProxy as re, normalizeProps as ie, guardReactiveProps as ce } from "vue";
+import { openBlock as a, createElementBlock as c, createStaticVNode as ae, createElementVNode as r, defineComponent as E, computed as z, createBlock as O, resolveDynamicComponent as q, mergeProps as M, withCtx as $, normalizeClass as w, renderSlot as v, createCommentVNode as k, markRaw as H, shallowRef as R, Teleport as K, createVNode as S, Transition as A, unref as i, withModifiers as V, normalizeStyle as D, ref as G, withDirectives as ne, Fragment as J, renderList as Q, createTextVNode as N, toDisplayString as _, withKeys as se, createPropsRestProxy as re, normalizeProps as ie, guardReactiveProps as ce } from "vue";
 import { u as U, a as de, b as X, c as Y } from "./useDialog-ALG4kFE7.js";
 const W = (e, t) => {
   const n = e.__vccOpts || e;
@@ -10,7 +10,7 @@ const W = (e, t) => {
   fill: "currentColor"
 };
 function me(e, t) {
-  return o(), c("svg", fe, [...t[0] || (t[0] = [
+  return a(), c("svg", fe, [...t[0] || (t[0] = [
     ae('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
   ])]);
 }
@@ -21,7 +21,7 @@ const lt = /* @__PURE__ */ W(ue, [["render", me]]), he = {}, be = {
   fill: "currentColor"
 };
 function ve(e, t) {
-  return o(), c("svg", be, [...t[0] || (t[0] = [
+  return a(), c("svg", be, [...t[0] || (t[0] = [
     r("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
       r("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
     ], -1)
@@ -33,7 +33,7 @@ const ot = /* @__PURE__ */ W(he, [["render", ve]]), ge = {}, xe = {
   viewBox: "0 0 24 24"
 };
 function pe(e, t) {
-  return o(), c("svg", xe, [...t[0] || (t[0] = [
+  return a(), c("svg", xe, [...t[0] || (t[0] = [
     r("circle", {
       class: "opacity-25",
       cx: "12",
@@ -62,29 +62,29 @@ const ye = /* @__PURE__ */ W(ge, [["render", pe]]), we = "relative flex justify-
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = t, h = (z) => n("click", z), u = e.outline ? "border border-green-500/30 text-green-600 dark:text-green-400" : "border border-green-500/20 bg-green-500/10 text-green-600 dark:text-green-400", l = e.outline ? "border border-red-500/30 text-red-600 dark:text-red-400" : "border border-red-500/20 bg-red-500/10 text-red-600 dark:text-red-400", s = e.outline ? "border border-gray-300/70 text-gray-700 dark:border-white/15 dark:text-white/70" : "border border-gray-200/70 bg-white/50 text-gray-700 dark:border-white/10 dark:bg-white/[0.05] dark:text-white/70", x = e.outline ? "border border-[var(--accent-blue)] text-[var(--accent-blue)]" : "bg-[var(--accent-blue)] text-white shadow-[0_8px_24px_-12px_rgba(37,99,235,0.9)] hover:brightness-110", v = e.outline ? "border border-[var(--accent-indigo)] text-[var(--accent-indigo)]" : "bg-[var(--accent-indigo)] text-white shadow-[0_8px_24px_-12px_rgba(99,102,241,0.9)] hover:brightness-110", f = e.outline ? "border border-[var(--accent-violet)] text-[var(--accent-violet)]" : "bg-[var(--accent-violet)] text-white shadow-[0_8px_24px_-12px_rgba(139,92,246,0.9)] hover:brightness-110", p = e.outline ? "border border-[var(--accent-emerald)] text-[var(--accent-emerald)]" : "bg-[var(--accent-emerald)] text-white shadow-[0_8px_24px_-12px_rgba(16,185,129,0.9)] hover:brightness-110", L = e.outline ? "border border-[var(--accent-amber)] text-[var(--accent-amber)]" : "bg-[var(--accent-amber)] text-[#231400] shadow-[0_8px_24px_-12px_rgba(245,158,11,0.9)] hover:brightness-110", C = e.outline ? "border border-[var(--accent-rose)] text-[var(--accent-rose)]" : "bg-[var(--accent-rose)] text-white shadow-[0_8px_24px_-12px_rgba(244,63,94,0.9)] hover:brightness-110", d = e.outline ? "border border-[var(--accent-slate)] text-[var(--accent-slate)]" : "bg-[var(--accent-slate)] text-white shadow-[0_8px_24px_-12px_rgba(71,85,105,0.9)] hover:brightness-110", m = (e.outline, ""), y = { green: u, red: l, gray: s, blue: x, indigo: v, violet: f, emerald: p, amber: L, rose: C, slate: d, transparent: m }, a = {
+    const n = t, h = (B) => n("click", B), u = e.outline ? "border border-green-500/30 text-green-600 dark:text-green-400" : "border border-green-500/20 bg-green-500/10 text-green-600 dark:text-green-400", l = e.outline ? "border border-red-500/30 text-red-600 dark:text-red-400" : "border border-red-500/20 bg-red-500/10 text-red-600 dark:text-red-400", s = e.outline ? "border border-gray-300/70 text-gray-700 dark:border-white/15 dark:text-white/70" : "border border-gray-200/70 bg-white/50 text-gray-700 dark:border-white/10 dark:bg-white/[0.05] dark:text-white/70", x = e.outline ? "border border-[var(--accent-blue)] text-[var(--accent-blue)]" : "bg-[var(--accent-blue)] text-white shadow-[0_8px_24px_-12px_rgba(37,99,235,0.9)] hover:brightness-110", b = e.outline ? "border border-[var(--accent-indigo)] text-[var(--accent-indigo)]" : "bg-[var(--accent-indigo)] text-white shadow-[0_8px_24px_-12px_rgba(99,102,241,0.9)] hover:brightness-110", m = e.outline ? "border border-[var(--accent-violet)] text-[var(--accent-violet)]" : "bg-[var(--accent-violet)] text-white shadow-[0_8px_24px_-12px_rgba(139,92,246,0.9)] hover:brightness-110", g = e.outline ? "border border-[var(--accent-emerald)] text-[var(--accent-emerald)]" : "bg-[var(--accent-emerald)] text-white shadow-[0_8px_24px_-12px_rgba(16,185,129,0.9)] hover:brightness-110", L = e.outline ? "border border-[var(--accent-amber)] text-[var(--accent-amber)]" : "bg-[var(--accent-amber)] text-[#231400] shadow-[0_8px_24px_-12px_rgba(245,158,11,0.9)] hover:brightness-110", C = e.outline ? "border border-[var(--accent-rose)] text-[var(--accent-rose)]" : "bg-[var(--accent-rose)] text-white shadow-[0_8px_24px_-12px_rgba(244,63,94,0.9)] hover:brightness-110", d = e.outline ? "border border-[var(--accent-slate)] text-[var(--accent-slate)]" : "bg-[var(--accent-slate)] text-white shadow-[0_8px_24px_-12px_rgba(71,85,105,0.9)] hover:brightness-110", f = (e.outline, ""), p = { green: u, red: l, gray: s, blue: x, indigo: b, violet: m, emerald: g, amber: L, rose: C, slate: d, transparent: f }, y = {
       button: "px-3",
       icon: "rounded-md border border-gray-200/70 dark:border-white/10"
-    }, g = {
+    }, o = {
       button: { sm: "h-8", md: "h-10", lg: "h-12", xl: "h-14" },
       icon: { sm: "size-8", md: "size-10", lg: "size-12", xl: "size-14" }
-    }, D = B(() => [we, oe(e.color), le(e.type), P(e.type, e.size)]), I = B(() => e.href || e.to ? "router-link" : "button"), P = (z, j) => {
+    }, T = z(() => [we, oe(e.color), le(e.type), P(e.type, e.size)]), I = z(() => e.href || e.to ? "router-link" : "button"), P = (B, j) => {
       var F;
-      return ((F = g[z]) == null ? void 0 : F[j]) || "";
-    }, le = (z) => (a == null ? void 0 : a[z]) || "", oe = (z) => y == null ? void 0 : y[z];
-    return (z, j) => (o(), O(q(I.value), M(z.$attrs, {
+      return ((F = o[B]) == null ? void 0 : F[j]) || "";
+    }, le = (B) => (y == null ? void 0 : y[B]) || "", oe = (B) => p == null ? void 0 : p[B];
+    return (B, j) => (a(), O(q(I.value), M(B.$attrs, {
       href: e.href,
       to: e.to,
-      class: D.value,
+      class: T.value,
       onClick: h
     }), {
       default: $(() => [
         r("span", {
           class: w(e.loading ? "opacity-0" : "")
         }, [
-          b(z.$slots, "default")
+          v(B.$slots, "default")
         ], 2),
-        e.loading ? (o(), O(ye, {
+        e.loading ? (a(), O(ye, {
           key: 0,
           class: "absolute left-1/2 -translate-x-1/2"
         })) : k("", !0)
@@ -98,7 +98,7 @@ const ye = /* @__PURE__ */ W(ge, [["render", pe]]), we = "relative flex justify-
   height: "1.2em"
 };
 function $e(e, t) {
-  return o(), c("svg", ke, [...t[0] || (t[0] = [
+  return a(), c("svg", ke, [...t[0] || (t[0] = [
     r("path", {
       fill: "currentColor",
       d: "m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"
@@ -113,22 +113,22 @@ const ee = H({ name: "ri-close-line", render: $e }), Ce = { class: "flex items-c
   },
   emits: ["close", "click", "open"],
   setup(e, { emit: t }) {
-    const n = t, { show: h, overlay: u, onClose: l, onOpen: s } = U(n), x = R(null), v = R(null), { opacity: f, transform: p } = de(x, v, l), d = { click: (a) => {
-      n("click", a);
-    }, open: s, set: (a) => {
-      a ? s() : l(new Event("hide"));
-    } }, m = B(() => ({
+    const n = t, { show: h, overlay: u, onClose: l, onOpen: s } = U(n), x = R(null), b = R(null), { opacity: m, transform: g } = de(x, b, l), d = { click: (y) => {
+      n("click", y);
+    }, open: s, set: (y) => {
+      y ? s() : l(new Event("hide"));
+    } }, f = z(() => ({
       auto: "max-h-[calc(100dvh-50px)]",
       full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
       screen: "h-dvh"
-    })), y = B(() => ({
+    })), p = z(() => ({
       auto: "max-h-[calc(100dvh-50px-16px)]",
       full: "h-[calc(100dvh-24px-16px)] md:h-[calc(100dvh-100px-16px)]",
       screen: "h-[calc(100dvh-16px)]"
     }));
-    return (a, g) => {
-      const D = ee, I = Z;
-      return o(), O(K, { to: "body" }, [
+    return (y, o) => {
+      const T = ee, I = Z;
+      return a(), O(K, { to: "body" }, [
         S(A, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 translate-y-full xl:-translate-y-2",
@@ -138,40 +138,40 @@ const ee = H({ name: "ri-close-line", render: $e }), Ce = { class: "flex items-c
           "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
         }, {
           default: $(() => [
-            i(h) ? (o(), c("div", {
+            i(h) ? (a(), c("div", {
               key: 0,
               ref_key: "container",
-              ref: v,
+              ref: b,
               class: "fixed bottom-0 left-0 w-full z-15"
             }, [
-              i(u) ? (o(), c("div", {
+              i(u) ? (a(), c("div", {
                 key: 0,
                 class: "fixed h-full w-full top-0 left-0 bg-black/40 bg-blur xl:hidden animate-opacity overscroll-contain",
-                style: T({ opacity: i(f) }),
-                onClick: g[0] || (g[0] = //@ts-ignore
+                style: D({ opacity: i(m) }),
+                onClick: o[0] || (o[0] = //@ts-ignore
                 (...P) => i(l) && i(l)(...P)),
-                onWheel: g[1] || (g[1] = V(() => {
+                onWheel: o[1] || (o[1] = V(() => {
                 }, ["prevent"])),
-                onTouchmove: g[2] || (g[2] = V(() => {
+                onTouchmove: o[2] || (o[2] = V(() => {
                 }, ["prevent"]))
               }, null, 36)) : k("", !0),
               r("div", {
-                class: w(["glass-popover relative w-full rounded-t-lg border-t shadow-nav", m.value[e.size]]),
-                style: T({ transform: i(p) })
+                class: w(["glass-popover relative w-full rounded-t-lg border-t shadow-nav", f.value[e.size]]),
+                style: D({ transform: i(g) })
               }, [
                 r("div", {
                   ref_key: "target",
                   ref: x,
                   class: "flex justify-center py-3 md:pb-6",
-                  onWheel: g[3] || (g[3] = V(() => {
+                  onWheel: o[3] || (o[3] = V(() => {
                   }, ["prevent"])),
-                  onTouchmove: g[4] || (g[4] = V(() => {
+                  onTouchmove: o[4] || (o[4] = V(() => {
                   }, ["prevent"]))
-                }, [...g[5] || (g[5] = [
+                }, [...o[5] || (o[5] = [
                   r("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
                 ])], 544),
                 r("div", Ce, [
-                  b(a.$slots, "button", { close: i(l) }),
+                  v(y.$slots, "button", { close: i(l) }),
                   S(I, {
                     class: "size-5 md:size-6",
                     color: "transparent",
@@ -181,15 +181,15 @@ const ee = H({ name: "ri-close-line", render: $e }), Ce = { class: "flex items-c
                     onClick: i(l)
                   }, {
                     default: $(() => [
-                      S(D, { class: "size-5" })
+                      S(T, { class: "size-5" })
                     ]),
                     _: 1
                   }, 8, ["onClick"])
                 ]),
                 r("div", {
-                  class: w(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", y.value[e.size]])
+                  class: w(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", p.value[e.size]])
                 }, [
-                  b(a.$slots, "default", {
+                  v(y.$slots, "default", {
                     close: i(l),
                     on: d
                   })
@@ -226,27 +226,27 @@ const ee = H({ name: "ri-close-line", render: $e }), Ce = { class: "flex items-c
   },
   emits: ["click", "show", "close"],
   setup(e, { emit: t }) {
-    const n = t, u = X(Y).greaterOrEqual("lg"), l = G(!1), s = B(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), x = (m) => {
-      u.value && l.value && p(m);
-    }, v = (m) => {
-      n("click", l.value), !e.disabled && (l.value ? e.hideOnClick && p(m) : f(m));
-    }, f = (m) => {
-      l.value = !0, n("show", m);
-    }, p = (m) => {
-      l.value = !1, n("close", m);
-    }, L = (m) => {
-      m ? f(new Event("show")) : p(new Event("hide"));
+    const n = t, u = X(Y).greaterOrEqual("lg"), l = G(!1), s = z(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), x = (f) => {
+      u.value && l.value && g(f);
+    }, b = (f) => {
+      n("click", l.value), !e.disabled && (l.value ? e.hideOnClick && g(f) : m(f));
+    }, m = (f) => {
+      l.value = !0, n("show", f);
+    }, g = (f) => {
+      l.value = !1, n("close", f);
+    }, L = (f) => {
+      f ? m(new Event("show")) : g(new Event("hide"));
     }, C = () => {
-      p(new Event("hide"));
-    }, d = { click: v, open: f, set: L };
-    return (m, y) => ne((o(), c("div", Be, [
+      g(new Event("hide"));
+    }, d = { click: b, open: m, set: L };
+    return (f, p) => ne((a(), c("div", Be, [
       r("div", Ve, [
-        b(m.$slots, "activator", {
+        v(f.$slots, "activator", {
           on: d,
           isShow: l.value
         })
       ]),
-      i(u) ? (o(), O(A, {
+      i(u) ? (a(), O(A, {
         key: 0,
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -256,31 +256,31 @@ const ee = H({ name: "ri-close-line", render: $e }), Ce = { class: "flex items-c
         "leave-to-class": "transform opacity-0 -translate-y-2"
       }, {
         default: $(() => [
-          l.value ? (o(), c("div", {
+          l.value ? (a(), c("div", {
             key: 0,
             class: "z-30 min-w-full absolute",
-            style: T(s.value)
+            style: D(s.value)
           }, [
-            b(m.$slots, "default", {
+            v(f.$slots, "default", {
               on: d,
-              show: f,
-              hide: p,
+              show: m,
+              hide: g,
               isShow: l.value
             })
           ], 4)) : k("", !0)
         ]),
         _: 3
       })) : k("", !0),
-      !i(u) && l.value ? (o(), O(te, {
+      !i(u) && l.value ? (a(), O(te, {
         key: 1,
         title: e.title,
         onClose: C
       }, {
-        default: $(({ on: a }) => [
-          b(m.$slots, "default", {
-            on: a,
-            show: f,
-            hide: p,
+        default: $(({ on: y }) => [
+          v(f.$slots, "default", {
+            on: y,
+            show: m,
+            hide: g,
             isShow: l.value
           })
         ]),
@@ -298,13 +298,13 @@ const ee = H({ name: "ri-close-line", render: $e }), Ce = { class: "flex items-c
   emits: ["click"],
   setup(e, { emit: t }) {
     const n = t, h = (u, l) => n("click", u, l);
-    return (u, l) => (o(), c("ul", Oe, [
-      (o(!0), c(J, null, Q(e.items, (s) => (o(), c("li", {
+    return (u, l) => (a(), c("ul", Oe, [
+      (a(!0), c(J, null, Q(e.items, (s) => (a(), c("li", {
         key: s.name,
         class: "flex min-h-[40px] w-full cursor-pointer items-center whitespace-nowrap border-b border-gray-100 px-4 last:border-b-0 hover:bg-primary/10 dark:border-white/5 dark:hover:bg-white/[0.06]",
         onClick: (x) => h(s, x)
       }, [
-        b(u.$slots, "default", { item: s }, () => [
+        v(u.$slots, "default", { item: s }, () => [
           N(_(s.name), 1)
         ])
       ], 8, _e))), 128))
@@ -318,11 +318,11 @@ const ee = H({ name: "ri-close-line", render: $e }), Ce = { class: "flex items-c
   },
   setup(e) {
     const t = 2 * (e.rssi + 100), n = (h) => h < t;
-    return (h, u) => (o(), c("div", Le, [
-      (o(), c(J, null, Q([10, 15, 25, 40, 70], (l, s) => r("div", {
+    return (h, u) => (a(), c("div", Le, [
+      (a(), c(J, null, Q([10, 15, 25, 40, 70], (l, s) => r("div", {
         key: l,
         class: w(["w-1 h-5 rounded-lg", [n(l) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
-        style: T(`height: ${(s + 1) * 5}px`),
+        style: D(`height: ${(s + 1) * 5}px`),
         title: `rssi: ${e.rssi} channel: ${e.channel}`
       }, null, 14, Te)), 64)),
       r("div", De, _(e.channel), 1)
@@ -334,7 +334,7 @@ const ee = H({ name: "ri-close-line", render: $e }), Ce = { class: "flex items-c
   height: "1.2em"
 };
 function Pe(e, t) {
-  return o(), c("svg", Ie, [...t[0] || (t[0] = [
+  return a(), c("svg", Ie, [...t[0] || (t[0] = [
     r("path", {
       fill: "currentColor",
       d: "m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z"
@@ -360,57 +360,60 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur", "focus"],
   setup(e, { emit: t }) {
     const n = t, h = {
-      input: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
+      input: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent placeholder:text-gray-400 dark:placeholder:text-gray-500",
       textarea: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent"
-    }, u = G(!1), l = B(() => [
+    }, u = G(!1), l = z(() => [
       e.component === "input" ? "h-[40px]" : "min-h-[40px]",
       e.message ? "!border-red-400/70 ring-1 ring-red-400/25 hover:!border-red-400" : "",
       e.disabled ? "border-gray-300 opacity-40 dark:border-gray-700" : "border-gray-300/80 hover:border-gray-400/80 dark:border-white/10 dark:hover:border-white/20"
-    ]), s = B(() => h[e.component]), x = (a) => a || a === 0, v = B(() => [je, u.value || x(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), f = B(() => e.component === "input"), p = (a) => {
-      u.value = !1, n("blur", a);
-    }, L = (a) => {
-      u.value = !0, n("focus", a);
-    }, C = ({ target: a }) => n("update:modelValue", a.value), d = (a) => n("enter", a), m = (a) => n("click", a), y = (a) => {
-      e.disabled || n("on-icon", a);
+    ]), s = z(() => h[e.component]), x = (o) => o || o === 0, b = z(() => u.value || x(e.modelValue) || e.active), m = z(() => [
+      b.value ? je : "",
+      b.value ? "top-0 left-3 bg-white/80 px-1 text-xs text-gray-500 dark:bg-[#0b1538]/80 dark:text-gray-400" : "top-1/2 bg-transparent px-0 text-gray-400 dark:text-gray-500"
+    ]), g = z(() => e.component === "input"), L = (o) => {
+      u.value = !1, n("blur", o);
+    }, C = (o) => {
+      u.value = !0, n("focus", o);
+    }, d = ({ target: o }) => n("update:modelValue", o.value), f = (o) => n("enter", o), p = (o) => n("click", o), y = (o) => {
+      e.disabled || n("on-icon", o);
     };
-    return (a, g) => (o(), c("div", Ae, [
+    return (o, T) => (a(), c("div", Ae, [
       r("label", {
         class: w(["glass-inset relative flex w-full items-center rounded-md transition focus-within:border-primary/60 focus-within:ring-1 focus-within:ring-primary/20", l.value])
       }, [
         r("span", {
-          class: w(["absolute left-3.5 -translate-y-1/2 rounded bg-white/80 px-1 text-gray-500 transition-all dark:bg-[#0b1538]/80 dark:text-gray-400", v.value])
+          class: w(["absolute left-3.5 -translate-y-1/2 rounded transition-all", m.value])
         }, _(e.label), 3),
-        (o(), O(q(e.component), M(a.$attrs, {
+        (a(), O(q(e.component), M(o.$attrs, {
           value: e.modelValue,
           disabled: !!e.disabled,
           type: e.type,
           readonly: e.readonly,
-          rows: f.value ? null : "2",
-          wrap: f.value ? null : "soft",
+          rows: g.value ? null : "2",
+          wrap: g.value ? null : "soft",
           class: s.value,
-          onFocus: L,
-          onBlur: p,
-          onInput: C,
-          onClick: m,
-          onKeypress: se(d, ["enter"])
+          onFocus: C,
+          onBlur: L,
+          onInput: d,
+          onClick: p,
+          onKeypress: se(f, ["enter"])
         }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
-        a.$slots.icon ? (o(), c("button", {
+        o.$slots.icon ? (a(), c("button", {
           key: 0,
           disabled: !!e.disabled,
           class: w([{ "cursor-pointer": !e.disabled }, "flex h-full flex-[0_0_50px] items-center justify-center border-l border-gray-200/70 text-gray-400 dark:border-white/10"]),
           onClick: y
         }, [
-          b(a.$slots, "icon")
+          v(o.$slots, "icon")
         ], 10, Ne)) : k("", !0)
       ], 2),
-      e.hideMessage ? k("", !0) : (o(), c("div", We, [
-        b(a.$slots, "message", {}, () => [
+      e.hideMessage ? k("", !0) : (a(), c("div", We, [
+        v(o.$slots, "message", {}, () => [
           N(_(e.message), 1)
         ])
       ]))
     ]));
   }
-}), Re = { class: "glass-popover min-w-50 rounded-md pb-6 transition-all duration-300 lg:pb-0" }, qe = {
+}), Re = { class: "glass-popover min-w-50 w-full rounded-md pb-6 transition-all duration-300 lg:pb-0" }, qe = {
   key: 0,
   class: "lg:hidden text-title-md font-bold mb-4 uppercase px-4 sticky top-0"
 }, He = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, nt = /* @__PURE__ */ E({
@@ -438,12 +441,12 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
     }
     return (l, s) => {
       const x = Me;
-      return o(), O(Se, M(n, {
+      return a(), O(Se, M(n, {
         "hide-on-click": !1,
         class: "relative"
       }), {
-        activator: $(({ on: v, isShow: f }) => [
-          b(l.$slots, "activator", ie(ce({ on: v, isShow: f })), () => [
+        activator: $(({ on: b, isShow: m }) => [
+          v(l.$slots, "activator", ie(ce({ on: b, isShow: m })), () => [
             S(Fe, {
               "model-value": e.modelValue,
               disabled: e.disabled,
@@ -451,29 +454,29 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
               readonly: "",
               hideMessage: "",
               active: "",
-              onClick: v.click,
-              onOnIcon: v.click
+              onClick: b.click,
+              onOnIcon: b.click
             }, {
               icon: $(() => [
                 S(x, {
-                  class: w(["transition duration-300", f ? "rotate-x-180" : ""])
+                  class: w(["transition duration-300", m ? "rotate-x-180" : ""])
                 }, null, 8, ["class"])
               ]),
               _: 2
             }, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"])
           ])
         ]),
-        default: $(({ on: v }) => [
+        default: $(({ on: b }) => [
           r("div", Re, [
-            e.label ? (o(), c("h4", qe, _(e.label), 1)) : k("", !0),
+            e.label ? (a(), c("h4", qe, _(e.label), 1)) : k("", !0),
             r("div", He, [
               S(Ee, {
                 items: e.items,
-                onClick: (f) => u(f, v)
+                onClick: (m) => u(m, b)
               }, {
-                default: $(({ item: f }) => [
-                  b(l.$slots, "item", { item: f }, () => [
-                    N(_(f.name), 1)
+                default: $(({ item: m }) => [
+                  v(l.$slots, "item", { item: m }, () => [
+                    N(_(m.name), 1)
                   ])
                 ]),
                 _: 3
@@ -502,15 +505,15 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
     disabled: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (o(), c("div", {
+    return (t, n) => (a(), c("div", {
       class: w(["glass-panel relative p-5 transition-all duration-300 hover:border-primary/25 hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.18),0_0_60px_-18px_rgba(40,183,240,0.25)] sm:p-6", { "overflow-hidden": e.loading }])
     }, [
-      e.loading ? (o(), c("div", Ke)) : k("", !0),
-      e.loading ? (o(), c("div", Ge)) : k("", !0),
-      e.title ? (o(), c("div", Je, [
+      e.loading ? (a(), c("div", Ke)) : k("", !0),
+      e.loading ? (a(), c("div", Ge)) : k("", !0),
+      e.title ? (a(), c("div", Je, [
         r("h3", Qe, _(e.title), 1),
         r("div", null, [
-          b(t.$slots, "header")
+          v(t.$slots, "header")
         ])
       ])) : k("", !0),
       r("div", {
@@ -518,7 +521,7 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
         inert: e.disabled,
         "aria-disabled": e.disabled || void 0
       }, [
-        b(t.$slots, "default")
+        v(t.$slots, "default")
       ], 8, Ue)
     ], 2));
   }
@@ -539,22 +542,22 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
   },
   emits: ["close", "click", "open"],
   setup(e, { expose: t, emit: n }) {
-    const h = n, u = X(Y), { show: l, onClose: s, onOpen: x } = U(h, e.timeout), v = {
+    const h = n, u = X(Y), { show: l, onClose: s, onOpen: x } = U(h, e.timeout), b = {
       sm: "max-w-full md:max-w-[330px] max-md:h-full",
       md: "max-w-full md:max-w-[672px] max-md:h-full",
       lg: "max-w-full md:max-w-[960px] max-md:h-full",
       full: "relative max-w-full w-full h-3/4 "
-    }, f = {
+    }, m = {
       none: "",
       white: "glass-panel",
       gray: ""
-    }, p = B(() => [v[e.size], f[e.color]]), L = u.greaterOrEqual("lg");
+    }, g = z(() => [b[e.size], m[e.color]]), L = u.greaterOrEqual("lg");
     return t({
       show: l,
       onClose: s
     }), (C, d) => {
-      const m = ee;
-      return e.isOnlyDialog || i(L) ? (o(), O(K, {
+      const f = ee;
+      return e.isOnlyDialog || i(L) ? (a(), O(K, {
         key: 0,
         to: "body"
       }, [
@@ -568,7 +571,7 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
           onAfterEnter: i(x)
         }, {
           default: $(() => [
-            i(l) ? (o(), c("div", {
+            i(l) ? (a(), c("div", {
               key: 0,
               class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
               onWheel: d[4] || (d[4] = V(() => {
@@ -577,40 +580,41 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
               r("div", {
                 class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
                 onClick: d[0] || (d[0] = //@ts-ignore
-                (...y) => i(s) && i(s)(...y))
+                (...p) => i(s) && i(s)(...p))
               }),
               r("div", {
                 class: w(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
               }, [
                 r("div", {
-                  class: w(["m-auto z-20 flex w-full flex-col overflow-auto overscroll-contain scrollbar bg-transparent shadow-lg", p.value])
+                  class: w(["m-auto z-20 flex w-full flex-col overflow-auto overscroll-contain scrollbar bg-transparent shadow-lg", g.value])
                 }, [
                   r("div", {
-                    class: w(["flex items-center min-h-14 ps-6 pe-3", e.size === "full" ? "absolute top-0 right-4" : ""]),
+                    class: w(["flex items-center min-h-14 border-b border-gray-200/70 bg-white/35 px-6 dark:border-white/10 dark:bg-white/[0.03]", e.size === "full" ? "absolute top-0 right-4 border-0 bg-transparent px-0" : ""]),
                     onWheel: d[1] || (d[1] = V(() => {
                     }, ["prevent"])),
                     onTouchmove: d[2] || (d[2] = V(() => {
                     }, ["prevent"]))
                   }, [
                     r("h4", Xe, _(e.title), 1),
-                    b(C.$slots, "header-btn", { close: i(s) }),
+                    v(C.$slots, "header-btn", { close: i(s) }),
                     S(Z, {
                       color: "transparent",
-                      size: "md",
+                      type: "icon",
+                      size: "sm",
                       onClick: i(s)
                     }, {
                       default: $(() => [
-                        S(m)
+                        S(f)
                       ]),
                       _: 1
                     }, 8, ["onClick"])
                   ], 34),
                   r("div", {
-                    class: w(["relative overflow-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain min-h-0 max-md:flex-auto", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-6 pb-6"]),
+                    class: w(["relative overflow-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain min-h-0 max-md:flex-auto", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-6 pb-6 pt-5"]),
                     onClose: d[3] || (d[3] = //@ts-ignore
-                    (...y) => i(s) && i(s)(...y))
+                    (...p) => i(s) && i(s)(...p))
                   }, [
-                    b(C.$slots, "default", { close: i(s) })
+                    v(C.$slots, "default", { close: i(s) })
                   ], 34)
                 ], 2)
               ], 2)
@@ -618,15 +622,15 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
           ]),
           _: 3
         }, 8, ["onAfterEnter"])
-      ])) : (o(), O(te, {
+      ])) : (a(), O(te, {
         key: 1,
         size: e.popupSize,
         onClose: i(s)
       }, {
         button: $(() => [
-          b(C.$slots, "header-btn", { close: i(s) })
+          v(C.$slots, "header-btn", { close: i(s) })
         ]),
-        default: $(({ close: y }) => [
+        default: $(({ close: p }) => [
           r("div", Ye, [
             r("div", {
               class: w(["flex items-center mb-4", e.size === "full" ? "absolute top-0 right-4" : ""]),
@@ -635,9 +639,9 @@ const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full
               onTouchmove: d[6] || (d[6] = V(() => {
               }, ["prevent"]))
             }, [
-              e.title ? (o(), c("h4", Ze, _(e.title), 1)) : k("", !0)
+              e.title ? (a(), c("h4", Ze, _(e.title), 1)) : k("", !0)
             ], 34),
-            b(C.$slots, "default", { close: y })
+            v(C.$slots, "default", { close: p })
           ])
         ]),
         _: 3