vlite3 1.1.4 → 1.1.5

package/components/DataTable/DataTableRow.vue.d.ts

@@ -9,6 +9,7 @@ interface Props {
     hoverable?: boolean;
     striped?: boolean;
     compact?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -35,6 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
         index: number;
     }) => any;
 }>, {
+    size: "xs" | "sm" | "md" | "lg";
     striped: boolean;
     compact: boolean;
     selectable: boolean;

package/components/DataTable/DataTableRow.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as p, openBlock as o, createElementBlock as d, normalizeClass as a, withModifiers as B, createElementVNode as r, createVNode as M, createCommentVNode as W, Fragment as z, renderList as N, normalizeStyle as V, renderSlot as h, createBlock as f } from "vue";
-import F from "../CheckBox.vue.js";
-import L from "../Price/Price.vue.js";
-import $ from "../DateTime/DateTime.vue.js";
-const T = ["data-state"], E = { class: "flex items-center justify-center" }, H = { class: "max-h-[80px] overflow-y-auto w-full" }, I = ["title", "innerHTML"], j = /* @__PURE__ */ S({
+import { defineComponent as S, computed as z, openBlock as c, createElementBlock as m, normalizeClass as u, withModifiers as B, createElementVNode as a, createVNode as M, createCommentVNode as W, Fragment as N, renderList as V, normalizeStyle as h, renderSlot as F, createBlock as f } from "vue";
+import L from "../CheckBox.vue.js";
+import $ from "../Price/Price.vue.js";
+import T from "../DateTime/DateTime.vue.js";
+const E = ["data-state"], H = { class: "flex items-center justify-center" }, I = { class: "max-h-[80px] overflow-y-auto w-full" }, R = ["title", "innerHTML"], q = /* @__PURE__ */ S({
   __name: "DataTableRow",
   props: {
     row: {},
@@ -13,22 +13,23 @@ const T = ["data-state"], E = { class: "flex items-center justify-center" }, H =
     isSelected: { type: Boolean, default: !1 },
     hoverable: { type: Boolean, default: !0 },
     striped: { type: Boolean, default: !1 },
-    compact: { type: Boolean, default: !1 }
+    compact: { type: Boolean, default: !1 },
+    size: { default: "md" }
   },
   emits: ["select", "rowClick"],
   setup(i, { emit: w }) {
-    const m = i, u = w, n = (e, l) => {
+    const o = i, r = w, n = (e, l) => {
       if (!(!e || !l))
         return l.includes(".") ? l.split(".").reduce((t, s) => t?.[s], e) : e[l];
     }, x = (e, l, t) => e.format ? e.format(l, t) : l == null ? "-" : e.type === "number" ? new Intl.NumberFormat("en-US").format(Number(l)) : String(l), g = (e, l, t) => {
       const s = [];
       if (e.width && /(?:^|\s|:)w-/.test(e.width) && s.push(e.width), e.minWidth && /(?:^|\s|:)min-w-/.test(e.minWidth) && s.push(e.minWidth), e.capitalize && s.push("capitalize"), e.addStatusColor) {
-        const c = y(l);
-        c && s.push(c);
+        const d = y(l);
+        d && s.push(d);
       }
       if (typeof e.class == "function") {
-        const c = e.class(l, t);
-        c && s.push(c);
+        const d = e.class(l, t);
+        d && s.push(d);
       } else e.class && s.push(e.class);
       return s.join(" ");
     }, y = (e) => {
@@ -52,13 +53,13 @@ const T = ["data-state"], E = { class: "flex items-center justify-center" }, H =
       left: "text-left",
       center: "text-center",
       right: "text-right"
-    })[e.align || "left"], k = p(() => n(m.row, m.keyField)), v = () => {
-      u("rowClick", { row: m.row, index: m.index });
+    })[e.align || "left"], p = z(() => n(o.row, o.keyField)), k = () => o.size === "xs" || o.compact ? "py-1.5! -text-fs-1.5! pr-3 max-sm:pr-10!" : o.size === "sm" ? "py-2! -text-fs-1.5! pr-4 max-sm:pr-10!" : o.size === "lg" ? "py-4! text-base pr-6 max-sm:pr-12!" : "py-3! pr-5! max-sm:pr-10! -text-fs-1.5!", v = () => {
+      r("rowClick", { row: o.row, index: o.index });
     }, C = () => {
-      u("select", k.value);
+      r("select", p.value);
     };
-    return (e, l) => (o(), d("tr", {
-      class: a(["border-b data-[state=selected]:bg-muted h-full", [
+    return (e, l) => (c(), m("tr", {
+      class: u(["border-b data-[state=selected]:bg-muted h-full", [
         i.hoverable ? "hover:bg-muted/20" : "",
         i.striped && i.index % 2 === 1 ? "bg-muted/20" : "bg-background",
         i.isSelected ? "bg-muted! hover:bg-muted/30" : "",
@@ -67,62 +68,62 @@ const T = ["data-state"], E = { class: "flex items-center justify-center" }, H =
       "data-state": i.isSelected ? "selected" : void 0,
       onClick: v
     }, [
-      i.selectable ? (o(), d("td", {
+      i.selectable ? (c(), m("td", {
         key: 0,
         class: "px-0! py-1! align-middle text-center",
         onClick: l[0] || (l[0] = B(() => {
         }, ["stop"]))
       }, [
-        r("div", E, [
-          M(F, {
+        a("div", H, [
+          M(L, {
             "model-value": i.isSelected,
             size: "xs",
             "onUpdate:modelValue": C
           }, null, 8, ["model-value"])
         ])
       ])) : W("", !0),
-      (o(!0), d(z, null, N(i.headers, (t) => (o(), d("td", {
+      (c(!0), m(N, null, V(i.headers, (t) => (c(), m("td", {
         key: t.field,
-        class: a(["align-middle overflow-hidden max-w-[400px] whitespace-normal break-words", [
-          i.compact ? "py-1! -text-fs-1.5! max-sm:pr-10!" : "py-3! pr-5! max-sm:pr-10! -text-fs-1.5!",
+        class: u(["align-middle overflow-hidden max-w-[400px] whitespace-normal wrap-break-word", [
+          k(),
           b(t),
           t.hideOnMobile ? "hidden md:table-cell" : "",
           g(t, n(i.row, t.field), i.row)
         ]]),
-        style: V({
+        style: h({
           ...t.width && !/(?:^|\s|:)w-/.test(t.width) ? { width: t.width } : {},
           ...t.minWidth && !/(?:^|\s|:)min-w-/.test(t.minWidth) ? { minWidth: t.minWidth } : {}
         })
       }, [
-        r("div", H, [
-          h(e.$slots, t.field, {
+        a("div", I, [
+          F(e.$slots, t.field, {
             value: n(i.row, t.field),
             row: i.row,
             index: i.index,
             field: t.field
           }, () => [
-            t.type === "price" ? (o(), f(L, {
+            t.type === "price" ? (c(), f($, {
               key: 0,
               value: n(i.row, t.field),
               class: "block",
               title: String(n(i.row, t.field))
-            }, null, 8, ["value", "title"])) : t.type === "date" ? (o(), f($, {
+            }, null, 8, ["value", "title"])) : t.type === "date" ? (c(), f(T, {
               key: 1,
               value: n(i.row, t.field),
               class: "block",
               title: String(n(i.row, t.field))
-            }, null, 8, ["value", "title"])) : (o(), d("span", {
+            }, null, 8, ["value", "title"])) : (c(), m("span", {
               key: 2,
               class: "block",
               title: String(n(i.row, t.field)),
               innerHTML: x(t, n(i.row, t.field), i.row)
-            }, null, 8, I))
+            }, null, 8, R))
           ])
         ])
       ], 6))), 128))
-    ], 10, T));
+    ], 10, E));
   }
 });
 export {
-  j as default
+  q as default
 };

package/components/DataTable/types.d.ts

@@ -11,7 +11,6 @@ export interface SortConfig {
 export interface TableState {
     pagination: PaginationConfig;
     sort: SortConfig;
-    search: string;
     filter: Record<string, any>;
 }
 export interface FilterConfig {
@@ -19,7 +18,6 @@ export interface FilterConfig {
 }
 export interface TableFilter {
     pagination: PaginationConfig;
-    search: string;
     sort: SortConfig;
     filter: FilterConfig;
 }
@@ -48,12 +46,6 @@ export interface TableHeader {
 export interface DataTableProps {
     rows: any[];
     selectedRows?: any[];
-    search?: string;
-    showSearch?: boolean;
-    searchPlaceholder?: string;
-    searchPlaceholderI18n?: string;
-    toolbarClass?: string;
-    toolbarSearchClass?: string;
     headers: TableHeader[];
     /**
      * Unique row identifier field.
@@ -78,6 +70,8 @@ export interface DataTableProps {
     class?: string;
     sortable?: boolean;
     variant?: 'default' | 'raised';
+    headerVariant?: 'default' | 'minimal';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
 }
 export interface SelectionState {
     selected: any[];
@@ -98,7 +92,6 @@ export interface RowClickPayload {
  *                      Undefined when DataTable is used standalone (outside Screen).
  */
 export interface ScreenContext {
-    disableSearch: boolean;
     forceSelectable: boolean;
     onTableChange?: (state: TableState) => void;
 }

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

@@ -37,6 +37,7 @@ type __VLS_Props = {
     direction?: 'ltr' | 'rtl';
     isNested?: boolean;
     disabled?: boolean;
+    readonly?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -87,6 +88,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     columns: number | string;
     loading: boolean;
+    readonly: boolean;
     disabled: boolean;
     direction: "ltr" | "rtl";
     selectable: boolean;

package/components/Dropdown/Dropdown.vue.js

@@ -2,9 +2,9 @@ import { defineComponent as oe, ref as i, computed as f, inject as ae, onMounted
 import ve from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import he from "./DropdownMenu.vue.js";
-import ge from "./DropdownTrigger.vue.js";
-import pe from "../ConfirmationModal.vue.js";
-import { useDropdownIds as ye } from "./composables/useDropdownIds.js";
+import ye from "./DropdownTrigger.vue.js";
+import ge from "../ConfirmationModal.vue.js";
+import { useDropdownIds as pe } from "./composables/useDropdownIds.js";
 import { useDropdownSelection as be } from "./composables/useDropdownSelection.js";
 import { useDropdownHydration as Ce } from "./composables/useDropdownHydration.js";
 const Oe = {
@@ -48,36 +48,37 @@ const Oe = {
     triggerProps: {},
     direction: { default: "ltr" },
     isNested: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
   setup(t, { emit: q }) {
-    const o = t, h = q, y = i(!1), g = i(null), r = i({
+    const l = t, h = q, p = i(!1), y = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), 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);
+    }), F = f(() => l.position ? l.position : l.direction === "rtl" ? "bottom-end" : "bottom-start"), G = f(() => l.nestedPosition ? l.nestedPosition : l.direction === "rtl" ? "left-start" : "right-start"), b = i(l.isOpen || !1), C = i(0), J = `dropdown-${Math.random().toString(36).substring(2, 9)}`, w = f(() => l.menuId || J), g = i([]), s = ae("dropdown-context", null), K = (e) => {
+      g.value.includes(e) || g.value.push(e), s?.registerChildId?.(e);
     }, Q = (e) => {
-      p.value = p.value.filter((n) => n !== e), s?.unregisterChildId?.(e);
+      g.value = g.value.filter((o) => o !== e), s?.unregisterChildId?.(e);
     };
     ie(() => {
       s?.registerChildId && s.registerChildId(`#${w.value}`);
     }), se(() => {
       s?.unregisterChildId && s.unregisterChildId(`#${w.value}`);
     }), P(
-      () => o.isOpen,
+      () => l.isOpen,
       (e) => {
         if (e !== void 0) {
-          if (o.disabled && e) return;
+          if ((l.disabled || l.readonly) && e) return;
           b.value = e;
         }
       }
     );
     const N = (e) => {
-      if (o.disabled) {
+      if (l.disabled || l.readonly) {
         b.value = !1, h("update:isOpen", !1);
         return;
       }
@@ -95,54 +96,54 @@ const Oe = {
       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);
+    const I = f(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), A = i(!1), $ = i(!1);
     P(
       I,
       (e) => {
         if (e) {
-          if (o.remote) {
-            const n = [...S.value];
-            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;
+          if (l.remote) {
+            const o = [...S.value];
+            e.forEach((n) => {
+              o.some((a) => a.value !== void 0 && n.value !== void 0 ? typeof a.value == "object" && a.key && n.key ? a.key === n.key && a.value[a.key] === n.value[n.key] : a.value === n.value : a.label === n.label) || o.push(n);
+            }), S.value = o;
           } else
             S.value = e;
           !A.value && e.length > 0 && (A.value = !0, setTimeout(() => {
-            $.value = !0, H(T.value);
+            $.value = !0, H(B.value);
           }, 10));
         }
       },
       { immediate: !0 }
     );
     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));
+      const e = [...S.value], o = new Set(e.map((n) => n.value ?? n.label));
+      return k.value.forEach((n, d) => {
+        o.has(d) || (e.unshift(n), o.add(d));
       }), e;
     }), { selectedBuffer: k, isHydrating: X, hydrateSelected: H } = Ce({
-      fetchSelected: o.fetchSelected,
+      fetchSelected: l.fetchSelected,
       getAvailableOptions: () => c.value,
       isReady: () => $.value
-    }), { getAllRecursiveIds: Y } = ye(), Z = re({
-      ...de(o),
+    }), { getAllRecursiveIds: Y } = pe(), Z = re({
+      ...de(l),
       options: c
-    }), { currentValue: T, selectedLabel: D, selectedIcon: L, selectOption: _ } = be(
+    }), { currentValue: B, 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])];
+      const e = l.ignoreClickOutside || [], o = Y(c.value);
+      return [.../* @__PURE__ */ new Set([...e, ...o, ...g.value])];
     });
     P(
-      () => T.value,
+      () => B.value,
       (e) => {
         $.value && H(e);
       },
       { deep: !0 }
     );
     const te = (e) => {
-      if (o.disabled || e.disabled) return;
-      o.doubleConfirmation || !!e.confirmation ? (g.value = e, typeof e.confirmation == "object" ? r.value = {
+      if (l.disabled || l.readonly || e.disabled) return;
+      l.doubleConfirmation || !!e.confirmation ? (y.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",
@@ -154,29 +155,29 @@ const Oe = {
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, y.value = !0, O()) : (V(e), o.closeOnSelect && O());
+      }, p.value = !0, O()) : (V(e), l.closeOnSelect && O());
     }, V = (e) => {
-      if (o.disabled || e.disabled) return;
-      const n = e.value ?? e.label;
-      k.value.has(n) || k.value.set(n, e);
-      const l = _(e);
-      if (!o.isNested) {
+      if (l.disabled || l.readonly || e.disabled) return;
+      const o = e.value ?? e.label;
+      k.value.has(o) || k.value.set(o, e);
+      const n = _(e);
+      if (!l.isNested) {
         const d = e._originalOption || e, a = d.value ?? d.label;
-        (e._path || [d]).forEach((B) => {
-          typeof B.onSelect == "function" && B.onSelect({
+        (e._path || [d]).forEach((T) => {
+          typeof T.onSelect == "function" && T.onSelect({
             value: a,
-            option: B,
+            option: T,
             data: c.value || [],
-            values: l
+            values: n
           });
         });
       }
     }, le = () => {
-      g.value && (V(g.value), g.value = null, y.value = !1);
+      y.value && (V(y.value), y.value = null, p.value = !1);
     }, ne = () => {
-      g.value = null, y.value = !1;
+      y.value = null, p.value = !1;
     };
-    return (e, n) => (x(), z("div", {
+    return (e, o) => (x(), z("div", {
       class: "relative inline-block text-left",
       style: ue({ direction: t.direction })
     }, [
@@ -193,35 +194,36 @@ const Oe = {
         ignoreClickOutside: ee.value,
         class: "w-full",
         className: "dropdown " + (t.className || ""),
-        onOnShow: n[2] || (n[2] = (l) => e.$emit("onOpen")),
-        onOnHide: n[3] || (n[3] = (l) => e.$emit("onClose")),
+        onOnShow: o[2] || (o[2] = (n) => e.$emit("onOpen")),
+        onOnHide: o[3] || (o[3] = (n) => e.$emit("onClose")),
         "onUpdate:isOpen": N,
         triggerClass: "w-full",
         styles: { padding: "0" }
       }, {
-        trigger: m(({ isOpen: l }) => [
-          v(e.$slots, "trigger", j(U({ selectedLabel: u(D), selectedIcon: t.showSelectedIcon ? u(L) : void 0, isOpen: l })), () => [
-            M(ge, {
+        trigger: m(({ isOpen: n }) => [
+          v(e.$slots, "trigger", j(U({ selectedLabel: u(D), selectedIcon: t.showSelectedIcon ? u(L) : void 0, isOpen: n })), () => [
+            M(ye, {
               "selected-label": u(D),
               "selected-icon": t.showSelectedIcon ? u(L) : void 0,
-              "is-open": l,
+              "is-open": n,
               direction: t.direction,
               disabled: t.disabled,
+              readonly: t.readonly,
               triggerProps: t.triggerProps,
               class: "w-full"
-            }, null, 8, ["selected-label", "selected-icon", "is-open", "direction", "disabled", "triggerProps"])
+            }, null, 8, ["selected-label", "selected-icon", "is-open", "direction", "disabled", "readonly", "triggerProps"])
           ])
         ]),
         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, {
+          !(t.disabled || t.readonly) && (I.value.length || c.value.length || e.$slots.menu || e.$slots.item || t.remote || t.searchable) ? (x(), ce(he, {
             key: 1,
             options: I.value,
             cachedOptions: c.value,
             class: fe(t.className),
-            selected: u(T),
+            selected: u(B),
             selectedIndex: t.selectedIndex,
             maxHeight: t.maxHeight,
             nestedPosition: G.value,
@@ -237,8 +239,8 @@ const Oe = {
             debounceTime: t.debounceTime,
             onSelect: te,
             onClose: O,
-            onLoadMore: n[0] || (n[0] = (l) => e.$emit("load-more")),
-            onSearch: n[1] || (n[1] = (l) => e.$emit("search", l))
+            onLoadMore: o[0] || (o[0] = (n) => e.$emit("load-more")),
+            onSearch: o[1] || (o[1] = (n) => e.$emit("search", n))
           }, me({ _: 2 }, [
             e.$slots.menu ? {
               name: "menu",
@@ -249,8 +251,8 @@ const Oe = {
             } : void 0,
             e.$slots.item ? {
               name: "item",
-              fn: m((l) => [
-                v(e.$slots, "item", j(U(l)))
+              fn: m((n) => [
+                v(e.$slots, "item", j(U(n)))
               ]),
               key: "1"
             } : void 0,
@@ -272,8 +274,8 @@ const Oe = {
         ]),
         _: 3
       }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
-      M(pe, {
-        show: y.value,
+      M(ge, {
+        show: p.value,
         title: r.value.title,
         description: r.value.description,
         "confirm-text": r.value.confirmText,

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

@@ -5,11 +5,13 @@ interface Props {
     placeholder?: string;
     isOpen?: boolean;
     disabled?: boolean;
+    readonly?: boolean;
     className?: string;
     direction?: 'ltr' | 'rtl';
     triggerProps?: ButtonProps;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    readonly: boolean;
     placeholder: string;
     disabled: boolean;
     direction: "ltr" | "rtl";

package/components/Dropdown/DropdownTrigger.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as a, openBlock as l, createBlock as o, mergeProps as i } from "vue";
-import d from "../Button.vue.js";
+import { defineComponent as a, openBlock as l, createBlock as d, mergeProps as n } from "vue";
+import o from "../Button.vue.js";
 const s = /* @__PURE__ */ a({
   __name: "DropdownTrigger",
   props: {
@@ -8,23 +8,24 @@ const s = /* @__PURE__ */ a({
     placeholder: { default: "Select an option" },
     isOpen: { type: Boolean },
     disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
     className: {},
     direction: { default: "ltr" },
     triggerProps: {}
   },
   setup(e) {
-    return (t, n) => (l(), o(d, i({
+    return (t, i) => (l(), d(o, n({
       text: e.selectedLabel || e.placeholder,
-      iconRight: "iconamoon:arrow-down-2",
+      iconRight: e.disabled || e.readonly ? void 0 : "iconamoon:arrow-down-2",
       variant: "outline",
       disabled: e.disabled,
       dir: e.direction
     }, e.triggerProps, {
       icon: e.selectedIcon || e.triggerProps?.icon,
-      class: ["w-full justify-between! font-normal px-2.5!", e.className],
+      class: ["w-full justify-between! font-normal px-2.5!", [e.className, e.readonly && !e.disabled ? "pointer-events-none" : ""]],
       "icon-right-class": "ml-auto!",
       "data-testid": t.$attrs["data-testid"] || "dropdown-trigger"
-    }), null, 16, ["text", "disabled", "dir", "icon", "class", "data-testid"]));
+    }), null, 16, ["text", "iconRight", "disabled", "dir", "icon", "class", "data-testid"]));
   }
 });
 export {

package/components/Empty/Empty.vue.js

@@ -12,7 +12,8 @@ import P from "./variants/Variant8.vue.js";
 import R from "./variants/Variant9.vue.js";
 import T from "./variants/Variant10.vue.js";
 import j from "./variants/Variant11.vue.js";
-const z = { class: "flex items-center justify-center min-h-[300px] w-full py-2" }, tt = /* @__PURE__ */ d({
+import z from "./variants/Variant12.vue.js";
+const N = { class: "flex items-center justify-center w-full py-2" }, rt = /* @__PURE__ */ d({
   __name: "Empty",
   props: {
     title: {},
@@ -44,17 +45,18 @@ const z = { class: "flex items-center justify-center min-h-[300px] w-full py-2"
       variant8: t(P),
       variant9: t(R),
       variant10: t(T),
-      variant11: t(j)
+      variant11: t(j),
+      variant12: t(z)
     }, v = n(
       () => a[p.value] || a.variant1
     );
-    return (r, N) => (m(), u("div", z, [
+    return (r, q) => (m(), u("div", N, [
       (m(), $(y(v.value), {
         title: f.value,
         description: l.value,
         icon: o.icon
       }, h({ _: 2 }, [
-        I(r.$slots, (q, s) => ({
+        I(r.$slots, (A, s) => ({
           name: s,
           fn: g((_) => [
             C(r.$slots, s, k(w(_ || {})))
@@ -65,5 +67,5 @@ const z = { class: "flex items-center justify-center min-h-[300px] w-full py-2"
   }
 });
 export {
-  tt as default
+  rt as default
 };

package/components/Empty/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Empty } from './Empty.vue';
-export type EmptyVariant = 'variant1' | 'variant2' | 'variant3' | 'variant4' | 'variant5' | 'variant6' | 'variant7' | 'variant8' | 'variant9' | 'variant10' | 'variant11';
+export type EmptyVariant = 'variant1' | 'variant2' | 'variant3' | 'variant4' | 'variant5' | 'variant6' | 'variant7' | 'variant8' | 'variant9' | 'variant10' | 'variant11' | 'variant12';

package/components/Empty/variants/Variant12.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    title: string;
+    description: string;
+    icon: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        action?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Empty/variants/Variant12.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as s, openBlock as n, createElementBlock as r, createElementVNode as t, createVNode as i, toDisplayString as c, renderSlot as d, createCommentVNode as l } from "vue";
+import a from "../../Icon.vue.js";
+const m = { class: "flex w-full flex-col items-center justify-center p-8 min-h-[250px] text-center" }, u = { class: "mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-muted/30 border border-border/40 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.05)]" }, x = { class: "text-lg font-semibold text-foreground tracking-tight" }, f = ["innerHTML"], _ = {
+  key: 0,
+  class: "mt-6"
+}, b = /* @__PURE__ */ s({
+  __name: "Variant12",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(e) {
+    return (o, h) => (n(), r("div", m, [
+      t("div", u, [
+        i(a, {
+          icon: e.icon,
+          class: "h-6 w-6 text-muted-foreground",
+          "stroke-width": "1.5"
+        }, null, 8, ["icon"])
+      ]),
+      t("h3", x, c(e.title), 1),
+      t("p", {
+        class: "mt-2 text-sm text-muted-foreground max-w-sm mx-auto leading-relaxed",
+        innerHTML: e.description
+      }, null, 8, f),
+      o.$slots.action ? (n(), r("div", _, [
+        d(o.$slots, "action")
+      ])) : l("", !0)
+    ]));
+  }
+});
+export {
+  b as default
+};

package/components/Empty/variants/Variant12.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Variant12.vue.js";
+export {
+  f as default
+};

package/components/Footer/Footer.vue.d.ts

@@ -0,0 +1,3 @@
+import { FooterProps } from './types';
+declare const _default: import('vue').DefineComponent<FooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;