vlite3 1.1.2 → 1.1.4

package/components/DateRangePicker.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as F, ref as b, watch as L, computed as u, openBlock as d, createBlock as m, unref as v, withCtx as D, createElementVNode as i, createElementBlock as w, Fragment as T, renderList as z, createCommentVNode as B, createVNode as h, normalizeClass as y, toDisplayString as x, createTextVNode as E } from "vue";
-import $ from "./Dropdown/Dropdown.vue.js";
+import { defineComponent as $, ref as b, watch as F, computed as u, openBlock as d, createBlock as m, unref as v, withCtx as D, createElementVNode as i, createElementBlock as w, Fragment as L, renderList as T, createCommentVNode as z, createVNode as h, normalizeClass as y, toDisplayString as x, createTextVNode as B } from "vue";
+import E from "./Dropdown/Dropdown.vue.js";
 import R from "./Icon.vue.js";
 import { $t as l } from "../utils/i18n.js";
 /* empty css           */
@@ -10,7 +10,7 @@ import "v-datepicker-lite/style.css";
 const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, Q = {
   key: 0,
   class: "flex flex-col gap-1 sm:pr-3 py-2 sm:border-r border-border max-h-[280px]"
-}, O = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, I = { class: "border border-border rounded-md overflow-hidden bg-background" }, U = { class: "flex items-center justify-center shrink-0" }, q = { class: "border border-border rounded-md overflow-hidden bg-background" }, te = /* @__PURE__ */ F({
+}, O = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, I = { class: "border border-border rounded-md overflow-hidden bg-background" }, U = { class: "flex items-center justify-center shrink-0" }, q = { class: "border border-border rounded-md overflow-hidden bg-background" }, te = /* @__PURE__ */ $({
   __name: "DateRangePicker",
   props: {
     modelValue: {},
@@ -28,7 +28,7 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
   emits: ["update:modelValue", "change"],
   setup(s, { emit: M }) {
     const g = s, k = M, o = b(!1), c = b(0);
-    L(o, (a) => {
+    F(o, (a) => {
       a && c.value++;
     });
     const n = u({
@@ -46,13 +46,13 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
       n.value = { ...n.value, startDate: a };
     }, S = (a) => {
       n.value = { ...n.value, endDate: a };
-    }, _ = u(() => {
+    }, C = u(() => {
       if (n.value.endDate) {
         const a = new Date(n.value.endDate);
         if (!isNaN(a.getTime())) return a.toISOString();
       }
       return g.maxDate;
-    }), C = u(() => {
+    }), N = u(() => {
       if (n.value.startDate) {
         const a = new Date(n.value.startDate);
         if (!isNaN(a.getTime())) return a.toISOString();
@@ -66,7 +66,7 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
       } catch {
         return "";
       }
-    }, N = u(() => [
+    }, V = u(() => [
       {
         label: l("vlite.dateRangePicker.today") !== "vlite.dateRangePicker.today" ? l("vlite.dateRangePicker.today") : "Today",
         value: "today",
@@ -112,7 +112,7 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
         value: "last_year",
         icon: "lucide:history"
       }
-    ]), V = (a) => {
+    ]), _ = (a) => {
       const e = /* @__PURE__ */ new Date();
       let t = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
       switch (e.setHours(0, 0, 0, 0), t.setHours(0, 0, 0, 0), r.setHours(0, 0, 0, 0), a.value) {
@@ -146,7 +146,7 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
       }
       n.value = { startDate: t, endDate: r }, c.value++, o.value = !1;
     };
-    return (a, e) => (d(), m(v($), {
+    return (a, e) => (d(), m(v(E), {
       isOpen: o.value,
       "onUpdate:isOpen": e[0] || (e[0] = (t) => o.value = t),
       position: "bottom-start",
@@ -160,36 +160,37 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
           variant: s.variant || "outline",
           size: s.size || "md",
           disabled: s.disabled,
-          class: y(["w-full justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": t }]])
+          class: y(["w-full justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": t }]]),
+          "data-testid": a.$attrs["data-testid"] || (a.$attrs.name ? `daterange-${a.$attrs.name}` : "daterange")
         }, {
           default: D(() => [
             i("div", j, [
               i("span", {
                 class: y({ "text-muted-foreground": !n.value.startDate })
               }, x(n.value.startDate ? f(n.value.startDate) : s.placeholderStart), 3),
-              e[1] || (e[1] = E(" — ", -1)),
+              e[1] || (e[1] = B(" — ", -1)),
               i("span", {
                 class: y({ "text-muted-foreground": !n.value.endDate })
               }, x(n.value.endDate ? f(n.value.endDate) : s.placeholderEnd), 3)
             ])
           ]),
           _: 1
-        }, 8, ["variant", "size", "disabled", "class"])
+        }, 8, ["variant", "size", "disabled", "class", "data-testid"])
       ]),
       menu: D(() => [
         i("div", H, [
           s.showQuickRanges ? (d(), w("div", Q, [
             e[2] || (e[2] = i("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
-            (d(!0), w(T, null, z(N.value, (t) => (d(), m(P, {
+            (d(!0), w(L, null, T(V.value, (t) => (d(), m(P, {
               key: t.value,
               text: t.label,
               icon: t.icon,
               variant: "ghost",
               size: "sm",
               class: "justify-start w-full font-normal",
-              onClick: (r) => V(t)
+              onClick: (r) => _(t)
             }, null, 8, ["text", "icon", "onClick"]))), 128))
-          ])) : B("", !0),
+          ])) : z("", !0),
           i("div", O, [
             i("div", I, [
               (d(), m(v(p), {
@@ -197,7 +198,7 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
                 value: n.value.startDate,
                 onChange: Y,
                 mode: "date",
-                "max-date": _.value,
+                "max-date": C.value,
                 "min-date": s.minDate,
                 disabled: s.disabled,
                 class: "min-w-[270px]",
@@ -220,7 +221,7 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
                 value: n.value.endDate,
                 onChange: S,
                 mode: "date",
-                "min-date": C.value,
+                "min-date": N.value,
                 "max-date": s.maxDate,
                 class: "min-w-[270px]",
                 disabled: s.disabled,

package/components/Dropdown/Dropdown.vue.d.ts

@@ -22,6 +22,7 @@ type __VLS_Props = {
     nestedPosition?: TooltTipPlacement;
     nestedOffset?: [number, number];
     showSelectedLabel?: boolean;
+    showSelectedIcon?: boolean;
     selectable?: boolean;
     doubleConfirmation?: boolean;
     layout?: 'default' | 'grouped';
@@ -42,6 +43,7 @@ declare function __VLS_template(): {
     slots: {
         trigger?(_: {
             selectedLabel: string;
+            selectedIcon: string;
             isOpen: boolean;
         }): any;
         default?(_: {}): any;
@@ -104,6 +106,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     isOpen: boolean;
     teleport: boolean;
     showSelectedLabel: boolean;
+    showSelectedIcon: boolean;
     doubleConfirmation: boolean;
     isNested: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/components/Dropdown/Dropdown.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as ne, ref as i, computed as c, inject as oe, onMounted as ae, onUnmounted as ie, watch as P, provide as V, reactive as se, toRefs as re, openBlock as x, createElementBlock as R, normalizeStyle as de, createVNode as M, unref as g, withCtx as f, renderSlot as m, createCommentVNode as z, createBlock as ue, normalizeClass as ce, createSlots as fe, normalizeProps as E, guardReactiveProps as j } from "vue";
-import me from "v-tooltip-lite";
+import { defineComponent as oe, ref as i, computed as f, inject as ae, onMounted as ie, onUnmounted as se, watch as P, provide as R, reactive as re, toRefs as de, openBlock as x, createElementBlock as z, normalizeStyle as ue, createVNode as M, unref as u, withCtx as m, renderSlot as v, createCommentVNode as E, createBlock as ce, normalizeClass as fe, createSlots as me, normalizeProps as j, guardReactiveProps as U } from "vue";
+import ve from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import ve from "./DropdownMenu.vue.js";
-import he from "./DropdownTrigger.vue.js";
+import he from "./DropdownMenu.vue.js";
+import ge from "./DropdownTrigger.vue.js";
 import pe from "../ConfirmationModal.vue.js";
-import { useDropdownIds as ge } from "./composables/useDropdownIds.js";
-import { useDropdownSelection as ye } from "./composables/useDropdownSelection.js";
-import { useDropdownHydration as be } from "./composables/useDropdownHydration.js";
-const Ce = {
+import { useDropdownIds as ye } from "./composables/useDropdownIds.js";
+import { useDropdownSelection as be } from "./composables/useDropdownSelection.js";
+import { useDropdownHydration as Ce } from "./composables/useDropdownHydration.js";
+const Oe = {
   key: 0,
   tabindex: "0"
-}, Me = /* @__PURE__ */ ne({
+}, Ne = /* @__PURE__ */ oe({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -34,6 +34,7 @@ const Ce = {
     nestedPosition: {},
     nestedOffset: {},
     showSelectedLabel: { type: Boolean, default: !0 },
+    showSelectedIcon: { type: Boolean, default: !1 },
     selectable: { type: Boolean, default: !0 },
     doubleConfirmation: { type: Boolean, default: !1 },
     layout: { default: "default" },
@@ -50,22 +51,22 @@ const Ce = {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(l, { emit: U }) {
-    const o = l, v = U, y = i(!1), h = i(null), r = i({
+  setup(t, { emit: q }) {
+    const o = t, h = q, y = i(!1), g = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), q = c(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), F = c(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), b = i(o.isOpen || !1), C = i(0), G = `dropdown-${Math.random().toString(36).substring(2, 9)}`, $ = c(() => o.menuId || G), p = i([]), s = oe("dropdown-context", null), J = (e) => {
+    }), F = f(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), G = f(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), b = i(o.isOpen || !1), C = i(0), J = `dropdown-${Math.random().toString(36).substring(2, 9)}`, w = f(() => o.menuId || J), p = i([]), s = ae("dropdown-context", null), K = (e) => {
       p.value.includes(e) || p.value.push(e), s?.registerChildId?.(e);
-    }, K = (e) => {
+    }, Q = (e) => {
       p.value = p.value.filter((n) => n !== e), s?.unregisterChildId?.(e);
     };
-    ae(() => {
-      s?.registerChildId && s.registerChildId(`#${$.value}`);
-    }), ie(() => {
-      s?.unregisterChildId && s.unregisterChildId(`#${$.value}`);
+    ie(() => {
+      s?.registerChildId && s.registerChildId(`#${w.value}`);
+    }), se(() => {
+      s?.unregisterChildId && s.unregisterChildId(`#${w.value}`);
     }), P(
       () => o.isOpen,
       (e) => {
@@ -77,71 +78,71 @@ const Ce = {
     );
     const N = (e) => {
       if (o.disabled) {
-        b.value = !1, v("update:isOpen", !1);
+        b.value = !1, h("update:isOpen", !1);
         return;
       }
-      b.value = e, v("update:isOpen", e), v(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+      b.value = e, h("update:isOpen", e), h(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
     }, O = () => {
       N(!1);
-    }, Q = (e) => {
+    }, W = (e) => {
       e ? C.value++ : C.value = Math.max(0, C.value - 1);
     };
-    V("dropdown-context", {
+    R("dropdown-context", {
       close: O,
       onChildToggle: (e) => {
-        Q(e), s?.onChildToggle?.(e);
+        W(e), s?.onChildToggle?.(e);
       },
-      registerChildId: J,
-      unregisterChildId: K
-    }), V("modal-context", null);
-    const w = c(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), A = i(!1), k = i(!1);
+      registerChildId: K,
+      unregisterChildId: Q
+    }), R("modal-context", null);
+    const I = f(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), A = i(!1), $ = i(!1);
     P(
-      w,
+      I,
       (e) => {
         if (e) {
           if (o.remote) {
             const n = [...S.value];
-            e.forEach((t) => {
-              n.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || n.push(t);
+            e.forEach((l) => {
+              n.some((a) => a.value !== void 0 && l.value !== void 0 ? typeof a.value == "object" && a.key && l.key ? a.key === l.key && a.value[a.key] === l.value[l.key] : a.value === l.value : a.label === l.label) || n.push(l);
             }), S.value = n;
           } else
             S.value = e;
           !A.value && e.length > 0 && (A.value = !0, setTimeout(() => {
-            k.value = !0, H(T.value);
+            $.value = !0, H(T.value);
           }, 10));
         }
       },
       { immediate: !0 }
     );
-    const u = c(() => {
-      const e = [...S.value], n = new Set(e.map((t) => t.value ?? t.label));
-      return I.value.forEach((t, d) => {
-        n.has(d) || (e.unshift(t), n.add(d));
+    const c = f(() => {
+      const e = [...S.value], n = new Set(e.map((l) => l.value ?? l.label));
+      return k.value.forEach((l, d) => {
+        n.has(d) || (e.unshift(l), n.add(d));
       }), e;
-    }), { selectedBuffer: I, isHydrating: W, hydrateSelected: H } = be({
+    }), { selectedBuffer: k, isHydrating: X, hydrateSelected: H } = Ce({
       fetchSelected: o.fetchSelected,
-      getAvailableOptions: () => u.value,
-      isReady: () => k.value
-    }), { getAllRecursiveIds: X } = ge(), Y = se({
-      ...re(o),
-      options: u
-    }), { currentValue: T, selectedLabel: D, selectOption: Z } = ye(
-      Y,
-      v
-    ), _ = c(() => {
-      const e = o.ignoreClickOutside || [], n = X(u.value);
+      getAvailableOptions: () => c.value,
+      isReady: () => $.value
+    }), { getAllRecursiveIds: Y } = ye(), Z = re({
+      ...de(o),
+      options: c
+    }), { currentValue: T, selectedLabel: D, selectedIcon: L, selectOption: _ } = be(
+      Z,
+      h
+    ), ee = f(() => {
+      const e = o.ignoreClickOutside || [], n = Y(c.value);
       return [.../* @__PURE__ */ new Set([...e, ...n, ...p.value])];
     });
     P(
       () => T.value,
       (e) => {
-        k.value && H(e);
+        $.value && H(e);
       },
       { deep: !0 }
     );
-    const ee = (e) => {
+    const te = (e) => {
       if (o.disabled || e.disabled) return;
-      o.doubleConfirmation || !!e.confirmation ? (h.value = e, typeof e.confirmation == "object" ? r.value = {
+      o.doubleConfirmation || !!e.confirmation ? (g.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
@@ -153,120 +154,121 @@ const Ce = {
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, y.value = !0, O()) : (L(e), o.closeOnSelect && O());
-    }, L = (e) => {
+      }, y.value = !0, O()) : (V(e), o.closeOnSelect && O());
+    }, V = (e) => {
       if (o.disabled || e.disabled) return;
       const n = e.value ?? e.label;
-      I.value.has(n) || I.value.set(n, e);
-      const t = Z(e);
+      k.value.has(n) || k.value.set(n, e);
+      const l = _(e);
       if (!o.isNested) {
         const d = e._originalOption || e, a = d.value ?? d.label;
         (e._path || [d]).forEach((B) => {
           typeof B.onSelect == "function" && B.onSelect({
             value: a,
             option: B,
-            data: u.value || [],
-            values: t
+            data: c.value || [],
+            values: l
           });
         });
       }
-    }, te = () => {
-      h.value && (L(h.value), h.value = null, y.value = !1);
     }, le = () => {
-      h.value = null, y.value = !1;
+      g.value && (V(g.value), g.value = null, y.value = !1);
+    }, ne = () => {
+      g.value = null, y.value = !1;
     };
-    return (e, n) => (x(), R("div", {
+    return (e, n) => (x(), z("div", {
       class: "relative inline-block text-left",
-      style: de({ direction: l.direction })
+      style: ue({ direction: t.direction })
     }, [
-      M(g(me), {
+      M(u(ve), {
         content: "",
         trigger: "click",
         arrow: !1,
-        teleport: l.teleport,
-        offset: l.offset,
-        placement: q.value,
+        teleport: t.teleport,
+        offset: t.offset,
+        placement: F.value,
         isOpen: b.value,
         keepAlive: C.value > 0,
-        menuId: $.value,
-        ignoreClickOutside: _.value,
+        menuId: w.value,
+        ignoreClickOutside: ee.value,
         class: "w-full",
-        className: "dropdown " + (l.className || ""),
-        onOnShow: n[2] || (n[2] = (t) => e.$emit("onOpen")),
-        onOnHide: n[3] || (n[3] = (t) => e.$emit("onClose")),
+        className: "dropdown " + (t.className || ""),
+        onOnShow: n[2] || (n[2] = (l) => e.$emit("onOpen")),
+        onOnHide: n[3] || (n[3] = (l) => e.$emit("onClose")),
         "onUpdate:isOpen": N,
         triggerClass: "w-full",
         styles: { padding: "0" }
       }, {
-        trigger: f(({ isOpen: t }) => [
-          m(e.$slots, "trigger", E(j({ selectedLabel: g(D), isOpen: t })), () => [
-            M(he, {
-              "selected-label": g(D),
-              "is-open": t,
-              direction: l.direction,
-              disabled: l.disabled,
-              triggerProps: l.triggerProps,
+        trigger: m(({ isOpen: l }) => [
+          v(e.$slots, "trigger", j(U({ selectedLabel: u(D), selectedIcon: t.showSelectedIcon ? u(L) : void 0, isOpen: l })), () => [
+            M(ge, {
+              "selected-label": u(D),
+              "selected-icon": t.showSelectedIcon ? u(L) : void 0,
+              "is-open": l,
+              direction: t.direction,
+              disabled: t.disabled,
+              triggerProps: t.triggerProps,
               class: "w-full"
-            }, null, 8, ["selected-label", "is-open", "direction", "disabled", "triggerProps"])
+            }, null, 8, ["selected-label", "selected-icon", "is-open", "direction", "disabled", "triggerProps"])
           ])
         ]),
-        default: f(() => [
-          e.$slots?.default ? (x(), R("span", Ce, [
-            m(e.$slots, "default")
-          ])) : z("", !0),
-          !l.disabled && (w.value.length || u.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable) ? (x(), ue(ve, {
+        default: m(() => [
+          e.$slots?.default ? (x(), z("span", Oe, [
+            v(e.$slots, "default")
+          ])) : E("", !0),
+          !t.disabled && (I.value.length || c.value.length || e.$slots.menu || e.$slots.item || t.remote || t.searchable) ? (x(), ce(he, {
             key: 1,
-            options: w.value,
-            cachedOptions: u.value,
-            class: ce(l.className),
-            selected: g(T),
-            selectedIndex: l.selectedIndex,
-            maxHeight: l.maxHeight,
-            nestedPosition: F.value,
-            nestedOffset: l.nestedOffset,
-            selectable: l.selectable,
-            direction: l.direction,
-            layout: l.layout,
-            columns: l.columns,
-            loading: l.loading || g(W),
-            hasMore: l.hasMore,
-            searchable: l.searchable,
-            remote: l.remote,
-            debounceTime: l.debounceTime,
-            onSelect: ee,
+            options: I.value,
+            cachedOptions: c.value,
+            class: fe(t.className),
+            selected: u(T),
+            selectedIndex: t.selectedIndex,
+            maxHeight: t.maxHeight,
+            nestedPosition: G.value,
+            nestedOffset: t.nestedOffset,
+            selectable: t.selectable,
+            direction: t.direction,
+            layout: t.layout,
+            columns: t.columns,
+            loading: t.loading || u(X),
+            hasMore: t.hasMore,
+            searchable: t.searchable,
+            remote: t.remote,
+            debounceTime: t.debounceTime,
+            onSelect: te,
             onClose: O,
-            onLoadMore: n[0] || (n[0] = (t) => e.$emit("load-more")),
-            onSearch: n[1] || (n[1] = (t) => e.$emit("search", t))
-          }, fe({ _: 2 }, [
+            onLoadMore: n[0] || (n[0] = (l) => e.$emit("load-more")),
+            onSearch: n[1] || (n[1] = (l) => e.$emit("search", l))
+          }, me({ _: 2 }, [
             e.$slots.menu ? {
               name: "menu",
-              fn: f(() => [
-                m(e.$slots, "menu")
+              fn: m(() => [
+                v(e.$slots, "menu")
               ]),
               key: "0"
             } : void 0,
             e.$slots.item ? {
               name: "item",
-              fn: f((t) => [
-                m(e.$slots, "item", E(j(t)))
+              fn: m((l) => [
+                v(e.$slots, "item", j(U(l)))
               ]),
               key: "1"
             } : void 0,
             e.$slots.header ? {
               name: "header",
-              fn: f(() => [
-                m(e.$slots, "header")
+              fn: m(() => [
+                v(e.$slots, "header")
               ]),
               key: "2"
             } : void 0,
             e.$slots.footer ? {
               name: "footer",
-              fn: f(() => [
-                m(e.$slots, "footer")
+              fn: m(() => [
+                v(e.$slots, "footer")
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : z("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : E("", !0)
         ]),
         _: 3
       }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
@@ -277,12 +279,12 @@ const Ce = {
         "confirm-text": r.value.confirmText,
         "cancel-text": r.value.cancelText,
         variant: r.value.variant,
-        onConfirm: te,
-        onCancel: le
+        onConfirm: le,
+        onCancel: ne
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])
     ], 4));
   }
 });
 export {
-  Me as default
+  Ne as default
 };

package/components/Dropdown/DropdownBooleanItem.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as r, computed as d, openBlock as a, createElementBlock as u, withModifiers as p, normalizeClass as f, createElementVNode as l, createBlock as g, createCommentVNode as v, toDisplayString as h, createVNode as x } from "vue";
-import b from "../Switch.vue.js";
+import { defineComponent as m, computed as d, openBlock as a, createElementBlock as u, withModifiers as p, normalizeClass as f, createElementVNode as l, createBlock as g, createCommentVNode as h, toDisplayString as v, createVNode as b } from "vue";
+import x from "../Switch.vue.js";
 import y from "../Icon.vue.js";
 import { $t as k } from "../../utils/i18n.js";
-const w = { class: "flex items-center gap-2 flex-1 min-w-0" }, B = { class: "truncate font-medium" }, N = /* @__PURE__ */ r({
+const w = ["data-testid"], B = { class: "flex items-center gap-2 flex-1 min-w-0" }, $ = { class: "truncate font-medium" }, z = /* @__PURE__ */ m({
   __name: "DropdownBooleanItem",
   props: {
     option: {},
@@ -11,36 +11,37 @@ const w = { class: "flex items-center gap-2 flex-1 min-w-0" }, B = { class: "tru
   },
   emits: ["change"],
   setup(e, { emit: c }) {
-    const o = e, s = c, m = d(
+    const o = e, s = c, r = d(
       () => o.option.labelI18n ? k(o.option.labelI18n) : o.option.label
-    ), t = (n) => {
-      s("change", n, o.option);
+    ), n = (t) => {
+      s("change", t, o.option);
     };
-    return (n, i) => (a(), u("div", {
+    return (t, i) => (a(), u("div", {
       tabindex: "0",
       "data-dropdown-item": "",
       class: f(["relative flex cursor-pointer select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none transition-colors", [
         e.focused ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
       ]]),
-      onClick: i[0] || (i[0] = p((j) => t(!e.value), ["stop"]))
+      "data-testid": t.$attrs["data-testid"] || `dropdown-item-bool-${e.option.key || e.option.label}`.toLowerCase().replace(/[^a-z0-9]+/g, "-"),
+      onClick: i[0] || (i[0] = p((j) => n(!e.value), ["stop"]))
     }, [
-      l("div", w, [
+      l("div", B, [
         e.option.icon || e.option.emoji ? (a(), g(y, {
           key: 0,
           icon: e.option.icon,
           emoji: e.option.emoji,
           class: "h-4 w-4 shrink-0 opacity-70"
-        }, null, 8, ["icon", "emoji"])) : v("", !0),
-        l("span", B, h(m.value), 1)
+        }, null, 8, ["icon", "emoji"])) : h("", !0),
+        l("span", $, v(r.value), 1)
       ]),
-      x(b, {
+      b(x, {
         "model-value": e.value,
         class: "ml-3 shrink-0 scale-75 origin-right",
-        "onUpdate:modelValue": t
+        "onUpdate:modelValue": n
       }, null, 8, ["model-value"])
-    ], 2));
+    ], 10, w));
   }
 });
 export {
-  N as default
+  z as default
 };