vlite3 0.6.1 → 0.6.3

package/components/SidebarMenu/SidebarMenuItem.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as X, inject as Y, computed as s, resolveComponent as Z, openBlock as r, createElementBlock as v, normalizeClass as u, createBlock as p, unref as a, withCtx as h, createElementVNode as f, normalizeStyle as $, createCommentVNode as d, toDisplayString as y, createVNode as C, resolveDynamicComponent as B, mergeProps as D, createTextVNode as ee, Fragment as V, withKeys as te, withModifiers as ae, Transition as ne, renderList as ie } from "vue";
+import { defineComponent as X, inject as Y, computed as c, resolveComponent as Z, openBlock as r, createElementBlock as f, normalizeClass as u, createBlock as h, unref as n, withCtx as b, createElementVNode as p, normalizeStyle as M, createCommentVNode as d, toDisplayString as g, createVNode as S, resolveDynamicComponent as B, mergeProps as D, createTextVNode as ee, Fragment as V, withKeys as te, withModifiers as ae, Transition as ne, renderList as ie } from "vue";
 import { useRouter as oe } from "vue-router";
 import w from "../Icon.vue.js";
-import _ from "../Tooltip.vue.js";
+import K from "../Tooltip.vue.js";
 import le from "../Dropdown/Dropdown.vue.js";
-import { $t as K } from "../../utils/i18n.js";
+import { $t as O } from "../../utils/i18n.js";
 /* empty css            */
 const re = {
   key: 0,
   class: "px-3 py-1.5 text-sm flex items-center gap-2 font-medium border-b bg-muted-light rounded-t-md text-center truncate"
-}, ce = { class: "w-full" }, se = { class: "flex items-center w-full gap-2 text-sm" }, ue = { class: "truncate flex-1 font-medium" }, de = ["onKeydown"], me = {
+}, se = { class: "w-full" }, ce = { class: "flex items-center w-full gap-2 text-sm" }, ue = { class: "truncate flex-1 font-medium" }, de = ["onKeydown"], me = {
   key: 0,
   class: "overflow-hidden transition-all duration-300 ease-in-out relative"
-}, ve = { class: "mt-0.5 space-y-0.5" }, we = /* @__PURE__ */ X({
+}, fe = { class: "mt-0.5 space-y-0.5" }, we = /* @__PURE__ */ X({
   __name: "SidebarMenuItem",
   props: {
     item: {},
@@ -19,146 +19,168 @@ const re = {
     menuOffset: {},
     itemClass: {}
   },
-  setup(c) {
-    const t = c, e = Y("sidebar-menu-ctx"), O = oe();
+  setup(s) {
+    const t = s, e = Y("sidebar-menu-ctx"), k = oe();
     if (!e)
       throw new Error("SidebarMenuItem must be used within a SidebarMenu");
-    const n = s(() => e.currentOrientation === "horizontal" && t.depth === 0), b = s(() => !!t.item.children?.length), R = s(() => n.value && b.value || e.compact && b.value ? "popover" : t.item.renderMode || e.renderMode || "tree"), S = s(() => e.renderNestedTabs && t.depth === 0 ? !1 : R.value === "popover" && b.value), g = s(() => t.item.id ? t.item.id : t.item.to && typeof t.item.to == "string" ? t.item.to : t.item.label), M = s(() => S.value || e.renderNestedTabs && t.depth === 0 ? !1 : e.expandedItems.includes(g.value)), E = s(() => !(!b.value || e.renderNestedTabs && t.depth === 0)), I = s(() => e.activeItem === g.value), j = (o) => {
+    const i = c(
+      () => e.currentOrientation === "horizontal" && t.depth === 0
+    ), v = c(() => !!t.item.children?.length), R = c(() => i.value && v.value || e.compact && v.value ? "popover" : t.item.renderMode || e.renderMode || "tree"), I = c(() => e.renderNestedTabs && t.depth === 0 ? !1 : R.value === "popover" && v.value), y = c(() => t.item.id ? t.item.id : t.item.to && typeof t.item.to == "string" ? t.item.to : t.item.label), E = c(() => I.value || e.renderNestedTabs && t.depth === 0 ? !1 : e.expandedItems.includes(y.value)), j = c(() => !(!v.value || e.renderNestedTabs && t.depth === 0)), z = c(() => e.activeItem === y.value), L = (o) => {
       if (!t.item.disabled) {
         if (e.renderNestedTabs && t.depth === 0) {
-          t.item.action && t.item.action(t.item), e.setActive(g.value);
+          if (t.item.action && t.item.action(t.item), t.item.to)
+            k.push(t.item.to).catch(() => {
+            });
+          else if (t.item.href)
+            window.open(t.item.href, "_blank");
+          else if (v.value) {
+            const a = t.item.children?.[0];
+            a && (a.to ? k.push(a.to).catch(() => {
+            }) : a.href && window.open(a.href, "_blank"));
+          }
+          e.setActive(y.value);
           return;
         }
-        b.value && !t.item.to && !t.item.href && (S.value || e.toggleExpand(g.value)), t.item.action && t.item.action(t.item), (!b.value || t.item.to) && e.setActive(g.value);
+        v.value && !t.item.to && !t.item.href && (I.value || e.toggleExpand(y.value)), t.item.action && t.item.action(t.item), (!v.value || t.item.to) && e.setActive(y.value);
       }
-    }, L = (o) => {
+    }, N = (o) => {
       if (o.stopPropagation(), e.renderNestedTabs && t.depth === 0) {
-        t.item.action && t.item.action(t.item), e.setActive(g.value);
+        if (t.item.action && t.item.action(t.item), t.item.to)
+          k.push(t.item.to).catch(() => {
+          });
+        else if (t.item.href)
+          window.open(t.item.href, "_blank");
+        else if (v.value) {
+          const a = t.item.children?.[0];
+          a && (a.to ? k.push(a.to).catch(() => {
+          }) : a.href && window.open(a.href, "_blank"));
+        }
+        e.setActive(y.value);
         return;
       }
-      S.value || e.toggleExpand(g.value);
-    }, z = s(() => e.indentSize || 12), N = s(() => n.value ? {} : e.compact ? { width: "100%" } : {
-      marginLeft: `${t.depth * z.value}px`,
-      width: `calc(100% - ${t.depth * z.value}px)`
-    }), T = s(() => {
-      const i = `group flex items-center justify-between font-medium rounded-md transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 relative border border-transparent select-none cursor-pointer ${n.value ? "w-auto" : "w-full"} ${t?.itemClass || ""} ${e.labelClass}`, x = e.compact ? `justify-center ${e.compactItemPadding}` : `justify-between ${e.itemPadding}`;
+      I.value || e.toggleExpand(y.value);
+    }, $ = c(() => e.indentSize || 12), T = c(() => i.value ? {} : e.compact ? { width: "100%" } : {
+      marginLeft: `${t.depth * $.value}px`,
+      width: `calc(100% - ${t.depth * $.value}px)`
+    }), _ = c(() => {
+      const a = `group flex items-center justify-between font-medium rounded-md transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 relative border border-transparent select-none cursor-pointer ${i.value ? "w-auto" : "w-full"} ${t?.itemClass || ""} ${e.labelClass}`, x = e.compact ? `justify-center ${e.compactItemPadding}` : `justify-between ${e.itemPadding}`;
       let l = "";
-      return I.value ? l = "bg-primary-light text-primary-fg-light" : l = "text-muted hover:bg-accent/80 hover:text-foreground", t.item.disabled && (l = "opacity-50 cursor-not-allowed pointer-events-none"), `${i} ${x} ${l} ${t.item.class || ""}`;
-    }), m = s(() => e.compact && e.showCompactLabels), k = s(
-      () => t.item.labelI18n ? K(t.item.labelI18n) : t.item.label
+      return z.value ? l = "bg-primary-light text-primary-fg-light" : l = "text-muted hover:bg-accent/80 hover:text-foreground", t.item.disabled && (l = "opacity-50 cursor-not-allowed pointer-events-none"), `${a} ${x} ${l} ${t.item.class || ""}`;
+    }), m = c(() => e.compact && e.showCompactLabels), C = c(
+      () => t.item.labelI18n ? O(t.item.labelI18n) : t.item.label
     ), A = (o) => ({
-      label: o.labelI18n ? K(o.labelI18n) : o.label,
+      label: o.labelI18n ? O(o.labelI18n) : o.label,
       value: o.id || o.label,
       icon: o.icon,
       disabled: o.disabled,
       children: o.children ? o.children.map(A) : void 0,
       data: o
-    }), F = s(() => t.item.children ? t.item.children.map(A) : []), W = (o) => {
-      const i = o.data;
-      if (i) {
-        i.action && i.action(i);
-        const x = i.id || i.label || (typeof i.to == "string" ? i.to : "");
-        x && e.setActive(x), i.to ? O.push(i.to).catch(() => {
-        }) : i.href && window.open(i.href, "_blank");
+    }), F = c(() => t.item.children ? t.item.children.map(A) : []), W = (o) => {
+      const a = o.data;
+      if (a) {
+        a.action && a.action(a);
+        const x = a.id || a.label || (typeof a.to == "string" ? a.to : "");
+        x && e.setActive(x), a.to ? k.push(a.to).catch(() => {
+        }) : a.href && window.open(a.href, "_blank");
       }
     }, q = (o) => {
-      const i = o;
-      i.style.height = "0", i.style.opacity = "0";
+      const a = o;
+      a.style.height = "0", a.style.opacity = "0";
     }, G = (o) => {
-      const i = o;
-      i.style.height = i.scrollHeight + "px", i.style.opacity = "1";
+      const a = o;
+      a.style.height = a.scrollHeight + "px", a.style.opacity = "1";
     }, J = (o) => {
-      const i = o;
-      i.style.height = "auto", i.style.overflow = "visible";
+      const a = o;
+      a.style.height = "auto", a.style.overflow = "visible";
     }, Q = (o) => {
-      const i = o;
-      i.style.height = i.scrollHeight + "px", i.style.overflow = "hidden", i.style.opacity = "1";
+      const a = o;
+      a.style.height = a.scrollHeight + "px", a.style.overflow = "hidden", a.style.opacity = "1";
     }, U = (o) => {
-      const i = o;
-      i.style.height = "0", i.style.opacity = "0";
-    }, H = s(() => t.item.to ? "router-link" : t.item.href ? "a" : "button"), P = s(() => t.item.to ? { to: t.item.to } : t.item.href ? {
+      const a = o;
+      a.style.height = "0", a.style.opacity = "0";
+    }, H = c(() => t.item.to ? "router-link" : t.item.href ? "a" : "button"), P = c(() => t.item.to ? { to: t.item.to } : t.item.href ? {
       href: t.item.href,
       target: "_blank",
       rel: "noopener noreferrer"
     } : { type: "button" });
-    return (o, i) => {
+    return (o, a) => {
       const x = Z("SidebarMenuItem", !0);
-      return r(), v("div", {
-        class: u(["relative sidebar-manu-item", n.value ? "w-auto" : "w-full"])
+      return r(), f("div", {
+        class: u(["relative sidebar-manu-item", i.value ? "w-auto" : "w-full"])
       }, [
-        S.value ? (r(), p(a(le), {
+        I.value ? (r(), h(n(le), {
           key: 0,
-          position: n.value ? "bottom-start" : "right-start",
-          offset: c.menuOffset,
+          position: i.value ? "bottom-start" : "right-start",
+          offset: s.menuOffset,
           class: "w-full block",
           searchable: !1,
-          width: a(e).nestedMenuWidth,
-          maxHeight: a(e).nestedMenuMaxHeight,
+          width: n(e).nestedMenuWidth,
+          maxHeight: n(e).nestedMenuMaxHeight,
           options: F.value,
           onOnSelect: W
         }, {
-          header: h(() => [
-            a(e).compact && !n.value ? (r(), v("div", re, [
-              c.item.icon ? (r(), p(w, {
+          header: b(() => [
+            n(e).compact && !i.value ? (r(), f("div", re, [
+              s.item.icon ? (r(), h(w, {
                 key: 0,
-                icon: c.item.icon,
+                icon: s.item.icon,
                 class: "shrink-0 transition-colors opacity-80 group-hover:opacity-100"
               }, null, 8, ["icon"])) : d("", !0),
-              ee(" " + y(k.value), 1)
+              ee(" " + g(C.value), 1)
             ])) : d("", !0)
           ]),
-          trigger: h(({ isOpen: l }) => [
-            C(_, {
-              content: k.value,
-              placement: n.value ? "bottom" : "right",
+          trigger: b(({ isOpen: l }) => [
+            S(K, {
+              content: C.value,
+              placement: i.value ? "bottom" : "right",
               className: "sidebar-menu-tooltip",
-              disabled: !a(e).showTooltip || !a(e).compact && !n.value || l,
+              disabled: !n(e).showTooltip || !n(e).compact && !i.value || l,
               class: "w-full block"
             }, {
-              default: h(() => [
-                f("div", ce, [
-                  (r(), p(B(H.value), D(P.value, {
-                    class: [T.value, l ? "bg-muted text-foreground" : ""],
-                    style: N.value,
+              default: b(() => [
+                p("div", se, [
+                  (r(), h(B(H.value), D(P.value, {
+                    class: [_.value, l ? "bg-muted text-foreground" : ""],
+                    style: T.value,
                     "aria-haspopup": !0,
                     "aria-expanded": l,
-                    onClick: j
+                    onClick: L
                   }), {
-                    default: h(() => [
-                      f("div", {
+                    default: b(() => [
+                      p("div", {
                         class: u(["min-w-0 flex-1 flex", [
-                          m.value && !n.value ? "flex-col items-center justify-center gap-1" : a(e).compact && !n.value ? "justify-center" : "items-center gap-2.5"
+                          m.value && !i.value ? "flex-col items-center justify-center gap-1" : n(e).compact && !i.value ? "justify-center" : "items-center gap-2.5"
                         ]])
                       }, [
-                        c.item.icon ? (r(), p(w, {
+                        s.item.icon ? (r(), h(w, {
                           key: 0,
-                          icon: c.item.icon,
-                          class: u(["shrink-0 transition-colors opacity-80 group-hover:opacity-100", [I.value || l ? "opacity-100" : ""]]),
-                          style: $({
-                            width: a(e).compact && !n.value ? a(e).compactIconSize : a(e).iconSize,
-                            height: a(e).compact && !n.value ? a(e).compactIconSize : a(e).iconSize
+                          icon: s.item.icon,
+                          class: u(["shrink-0 transition-colors opacity-80 group-hover:opacity-100", [z.value || l ? "opacity-100" : ""]]),
+                          style: M({
+                            width: n(e).compact && !i.value ? n(e).compactIconSize : n(e).iconSize,
+                            height: n(e).compact && !i.value ? n(e).compactIconSize : n(e).iconSize
                           })
                         }, null, 8, ["icon", "class", "style"])) : d("", !0),
-                        f("span", {
+                        p("span", {
                           class: u(["truncate leading-none pt-0.5", {
-                            [a(e).compactLabelClass]: m.value && !n.value,
-                            hidden: a(e).compact && !m.value && !n.value,
-                            "md:hidden": a(e).compact && !m.value && !n.value
+                            [n(e).compactLabelClass]: m.value && !i.value,
+                            hidden: n(e).compact && !m.value && !i.value,
+                            "md:hidden": n(e).compact && !m.value && !i.value
                           }])
-                        }, y(k.value), 3),
-                        c.item.badge && (!a(e).compact || !m.value || n.value) ? (r(), v("span", {
+                        }, g(C.value), 3),
+                        s.item.badge && (!n(e).compact || !m.value || i.value) ? (r(), f("span", {
                           key: 1,
                           class: u(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
-                            c.item.badgeClass || "bg-muted text-muted-foreground",
-                            { "md:hidden": a(e).compact && !n.value }
+                            s.item.badgeClass || "bg-muted text-muted-foreground",
+                            { "md:hidden": n(e).compact && !i.value }
                           ]])
-                        }, y(c.item.badge), 3)) : d("", !0)
+                        }, g(s.item.badge), 3)) : d("", !0)
                       ], 2),
-                      f("div", {
-                        class: u(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": a(e).compact && !n.value }])
+                      p("div", {
+                        class: u(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": n(e).compact && !i.value }])
                       }, [
-                        C(w, {
-                          icon: n.value ? "lucide:chevron-down" : "lucide:chevron-right",
+                        S(w, {
+                          icon: i.value ? "lucide:chevron-down" : "lucide:chevron-right",
                           class: "h-3 w-3"
                         }, null, 8, ["icon"])
                       ], 2)
@@ -170,78 +192,78 @@ const re = {
               _: 2
             }, 1032, ["content", "placement", "disabled"])
           ]),
-          item: h(({ option: l }) => [
-            f("div", se, [
-              l.icon ? (r(), p(w, {
+          item: b(({ option: l }) => [
+            p("div", ce, [
+              l.icon ? (r(), h(w, {
                 key: 0,
                 icon: l.icon,
                 class: "shrink-0 opacity-80",
-                style: $({ width: a(e).iconSize, height: a(e).iconSize })
+                style: M({ width: n(e).iconSize, height: n(e).iconSize })
               }, null, 8, ["icon", "style"])) : d("", !0),
-              f("span", ue, y(l.label), 1),
-              l.data?.badge ? (r(), v("span", {
+              p("span", ue, g(l.label), 1),
+              l.data?.badge ? (r(), f("span", {
                 key: 1,
                 class: u(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", l.data?.badgeClass || "bg-muted text-muted-foreground"])
-              }, y(l.data.badge), 3)) : d("", !0)
+              }, g(l.data.badge), 3)) : d("", !0)
             ])
           ]),
           _: 1
-        }, 8, ["position", "offset", "width", "maxHeight", "options"])) : (r(), v(V, { key: 1 }, [
-          C(_, {
-            content: k.value,
-            placement: n.value ? "bottom" : "right",
-            disabled: !a(e).showTooltip || !a(e).compact && !n.value,
+        }, 8, ["position", "offset", "width", "maxHeight", "options"])) : (r(), f(V, { key: 1 }, [
+          S(K, {
+            content: C.value,
+            placement: i.value ? "bottom" : "right",
+            disabled: !n(e).showTooltip || !n(e).compact && !i.value,
             class: "w-full block"
           }, {
-            default: h(() => [
-              (r(), p(B(H.value), D(P.value, {
-                class: T.value,
-                style: N.value,
-                "aria-expanded": E.value ? M.value : void 0,
-                "aria-current": I.value ? "page" : void 0,
-                onClick: j
+            default: b(() => [
+              (r(), h(B(H.value), D(P.value, {
+                class: [_.value, "mb-0.5"],
+                style: T.value,
+                "aria-expanded": j.value ? E.value : void 0,
+                "aria-current": z.value ? "page" : void 0,
+                onClick: L
               }), {
-                default: h(() => [
-                  f("div", {
-                    class: u(["min-w-0 flex-1 flex", [
-                      m.value && !n.value ? "flex-col items-center justify-center gap-1" : a(e).compact && !n.value ? "justify-center" : "items-center gap-2.5"
+                default: b(() => [
+                  p("div", {
+                    class: u(["min-w-0 flex-1 flex py-0.5", [
+                      m.value && !i.value ? "flex-col items-center justify-center gap-1" : n(e).compact && !i.value ? "justify-center" : "items-center gap-2.5"
                     ]])
                   }, [
-                    c.item.icon ? (r(), p(w, {
+                    s.item.icon ? (r(), h(w, {
                       key: 0,
-                      icon: c.item.icon,
-                      class: u(["shrink-0 transition-colors opacity-80 group-hover:opacity-100", [I.value ? "opacity-100" : ""]]),
-                      style: $({
-                        width: a(e).compact && !n.value ? a(e).compactIconSize : a(e).iconSize,
-                        height: a(e).compact && !n.value ? a(e).compactIconSize : a(e).iconSize
+                      icon: s.item.icon,
+                      class: u(["shrink-0 transition-colors opacity-80 group-hover:opacity-100", [z.value ? "opacity-100" : ""]]),
+                      style: M({
+                        width: n(e).compact && !i.value ? n(e).compactIconSize : n(e).iconSize,
+                        height: n(e).compact && !i.value ? n(e).compactIconSize : n(e).iconSize
                       })
                     }, null, 8, ["icon", "class", "style"])) : d("", !0),
-                    f("span", {
+                    p("span", {
                       class: u(["truncate leading-none pt-0.5 wrap-break-word flex-wrap text-wrap", {
-                        [a(e).compactLabelClass]: m.value && !n.value,
-                        hidden: a(e).compact && !m.value && !n.value,
-                        "md:hidden": a(e).compact && !m.value && !n.value
+                        [n(e).compactLabelClass]: m.value && !i.value,
+                        hidden: n(e).compact && !m.value && !i.value,
+                        "md:hidden": n(e).compact && !m.value && !i.value
                       }])
-                    }, y(k.value), 3),
-                    c.item.badge && (!a(e).compact || !m.value || n.value) ? (r(), v("span", {
+                    }, g(C.value), 3),
+                    s.item.badge && (!n(e).compact || !m.value || i.value) ? (r(), f("span", {
                       key: 1,
                       class: u(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
-                        c.item.badgeClass || "bg-muted text-muted-foreground",
-                        { "md:hidden": a(e).compact && !n.value }
+                        s.item.badgeClass || "bg-muted text-muted-foreground",
+                        { "md:hidden": n(e).compact && !i.value }
                       ]])
-                    }, y(c.item.badge), 3)) : d("", !0)
+                    }, g(s.item.badge), 3)) : d("", !0)
                   ], 2),
-                  E.value ? (r(), v("div", {
+                  j.value ? (r(), f("div", {
                     key: 0,
                     role: "button",
                     tabindex: "0",
-                    class: u(["ml-1.5 flex shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground transition-all", { "md:hidden": a(e).compact && !n.value }]),
-                    onClick: L,
-                    onKeydown: te(ae(L, ["prevent"]), ["enter", "space"])
+                    class: u(["ml-1.5 flex shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground transition-all", { "md:hidden": n(e).compact && !i.value }]),
+                    onClick: N,
+                    onKeydown: te(ae(N, ["prevent"]), ["enter", "space"])
                   }, [
-                    C(w, {
+                    S(w, {
                       icon: "lucide:chevron-down",
-                      class: u(["h-3 w-3 transition-transform duration-200", { "rotate-180": M.value && !n.value }])
+                      class: u(["h-3 w-3 transition-transform duration-200", { "rotate-180": E.value && !i.value }])
                     }, null, 8, ["class"])
                   ], 42, de)) : d("", !0)
                 ]),
@@ -250,7 +272,7 @@ const re = {
             ]),
             _: 1
           }, 8, ["content", "placement", "disabled"]),
-          C(ne, {
+          S(ne, {
             name: "sidebar-slide",
             onBeforeEnter: q,
             onEnter: G,
@@ -258,20 +280,20 @@ const re = {
             onBeforeLeave: Q,
             onLeave: U
           }, {
-            default: h(() => [
-              b.value && M.value && !n.value ? (r(), v("div", me, [
-                a(e).variant === "default" ? (r(), v("div", {
+            default: b(() => [
+              v.value && E.value && !i.value ? (r(), f("div", me, [
+                n(e).variant === "default" ? (r(), f("div", {
                   key: 0,
                   class: "absolute top-0 bottom-2 w-px bg-border",
-                  style: $({
-                    left: `${(c.depth + 1) * z.value - z.value / 2}px`
+                  style: M({
+                    left: `${(s.depth + 1) * $.value - $.value / 2}px`
                   })
                 }, null, 4)) : d("", !0),
-                f("div", ve, [
-                  (r(!0), v(V, null, ie(c.item.children, (l) => (r(), p(x, {
+                p("div", fe, [
+                  (r(!0), f(V, null, ie(s.item.children, (l) => (r(), h(x, {
                     key: l.id || l.label,
                     item: l,
-                    depth: c.depth + 1
+                    depth: s.depth + 1
                   }, null, 8, ["item", "depth"]))), 128))
                 ])
               ])) : d("", !0)

package/components/Switch.vue.js

@@ -23,13 +23,13 @@ const p = { class: "flex items-center gap-2" }, g = ["id", "aria-checked", "aria
         "aria-checked": e.modelValue,
         "aria-label": a.value || "Toggle",
         disabled: e.disabled,
-        class: t(["relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", [e.modelValue ? "bg-primary" : "bg-input", l.class]]),
+        class: t(["relative inline-flex h-5.5 w-10.5 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", [e.modelValue ? "bg-primary" : "bg-input", l.class]]),
         onClick: o
       }, [
         r("span", {
           "aria-hidden": "true",
           class: t([
-            "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-background shadow-lg ring-0 transition duration-200 ease-in-out",
+            "pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-background shadow-lg ring-0 transition duration-200 ease-in-out",
             e.modelValue ? "translate-x-5  rtl:translate-x-0" : "translate-x-0 rtl:-translate-x-5"
           ])
         }, null, 2)

package/components/Textarea.vue.js

@@ -13,12 +13,14 @@ const x = ["value", "rows", "disabled", "placeholder"], g = /* @__PURE__ */ i({
   emits: ["update:modelValue", "focus", "blur"],
   setup(l, { emit: s }) {
     const o = l, t = s, n = r(() => [
-      "flex min-h-[80px] w-full rounded-md border border-input px-3 py-2 text-sm placeholder:text-muted-foreground/50 focus-visible:outline-none focus-visible:border-primary disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
+      "flex min-h-[80px] w-full rounded-md border border-input px-3 py-2 text-sm placeholder:text-muted-foreground/50 focus-visible:outline-none focus-visible:border-black disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
       o.class
     ].join(" ")), u = (d) => {
       const e = d.target;
       t("update:modelValue", e.value);
-    }, c = r(() => o.placeholderI18n ? b(o.placeholderI18n) : o.placeholder);
+    }, c = r(
+      () => o.placeholderI18n ? b(o.placeholderI18n) : o.placeholder
+    );
     return (d, e) => (p(), m("textarea", {
       value: l.modelValue,
       rows: l.rows,

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.1",
+  "version": "0.6.3",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -30,8 +30,8 @@
 
     /* Legacy Primary Variants */
 
-    --color-primary-dark: #000;
-    --color-primary: #18181b;
+    --color-primary-dark: #171717;
+    --color-primary: #171717;
     --color-primary-foreground: #fafafa;
     --color-primary-fg: #fafafa;
     --color-primary-fg-light: var(--color-primary-dark);
@@ -480,11 +480,11 @@
   --color-success-dark: #00613f;
 
   --color-success-subtle: #0f2419;
-  --color-success-subtle-fg: #4ade80;
-  --color-success-subtle-border: #1f7a4d;
+  --color-success-subtle-fg: #e2f5e9ff;
+  --color-success-subtle-border: #1f7a4c8c;
 
   --color-info-subtle: #0f1e33;
-  --color-info-subtle-fg: #60a5fa;
+  --color-info-subtle-fg: #d2e6ff;
   --color-info-subtle-border: #1e40af;
 
   --color-warning-subtle: #2a1c07;
@@ -492,7 +492,7 @@
   --color-warning-subtle-border: #92400e;
 
   --color-danger-subtle: #2a1111;
-  --color-danger-subtle-fg: #f87171;
+  --color-danger-subtle-fg: #ffadad;
   --color-danger-subtle-border: #991b1b;
 
   --color-secondary-subtle: #1f1f1f;
@@ -510,7 +510,7 @@
   --color-teal-subtle-border: #0f766e;
 
   --color-indigo-subtle: #1c0a49;
-  --color-indigo-subtle-fg: #aa93f9;
+  --color-indigo-subtle-fg: #dcd1ff;
   --color-indigo-subtle-border: #3730a3;
 
   --color-orange-subtle: #2a1709;
@@ -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-03c267ac]{display:flex;flex-direction:column}.form-field-item[data-v-03c267ac]:has([role=switch]),.form-field-item[data-v-03c267ac]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-655cd96c]{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-6b4a4b96] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-6b4a4b96] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-6b4a4b96] ::-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-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}