vlite3 0.6.3 → 0.6.4

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -5,8 +5,8 @@ import O from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/Dropdown/Dropdown.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as G, ref as r, computed as h, watch as $, reactive as J, toRefs as K, openBlock as x, createElementBlock as Q, normalizeStyle as W, createVNode as k, unref as b, withCtx as u, renderSlot as f, createBlock as X, normalizeClass as Y, createSlots as Z, normalizeProps as H, guardReactiveProps as M, createCommentVNode as _ } from "vue";
-import ee from "v-tooltip-lite";
+import { defineComponent as J, ref as s, computed as h, watch as $, provide as K, reactive as Q, toRefs as W, openBlock as A, createElementBlock as X, normalizeStyle as Y, createVNode as T, unref as O, withCtx as u, renderSlot as d, createBlock as Z, normalizeClass as _, createSlots as ee, normalizeProps as M, guardReactiveProps as H, createCommentVNode as te } from "vue";
+import le from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import te from "./DropdownMenu.vue.js";
-import ne from "./DropdownTrigger.vue.js";
-import le from "../ConfirmationModal.vue.js";
-import { useDropdownIds as oe } from "./composables/useDropdownIds.js";
-import { useDropdownSelection as ae } from "./composables/useDropdownSelection.js";
-const ve = /* @__PURE__ */ G({
+import ne from "./DropdownMenu.vue.js";
+import oe from "./DropdownTrigger.vue.js";
+import ae from "../ConfirmationModal.vue.js";
+import { useDropdownIds as ie } from "./composables/useDropdownIds.js";
+import { useDropdownSelection as se } from "./composables/useDropdownSelection.js";
+const pe = /* @__PURE__ */ J({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -45,47 +45,56 @@ const ve = /* @__PURE__ */ G({
     isNested: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(l, { emit: V }) {
-    const o = l, p = V, g = r(!1), d = r(null), s = r({
+  setup(n, { emit: V }) {
+    const o = n, p = V, g = s(!1), f = s(null), r = s({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), A = h(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), E = h(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), O = r(o.isOpen || !1);
+    }), E = h(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), L = h(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = s(o.isOpen || !1), b = s(0);
     $(
       () => o.isOpen,
       (e) => {
-        e !== void 0 && (O.value = e);
+        e !== void 0 && (S.value = e);
       }
     );
     const B = (e) => {
-      O.value = e, p("update:isOpen", e), p(e ? "onOpen" : "onClose");
-    }, C = h(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), m = r([]);
+      S.value = e, p("update:isOpen", e), p(e ? "onOpen" : "onClose");
+    }, C = () => {
+      B(!1);
+    };
+    K("dropdown-context", {
+      close: C,
+      onChildToggle: (e) => {
+        e ? b.value++ : b.value = Math.max(0, b.value - 1);
+      }
+    });
+    const w = h(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), m = s([]);
     $(
-      C,
+      w,
       (e) => {
         if (e)
           if (o.remote) {
-            const n = [...m.value];
+            const l = [...m.value];
             e.forEach((t) => {
-              n.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || n.push(t);
-            }), m.value = n;
+              l.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || l.push(t);
+            }), m.value = l;
           } else
             m.value = e;
       },
       { immediate: !0, deep: !0 }
     );
-    const v = r(/* @__PURE__ */ new Map()), S = r(!1), L = async (e) => {
+    const v = s(/* @__PURE__ */ new Map()), k = s(!1), j = async (e) => {
       if (!o.fetchSelected || e === void 0 || e === null) return;
-      let n = [];
-      Array.isArray(e) ? n = e : typeof e == "object" ? n = Object.values(e) : n = [e];
-      const t = n.filter((i) => {
-        const a = v.value.has(i), N = m.value.some((c) => (c.value ?? c.label) === i);
-        return !a && !N;
+      let l = [];
+      Array.isArray(e) ? l = e : typeof e == "object" ? l = Object.values(e) : l = [e];
+      const t = l.filter((i) => {
+        const a = v.value.has(i), x = m.value.some((c) => (c.value ?? c.label) === i);
+        return !a && !x;
       });
       if (t.length) {
-        S.value = !0;
+        k.value = !0;
         try {
           (await o.fetchSelected(t)).forEach((a) => {
             v.value.set(a.value ?? a.label, a);
@@ -93,49 +102,58 @@ const ve = /* @__PURE__ */ G({
         } catch (i) {
           console.error("[Dropdown] Hydration failed:", i);
         } finally {
-          S.value = !1;
+          k.value = !1;
         }
       }
     }, y = h(() => {
-      const e = [...m.value], n = new Set(e.map((t) => t.value ?? t.label));
+      const e = [...m.value], l = new Set(e.map((t) => t.value ?? t.label));
       return v.value.forEach((t, i) => {
-        n.has(i) || (e.unshift(t), n.add(i));
+        l.has(i) || (e.unshift(t), l.add(i));
       }), e;
-    }), { getAllRecursiveIds: j } = oe(), z = J({
-      ...K(o),
+    }), { getAllRecursiveIds: z } = ie(), D = Q({
+      ...W(o),
       options: y
-    }), { currentValue: T, selectedLabel: P, selectOption: D } = ae(
-      z,
+    }), { currentValue: P, selectedLabel: I, selectOption: R } = se(
+      D,
       p
-    );
+    ), F = h(() => {
+      const e = o.ignoreClickOutside || [], l = z(y.value);
+      return [
+        .../* @__PURE__ */ new Set([
+          ...e,
+          ...l,
+          ".modal-body",
+          ".v-modal-overlay",
+          ".sidepanel-body",
+          ".v-sidepanel-overlay"
+        ])
+      ];
+    });
     $(
-      () => T.value,
+      () => P.value,
       (e) => {
-        L(e);
+        j(e);
       },
       { immediate: !0, deep: !0 }
     );
-    const R = h(() => {
-      const e = o.ignoreClickOutside || [], n = j(y.value);
-      return [.../* @__PURE__ */ new Set([...e, ...n])];
-    }), F = (e) => {
-      o.doubleConfirmation || !!e.confirmation ? (d.value = e, typeof e.confirmation == "object" ? s.value = {
+    const U = (e) => {
+      o.doubleConfirmation || !!e.confirmation ? (f.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
         cancelText: e.confirmation.cancelText || "Cancel",
         variant: e.confirmation.variant || "primary"
-      } : s.value = {
+      } : r.value = {
         title: "Confirm Selection",
         description: `Are you sure you want to select "${e.label}"?`,
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, g.value = !0, w()) : (I(e), o.closeOnSelect && w());
-    }, I = (e) => {
-      const n = e.value ?? e.label;
-      v.value.has(n) || v.value.set(n, e);
-      const t = D(e);
+      }, g.value = !0, C()) : (N(e), o.closeOnSelect && C());
+    }, N = (e) => {
+      const l = e.value ?? e.label;
+      v.value.has(l) || v.value.set(l, e);
+      const t = R(e);
       if (!o.isNested) {
         const i = e._originalOption || e, a = i.value ?? i.label;
         (e._path || [i]).forEach((c) => {
@@ -147,117 +165,116 @@ const ve = /* @__PURE__ */ G({
           });
         });
       }
-    }, U = () => {
-      d.value && (I(d.value), d.value = null, g.value = !1);
     }, q = () => {
-      d.value = null, g.value = !1;
-    }, w = () => {
-      B(!1);
+      f.value && (N(f.value), f.value = null, g.value = !1);
+    }, G = () => {
+      f.value = null, g.value = !1;
     };
-    return (e, n) => (x(), Q("div", {
+    return (e, l) => (A(), X("div", {
       class: "relative inline-block text-left",
-      style: W({ direction: l.direction })
+      style: Y({ direction: n.direction })
     }, [
-      k(b(ee), {
+      T(O(le), {
         content: "",
         trigger: "click",
         arrow: !1,
-        teleport: l.teleport,
-        offset: l.offset,
-        placement: A.value,
-        isOpen: O.value,
-        menuId: l.menuId,
-        ignoreClickOutside: R.value,
+        teleport: n.teleport,
+        offset: n.offset,
+        placement: E.value,
+        isOpen: S.value,
+        keepAlive: b.value > 0,
+        menuId: n.menuId,
+        ignoreClickOutside: F.value,
         class: "w-full",
-        className: "dropdown " + (l.className || ""),
-        onOnShow: n[2] || (n[2] = (t) => e.$emit("onOpen")),
-        onOnHide: n[3] || (n[3] = (t) => e.$emit("onClose")),
+        className: "dropdown " + (n.className || ""),
+        onOnShow: l[2] || (l[2] = (t) => e.$emit("onOpen")),
+        onOnHide: l[3] || (l[3] = (t) => e.$emit("onClose")),
         "onUpdate:isOpen": B,
         triggerClass: "w-full",
         styles: { padding: "0" }
       }, {
         trigger: u(({ isOpen: t }) => [
-          f(e.$slots, "trigger", H(M({ selectedLabel: b(P), isOpen: t })), () => [
-            k(ne, {
-              "selected-label": b(P),
+          d(e.$slots, "trigger", M(H({ selectedLabel: O(I), isOpen: t })), () => [
+            T(oe, {
+              "selected-label": O(I),
               "is-open": t,
-              direction: l.direction,
-              triggerProps: l.triggerProps,
+              direction: n.direction,
+              triggerProps: n.triggerProps,
               class: "w-full"
             }, null, 8, ["selected-label", "is-open", "direction", "triggerProps"])
           ])
         ]),
         default: u(() => [
-          f(e.$slots, "default"),
-          C.value.length || y.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable ? (x(), X(te, {
+          d(e.$slots, "default"),
+          w.value.length || y.value.length || e.$slots.menu || e.$slots.item || n.remote || n.searchable ? (A(), Z(ne, {
             key: 0,
-            options: C.value,
+            options: w.value,
             cachedOptions: y.value,
-            class: Y(l.className),
-            selected: b(T),
-            selectedIndex: l.selectedIndex,
-            maxHeight: l.maxHeight,
-            nestedPosition: E.value,
-            nestedOffset: l.nestedOffset,
-            selectable: l.selectable,
-            direction: l.direction,
-            layout: l.layout,
-            columns: l.columns,
-            loading: l.loading || S.value,
-            hasMore: l.hasMore,
-            searchable: l.searchable,
-            remote: l.remote,
-            debounceTime: l.debounceTime,
-            onSelect: F,
-            onClose: w,
-            onLoadMore: n[0] || (n[0] = (t) => e.$emit("load-more")),
-            onSearch: n[1] || (n[1] = (t) => e.$emit("search", t))
-          }, Z({ _: 2 }, [
+            class: _(n.className),
+            selected: O(P),
+            selectedIndex: n.selectedIndex,
+            maxHeight: n.maxHeight,
+            nestedPosition: L.value,
+            nestedOffset: n.nestedOffset,
+            selectable: n.selectable,
+            direction: n.direction,
+            layout: n.layout,
+            columns: n.columns,
+            loading: n.loading || k.value,
+            hasMore: n.hasMore,
+            searchable: n.searchable,
+            remote: n.remote,
+            debounceTime: n.debounceTime,
+            onSelect: U,
+            onClose: C,
+            onLoadMore: l[0] || (l[0] = (t) => e.$emit("load-more")),
+            onSearch: l[1] || (l[1] = (t) => e.$emit("search", t))
+          }, ee({ _: 2 }, [
             e.$slots.menu ? {
               name: "menu",
               fn: u(() => [
-                f(e.$slots, "menu")
+                d(e.$slots, "menu")
               ]),
               key: "0"
             } : void 0,
             e.$slots.item ? {
               name: "item",
               fn: u((t) => [
-                f(e.$slots, "item", H(M(t)))
+                d(e.$slots, "item", M(H(t)))
               ]),
               key: "1"
             } : void 0,
             e.$slots.header ? {
               name: "header",
               fn: u(() => [
-                f(e.$slots, "header")
+                d(e.$slots, "header")
               ]),
               key: "2"
             } : void 0,
             e.$slots.footer ? {
               name: "footer",
               fn: u(() => [
-                f(e.$slots, "footer")
+                d(e.$slots, "footer")
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : _("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : te("", !0)
         ]),
         _: 3
-      }, 8, ["teleport", "offset", "placement", "isOpen", "menuId", "ignoreClickOutside", "className"]),
-      k(le, {
+      }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
+      T(ae, {
         show: g.value,
-        title: s.value.title,
-        description: s.value.description,
-        "confirm-text": s.value.confirmText,
-        "cancel-text": s.value.cancelText,
-        variant: s.value.variant,
-        onConfirm: U,
-        onCancel: q
+        title: r.value.title,
+        description: r.value.description,
+        "confirm-text": r.value.confirmText,
+        "cancel-text": r.value.cancelText,
+        variant: r.value.variant,
+        onConfirm: q,
+        onCancel: G
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])
     ], 4));
   }
 });
 export {
-  ve as default
+  pe as default
 };

package/components/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b4f8e934"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c26acbd9"]]);
 export {
   m as default
 };

package/components/Modal.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as N, ref as u, watch as g, provide as P, nextTick as V, onUnmounted as j, computed as x, openBlock as s, createElementBlock as r, Fragment as K, createElementVNode as d, mergeProps as C, withModifiers as w, renderSlot as f, createCommentVNode as c, createBlock as $, Teleport as M, createVNode as B, Transition as R, withCtx as W, normalizeClass as a, toDisplayString as T, resolveDynamicComponent as A } from "vue";
-import F from "./Button.vue.js";
-import { useKeyStroke as U } from "../composables/useKeyStroke.js";
-import { $t as I } from "../utils/i18n.js";
-const q = {
+import { defineComponent as M, ref as f, inject as N, watch as x, provide as P, nextTick as V, onMounted as K, onUnmounted as R, computed as C, openBlock as n, createElementBlock as d, Fragment as W, createElementVNode as c, mergeProps as w, withModifiers as T, renderSlot as m, createCommentVNode as u, createBlock as $, Teleport as A, createVNode as B, Transition as F, withCtx as U, normalizeClass as a, toDisplayString as I, resolveDynamicComponent as q } from "vue";
+import G from "./Button.vue.js";
+import { useKeyStroke as H } from "../composables/useKeyStroke.js";
+import { $t as S } from "../utils/i18n.js";
+const J = {
   key: 0,
   class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/90"
-}, G = { class: "text-lg font-semibold leading-none tracking-tight" }, H = {
+}, L = { class: "text-lg font-semibold leading-none tracking-tight" }, Q = {
   key: 0,
   class: "text-sm text-muted-foreground mb-6.5"
-}, Y = /* @__PURE__ */ N({
+}, ee = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -28,51 +28,54 @@ const q = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen"],
-  setup(t, { emit: S }) {
-    const o = t, m = S, n = u(o.show), b = u(!1), y = u(!1), p = u(null);
+  setup(o, { emit: O }) {
+    const t = o, y = O, l = f(t.show), p = f(!1), b = f(!1), v = f(null);
     let i = null;
-    g(
-      () => o.show,
+    const r = N("dropdown-context", null);
+    x(
+      () => t.show,
       (e) => {
-        n.value = e, e && m("onOpen");
+        l.value = e, e && (y("onOpen"), r?.close());
       }
     );
-    const O = () => {
-      n.value = !0;
+    const j = () => {
+      l.value = !0, r?.close();
     }, z = (e) => {
-      b.value = e;
-    }, l = () => {
-      if (b.value) {
-        y.value = !0, i && clearTimeout(i), i = setTimeout(() => {
-          y.value = !1;
+      p.value = e;
+    }, s = () => {
+      if (p.value) {
+        b.value = !0, i && clearTimeout(i), i = setTimeout(() => {
+          b.value = !1;
         }, 1e3);
         return;
       }
-      n.value = !1, m("update:show", !1), m("close");
+      l.value = !1, y("update:show", !1), y("close");
     };
-    P("modal-context", { close: l, setSubmitting: z });
+    P("modal-context", { close: s, setSubmitting: z });
     const D = () => {
-      o.closeOutside && l();
-    }, { onKeyStroke: E } = U();
-    E("Escape", l), g(n, async (e) => {
-      e ? (document.body.style.overflow = "hidden", await V(), p.value?.focus()) : document.body.style.overflow = "";
-    }), j(() => {
-      document.body.style.overflow = "", i && clearTimeout(i);
+      t.closeOutside && s();
+    }, { onKeyStroke: E } = H();
+    E("Escape", s), x(l, async (e) => {
+      r?.onChildToggle?.(e), e ? (document.body.style.overflow = "hidden", await V(), v.value?.focus()) : document.body.style.overflow = "";
+    }), K(() => {
+      l.value && r?.onChildToggle?.(!0);
+    }), R(() => {
+      l.value && r?.onChildToggle?.(!1), document.body.style.overflow = "", i && clearTimeout(i);
     });
-    const v = x(() => o.titleI18n ? I(o.titleI18n) : o.title), h = x(
-      () => o.descriptionI18n ? I(o.descriptionI18n) : o.description
+    const h = C(() => t.titleI18n ? S(t.titleI18n) : t.title), g = C(
+      () => t.descriptionI18n ? S(t.descriptionI18n) : t.description
     );
-    return (e, k) => (s(), r(K, null, [
-      d("span", C({
-        onClick: w(O, ["stop"]),
-        class: `${t.triggerClass}`
+    return (e, k) => (n(), d(W, null, [
+      c("span", w({
+        onClick: T(j, ["stop"]),
+        class: `${o.triggerClass}`
       }, e.$attrs), [
-        f(e.$slots, "trigger", {}, () => [
-          t.body ? f(e.$slots, "default", { key: 0 }, void 0, !0) : c("", !0)
+        m(e.$slots, "trigger", {}, () => [
+          o.body ? m(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
         ], !0)
       ], 16),
-      (s(), $(M, { to: "body" }, [
-        B(R, {
+      (n(), $(A, { to: "body" }, [
+        B(F, {
           "enter-active-class": "transition duration-200 ease-out",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -80,52 +83,52 @@ const q = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: W(() => [
-            n.value ? (s(), r("div", {
+          default: U(() => [
+            l.value ? (n(), d("div", {
               key: 0,
-              class: a(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4", t.backdrop && "backdrop-blur-[2px]"]),
+              class: a(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4 v-modal-overlay", o.backdrop && "backdrop-blur-[2px]"]),
               onClick: D
             }, [
-              d("div", {
+              c("div", {
                 ref_key: "modalRef",
-                ref: p,
+                ref: v,
                 tabindex: "-1",
-                class: a(["modal-body relative w-full rounded border border-border/60 bg-body shadow-lg text-foreground flex flex-col max-h-[85vh] sm:max-h-[90vh] focus:outline-none", [t.maxWidth]]),
-                onClick: k[0] || (k[0] = w(() => {
+                class: a(["modal-body relative w-full rounded border border-border/60 bg-body shadow-lg text-foreground flex flex-col max-h-[85vh] sm:max-h-[90vh] focus:outline-none", [o.maxWidth]]),
+                onClick: k[0] || (k[0] = T(() => {
                 }, ["stop"]))
               }, [
-                v.value ? (s(), r("div", q, [
-                  d("div", {
-                    class: a(["flex items-center justify-between py-2 px-4 rounded-t-md", t.headerClass])
+                h.value ? (n(), d("div", J, [
+                  c("div", {
+                    class: a(["flex items-center justify-between py-2 px-4 rounded-t-md", o.headerClass])
                   }, [
-                    d("h3", G, T(v.value), 1),
-                    B(F, {
+                    c("h3", L, I(h.value), 1),
+                    B(G, {
                       rounded: "full",
                       size: "sm",
                       icon: "lucide:x",
                       variant: "ghost",
-                      class: a(["hover:bg-gray-250/25! transition-all", { "blink-bg": y.value }]),
-                      onClick: l
+                      class: a(["hover:bg-gray-250/25! transition-all", { "blink-bg": b.value }]),
+                      onClick: s
                     }, null, 8, ["class"])
                   ], 2)
-                ])) : c("", !0),
-                d("div", {
-                  class: a(["flex-1 overflow-y-auto px-4 pt-4 pb-3.5 min-h-0", t.bodyClass])
+                ])) : u("", !0),
+                c("div", {
+                  class: a(["flex-1 overflow-y-auto px-4 pt-4 pb-3.5 min-h-0", o.bodyClass])
                 }, [
-                  h.value ? (s(), r("p", H, T(h.value), 1)) : c("", !0),
-                  t.body ? (s(), $(A(t.body), C({ key: 1 }, { ...t.bodyProps, ...e.$attrs }, { close: l }), null, 16)) : f(e.$slots, "default", {
+                  g.value ? (n(), d("p", Q, I(g.value), 1)) : u("", !0),
+                  o.body ? (n(), $(q(o.body), w({ key: 1 }, { ...o.bodyProps, ...e.$attrs }, { close: s }), null, 16)) : m(e.$slots, "default", {
                     key: 2,
-                    close: l
+                    close: s
                   }, void 0, !0)
                 ], 2),
-                e.$slots.footer ? (s(), r("div", {
+                e.$slots.footer ? (n(), d("div", {
                   key: 1,
-                  class: a([t.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
+                  class: a([o.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
                 }, [
-                  f(e.$slots, "footer", { close: l }, void 0, !0)
-                ], 2)) : c("", !0)
+                  m(e.$slots, "footer", { close: s }, void 0, !0)
+                ], 2)) : u("", !0)
               ], 2)
-            ], 2)) : c("", !0)
+            ], 2)) : u("", !0)
           ]),
           _: 3
         })
@@ -134,5 +137,5 @@ const q = {
   }
 });
 export {
-  Y as default
+  ee as default
 };

package/components/Screen/ScreenFilter.vue.js

@@ -11,7 +11,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */

package/components/SidePanel.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as N, ref as P, watch as b, onUnmounted as D, computed as f, openBlock as s, createElementBlock as r, Fragment as T, createElementVNode as c, mergeProps as C, withModifiers as V, renderSlot as i, createCommentVNode as l, createBlock as y, Teleport as K, createVNode as h, Transition as k, withCtx as g, normalizeClass as d, toDisplayString as w, resolveDynamicComponent as j } from "vue";
-import F from "./Button.vue.js";
-import { useKeyStroke as L } from "../composables/useKeyStroke.js";
-import { $t as x } from "../utils/i18n.js";
-const M = { class: "text-lg font-bold text-foreground" }, U = {
+import { defineComponent as N, ref as P, inject as D, watch as C, onMounted as V, onUnmounted as j, computed as c, openBlock as l, createElementBlock as i, Fragment as K, createElementVNode as m, mergeProps as g, withModifiers as M, renderSlot as d, createCommentVNode as n, createBlock as p, Teleport as F, createVNode as h, Transition as k, withCtx as w, normalizeClass as u, toDisplayString as x, resolveDynamicComponent as L } from "vue";
+import U from "./Button.vue.js";
+import { useKeyStroke as q } from "../composables/useKeyStroke.js";
+import { $t as $ } from "../utils/i18n.js";
+const G = { class: "text-lg font-bold text-foreground" }, H = {
   key: 0,
   class: "mt-1 text-sm text-muted-foreground"
-}, Q = /* @__PURE__ */ N({
+}, X = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "SidePanel",
   props: {
@@ -29,45 +29,47 @@ const M = { class: "text-lg font-bold text-foreground" }, U = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
-  setup(t, { emit: $ }) {
-    const o = t, m = $, a = P(o.show);
-    b(
+  setup(t, { emit: B }) {
+    const o = t, y = B, s = P(o.show), r = D("dropdown-context", null);
+    C(
       () => o.show,
       (e) => {
-        a.value = e, e && m("onOpen");
+        s.value = e, e && (y("onOpen"), r?.close());
       }
     );
-    const B = () => {
-      a.value = !0;
-    }, n = () => {
-      a.value = !1, m("update:show", !1), m("close");
-    }, z = () => {
-      o.closeOutside && n();
-    }, { onKeyStroke: A } = L();
-    A("Escape", n), b(a, (e) => {
-      e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
-    }), D(() => {
-      document.body.style.overflow = "";
+    const z = () => {
+      s.value = !0, r?.close();
+    }, a = () => {
+      s.value = !1, y("update:show", !1), y("close");
+    }, A = () => {
+      o.closeOutside && a();
+    }, { onKeyStroke: O } = q();
+    O("Escape", a), C(s, (e) => {
+      r?.onChildToggle?.(e), e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }), V(() => {
+      s.value && r?.onChildToggle?.(!0);
+    }), j(() => {
+      s.value && r?.onChildToggle?.(!1), document.body.style.overflow = "";
     });
-    const O = {
+    const I = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg",
       xl: "max-w-xl",
       full: "max-w-full"
-    }, I = f(() => o.position === "left" ? "left-0" : "right-0"), S = f(() => o.position === "left" ? "slide-left" : "slide-right"), p = f(() => o.titleI18n ? x(o.titleI18n) : o.title), v = f(
-      () => o.descriptionI18n ? x(o.descriptionI18n) : o.description
+    }, T = c(() => o.position === "left" ? "left-0" : "right-0"), S = c(() => o.position === "left" ? "slide-left" : "slide-right"), v = c(() => o.titleI18n ? $(o.titleI18n) : o.title), b = c(
+      () => o.descriptionI18n ? $(o.descriptionI18n) : o.description
     );
-    return (e, u) => (s(), r(T, null, [
-      c("span", C({
-        onClick: V(B, ["stop"]),
+    return (e, f) => (l(), i(K, null, [
+      m("span", g({
+        onClick: M(z, ["stop"]),
         class: `${t.triggerClass}`
       }, e.$attrs), [
-        i(e.$slots, "trigger", {}, () => [
-          t.body ? i(e.$slots, "default", { key: 0 }) : l("", !0)
+        d(e.$slots, "trigger", {}, () => [
+          t.body ? d(e.$slots, "default", { key: 0 }) : n("", !0)
         ])
       ], 16),
-      (s(), y(K, { to: "body" }, [
+      (l(), p(F, { to: "body" }, [
         h(k, {
           "enter-active-class": "transition-opacity duration-300 ease-out",
           "enter-from-class": "opacity-0",
@@ -76,60 +78,60 @@ const M = { class: "text-lg font-bold text-foreground" }, U = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: g(() => [
-            a.value ? (s(), r("div", {
+          default: w(() => [
+            s.value ? (l(), i("div", {
               key: 0,
-              class: d(["fixed inset-0 z-50 bg-[#00000033]", [t.overlayClass, { "backdrop-blur-[2px]": t.backdrop }]]),
-              onClick: z
-            }, null, 2)) : l("", !0)
+              class: u(["fixed inset-0 z-50 bg-[#00000033] v-sidepanel-overlay", [t.overlayClass, { "backdrop-blur-[2px]": t.backdrop }]]),
+              onClick: A
+            }, null, 2)) : n("", !0)
           ]),
           _: 1
         }),
         h(k, {
           name: S.value,
-          onAfterEnter: u[0] || (u[0] = (E) => e.$emit("onAfterOpen")),
-          onAfterLeave: u[1] || (u[1] = (E) => e.$emit("onAfterClose"))
+          onAfterEnter: f[0] || (f[0] = (E) => e.$emit("onAfterOpen")),
+          onAfterLeave: f[1] || (f[1] = (E) => e.$emit("onAfterClose"))
         }, {
-          default: g(() => [
-            a.value ? (s(), r("div", {
+          default: w(() => [
+            s.value ? (l(), i("div", {
               key: 0,
-              class: d(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [O[t.size], I.value, o.class]])
+              class: u(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [I[t.size], T.value, o.class]])
             }, [
-              p.value || e.$slots.header ? (s(), r("div", {
+              v.value || e.$slots.header ? (l(), i("div", {
                 key: 0,
-                class: d([t.headerClass, "flex-none flex items-center justify-between px-6 py-2 border-b border-border"])
+                class: u([t.headerClass, "flex-none flex items-center justify-between px-6 py-2 border-b border-border"])
               }, [
-                i(e.$slots, "header", {}, () => [
-                  c("div", null, [
-                    c("h3", M, w(p.value), 1),
-                    v.value ? (s(), r("p", U, w(v.value), 1)) : l("", !0)
+                d(e.$slots, "header", {}, () => [
+                  m("div", null, [
+                    m("h3", G, x(v.value), 1),
+                    b.value ? (l(), i("p", H, x(b.value), 1)) : n("", !0)
                   ])
                 ]),
-                t.hideCloseButton ? l("", !0) : (s(), y(F, {
+                t.hideCloseButton ? n("", !0) : (l(), p(U, {
                   key: 0,
                   rounded: "full",
                   size: "sm",
                   variant: "ghost",
                   icon: "lucide:x",
-                  onClick: n,
+                  onClick: a,
                   class: "-mr-2"
                 }))
-              ], 2)) : l("", !0),
-              c("div", {
-                class: d(["flex-1 overflow-y-auto px-6 py-4", t.bodyClass])
+              ], 2)) : n("", !0),
+              m("div", {
+                class: u(["flex-1 overflow-y-auto px-6 py-4", t.bodyClass])
               }, [
-                t.body ? (s(), y(j(t.body), C({ key: 0 }, { ...t.bodyProps, ...e.$attrs }, { close: n }), null, 16)) : i(e.$slots, "default", {
+                t.body ? (l(), p(L(t.body), g({ key: 0 }, { ...t.bodyProps, ...e.$attrs }, { close: a }), null, 16)) : d(e.$slots, "default", {
                   key: 1,
-                  close: n
+                  close: a
                 })
               ], 2),
-              e.$slots.footer ? (s(), r("div", {
+              e.$slots.footer ? (l(), i("div", {
                 key: 1,
-                class: d(["flex-none px-6 py-3 border-t border-border", t.footerClass])
+                class: u(["flex-none px-6 py-3 border-t border-border", t.footerClass])
               }, [
-                i(e.$slots, "footer", { close: n })
-              ], 2)) : l("", !0)
-            ], 2)) : l("", !0)
+                d(e.$slots, "footer", { close: a })
+              ], 2)) : n("", !0)
+            ], 2)) : n("", !0)
           ]),
           _: 3
         }, 8, ["name"])
@@ -138,5 +140,5 @@ const M = { class: "text-lg font-bold text-foreground" }, U = {
   }
 });
 export {
-  Q as default
+  X as default
 };

package/components/Tooltip.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as r, computed as c, openBlock as l, createElementBlock as i, renderSlot as n, createBlock as d, unref as p, mergeProps as u, withCtx as a } from "vue";
+import { defineComponent as r, computed as c, openBlock as l, createElementBlock as i, renderSlot as n, createBlock as p, unref as d, mergeProps as u, withCtx as a } from "vue";
 import f from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import { $t as m } from "../utils/i18n.js";
-const g = {
+const y = {
   key: 0,
   class: "contents"
 }, b = /* @__PURE__ */ r({
@@ -22,13 +22,14 @@ const g = {
     styles: {},
     ignoreClickOutside: {},
     isOpen: { type: Boolean },
+    keepAlive: { type: Boolean },
     menuId: {}
   },
   setup(t) {
     const e = t, s = c(() => e.contentI18n ? m(e.contentI18n) : e.content);
-    return (o, y) => t.disabled ? (l(), i("div", g, [
+    return (o, g) => t.disabled ? (l(), i("div", y, [
       n(o.$slots, "default")
-    ])) : (l(), d(p(f), u({ key: 1 }, { ...e, content: s.value }, {
+    ])) : (l(), p(d(f), u({ key: 1 }, { ...e, content: s.value }, {
       class: "inline-block",
       "class-name": `basic-tooltip ${t.className}`
     }), {

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -47,7 +47,7 @@
     "scrollreveal": "^4.0.9",
     "tailwindcss": "^4.1.18",
     "v-datepicker-lite": "^0.1.6",
-    "v-tooltip-lite": "^0.2.3",
+    "v-tooltip-lite": "^0.2.5",
     "vue-carousel-lite": "^0.2.7",
     "vue-draggable-plus": "^0.5.3",
     "vue3-google-signin": "^2.1.1",

package/style.css

@@ -894,5 +894,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.blink-bg[data-v-b4f8e934]{animation:blink-animation-b4f8e934 1s infinite}@keyframes blink-animation-b4f8e934{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-c9831df1] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea,.custom-fields-table[data-v-c9831df1] select,.custom-fields-table[data-v-c9831df1] .input-wrapper,.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-c9831df1] input:focus,.custom-fields-table[data-v-c9831df1] textarea:focus,.custom-fields-table[data-v-c9831df1] select:focus,.custom-fields-table[data-v-c9831df1] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-c9831df1] .w-full{width:100%;height:100%}.list-enter-active[data-v-c9831df1]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-c9831df1]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-0fe8a23f]{display:flex;flex-direction:column}.form-field-item[data-v-0fe8a23f]:has([role=switch]),.form-field-item[data-v-0fe8a23f]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-78f87e2c]{width:100%}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-0b2efcbc]{display:inline-flex;align-items:center}.breadcrumb-link[data-v-0b2efcbc]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-0b2efcbc]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-0b2efcbc]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-0b2efcbc]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-0b2efcbc]{flex-shrink:0}.breadcrumb-list[data-v-ae18a95c]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-ae18a95c]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-ae18a95c]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-ae18a95c]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-ae18a95c]{display:inline-flex;align-items:center;color:var(--color-gray-400);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-ae18a95c]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-ae18a95c]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-ae18a95c]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-ae18a95c]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-ae18a95c]{gap:0}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-ae18a95c]{display:none}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-c5641678]{max-height:70vh}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.first-toast-enter-active[data-v-dc3a3b49]{animation:first-toast-in-dc3a3b49 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-dc3a3b49]{transition:all .25s ease-in}.first-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-dc3a3b49{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-dc3a3b49],.stack-toast-leave-active[data-v-dc3a3b49]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-dc3a3b49]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-dc3a3b49]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}
+input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.blink-bg[data-v-c26acbd9]{animation:blink-animation-c26acbd9 1s infinite}@keyframes blink-animation-c26acbd9{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-c9831df1] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea,.custom-fields-table[data-v-c9831df1] select,.custom-fields-table[data-v-c9831df1] .input-wrapper,.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-c9831df1] input:focus,.custom-fields-table[data-v-c9831df1] textarea:focus,.custom-fields-table[data-v-c9831df1] select:focus,.custom-fields-table[data-v-c9831df1] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-c9831df1] .w-full{width:100%;height:100%}.list-enter-active[data-v-c9831df1]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-c9831df1]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-0fe8a23f]{display:flex;flex-direction:column}.form-field-item[data-v-0fe8a23f]:has([role=switch]),.form-field-item[data-v-0fe8a23f]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-78f87e2c]{width:100%}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-0b2efcbc]{display:inline-flex;align-items:center}.breadcrumb-link[data-v-0b2efcbc]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-0b2efcbc]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-0b2efcbc]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-0b2efcbc]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-0b2efcbc]{flex-shrink:0}.breadcrumb-list[data-v-ae18a95c]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-ae18a95c]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-ae18a95c]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-ae18a95c]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-ae18a95c]{display:inline-flex;align-items:center;color:var(--color-gray-400);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-ae18a95c]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-ae18a95c]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-ae18a95c]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-ae18a95c]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-ae18a95c]{gap:0}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-ae18a95c]{display:none}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-c5641678]{max-height:70vh}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.first-toast-enter-active[data-v-dc3a3b49]{animation:first-toast-in-dc3a3b49 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-dc3a3b49]{transition:all .25s ease-in}.first-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-dc3a3b49{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-dc3a3b49],.stack-toast-leave-active[data-v-dc3a3b49]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-dc3a3b49]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-dc3a3b49]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}