vlite3 0.7.12 → 0.7.13

package/components/Badge.vue.d.ts

@@ -1,7 +1,9 @@
 export type BadgeVariant = 'default' | 'secondary' | 'danger' | 'outline' | 'warning' | 'info' | 'success' | 'purple' | 'teal' | 'indigo' | 'orange' | 'pink' | 'cyan';
 interface Props {
     variant?: BadgeVariant | string;
-    class?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | string;
+    class?: any;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -14,7 +16,9 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     variant: BadgeVariant | string;
-    class: string;
+    size: "xs" | "sm" | "md" | "lg";
+    rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | string;
+    class: any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Badge.vue.js

@@ -1,13 +1,20 @@
-import { defineComponent as b, computed as n, openBlock as a, createElementBlock as l, normalizeClass as u, renderSlot as d } from "vue";
-const c = /* @__PURE__ */ b({
+import { defineComponent as b, computed as d, openBlock as a, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
+const p = /* @__PURE__ */ b({
   __name: "Badge",
   props: {
     variant: { default: "default" },
+    size: { default: "md" },
+    rounded: { default: "full" },
     class: { default: "" }
   },
   setup(o) {
-    const t = o, s = n(() => {
-      const e = "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", r = {
+    const e = o, s = d(() => {
+      const r = {
+        xs: "px-1.5 h-5 text-[10.5px] leading-none",
+        sm: "px-2 h-6 text-xs font-medium",
+        md: "px-2.5 h-7 text-xs font-semibold",
+        lg: "px-3 h-8 text-sm font-semibold"
+      }, l = `inline-flex items-center ${e.rounded === "none" ? "rounded-none" : `rounded-${e.rounded}`} border ${r[e.size] || r.md} focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`, t = {
         default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
         outline: "text-foreground border-border",
         /* Base Semantics */
@@ -24,15 +31,15 @@ const c = /* @__PURE__ */ b({
         pink: "border-pink-subtle-border bg-pink-subtle text-pink-subtle-fg hover:opacity-80",
         cyan: "border-cyan-subtle-border bg-cyan-subtle text-cyan-subtle-fg hover:opacity-80"
       };
-      return [e, r[t.variant] || r.default, t.class].join(" ");
+      return [l, t[e.variant] || t.default, e.class].join(" ");
     });
-    return (e, r) => (a(), l("div", {
-      class: u(s.value)
+    return (r, n) => (a(), u("div", {
+      class: i(s.value)
     }, [
-      d(e.$slots, "default")
+      c(r.$slots, "default")
     ], 2));
   }
 });
 export {
-  c as default
+  p as default
 };

package/components/Form/CustomFields.vue.js

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

package/components/Form/CustomFields.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, computed as u, ref as L, watch as S, openBlock as o, createElementBlock as n, createElementVNode as f, createBlock as G, withCtx as k, createTextVNode as H, toDisplayString as m, createCommentVNode as i, createVNode as v, Fragment as p, renderList as w, normalizeClass as C, TransitionGroup as M } from "vue";
+import { defineComponent as I, computed as c, ref as S, watch as L, openBlock as o, createElementBlock as r, createElementVNode as f, createBlock as G, withCtx as k, createTextVNode as H, toDisplayString as m, createCommentVNode as u, createVNode as v, Fragment as h, renderList as w, normalizeClass as C, TransitionGroup as M } from "vue";
 import q from "./FormField.vue.js";
 import V from "../Button.vue.js";
 import J from "../Label.vue.js";
@@ -21,7 +21,7 @@ const K = { class: "custom-fields-wrapper" }, O = { class: "flex justify-between
 }, ee = {
   key: 1,
   class: "flex flex-col items-center justify-center py-6 text-center bg-muted/5"
-}, te = { class: "text-sm font-medium text-foreground" }, le = { class: "text-xs text-muted-foreground mt-1" }, de = /* @__PURE__ */ I({
+}, te = { class: "text-sm font-medium text-foreground" }, se = { class: "text-xs text-muted-foreground mt-1" }, de = /* @__PURE__ */ I({
   __name: "CustomFields",
   props: {
     modelValue: { default: () => [] },
@@ -43,62 +43,62 @@ const K = { class: "custom-fields-wrapper" }, O = { class: "flex justify-between
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: F }) {
-    const t = d, x = F, g = u(() => t.labelI18n ? b(t.labelI18n) : t.label), N = u(() => {
+    const t = d, x = F, y = c(() => t.labelI18n ? b(t.labelI18n) : t.label), N = c(() => {
       const e = b("vlite.customFields.emptyTitle");
       return e !== "vlite.customFields.emptyTitle" ? e : "No items added";
-    }), B = u(() => {
+    }), B = c(() => {
       const e = b("vlite.customFields.emptyDescription");
       return e !== "vlite.customFields.emptyDescription" ? e : "Add a new item to get started";
-    }), s = L([]), y = () => `row_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-    S(
+    }), l = S([]), g = () => `row_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    L(
       () => t.modelValue,
       (e) => {
-        Array.isArray(e) ? s.value = e.map((l, r) => {
-          const a = s.value[r];
+        Array.isArray(e) ? l.value = e.map((s, n) => {
+          const a = l.value[n];
           return {
-            ...l,
-            _id: a?._id || y()
+            ...s,
+            _id: a?._id || g()
           };
-        }) : s.value = [];
+        }) : l.value = [];
       },
       { immediate: !0, deep: !0 }
     );
     const $ = () => {
       const e = {};
-      for (const l of t.schema) {
-        const r = typeof l.value == "function" ? l.value() : l.value;
-        e[l.name] = r ?? null;
+      for (const s of t.schema) {
+        const n = typeof s.value == "function" ? s.value() : s.value;
+        e[s.name] = n ?? null;
       }
-      return { ...e, _id: y() };
+      return { ...e, _id: g() };
     }, T = () => {
-      if (t.disabled || t.maxRows && s.value.length >= t.maxRows) return;
-      const e = [...s.value, $()];
-      s.value = e, h(e);
+      if (t.disabled || t.maxRows && l.value.length >= t.maxRows) return;
+      const e = [...l.value, $()];
+      l.value = e, p(e);
     }, z = (e) => {
-      if (t.disabled || s.value.length <= t.minRows) return;
-      const l = [...s.value];
-      l.splice(e, 1), s.value = l, h(l);
-    }, A = (e, l, r) => {
-      const a = [...s.value];
+      if (t.disabled || l.value.length <= t.minRows) return;
+      const s = [...l.value];
+      s.splice(e, 1), l.value = s, p(s);
+    }, A = (e, s, n) => {
+      const a = [...l.value];
       a[e] = {
         ...a[e],
-        [l]: r.value
-      }, s.value = a, h(a);
-    }, h = (e) => {
-      const l = e.map(({ _id: r, ...a }) => a);
-      x("update:modelValue", l), x("change", l);
-    }, D = (e, l) => s.value[e]?.[l], E = u(() => !(t.disabled || t.maxRows && s.value.length >= t.maxRows)), _ = u(() => t.disabled ? !1 : s.value.length > t.minRows), R = u(() => t.headers && t.headers.length > 0 ? t.headers : t.schema.map((e) => e.labelI18n ? b(e.labelI18n) : e.label || e.name));
-    return (e, l) => (o(), n("div", K, [
+        [s]: n.value
+      }, l.value = a, p(a);
+    }, p = (e) => {
+      const s = e.map(({ _id: n, ...a }) => a);
+      x("update:modelValue", s), x("change", s);
+    }, D = (e, s) => l.value[e]?.[s], E = c(() => !(t.disabled || t.maxRows && l.value.length >= t.maxRows)), _ = c(() => t.disabled ? !1 : l.value.length > t.minRows), R = c(() => t.headers && t.headers.length > 0 ? t.headers : t.schema.map((e) => e.labelI18n ? b(e.labelI18n) : e.label || e.name));
+    return (e, s) => (o(), r("div", K, [
       f("div", O, [
-        g.value ? (o(), G(J, {
+        y.value ? (o(), G(J, {
           key: 0,
           class: "text-sm font-medium text-foreground"
         }, {
           default: k(() => [
-            H(m(g.value), 1)
+            H(m(y.value), 1)
           ]),
           _: 1
-        })) : i("", !0),
+        })) : u("", !0),
         v(V, {
           type: "button",
           variant: "outline",
@@ -110,32 +110,39 @@ const K = { class: "custom-fields-wrapper" }, O = { class: "flex justify-between
         }, null, 8, ["disabled"])
       ]),
       f("div", P, [
-        R.value.length > 0 ? (o(), n("div", Q, [
-          d.showRowNumbers ? (o(), n("div", W, " # ")) : i("", !0),
-          (o(!0), n(p, null, w(R.value, (r, a) => (o(), n("div", {
+        R.value.length > 0 ? (o(), r("div", Q, [
+          d.showRowNumbers ? (o(), r("div", W, " # ")) : u("", !0),
+          (o(!0), r(h, null, w(R.value, (n, a) => (o(), r("div", {
             key: a,
             class: C(["flex-1 p-3 min-w-0 truncate", { "border-l border-border": a > 0 }])
-          }, m(r), 3))), 128)),
-          _.value ? (o(), n("div", X)) : i("", !0)
-        ])) : i("", !0),
+          }, m(n), 3))), 128)),
+          _.value ? (o(), r("div", X)) : u("", !0)
+        ])) : u("", !0),
         v(M, {
           name: "list",
           tag: "div",
           class: "divide-y divide-border"
         }, {
           default: k(() => [
-            (o(!0), n(p, null, w(s.value, (r, a) => (o(), n("div", {
-              key: r._id,
+            (o(!0), r(h, null, w(l.value, (n, a) => (o(), r("div", {
+              key: n._id,
               class: "flex group bg-white transition-colors"
             }, [
-              d.showRowNumbers ? (o(), n("div", Y, m(a + 1), 1)) : i("", !0),
-              (o(!0), n(p, null, w(d.schema, (c, j) => (o(), n("div", {
-                key: c.name,
+              d.showRowNumbers ? (o(), r("div", Y, m(a + 1), 1)) : u("", !0),
+              (o(!0), r(h, null, w(d.schema, (i, j) => (o(), r("div", {
+                key: i.name,
                 class: C(["flex-1 min-w-0 relative", { "border-l border-border": j > 0 }])
               }, [
                 v(q, {
-                  field: { ...c, label: void 0 },
-                  value: D(a, c.name),
+                  field: {
+                    ...i,
+                    props: {
+                      ...i.type === "multiSelect" ? { showControls: !1, wrap: !1 } : {},
+                      ...i.props || {}
+                    },
+                    label: void 0
+                  },
+                  value: D(a, i.name),
                   values: d.values || {},
                   variant: "transparent",
                   size: "sm",
@@ -143,27 +150,27 @@ const K = { class: "custom-fields-wrapper" }, O = { class: "flex justify-between
                   disabled: d.disabled,
                   isUpdate: d.isUpdate,
                   class: "w-full h-full min-h-[40px]",
-                  onChange: (U) => A(a, c.name, U)
+                  onChange: (U) => A(a, i.name, U)
                 }, null, 8, ["field", "value", "values", "disabled", "isUpdate", "onChange"])
               ], 2))), 128)),
-              _.value ? (o(), n("div", Z, [
+              _.value ? (o(), r("div", Z, [
                 v(V, {
                   type: "button",
                   variant: "ghost",
                   size: "xs",
                   icon: "lucide:trash-2",
                   disabled: d.disabled,
-                  onClick: (c) => z(a)
+                  onClick: (i) => z(a)
                 }, null, 8, ["disabled", "onClick"])
-              ])) : i("", !0)
+              ])) : u("", !0)
             ]))), 128))
           ]),
           _: 1
         }),
-        s.value.length === 0 ? (o(), n("div", ee, [
+        l.value.length === 0 ? (o(), r("div", ee, [
           f("p", te, m(N.value), 1),
-          f("p", le, m(B.value), 1)
-        ])) : i("", !0)
+          f("p", se, m(B.value), 1)
+        ])) : u("", !0)
       ])
     ]));
   }

package/components/Form/FormField.vue.js

@@ -145,7 +145,9 @@ const me = /* @__PURE__ */ B({
         modelValue: Array.isArray(e.value) ? e.value : [],
         options: e.field.options || [],
         placeholder: i,
-        variant: e.variant
+        variant: e.variant,
+        size: e.size,
+        rounded: e.rounded
       } : t === "date" || t === "time" ? {
         ...a,
         modelValue: e.value,

package/components/MultiSelect/MultiSelect.vue.d.ts

@@ -15,6 +15,9 @@ interface Props {
     debounceTime?: number;
     fetchSelected?: (ids: any[]) => Promise<IDropdownOption[]>;
     layout?: 'default' | 'grouped';
+    showControls?: boolean;
+    wrap?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     search: (query: string) => any;
@@ -29,6 +32,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     variant: "default" | "outline" | "solid" | "floating" | string;
     size: "sm" | "md" | "lg";
+    rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | string;
     disabled: boolean;
     loading: boolean;
     modelValue: any[];
@@ -39,5 +43,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     remote: boolean;
     debounceTime: number;
     maxVisible: number;
+    showControls: boolean;
+    wrap: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MultiSelect/MultiSelect.vue.js

@@ -1,14 +1,17 @@
-import { defineComponent as F, ref as x, computed as r, watch as $, openBlock as s, createBlock as f, unref as v, withCtx as p, createVNode as V, createElementVNode as d, normalizeClass as M, createElementBlock as h, toDisplayString as w, Fragment as I, renderList as P, withModifiers as T, createCommentVNode as S, createTextVNode as R } from "vue";
-import k from "../Icon.vue.js";
-import U from "../Dropdown/Dropdown.vue.js";
-import q from "../Dropdown/DropdownMenu.vue.js";
+import { defineComponent as P, ref as V, computed as s, watch as M, openBlock as o, createBlock as v, unref as h, withCtx as p, createVNode as k, createElementVNode as g, normalizeClass as u, createElementBlock as c, toDisplayString as S, Fragment as I, renderList as R, withModifiers as T, createCommentVNode as b, createTextVNode as U } from "vue";
+import C from "../Icon.vue.js";
+import q from "../Dropdown/Dropdown.vue.js";
+import G from "../Dropdown/DropdownMenu.vue.js";
 import { $t as O } from "../../utils/i18n.js";
-import z from "../Badge.vue.js";
-import { useMultiSelectHydration as G } from "./composables/useMultiSelectHydration.js";
-const J = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }, K = {
+import L from "../Badge.vue.js";
+import { useMultiSelectHydration as J } from "./composables/useMultiSelectHydration.js";
+const K = {
   key: 0,
-  class: "text-muted-foreground pl-1"
-}, Q = { class: "truncate" }, W = ["onClick"], X = { class: "flex items-center gap-2 pl-2 shrink-0 text-muted-foreground" }, oe = /* @__PURE__ */ F({
+  class: "text-muted-foreground pl-1 truncate"
+}, Q = { class: "truncate min-w-0" }, W = ["onClick"], X = {
+  key: 0,
+  class: "flex items-center gap-2 pl-2 shrink-0 text-muted-foreground"
+}, re = /* @__PURE__ */ P({
   __name: "MultiSelect",
   props: {
     modelValue: { default: () => [] },
@@ -25,139 +28,154 @@ const J = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }
     remote: { type: Boolean, default: !1 },
     debounceTime: { default: 300 },
     fetchSelected: {},
-    layout: { default: "default" }
+    layout: { default: "default" },
+    showControls: { type: Boolean, default: !0 },
+    wrap: { type: Boolean, default: !0 },
+    rounded: { default: "md" }
   },
   emits: ["update:modelValue", "change", "load-more", "search"],
-  setup(n, { emit: L }) {
-    const l = n, i = L, c = x(!1), N = r(() => {
-      if (l.placeholderI18n) return O(l.placeholderI18n);
-      if (l.placeholder) return l.placeholder;
+  setup(l, { emit: N }) {
+    const t = l, i = N, m = V(!1), j = s(() => {
+      if (t.placeholderI18n) return O(t.placeholderI18n);
+      if (t.placeholder) return t.placeholder;
       const e = O("vlite.multiSelect.placeholder");
       return e !== "vlite.multiSelect.placeholder" ? e : "Select items...";
-    }), b = r(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), B = x(!1), g = x(!1);
-    $(
-      b,
+    }), y = s(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), $ = V(!1), x = V(!1);
+    M(
+      y,
       (e) => {
-        !B.value && e.length > 0 && (B.value = !0, setTimeout(() => {
-          g.value = !0, u.hydrateSelected(l.modelValue || []);
+        !$.value && e.length > 0 && ($.value = !0, setTimeout(() => {
+          x.value = !0, d.hydrateSelected(t.modelValue || []);
         }, 10));
       },
       { immediate: !0 }
     );
-    const y = r(() => {
-      const e = [...b.value], t = new Set(e.map((a) => a.value ?? a.label));
-      return u.selectedBuffer.value.forEach((a, o) => {
-        t.has(o) || (e.unshift(a), t.add(o));
+    const w = s(() => {
+      const e = [...y.value], a = new Set(e.map((n) => n.value ?? n.label));
+      return d.selectedBuffer.value.forEach((n, r) => {
+        a.has(r) || (e.unshift(n), a.add(r));
       }), e;
-    }), u = G({
-      fetchSelected: l.fetchSelected,
-      getValues: () => l.modelValue || [],
-      getOptions: () => y.value,
-      isInitialLoadDone: () => g.value
+    }), d = J({
+      fetchSelected: t.fetchSelected,
+      getValues: () => t.modelValue || [],
+      getOptions: () => w.value,
+      isInitialLoadDone: () => x.value
     });
-    $(
-      () => l.modelValue,
+    M(
+      () => t.modelValue,
       (e) => {
-        g.value && u.hydrateSelected(e || []);
+        x.value && d.hydrateSelected(e || []);
       },
       { deep: !0 }
     );
-    const m = r(() => y.value.filter((e) => {
-      const t = e.value ?? e.label;
-      return l.modelValue.includes(t);
-    })), E = r(() => m.value.slice(0, l.maxVisible)), C = r(() => m.value.length - l.maxVisible), j = (e) => {
-      const t = e.value ?? e.label;
-      u.selectedBuffer.value.has(t) || u.selectedBuffer.value.set(t, e);
-      const a = [...l.modelValue], o = a.indexOf(t);
-      o === -1 ? a.push(t) : a.splice(o, 1), i("update:modelValue", a), i("change", a);
-    }, D = (e) => {
-      const t = l.modelValue.filter((a) => a !== e);
-      i("update:modelValue", t), i("change", t);
-    }, H = () => {
+    const f = s(() => w.value.filter((e) => {
+      const a = e.value ?? e.label;
+      return t.modelValue.includes(a);
+    })), E = s(() => f.value.slice(0, t.maxVisible)), B = s(() => f.value.length - t.maxVisible), D = (e) => {
+      const a = e.value ?? e.label;
+      d.selectedBuffer.value.has(a) || d.selectedBuffer.value.set(a, e);
+      const n = [...t.modelValue], r = n.indexOf(a);
+      r === -1 ? n.push(a) : n.splice(r, 1), i("update:modelValue", n), i("change", n);
+    }, H = (e) => {
+      const a = t.modelValue.filter((n) => n !== e);
+      i("update:modelValue", a), i("change", a);
+    }, A = () => {
       i("update:modelValue", []), i("change", []);
-    }, A = r(() => [
-      "flex items-center justify-between w-full px-3 py-1.5 rounded-md border text-sm transition-colors cursor-pointer",
-      l.disabled ? "opacity-50 cursor-not-allowed bg-muted" : l.variant === "floating" ? "bg-transparent text-foreground" : "bg-background hover:bg-gray-50/70",
-      l.variant === "outline" || l.variant === "floating" ? "border-input" : "border-transparent bg-muted",
-      c.value ? "border-primary/20" : ""
-    ].join(" "));
-    return r(() => l.size === "sm" ? "xs" : "sm"), (e, t) => (s(), f(v(U), {
-      isOpen: c.value,
-      "onUpdate:isOpen": t[3] || (t[3] = (a) => c.value = a),
+    }, F = s(() => {
+      const e = t.rounded === "none" ? "rounded-none" : `rounded-${t.rounded}`, a = t.variant === "transparent" ? "px-2 py-0" : "px-3 py-1.5", n = t.variant === "transparent" ? "h-full min-h-[40px]" : "min-h-[40px]";
+      return [
+        `flex items-center justify-between w-full ${a} ${n} ${e} border text-sm transition-colors cursor-pointer`,
+        t.disabled ? "opacity-50 cursor-not-allowed bg-muted" : t.variant === "floating" || t.variant === "transparent" ? "bg-transparent text-foreground" : "bg-background hover:bg-gray-50/70",
+        t.variant === "outline" || t.variant === "floating" ? "border-input" : t.variant === "transparent" ? "border-transparent" : "border-transparent bg-muted",
+        m.value && t.variant !== "transparent" ? "border-primary/20" : ""
+      ].join(" ");
+    }), z = s(() => t.size === "sm" ? "xs" : "sm");
+    return (e, a) => (o(), v(h(q), {
+      isOpen: m.value,
+      "onUpdate:isOpen": a[3] || (a[3] = (n) => m.value = n),
       "close-on-select": !1,
       selectable: !0,
-      disabled: n.disabled
+      disabled: l.disabled
     }, {
-      trigger: p(({ isOpen: a }) => [
-        d("div", {
-          class: M(A.value)
+      trigger: p(({ isOpen: n }) => [
+        g("div", {
+          class: u(F.value)
         }, [
-          d("div", J, [
-            m.value.length === 0 ? (s(), h("span", K, w(N.value), 1)) : (s(), h(I, { key: 1 }, [
-              (s(!0), h(I, null, P(E.value, (o) => (s(), f(z, {
-                key: o.value,
-                variant: "secondary",
-                class: "gap-1 pr-1 truncate max-w-[150px]"
+          g("div", {
+            class: u(["flex gap-1.5 items-center flex-1 min-w-0", [l.wrap ? "flex-wrap py-0.5" : "flex-nowrap overflow-hidden py-1"]])
+          }, [
+            f.value.length === 0 ? (o(), c("span", K, S(j.value), 1)) : (o(), c(I, { key: 1 }, [
+              (o(!0), c(I, null, R(E.value, (r) => (o(), v(L, {
+                key: r.value,
+                variant: l.variant === "transparent" ? "outline" : "secondary",
+                size: z.value,
+                rounded: l.rounded === "none" ? "sm" : "full",
+                class: u(["gap-1 pr-1 truncate min-w-0 shrink", [
+                  l.wrap ? "max-w-[150px]" : "",
+                  l.variant === "transparent" ? "border-transparent bg-muted/50 text-foreground font-medium shadow-none" : ""
+                ]])
               }, {
                 default: p(() => [
-                  d("span", Q, w(o.labelI18n ? v(O)(o.labelI18n) : o.label), 1),
-                  n.disabled ? S("", !0) : (s(), h("button", {
+                  g("span", Q, S(r.labelI18n ? h(O)(r.labelI18n) : r.label), 1),
+                  l.disabled ? b("", !0) : (o(), c("button", {
                     key: 0,
                     type: "button",
-                    onClick: T((Y) => D(o.value), ["stop"]),
-                    class: "hover:bg-destructive/10 hover:text-destructive rounded-full p-0.5 transition-colors"
+                    onClick: T((Y) => H(r.value), ["stop"]),
+                    class: u(["rounded transition-colors shrink-0 flex items-center justify-center p-px", l.variant === "transparent" ? "text-muted-foreground hover:bg-black/10 hover:text-foreground" : "hover:bg-destructive/10 hover:text-destructive p-0.5 rounded-full"])
                   }, [
-                    V(k, {
+                    k(C, {
                       icon: "lucide:x",
                       class: "w-3 h-3"
                     })
-                  ], 8, W))
+                  ], 10, W))
                 ]),
                 _: 2
-              }, 1024))), 128)),
-              C.value > 0 ? (s(), f(z, {
+              }, 1032, ["variant", "size", "rounded", "class"]))), 128)),
+              B.value > 0 ? (o(), v(L, {
                 key: 0,
-                variant: "secondary",
-                class: "font-normal text-muted-foreground"
+                variant: l.variant === "transparent" ? "outline" : "secondary",
+                size: z.value,
+                rounded: l.rounded === "none" ? "sm" : "full",
+                class: u(["shrink-0", l.variant === "transparent" ? "border-transparent bg-muted/50 text-muted-foreground font-medium shadow-none" : ""])
               }, {
                 default: p(() => [
-                  R(" +" + w(C.value), 1)
+                  U(" +" + S(B.value), 1)
                 ]),
                 _: 1
-              })) : S("", !0)
+              }, 8, ["variant", "size", "rounded", "class"])) : b("", !0)
             ], 64))
-          ]),
-          d("div", X, [
-            m.value.length > 0 && !n.disabled ? (s(), f(k, {
+          ], 2),
+          l.showControls ? (o(), c("div", X, [
+            f.value.length > 0 && !l.disabled ? (o(), v(C, {
               key: 0,
               icon: "lucide:x",
               class: "w-4 h-4 hover:text-foreground transition-colors",
-              onClick: T(H, ["stop"])
-            })) : S("", !0),
-            t[4] || (t[4] = d("div", { class: "w-px h-4 bg-border mx-0.5" }, null, -1)),
-            V(k, {
+              onClick: T(A, ["stop"])
+            })) : b("", !0),
+            a[4] || (a[4] = g("div", { class: "w-px h-4 bg-border mx-0.5" }, null, -1)),
+            k(C, {
               icon: "lucide:chevron-down",
-              class: M(["w-4 h-4 transition-transform duration-200", { "rotate-180": a }])
+              class: u(["w-4 h-4 transition-transform duration-200", { "rotate-180": n }])
             }, null, 8, ["class"])
-          ])
+          ])) : b("", !0)
         ], 2)
       ]),
       default: p(() => [
-        V(v(q), {
-          options: b.value,
-          cachedOptions: y.value,
-          selected: n.modelValue,
+        k(h(G), {
+          options: y.value,
+          cachedOptions: w.value,
+          selected: l.modelValue,
           class: "min-w-[300px]",
-          loading: n.loading || v(u).isHydrating.value,
-          hasMore: n.hasMore,
-          searchable: n.searchable,
-          remote: n.remote,
-          debounceTime: n.debounceTime,
-          layout: n.layout,
-          onSelect: j,
-          onClose: t[0] || (t[0] = (a) => c.value = !1),
-          onLoadMore: t[1] || (t[1] = (a) => e.$emit("load-more")),
-          onSearch: t[2] || (t[2] = (a) => e.$emit("search", a))
+          loading: l.loading || h(d).isHydrating.value,
+          hasMore: l.hasMore,
+          searchable: l.searchable,
+          remote: l.remote,
+          debounceTime: l.debounceTime,
+          layout: l.layout,
+          onSelect: D,
+          onClose: a[0] || (a[0] = (n) => m.value = !1),
+          onLoadMore: a[1] || (a[1] = (n) => e.$emit("load-more")),
+          onSearch: a[2] || (a[2] = (n) => e.$emit("search", n))
         }, null, 8, ["options", "cachedOptions", "selected", "loading", "hasMore", "searchable", "remote", "debounceTime", "layout"])
       ]),
       _: 1
@@ -165,5 +183,5 @@ const J = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }
   }
 });
 export {
-  oe as default
+  re as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.7.12",
+  "version": "0.7.13",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -894,5 +894,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-input[data-v-66452678]::-webkit-outer-spin-button,input[data-v-66452678]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-66452678]{-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-d2085008]{animation:blink-animation-d2085008 1s infinite}@keyframes blink-animation-d2085008{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-a86554e2]{display:flex;flex-direction:column}.form-field-item[data-v-a86554e2]:has([role=switch]),.form-field-item[data-v-a86554e2]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-1a2b21d0]{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-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{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-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-12cf2491]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-12cf2491]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-12cf2491]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-12cf2491]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-12cf2491]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-12cf2491]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-12cf2491]{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-12cf2491]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-12cf2491]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-12cf2491]{gap:0}.breadcrumb--arrow[data-v-12cf2491] .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-12cf2491] .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-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-12cf2491]{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-09b401c2]{max-height:70vh}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-fc14e574]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background)}.custom-list-header[data-v-fc14e574]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-fc14e574]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-fc14e574]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-fc14e574]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-fc14e574],.custom-list-header+.custom-list-header[data-v-fc14e574]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-fc14e574]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-e9fed8ed]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto}.custom-table[data-v-e9fed8ed]{width:100%;border-collapse:collapse}.custom-th[data-v-e9fed8ed]{background-color:var(--color-gray-150);color:var(--color-foreground);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}.custom-th.text-center[data-v-e9fed8ed]{text-align:center;min-width:100px}.custom-th[data-v-e9fed8ed]:first-child{border-left:none}.custom-td[data-v-e9fed8ed]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-e9fed8ed]{text-align:center}.custom-td[data-v-e9fed8ed]:first-child{border-left:none}.custom-group-row td[data-v-e9fed8ed]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-e9fed8ed]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-e9fed8ed]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-e9fed8ed]{border-bottom:none}.custom-active-cell[data-v-e9fed8ed]{cursor:pointer}.custom-active-cell[data-v-e9fed8ed]:hover{background-color:var(--color-accent)}.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-66452678]::-webkit-outer-spin-button,input[data-v-66452678]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-66452678]{-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-d2085008]{animation:blink-animation-d2085008 1s infinite}@keyframes blink-animation-d2085008{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-112b16b5] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-112b16b5] input,.custom-fields-table[data-v-112b16b5] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-112b16b5] input,.custom-fields-table[data-v-112b16b5] textarea,.custom-fields-table[data-v-112b16b5] select,.custom-fields-table[data-v-112b16b5] .input-wrapper,.custom-fields-table[data-v-112b16b5] .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-112b16b5] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-112b16b5] input:focus,.custom-fields-table[data-v-112b16b5] textarea:focus,.custom-fields-table[data-v-112b16b5] select:focus,.custom-fields-table[data-v-112b16b5] .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-112b16b5] .w-full{width:100%;height:100%}.list-enter-active[data-v-112b16b5]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-112b16b5]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-a86554e2]{display:flex;flex-direction:column}.form-field-item[data-v-a86554e2]:has([role=switch]),.form-field-item[data-v-a86554e2]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-1a2b21d0]{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-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{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-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-12cf2491]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-12cf2491]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-12cf2491]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-12cf2491]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-12cf2491]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-12cf2491]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-12cf2491]{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-12cf2491]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-12cf2491]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-12cf2491]{gap:0}.breadcrumb--arrow[data-v-12cf2491] .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-12cf2491] .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-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-12cf2491]{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-09b401c2]{max-height:70vh}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-fc14e574]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background)}.custom-list-header[data-v-fc14e574]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-fc14e574]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-fc14e574]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-fc14e574]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-fc14e574],.custom-list-header+.custom-list-header[data-v-fc14e574]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-fc14e574]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-e9fed8ed]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto}.custom-table[data-v-e9fed8ed]{width:100%;border-collapse:collapse}.custom-th[data-v-e9fed8ed]{background-color:var(--color-gray-150);color:var(--color-foreground);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}.custom-th.text-center[data-v-e9fed8ed]{text-align:center;min-width:100px}.custom-th[data-v-e9fed8ed]:first-child{border-left:none}.custom-td[data-v-e9fed8ed]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-e9fed8ed]{text-align:center}.custom-td[data-v-e9fed8ed]:first-child{border-left:none}.custom-group-row td[data-v-e9fed8ed]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-e9fed8ed]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-e9fed8ed]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-e9fed8ed]{border-bottom:none}.custom-active-cell[data-v-e9fed8ed]{cursor:pointer}.custom-active-cell[data-v-e9fed8ed]:hover{background-color:var(--color-accent)}.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}