vlite3 0.8.11 → 0.9.2

package/components/Stats/Stats.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as N, computed as w, openBlock as s, createElementBlock as a, normalizeClass as t, Fragment as y, renderList as V, normalizeStyle as b, createElementVNode as c, toDisplayString as o, unref as v, createVNode as f, createCommentVNode as d, createBlock as E, createTextVNode as L } from "vue";
+import { defineComponent as N, computed as w, openBlock as s, createElementBlock as a, normalizeClass as t, Fragment as y, renderList as V, normalizeStyle as v, createElementVNode as c, toDisplayString as l, unref as b, createVNode as f, createCommentVNode as d, createBlock as E, createTextVNode as L } from "vue";
 import g from "../Icon.vue.js";
 import { $t as h } from "../../utils/i18n.js";
-const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
+const O = { class: "flex items-center justify-between w-full mt-1" }, D = {
   key: 0,
   class: "mt-1 flex items-center gap-1 text-sm"
 }, F = {
@@ -47,22 +47,23 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
     class: { default: "" }
   },
   setup(n) {
-    const l = n, S = w(() => {
-      const i = Number(l.columns) || 4;
+    const o = n, S = w(() => {
+      const i = Number(o.columns) || 4;
       return i === 1 ? "grid-cols-1" : i === 2 ? "grid-cols-1 sm:grid-cols-2" : i === 3 ? "grid-cols-1 sm:grid-cols-3" : i === 4 ? "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4" : i === 5 ? "grid-cols-1 sm:grid-cols-3 lg:grid-cols-5" : i === 6 ? "grid-cols-1 sm:grid-cols-3 lg:grid-cols-6" : "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4";
     }), z = w(() => [
       "grid",
       S.value,
-      l.attached ? "gap-0 border-t border-l overflow-hidden" : "gap-3 sm:gap-4.5",
-      l.variant === "shadow" && l.attached ? "shadow-md" : "",
-      l.class
+      o.attached ? "gap-0 border-t border-l overflow-hidden" : "gap-3 sm:gap-4.5",
+      o.variant === "shadow" && o.attached ? "shadow-md" : "",
+      o?.layout === "inline-label-value" ? "rounded-sm overflow-hidden" : "",
+      o.class
     ].join(" ")), I = (i, r) => {
-      const e = l.layout === "inline-label-value" ? "flex px-3.5 py-3 relative transition-all duration-200" : "flex p-5 relative transition-all duration-200", u = {
+      const e = o.layout === "inline-label-value" ? "flex px-3.5 py-3 relative transition-all duration-200" : "flex p-3 relative transition-all duration-200", u = {
         "icon-left": "flex-row items-center gap-3 text-left",
         "icon-right": "flex-row items-center justify-between gap-3 text-left",
-        "icon-top": "flex-col items-start gap-3 text-left",
+        "icon-top": "flex-col items-start gap-1 px-5! pt-2! text-left",
         // title top, value bottom-left, icon bottom-right
-        "title-top-icon-bottom-right": "flex-col items-start gap-0 text-left",
+        "title-top-icon-bottom-right": "flex-col items-start gap-0 text-left px-5! py-4!",
         // centered: value on top (bigger/bold), title below — no icon
         "centered-value-title": "flex-col items-center justify-center text-center gap-1",
         // floating icon overlapping card top-right corner
@@ -71,12 +72,12 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
         "split-bar": "flex-row items-center gap-3 text-left border-l-4",
         // inline-label-value: icon + label left, value right — compact row
         "inline-label-value": "flex-row items-center gap-2.5 text-left"
-      }, j = u[l.layout] || u["icon-left"];
+      }, j = u[o.layout] || u["icon-left"];
       let x = "";
-      if (l.attached)
-        x = "border-b border-r hover:bg-muted/30", l.variant !== "transparent" && (x += " bg-card");
+      if (o.attached)
+        x = "border-b border-r hover:bg-muted/30", o.variant !== "transparent" && (x += " bg-card");
       else {
-        switch (l.variant) {
+        switch (o.variant) {
           case "solid": {
             const M = i.color || "primary", m = {
               primary: "bg-primary-light",
@@ -103,12 +104,12 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
       }
       return [e, j, x].join(" ");
     }, C = (i) => {
-      if (l.variant === "solid" && !l.attached) {
+      if (o.variant === "solid" && !o.attached) {
         const r = i.color;
         if (r && !["primary", "secondary", "success", "warning", "danger", "info"].includes(r))
           return { backgroundColor: `${r}15` };
       }
-      if (l.layout === "split-bar") {
+      if (o.layout === "split-bar") {
         const r = i.color, e = {
           primary: "var(--color-primary)",
           secondary: "var(--color-secondary)",
@@ -121,9 +122,9 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
           return { borderLeftColor: e[r] || r };
       }
       return {};
-    }, P = w(() => l.iconBoxShape === "full-rounded" ? "rounded-full" : l.iconBoxShape === "none" ? "rounded-none" : "rounded-lg"), p = (i) => {
+    }, P = w(() => o.iconBoxShape === "full-rounded" ? "rounded-full" : o.iconBoxShape === "none" ? "rounded-none" : "rounded-lg"), p = (i) => {
       const r = `flex items-center justify-center shrink-0 ${P.value} p-3`, e = i.color || "primary";
-      if (l.iconBoxStyle === "transparent")
+      if (o.iconBoxStyle === "transparent")
         return `${r} bg-transparent ${{
           primary: "text-primary",
           secondary: "text-secondary-foreground",
@@ -132,7 +133,7 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
           danger: "text-danger-dark",
           info: "text-info-dark"
         }[e] || "text-primary"}`;
-      if (l.variant === "solid" && !l.attached) {
+      if (o.variant === "solid" && !o.attached) {
         const u = {
           primary: "bg-primary text-primary-fg",
           secondary: "bg-foreground text-background",
@@ -168,7 +169,7 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
       return r && !["primary", "secondary", "success", "warning", "danger", "info"].includes(r) ? { color: r } : {};
     }, k = (i) => {
       const r = i.color;
-      return r && !["primary", "secondary", "success", "warning", "danger", "info"].includes(r) ? l.iconBoxStyle === "transparent" ? { color: r } : l.variant === "solid" && !l.attached ? { backgroundColor: r, color: "#fff" } : { color: r, backgroundColor: `${r}20` } : {};
+      return r && !["primary", "secondary", "success", "warning", "danger", "info"].includes(r) ? o.iconBoxStyle === "transparent" ? { color: r } : o.variant === "solid" && !o.attached ? { backgroundColor: r, color: "#fff" } : { color: r, backgroundColor: `${r}20` } : {};
     };
     return (i, r) => (s(), a("div", {
       class: t(z.value)
@@ -176,17 +177,17 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
       (s(!0), a(y, null, V(n.items, (e, u) => (s(), a("div", {
         key: e.id || u,
         class: t(I(e)),
-        style: b(C(e))
+        style: v(C(e))
       }, [
         n.layout === "title-top-icon-bottom-right" ? (s(), a(y, { key: 0 }, [
           c("h3", {
             class: t(n.titleSize || "text-sm font-medium text-muted-foreground truncate w-full")
-          }, o(e.titleI18n ? v(h)(e.titleI18n) : e.title), 3),
+          }, l(e.titleI18n ? b(h)(e.titleI18n) : e.title), 3),
           c("div", O, [
             c("div", null, [
               c("p", {
                 class: t(n.valueSize || "text-2xl font-bold text-foreground truncate")
-              }, o(e.value), 3),
+              }, l(e.value), 3),
               e.trend ? (s(), a("div", D, [
                 f(g, {
                   icon: e.trend.isPositive ? "lucide:trending-up" : "lucide:trending-down",
@@ -194,14 +195,14 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
                 }, null, 8, ["icon", "class"]),
                 c("span", {
                   class: t([e.trend.isPositive ? "text-success-dark" : "text-danger-dark", "font-medium whitespace-nowrap"])
-                }, o(e.trend.value), 3),
-                e.trend.label ? (s(), a("span", F, o(e.trend.label), 1)) : d("", !0)
+                }, l(e.trend.value), 3),
+                e.trend.label ? (s(), a("span", F, l(e.trend.label), 1)) : d("", !0)
               ])) : d("", !0)
             ]),
             e.icon ? (s(), a("div", {
               key: 0,
               class: t(p(e)),
-              style: b(k(e))
+              style: v(k(e))
             }, [
               f(g, {
                 icon: e.icon,
@@ -212,10 +213,10 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
         ], 64)) : n.layout === "centered-value-title" ? (s(), a(y, { key: 1 }, [
           c("p", {
             class: t(n.valueSize || "text-3xl font-bold text-foreground")
-          }, o(e.value), 3),
+          }, l(e.value), 3),
           c("h3", {
             class: t(n.titleSize || "text-sm font-medium text-muted-foreground")
-          }, o(e.titleI18n ? v(h)(e.titleI18n) : e.title), 3),
+          }, l(e.titleI18n ? b(h)(e.titleI18n) : e.title), 3),
           e.trend ? (s(), a("div", T, [
             f(g, {
               icon: e.trend.isPositive ? "lucide:trending-up" : "lucide:trending-down",
@@ -223,13 +224,13 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
             }, null, 8, ["icon", "class"]),
             c("span", {
               class: t([e.trend.isPositive ? "text-success-dark" : "text-danger-dark", "font-medium"])
-            }, o(e.trend.value), 3)
+            }, l(e.trend.value), 3)
           ])) : d("", !0)
         ], 64)) : n.layout === "floating-icon" ? (s(), a(y, { key: 2 }, [
           e.icon ? (s(), a("div", {
             key: 0,
             class: t([p(e), "absolute top-4 right-4"]),
-            style: b(k(e))
+            style: v(k(e))
           }, [
             f(g, {
               icon: e.icon,
@@ -238,10 +239,10 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
           ], 6)) : d("", !0),
           c("h3", {
             class: t(n.titleSize || "text-sm font-medium text-muted-foreground truncate pr-12")
-          }, o(e.titleI18n ? v(h)(e.titleI18n) : e.title), 3),
+          }, l(e.titleI18n ? b(h)(e.titleI18n) : e.title), 3),
           c("p", {
             class: t(n.valueSize || "text-2xl font-bold text-foreground truncate mt-1")
-          }, o(e.value), 3),
+          }, l(e.value), 3),
           e.trend ? (s(), a("div", q, [
             f(g, {
               icon: e.trend.isPositive ? "lucide:trending-up" : "lucide:trending-down",
@@ -249,18 +250,18 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
             }, null, 8, ["icon", "class"]),
             c("span", {
               class: t([e.trend.isPositive ? "text-success-dark" : "text-danger-dark", "font-medium whitespace-nowrap"])
-            }, o(e.trend.value), 3),
-            e.trend.label ? (s(), a("span", A, o(e.trend.label), 1)) : d("", !0)
+            }, l(e.trend.value), 3),
+            e.trend.label ? (s(), a("span", A, l(e.trend.label), 1)) : d("", !0)
           ])) : d("", !0)
         ], 64)) : n.layout === "split-bar" ? (s(), a("div", G, [
           c("h3", {
             class: t(
               n.titleSize || "text-xs font-semibold uppercase tracking-widest text-muted-foreground truncate"
             )
-          }, o(e.titleI18n ? v(h)(e.titleI18n) : e.title), 3),
+          }, l(e.titleI18n ? b(h)(e.titleI18n) : e.title), 3),
           c("p", {
             class: t(n.valueSize || "text-3xl font-black text-foreground truncate mt-0.5")
-          }, o(e.value), 3),
+          }, l(e.value), 3),
           e.trend ? (s(), a("div", H, [
             f(g, {
               icon: e.trend.isPositive ? "lucide:trending-up" : "lucide:trending-down",
@@ -268,22 +269,22 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
             }, null, 8, ["icon", "class"]),
             c("span", {
               class: t([e.trend.isPositive ? "text-success-dark" : "text-danger-dark", "font-medium whitespace-nowrap"])
-            }, o(e.trend.value), 3),
-            e.trend.label ? (s(), a("span", J, o(e.trend.label), 1)) : d("", !0)
+            }, l(e.trend.value), 3),
+            e.trend.label ? (s(), a("span", J, l(e.trend.label), 1)) : d("", !0)
           ])) : d("", !0)
         ])) : n.layout === "inline-label-value" ? (s(), a(y, { key: 4 }, [
           e.icon ? (s(), E(g, {
             key: 0,
             icon: e.icon,
             class: t([$(e), n.iconSize || "w-4.5 h-4.5"]),
-            style: b(B(e))
+            style: v(B(e))
           }, null, 8, ["icon", "class", "style"])) : d("", !0),
           c("span", {
             class: t([n.titleSize || "-text-fs-2 font-medium text-muted-foreground truncate", "flex-1 min-w-0"])
-          }, o(e.titleI18n ? v(h)(e.titleI18n) : e.title), 3),
+          }, l(e.titleI18n ? b(h)(e.titleI18n) : e.title), 3),
           c("span", {
-            class: t(n.valueSize || "text-sm font-semibold text-foreground tabular-nums shrink-0")
-          }, o(e.value), 3),
+            class: t(n.valueSize || "-text-fs-1 font-semibold text-foreground tabular-nums shrink-0")
+          }, l(e.value), 3),
           e.trend ? (s(), a("span", {
             key: 1,
             class: t(["shrink-0 flex items-center gap-0.5 text-xs font-medium", e.trend.isPositive ? "text-success-dark" : "text-danger-dark"])
@@ -292,13 +293,13 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
               icon: e.trend.isPositive ? "lucide:trending-up" : "lucide:trending-down",
               class: "w-3 h-3"
             }, null, 8, ["icon"]),
-            L(" " + o(e.trend.value), 1)
+            L(" " + l(e.trend.value), 1)
           ], 2)) : d("", !0)
         ], 64)) : (s(), a(y, { key: 5 }, [
           e.icon && n.layout !== "icon-right" ? (s(), a("div", {
             key: 0,
             class: t(p(e)),
-            style: b(k(e))
+            style: v(k(e))
           }, [
             f(g, {
               icon: e.icon,
@@ -308,11 +309,11 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
           c("div", K, [
             c("h3", {
               class: t(n.titleSize || "text-sm font-medium text-muted-foreground truncate")
-            }, o(e.titleI18n ? v(h)(e.titleI18n) : e.title), 3),
+            }, l(e.titleI18n ? b(h)(e.titleI18n) : e.title), 3),
             c("div", Q, [
               c("p", {
                 class: t(n.valueSize || "text-2xl font-bold text-foreground truncate")
-              }, o(e.value), 3)
+              }, l(e.value), 3)
             ]),
             e.trend ? (s(), a("div", R, [
               f(g, {
@@ -321,14 +322,14 @@ const O = { class: "flex items-end justify-between w-full mt-3" }, D = {
               }, null, 8, ["icon", "class"]),
               c("span", {
                 class: t([e.trend.isPositive ? "text-success-dark" : "text-danger-dark", "font-medium whitespace-nowrap"])
-              }, o(e.trend.value), 3),
-              e.trend.label ? (s(), a("span", U, o(e.trend.label), 1)) : d("", !0)
+              }, l(e.trend.value), 3),
+              e.trend.label ? (s(), a("span", U, l(e.trend.label), 1)) : d("", !0)
             ])) : d("", !0)
           ]),
           e.icon && n.layout === "icon-right" ? (s(), a("div", {
             key: 1,
             class: t(p(e)),
-            style: b(k(e))
+            style: v(k(e))
           }, [
             f(g, {
               icon: e.icon,

package/components/StatusChip/StatusChip.vue.d.ts

@@ -7,7 +7,7 @@ interface Props {
     /** i18n key for the label */
     labelI18n?: string;
     /** Hide the icon even when one is resolved */
-    hideIcon?: boolean;
+    hideIcon?: boolean | null;
     /** Override chip size */
     size?: ChipProps['size'];
     /** Extra classes */
@@ -15,7 +15,7 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     size: ChipProps["size"];
+    hideIcon: boolean | null;
     class: string;
-    hideIcon: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/StatusChip/StatusChip.vue.js

@@ -1,28 +1,29 @@
-import { defineComponent as o, computed as s, openBlock as r, createBlock as i, unref as c, normalizeClass as u } from "vue";
-import f from "../Chip/Chip.vue.js";
-import { resolveStatus as p } from "./status-map.js";
-import { $t as m } from "../../utils/i18n.js";
-const _ = /* @__PURE__ */ o({
+import { defineComponent as u, computed as a, openBlock as c, createBlock as f, unref as p, normalizeClass as m } from "vue";
+import d from "../Chip/Chip.vue.js";
+import { resolveStatus as v } from "./status-map.js";
+import { $t as b } from "../../utils/i18n.js";
+import { useVLiteConfig as I } from "../../core/config.js";
+const S = /* @__PURE__ */ u({
   __name: "StatusChip",
   props: {
     status: {},
     label: {},
     labelI18n: {},
-    hideIcon: { type: Boolean, default: !1 },
+    hideIcon: { type: [Boolean, null], default: null },
     size: { default: "small" },
     class: { default: "" }
   },
-  setup(a) {
-    const e = a, t = s(() => p(e.status)), n = s(() => e.labelI18n ? m(e.labelI18n) : e.label ? e.label : e.status.replace(/[_\-]+/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()));
-    return (l, d) => (r(), i(c(f), {
-      text: n.value,
+  setup(l) {
+    const e = l, s = I(), n = a(() => s?.components?.statusChip), i = a(() => e.hideIcon !== null ? e.hideIcon : n.value?.hideIcon ?? !1), t = a(() => v(e.status, n.value?.customStatuses)), r = a(() => e.labelI18n ? b(e.labelI18n) : t.value.label ? t.value.label : e.label ? e.label : e.status.replace(/[_\-]+/g, " ").replace(/\b\w/g, (o) => o.toUpperCase()));
+    return (o, g) => (c(), f(p(d), {
+      text: r.value,
       variant: t.value.variant,
-      icon: a.hideIcon ? void 0 : t.value.icon,
-      size: a.size,
-      class: u(e.class)
+      icon: i.value ? void 0 : t.value.icon,
+      size: l.size,
+      class: m(e.class)
     }, null, 8, ["text", "variant", "icon", "size", "class"]));
   }
 });
 export {
-  _ as default
+  S as default
 };

package/components/StatusChip/status-map.d.ts

@@ -18,6 +18,7 @@ export declare const STATUS_MAP: Record<string, StatusConfig>;
 export declare function normalizeStatus(status: string): string;
 /**
  * Resolves a status string to its StatusConfig.
+ * Checks global custom statuses first to allow overwriting defaults.
  * Falls back to a secondary chip with the raw label if not found.
  */
-export declare function resolveStatus(status: string): StatusConfig;
+export declare function resolveStatus(status: string, customStatuses?: Record<string, StatusConfig>): StatusConfig;

package/components/StatusChip/status-map.js

@@ -1,4 +1,4 @@
-const e = {
+const d = {
   // ── Active / Positive ──────────────────────────────────────────────────────
   active: { variant: "success", icon: "lucide:check-circle-2" },
   activated: { variant: "success", icon: "lucide:check-circle-2" },
@@ -61,6 +61,8 @@ const e = {
   late: { variant: "orange", icon: "lucide:alarm-clock" },
   partiallyapproved: { variant: "orange", icon: "lucide:check" },
   awaitingapproval: { variant: "warning", icon: "lucide:clock" },
+  onleave: { variant: "warning", icon: "lucide:calendar-clock" },
+  earlycheckout: { variant: "warning", icon: "lucide:clock-4" },
   // ── Error / Danger / Alternative Warnings ──────────────────────────────────
   inactive: { variant: "secondary", icon: "lucide:circle-slash" },
   deactivated: { variant: "secondary", icon: "lucide:circle-slash" },
@@ -85,6 +87,7 @@ const e = {
   offline: { variant: "secondary", icon: "lucide:wifi-off" },
   danger: { variant: "danger", icon: "lucide:alert-circle" },
   declined: { variant: "danger", icon: "lucide:thumbs-down" },
+  laidoff: { variant: "danger", icon: "lucide:user-minus" },
   // ── Neutral / Secondary ────────────────────────────────────────────────────
   new: { variant: "secondary", icon: "lucide:sparkles" },
   unassigned: { variant: "secondary", icon: "lucide:user-x" },
@@ -95,18 +98,25 @@ const e = {
   queued: { variant: "secondary", icon: "lucide:list-ordered" },
   requested: { variant: "secondary", icon: "lucide:send" },
   invited: { variant: "secondary", icon: "lucide:mail" },
+  offday: { variant: "secondary", icon: "lucide:calendar-off" },
+  resigned: { variant: "secondary", icon: "lucide:user-minus" },
   default: { variant: "secondary" },
   none: { variant: "secondary" }
 };
 function n(i) {
   return i.toLowerCase().replace(/[\s_\-]+/g, "");
 }
-function a(i) {
-  const c = n(i);
-  return e[c] ?? { variant: "secondary" };
+function o(i, c) {
+  const e = n(i);
+  if (c) {
+    for (const [a, r] of Object.entries(c))
+      if (n(a) === e)
+        return r;
+  }
+  return d[e] ?? { variant: "secondary" };
 }
 export {
-  e as STATUS_MAP,
+  d as STATUS_MAP,
   n as normalizeStatus,
-  a as resolveStatus
+  o as resolveStatus
 };

package/components/Tabes/Tabes.vue.d.ts

@@ -25,5 +25,5 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     wrap: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/components/Tabes/Tabes.vue.js

@@ -1,145 +1,7 @@
-import { defineComponent as E, ref as b, watch as l, onMounted as D, computed as g, openBlock as i, createElementBlock as p, normalizeClass as u, normalizeStyle as N, createCommentVNode as y, Fragment as O, renderList as P, createBlock as x, resolveDynamicComponent as T, mergeProps as F, withCtx as _, createElementVNode as q, toDisplayString as G, nextTick as H } from "vue";
-import { useResizeObserver as J } from "@vueuse/core";
-import K from "../Icon.vue.js";
-import { $t as Q } from "../../utils/i18n.js";
-const Z = /* @__PURE__ */ E({
-  __name: "Tabes",
-  props: {
-    options: {},
-    modelValue: {},
-    size: { default: "md" },
-    variant: { default: "surface" },
-    block: { type: Boolean, default: !1 },
-    textClass: {},
-    wrap: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(s, { emit: h }) {
-    const n = s, v = h, d = b(null), f = b(/* @__PURE__ */ new Map()), k = (e, a) => {
-      e ? f.value.set(a, e) : f.value.delete(a);
-    }, m = b({
-      width: "0px",
-      height: "0px",
-      transform: "translate(0px, 0px)",
-      opacity: 0
-    }), o = async () => {
-      await H();
-      const e = d.value, a = f.value.get(n.modelValue);
-      if (!e || !a) {
-        m.value.opacity = 0;
-        return;
-      }
-      const t = e.getBoundingClientRect(), r = a.getBoundingClientRect(), c = r.left - t.left, M = r.top - t.top, j = r.width, A = r.height;
-      m.value = {
-        width: `${j}px`,
-        height: `${A}px`,
-        transform: `translate(${c}px, ${M}px)`,
-        opacity: 1
-      };
-    };
-    J(d, o), l(() => n.modelValue, o), l(() => n.options, o, { deep: !0 }), l(() => n.size, o), l(() => n.block, o), l(() => n.wrap, o), D(o);
-    const C = (e) => {
-      e.disabled || (v("update:modelValue", e.value), v("change", e.value));
-    }, w = g(() => {
-      const e = n.variant === "line", a = {
-        surface: "bg-secondary/80 p-1",
-        primary: "bg-secondary p-1",
-        secondary: "bg-secondary p-1",
-        danger: "bg-danger/10 p-1",
-        success: "bg-success/10 p-1",
-        outline: "bg-transparent border border-border p-1",
-        line: "bg-transparent gap-6 rounded-none p-0 border-b border-border"
-      }, t = n.wrap && !e ? "flex-wrap" : "";
-      return [`${n.block || e ? "flex w-full" : "inline-flex"} rounded-lg relative isolate ${t}`, a[n.variant]];
-    }), z = {
-      sm: "text-xs px-2.5 py-1",
-      md: "-text-fs-2 px-3 py-1",
-      lg: "-text-fs-1 px-4 py-1"
-    }, $ = g(() => {
-      const e = n.variant === "line", a = e ? "relative z-10 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-primary/50 pb-2 border-b-2 border-transparent hover:text-foreground" : "relative z-10 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50", t = (n.block || n.wrap) && !e ? "flex-1" : "";
-      return [a, t];
-    }), V = (e) => {
-      const a = e.value === n.modelValue, t = n.variant === "line";
-      let r = "";
-      if (a)
-        if (t)
-          r = "text-primary";
-        else
-          switch (n.variant) {
-            case "surface":
-              r = "text-foreground";
-              break;
-            case "primary":
-              r = "text-primary-foreground";
-              break;
-            case "secondary":
-              r = "text-secondary";
-              break;
-            case "danger":
-              r = "text-danger-fg";
-              break;
-            case "success":
-              r = "text-success-fg";
-              break;
-            case "outline":
-              r = "text-accent-foreground";
-              break;
-            default:
-              r = "text-foreground";
-          }
-      else
-        r = t ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80";
-      const c = e.disabled ? "opacity-50 cursor-not-allowed" : "";
-      return [$.value, r, c].join(" ");
-    }, R = g(() => {
-      const e = "absolute left-0 top-0 transition-all duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] z-0 pointer-events-none";
-      return n.variant === "line" ? `${e} !h-[2px] !top-auto bottom-0` : `${e} rounded-md shadow-sm`;
-    }), B = () => ({
-      surface: "bg-background",
-      primary: "bg-primary",
-      secondary: "bg-secondary-foreground",
-      danger: "bg-danger",
-      success: "bg-success",
-      outline: "bg-accent/50 ring-1 ring-border",
-      line: "bg-primary"
-    })[n.variant], S = (e) => e.labelI18n ? Q(e.labelI18n) : e.label, I = (e) => e.to ? "router-link" : e.href ? "a" : "button", L = (e) => e.to ? { to: e.to } : e.href ? { href: e.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" };
-    return (e, a) => (i(), p("div", {
-      ref_key: "containerRef",
-      ref: d,
-      class: u(w.value),
-      role: "tablist"
-    }, [
-      s.modelValue !== void 0 && !s.wrap ? (i(), p("div", {
-        key: 0,
-        class: u([R.value, B()]),
-        style: N(m.value)
-      }, null, 6)) : y("", !0),
-      (i(!0), p(O, null, P(s.options, (t) => (i(), x(T(I(t)), F({
-        key: t.value,
-        ref_for: !0,
-        ref: (r) => k(r?.$el || r, t.value),
-        role: "tab",
-        "aria-selected": s.modelValue === t.value,
-        disabled: t.disabled,
-        class: [V(t), z[n.size]]
-      }, { ref_for: !0 }, L(t), {
-        onClick: (r) => C(t)
-      }), {
-        default: _(() => [
-          t.icon ? (i(), x(K, {
-            key: 0,
-            icon: t.icon,
-            class: u(s.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4")
-          }, null, 8, ["icon", "class"])) : y("", !0),
-          q("span", {
-            class: u(["whitespace-nowrap z-20 relative", s.textClass])
-          }, G(S(t)), 3)
-        ]),
-        _: 2
-      }, 1040, ["aria-selected", "disabled", "class", "onClick"]))), 128))
-    ], 2));
-  }
-});
+import o from "./Tabes.vue2.js";
+/* empty css           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-262d5698"]]);
 export {
-  Z as default
+  p as default
 };