vlite3 1.2.8 → 1.2.10

package/components/Form/FormFields.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as z, resolveDynamicComponent as B, createTextVNode as V, toDisplayString as F, createCommentVNode as l, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
+import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as D, resolveDynamicComponent as B, createTextVNode as V, toDisplayString as F, createCommentVNode as i, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
 import { isComponent as m, getNestedValue as w, resolveFieldType as ee } from "./utils/form.utils.js";
-import f from "../Label.vue.js";
+import q from "../Label.vue.js";
 import te from "./FormField.vue.js";
 import { $t as ne } from "../../utils/i18n.js";
 const ae = {
@@ -34,8 +34,8 @@ const ae = {
     excludeTypes: { default: () => [] }
   },
   emits: ["change", "addonAction"],
-  setup(a, { emit: q }) {
-    const s = a, k = q, $ = K(() => {
+  setup(a, { emit: $ }) {
+    const s = a, k = $, f = K(() => {
       if (s.className) return s.className;
     }), r = (t) => ee(t, {
       values: s.values,
@@ -60,9 +60,9 @@ const ae = {
       g.value[t] = !1;
     }, L = (t) => {
       const n = x(t), e = r(t);
-      let i = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
-      const D = typeof n == "number" && !isNaN(n);
-      return e === "dateRangePicker" && n && typeof n == "object" && (i = !!(n.startDate || n.endDate || n.start || n.end)), T(t) || e === "number" ? g.value[t.name] || i || D : i || D;
+      let l = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
+      const z = typeof n == "number" && !isNaN(n);
+      return e === "dateRangePicker" && n && typeof n == "object" && (l = !!(n.startDate || n.endDate || n.start || n.end)), T(t) || e === "number" ? g.value[t.name] || l || z : l || z;
     }, T = (t) => {
       const n = r(t) || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(n);
@@ -87,7 +87,7 @@ const ae = {
         return n;
     };
     return (t, n) => (o(), u("div", {
-      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", $.value])
+      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", f.value])
     }, [
       (o(!0), u(p, null, W(a.schema, (e) => (o(), u(p, {
         key: e.name
@@ -113,23 +113,27 @@ const ae = {
           key: 0,
           class: y(["max-md:col-span-full! form-field-item", P(e)])
         }, [
-          c(e) && r(e) !== "switch" && r(e) !== "check" && r(e) !== "customFields" && r(e) !== "choiceBox" && !A(e) ? (o(), b(f, {
+          c(e) && r(e) !== "switch" && r(e) !== "check" && r(e) !== "customFields" && r(e) !== "choiceBox" && !A(e) ? (o(), b(q, {
             key: 0,
+            size: "md",
             for: e.name,
-            class: "mb-2 block -text-fs-2! font-medium"
+            class: "mb-2.5 block font-medium"
           }, {
-            default: z(() => [
+            default: D(() => [
               d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
                 V(F(c(e)) + " ", 1),
-                e.required && a.showRequiredAsterisk ? (o(), u("span", ae, "*")) : l("", !0)
+                e.required && a.showRequiredAsterisk ? (o(), u("span", ae, "*")) : i("", !0)
               ], 64))
             ]),
             _: 2
-          }, 1032, ["for"])) : l("", !0),
+          }, 1032, ["for"])) : i("", !0),
           Y("div", {
-            class: y(["relative", r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full"]),
-            onFocusin: (i) => M(e.name),
-            onFocusout: (i) => O(e.name)
+            class: y([
+              "relative",
+              r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full"
+            ]),
+            onFocusin: (l) => M(e.name),
+            onFocusout: (l) => O(e.name)
           }, [
             A(e) && U(e) && !T(e) ? (o(), u("label", {
               key: 0,
@@ -141,9 +145,9 @@ const ae = {
             }, [
               d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
                 V(F(c(e)) + " ", 1),
-                e.required ? (o(), u("span", oe, "*")) : l("", !0)
+                e.required ? (o(), u("span", oe, "*")) : i("", !0)
               ], 64))
-            ], 10, re)) : l("", !0),
+            ], 10, re)) : i("", !0),
             Z(te, {
               field: s.variant === "floating" ? {
                 ...e,
@@ -164,24 +168,24 @@ const ae = {
               error: v(e),
               isUpdate: a.isUpdate,
               loading: a.fieldLoading[e.name],
-              onChange: (i) => j(e, i),
+              onChange: (l) => j(e, l),
               onAddonChange: S,
               onAddonAction: H
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, se),
-          r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(f, {
+          r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(q, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
-            default: z(() => [
+            default: D(() => [
               V(F(c(e)) + " ", 1),
-              e.required ? (o(), u("span", ue, "*")) : l("", !0)
+              e.required ? (o(), u("span", ue, "*")) : i("", !0)
             ]),
             _: 2
-          }, 1032, ["for"])) : l("", !0),
-          v(e) ? (o(), u("p", ce, F(v(e)), 1)) : l("", !0)
-        ], 2)), n, 0) : l("", !0)
+          }, 1032, ["for"])) : i("", !0),
+          v(e) ? (o(), u("p", ce, F(v(e)), 1)) : i("", !0)
+        ], 2)), n, 0) : i("", !0)
       ], 64))), 128))
     ], 2));
   }

package/components/ImportData/ImportStep2.vue.js

@@ -79,7 +79,6 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
                       options: D(),
                       selected: l.mappings[t],
                       placeholder: "Select Field",
-                      variant: "outline",
                       showCaret: "",
                       "btn-props": { class: "w-full justify-between" },
                       onOnSelect: (p) => (l.mappings[t] = p.value, v("update:mappings", { ...l.mappings }))

package/components/Input.vue.js

@@ -41,7 +41,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
   setup(t, { emit: D }) {
     const e = t, c = D, a = d(() => e.labelI18n ? E(e.labelI18n) : e.label), S = d(
       () => e.placeholderI18n ? E(e.placeholderI18n) : e.placeholder
-    ), y = Z(), m = v(null), x = v(!1), h = v(!1), H = d(() => e.type === "password" && x.value ? "text" : e.type), k = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), $ = d(() => b.value || k.value || h.value), p = d(() => !!e.addonLeft || !!y["addon-left"]), V = d(() => !!e.addonRight || !!y["addon-right"]), U = d(() => [
+    ), x = Z(), m = v(null), y = v(!1), h = v(!1), H = d(() => e.type === "password" && y.value ? "text" : e.type), k = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), $ = d(() => b.value || k.value || h.value), p = d(() => !!e.addonLeft || !!x["addon-left"]), V = d(() => !!e.addonRight || !!x["addon-right"]), U = d(() => [
       "relative w-full",
       e.class,
       e.labelPosition === "left" ? "flex items-center gap-4" : "",
@@ -97,7 +97,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
         "z-10"
       ].join(" ");
     }, q = d(() => {
-      const l = !!y["addon-left"];
+      const l = !!x["addon-left"];
       return [
         "flex items-center justify-center whitespace-nowrap",
         l ? `border-none ${P("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
@@ -114,7 +114,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
     }), G = d(() => {
-      const l = !!y["addon-right"];
+      const l = !!x["addon-right"];
       return [
         "flex items-center justify-center whitespace-nowrap",
         l ? `border-none ${P("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
@@ -137,7 +137,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
       const n = l.target;
       c("change", n.value);
     }, O = () => {
-      e.disabled || e.readonly || (x.value = !x.value);
+      e.disabled || e.readonly || (y.value = !y.value);
     }, Q = () => {
       e.disabled || e.readonly || (c("update:modelValue", ""), B(() => {
         m.value?.focus();
@@ -162,6 +162,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
     }, [
       a.value && t.variant !== "floating" ? (r(), j(te, {
         key: 0,
+        size: "xs",
         for: a.value,
         class: u(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
       }, {
@@ -265,7 +266,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
               onClick: O
             }, [
               C(g, {
-                icon: x.value ? "lucide:eye-off" : "lucide:eye",
+                icon: y.value ? "lucide:eye-off" : "lucide:eye",
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ])) : i("", !0),

package/components/Label.vue.d.ts

@@ -1,6 +1,8 @@
-interface Props {
+export type LabelSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface LabelProps {
     for?: string;
     class?: string;
+    size?: LabelSize;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -11,8 +13,9 @@ declare function __VLS_template(): {
     rootEl: HTMLLabelElement;
 };
 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<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LabelProps> & Readonly<{}>, {
     class: string;
+    size: LabelSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLabelElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Label.vue.js

@@ -1,23 +1,30 @@
-import { defineComponent as r, computed as a, openBlock as l, createElementBlock as n, normalizeClass as c, renderSlot as d } from "vue";
-const p = ["for"], u = /* @__PURE__ */ r({
+import { defineComponent as a, computed as l, openBlock as r, createElementBlock as n, normalizeClass as c, renderSlot as d } from "vue";
+const f = ["for"], m = /* @__PURE__ */ a({
   __name: "Label",
   props: {
     for: {},
-    class: { default: "" }
+    class: { default: "" },
+    size: { default: "md" }
   },
-  setup(o) {
-    const e = o, s = a(() => [
-      "text-sm  leading-none text-gray-800 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  setup(t) {
+    const e = t, o = l(() => [
+      {
+        xs: "-text-fs-3.5",
+        sm: "-text-fs-3",
+        md: "-text-fs-2",
+        lg: "text-base"
+      }[e.size],
+      "leading-none text-gray-800 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       e.class
     ].join(" "));
-    return (t, f) => (l(), n("label", {
+    return (s, i) => (r(), n("label", {
       for: e.for,
-      class: c(s.value)
+      class: c(o.value)
     }, [
-      d(t.$slots, "default")
-    ], 10, p));
+      d(s.$slots, "default")
+    ], 10, f));
   }
 });
 export {
-  u as default
+  m as default
 };

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

@@ -55,9 +55,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     loading: boolean;
     readonly: boolean;
     disabled: boolean;
+    layout: "default" | "grouped";
     modelValue: any[];
     options: (IDropdownOption | string | number)[];
-    layout: "default" | "grouped";
     hasMore: boolean;
     searchable: boolean;
     remote: boolean;

package/components/Screen/ScreenFilter.vue.js

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

package/components/Splitter/Splitter.vue.d.ts

@@ -23,10 +23,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:modelValue"?: (val: number) => any;
 }>, {
     class: string;
+    layout: "horizontal" | "vertical";
     modelValue: number;
     min: number;
     max: number;
-    layout: "horizontal" | "vertical";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     containerRef: HTMLDivElement;
 }, HTMLDivElement>;

package/components/Tabes/Tabes.vue.js

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

package/components/Tabes/Tabes.vue2.js

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