vlite3 0.9.6 → 0.9.8

package/components/Accordion/Accordion.vue.d.ts

@@ -25,9 +25,9 @@ declare const __VLS_component: import('vue').DefineComponent<AccordionProps, {},
     onChange?: (value: string | string[]) => any;
     "onUpdate:modelValue"?: (value: string | string[]) => any;
 }>, {
+    class: string;
     variant: import('./types').AccordionVariant;
     size: import('./types').AccordionSize;
-    class: string;
     disabled: boolean;
     items: import('./types').AccordionItemSchema[];
     attached: boolean;

package/components/Accordion/AccordionItem.vue.d.ts

@@ -40,9 +40,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onToggle?: (id: string) => any;
 }>, {
+    class: string;
     variant: AccordionVariant;
     size: AccordionSize;
-    class: string;
     disabled: boolean;
     attached: boolean;
     showIndex: boolean;

package/components/Accordion/AccordionTrigger.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClick?: (event: MouseEvent) => any;
 }>, {
-    size: AccordionSize;
     class: string;
+    size: AccordionSize;
     chevron: boolean;
     showIndex: boolean;
     iconVariant: IconVariant;

package/components/Alert.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClose?: () => any;
 }>, {
-    variant: AlertVariant;
     class: string;
+    variant: AlertVariant;
     closable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/Avatar.vue.d.ts

@@ -17,11 +17,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: AvatarSize;
-    rounded: AvatarRounded;
     class: string;
     src: string;
     alt: string;
+    size: AvatarSize;
+    rounded: AvatarRounded;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Avatar.vue.js

@@ -31,7 +31,7 @@ const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
       xs: "h-6 w-6 text-[10px]",
       sm: "h-8 w-8 text-xs",
       md: "h-10 w-10 text-sm",
-      lg: "h-15 w-15 text-base",
+      lg: "h-14 w-14 text-base",
       xl: "h-18 w-18 text-lg",
       "2xl": "h-20 w-20 text-xl"
     }, h = {

package/components/AvatarUploader/AvatarUploader.vue.d.ts

@@ -21,9 +21,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onError?: (error: string) => any;
     "onUpdate:modelValue"?: (value: any) => any;
 }>, {
+    alt: string;
     size: AvatarSize;
     rounded: AvatarRounded;
-    alt: string;
     disabled: boolean;
     loading: boolean;
     modelValue: any;

package/components/BackButton.vue.d.ts

@@ -15,9 +15,9 @@ export interface BackButtonProps {
     fallback?: string;
 }
 declare const _default: import('vue').DefineComponent<BackButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BackButtonProps> & Readonly<{}>, {
-    size: ButtonSize;
     icon: string;
     class: string;
+    size: ButtonSize;
     fallback: string;
     tooltip: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;

package/components/Badge.vue.d.ts

@@ -15,10 +15,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: any;
     variant: BadgeVariant | string;
     size: "xs" | "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | string;
-    class: any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Barcode/Barcode.vue.d.ts

@@ -9,9 +9,9 @@ export interface BarcodeProps {
     margin?: number;
 }
 declare const _default: import('vue').DefineComponent<BarcodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BarcodeProps> & Readonly<{}>, {
-    format: string;
     width: number;
     height: number;
+    format: string;
     displayValue: boolean;
     margin: number;
     lineColor: string;

package/components/Breadcrumb/Breadcrumb.vue.d.ts

@@ -19,9 +19,9 @@ declare const __VLS_component: import('vue').DefineComponent<BreadcrumbProps, {}
         index: number;
     }) => any;
 }>, {
+    class: string;
     variant: BreadcrumbVariant;
     size: BreadcrumbSize;
-    class: string;
     separator: BreadcrumbSeparator;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/Button.vue.d.ts

@@ -10,11 +10,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+    type: "button" | "submit" | "reset";
+    class: any;
     variant: ButtonVariant;
     size: ButtonSize;
     rounded: ButtonRounded;
-    type: "button" | "submit" | "reset";
-    class: any;
     disabled: boolean;
     loading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;

package/components/CheckBox.vue.d.ts

@@ -18,8 +18,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: (value: boolean) => any;
     "onUpdate:checked"?: (value: boolean) => any;
 }>, {
-    size: CheckboxSize;
     class: string;
+    size: CheckboxSize;
     disabled: boolean;
     modelValue: boolean;
     checked: boolean;

package/components/Chip/Chip.vue.d.ts

@@ -20,9 +20,9 @@ declare const __VLS_component: import('vue').DefineComponent<ExtendedProps, {},
     onDelete?: (event: MouseEvent) => any;
 }>, {
     text: string;
+    class: string;
     variant: ChipVariant | string;
     size: import('./types').ChipSize;
-    class: string;
     disabled: boolean;
     clickable: boolean;
     deletable: boolean;

package/components/DataTable/DataTable.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as pe, inject as ye, computed as r, ref as y, watch as g, openBlock as i, createElementBlock as m, createBlock as F, normalizeClass as T, createSlots as K, withCtx as D, renderSlot as x, createVNode as $, createCommentVNode as A, createElementVNode as f, Fragment as N, renderList as B, normalizeStyle as Y, isMemoSame as W, mergeProps as X, unref as q } from "vue";
+import { defineComponent as pe, inject as ye, computed as r, ref as y, watch as g, openBlock as i, createElementBlock as m, createBlock as F, normalizeClass as D, createSlots as K, withCtx as x, renderSlot as $, createVNode as B, createCommentVNode as A, createElementVNode as f, Fragment as N, renderList as E, normalizeStyle as Y, isMemoSame as W, mergeProps as X, unref as q } from "vue";
 import we from "../CheckBox.vue.js";
 import Pe from "../Button.vue.js";
 import Se from "../ConfirmationModal.vue.js";
@@ -12,8 +12,8 @@ import { SCREEN_CONTEXT_KEY as xe } from "./types.js";
 const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, Ee = { class: "hover:bg-transparent" }, Re = {
   key: 0,
   scope: "col",
-  class: "w-[48px] px-0 text-center font-medium text-muted-foreground",
-  style: { width: "48px" }
+  class: "w-[40px] px-0 text-center font-medium text-muted-foreground",
+  style: { width: "40px" }
 }, ze = { class: "flex items-center justify-center" }, Ae = { class: "[&_tr:last-child]:border-0" }, Ne = {
   key: 0,
   class: "w-[48px] px-0 py-4 align-middle text-center",
@@ -69,9 +69,9 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
           if (n in e[0]) return n;
       }
       return "_id";
-    }, Q = (e) => e.sortKey || e.field, a = o, b = G, E = ye(xe, null), j = r(() => E?.disableSearch ? !1 : a.showSearch), R = r(() => E ? E.forceSelectable : !a.hideSelectable), d = r(() => J(a.rows, a.keyField)), u = y({ field: "", order: "" }), P = y(
+    }, Q = (e) => e.sortKey || e.field, a = o, b = G, R = ye(xe, null), j = r(() => R?.disableSearch ? !1 : a.showSearch), P = r(() => a.hideSelectable ? !1 : R ? R.forceSelectable : !0), d = r(() => J(a.rows, a.keyField)), u = y({ field: "", order: "" }), S = y(
       a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10
-    ), h = y(a.pageInfo?.currentPage || 1), p = y(a.search || ""), S = y(!1), Z = r(() => a.loading);
+    ), h = y(a.pageInfo?.currentPage || 1), p = y(a.search || ""), k = y(!1), Z = r(() => a.loading);
     g(
       () => a.search,
       (e) => {
@@ -86,12 +86,12 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
     }), g(
       () => a.pageInfo?.itemsPerPage,
       (e) => {
-        e !== void 0 && (P.value = e);
+        e !== void 0 && (S.value = e);
       }
     ), g(
       () => a.paginationProps?.itemsPerPage,
       (e) => {
-        e !== void 0 && (P.value = e);
+        e !== void 0 && (S.value = e);
       }
     ), g(
       () => a.pageInfo?.currentPage,
@@ -138,20 +138,20 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
     }, ae = (e) => {
       h.value = e, z();
     }, oe = (e) => {
-      P.value = e, h.value = 1, b("update:itemsPerPage", e), z();
+      S.value = e, h.value = 1, b("update:itemsPerPage", e), z();
     }, se = (e) => b("rowClick", e), ne = () => {
-      b("delete", _.value), S.value = !1;
+      b("delete", _.value), k.value = !1;
     };
     let U = null;
     const z = () => {
       U && clearTimeout(U), U = setTimeout(() => {
         const e = {
-          pagination: { page: h.value, limit: P.value },
+          pagination: { page: h.value, limit: S.value },
           sort: { ...u.value },
           search: p.value,
           filter: {}
         };
-        b("change", e), E?.onTableChange?.(e);
+        b("change", e), R?.onTableChange?.(e);
       }, 10);
     };
     g(
@@ -192,54 +192,54 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
         "show-search": j.value,
         placeholder: o.searchPlaceholder,
         placeholderI18n: o.searchPlaceholderI18n,
-        class: T(o.toolbarClass),
+        class: D(o.toolbarClass),
         "search-class": o.toolbarSearchClass
       }, K({ _: 2 }, [
         e.$slots?.["toolbar-left"] ? {
           name: "left",
-          fn: D(() => [
-            x(e.$slots, "toolbar-left")
+          fn: x(() => [
+            $(e.$slots, "toolbar-left")
           ]),
           key: "0"
         } : void 0,
         s.value.size > 0 ? {
           name: "delete",
-          fn: D(() => [
-            $(Pe, {
+          fn: x(() => [
+            B(Pe, {
               rounded: "full",
               variant: "outline",
               size: "lg",
               icon: "lucide:trash-2",
-              onClick: t[0] || (t[0] = (l) => S.value = !0)
+              onClick: t[0] || (t[0] = (l) => k.value = !0)
             })
           ]),
           key: "1"
         } : void 0,
         e.$slots?.["toolbar-right"] ? {
           name: "right",
-          fn: D(() => [
-            x(e.$slots, "toolbar-right")
+          fn: x(() => [
+            $(e.$slots, "toolbar-right")
           ]),
           key: "2"
         } : void 0
       ]), 1032, ["modelValue", "show-search", "placeholder", "placeholderI18n", "class", "search-class"])) : A("", !0),
       f("div", {
-        class: T(re.value)
+        class: D(re.value)
       }, [
         f("div", Be, [
           f("table", {
-            class: T([ie.value, "data-table"])
+            class: D([ie.value, "data-table"])
           }, [
             f("thead", {
-              class: T([
+              class: D([
                 "[&_tr]:border-b [&_tr]:border-border bg-muted",
                 o.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
               ])
             }, [
               f("tr", Ee, [
-                R.value ? (i(), m("th", Re, [
+                P.value ? (i(), m("th", Re, [
                   f("div", ze, [
-                    $(we, {
+                    B(we, {
                       "model-value": M.value,
                       indeterminate: O.value,
                       size: "xs",
@@ -247,7 +247,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
                 ])) : A("", !0),
-                (i(!0), m(N, null, B(o.headers, (l) => (i(), F(Ie, {
+                (i(!0), m(N, null, E(o.headers, (l) => (i(), F(Ie, {
                   key: l.field,
                   header: l,
                   "sort-config": u.value,
@@ -260,21 +260,21 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
               ])
             ], 2),
             f("tbody", Ae, [
-              Z.value ? (i(!0), m(N, { key: 0 }, B(Math.min(P.value, 15), (l, n, ge, v) => {
-                const k = [];
-                if (v && v.key === "skeleton-" + l && W(v, k)) return v;
-                const C = (i(), m("tr", {
+              Z.value ? (i(!0), m(N, { key: 0 }, E(Math.min(S.value, 15), (l, n, ge, v) => {
+                const C = [];
+                if (v && v.key === "skeleton-" + l && W(v, C)) return v;
+                const I = (i(), m("tr", {
                   key: "skeleton-" + l,
                   class: "border-b border-border/70 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
                 }, [
-                  R.value ? (i(), m("td", Ne, [...t[8] || (t[8] = [
+                  P.value ? (i(), m("td", Ne, [...t[8] || (t[8] = [
                     f("div", { class: "flex items-center justify-center" }, [
                       f("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                     ], -1)
                   ])])) : A("", !0),
-                  (i(!0), m(N, null, B(o.headers, (I) => (i(), m("td", {
-                    key: I.field,
-                    class: T(["p-5! align-middle last:pr-6!", [I.hideOnMobile ? "hidden md:table-cell" : ""]])
+                  (i(!0), m(N, null, E(o.headers, (T) => (i(), m("td", {
+                    key: T.field,
+                    class: D(["p-5! align-middle last:pr-6!", [T.hideOnMobile ? "hidden md:table-cell" : ""]])
                   }, [
                     f("div", {
                       class: "rounded-md bg-muted/50 animate-pulse h-4",
@@ -282,23 +282,24 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                     }, null, 4)
                   ], 2))), 128))
                 ]));
-                return C.memo = k, C;
-              }, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(N, { key: 1 }, B(o.rows, (l, n, ge, v) => {
-                const k = [
+                return I.memo = C, I;
+              }, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(N, { key: 1 }, E(o.rows, (l, n, ge, v) => {
+                const C = [
                   l,
                   s.value.has(c(l, d.value)),
+                  P.value,
                   o.compact,
                   o.striped,
                   o.hoverable
                 ];
-                if (v && v.key === c(l, d.value) && W(v, k)) return v;
-                const C = (i(), F(Te, {
+                if (v && v.key === c(l, d.value) && W(v, C)) return v;
+                const I = (i(), F(Te, {
                   key: c(l, d.value),
                   row: l,
                   headers: o.headers,
                   index: n,
                   "key-field": d.value,
-                  selectable: R.value,
+                  selectable: P.value,
                   "is-selected": s.value.has(c(l, d.value)),
                   hoverable: o.hoverable,
                   striped: o.striped,
@@ -307,21 +308,21 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                   onRowClick: se,
                   class: "[&_td:last-child]:pr-3.5!"
                 }, K({ _: 2 }, [
-                  B(o.headers, (I) => ({
-                    name: I.field,
-                    fn: D((be) => [
-                      x(e.$slots, I.field, X({ ref_for: !0 }, be))
+                  E(o.headers, (T) => ({
+                    name: T.field,
+                    fn: x((be) => [
+                      $(e.$slots, T.field, X({ ref_for: !0 }, be))
                     ])
                   }))
                 ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]));
-                return C.memo = k, C;
+                return I.memo = C, I;
               }, t, 4), 128)) : (i(), m("tr", Ve, [
                 f("td", {
-                  colspan: R.value ? o.headers.length + 1 : o.headers.length,
+                  colspan: P.value ? o.headers.length + 1 : o.headers.length,
                   class: "align-middle hover:bg-transparent"
                 }, [
-                  x(e.$slots, "empty", {}, () => [
-                    $(q(Ce), {
+                  $(e.$slots, "empty", {}, () => [
+                    B(q(Ce), {
                       title: ce.value,
                       description: ue.value,
                       icon: o.emptyIcon,
@@ -329,8 +330,8 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                     }, K({ _: 2 }, [
                       e.$slots["empty-action"] ? {
                         name: "action",
-                        fn: D(() => [
-                          x(e.$slots, "empty-action")
+                        fn: x(() => [
+                          $(e.$slots, "empty-action")
                         ]),
                         key: "0"
                       } : void 0
@@ -343,7 +344,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
         ])
       ], 2),
       o.showPagination && o.pageInfo && o.pageInfo.totalPages > 1 ? (i(), m("div", Ue, [
-        $(q(ke), X({
+        B(q(ke), X({
           "current-page": h.value,
           "total-pages": o.pageInfo.totalPages,
           "total-items": o.pageInfo.totalItems
@@ -352,16 +353,16 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
           "onUpdate:itemsPerPage": oe
         }), null, 16, ["current-page", "total-pages", "total-items"])
       ])) : A("", !0),
-      $(Se, {
-        show: S.value,
-        "onUpdate:show": t[6] || (t[6] = (l) => S.value = l),
+      B(Se, {
+        show: k.value,
+        "onUpdate:show": t[6] || (t[6] = (l) => k.value = l),
         title: me.value,
         description: fe.value,
         "confirm-text": ve.value,
         "cancel-text": he.value,
         variant: "danger",
         onConfirm: ne,
-        onCancel: t[7] || (t[7] = (l) => S.value = !1)
+        onCancel: t[7] || (t[7] = (l) => k.value = !1)
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"])
     ]));
   }

package/components/DataTable/DataTableHeader.vue.js

@@ -27,8 +27,8 @@ const w = { class: "text-xs font-bold! uppercase tracking-wider text-gray-900 tr
     );
     return (p, k) => (n(), l("th", {
       scope: "col",
-      class: r(["h-10 px-3 text-left align-middle font-medium text-muted-foreground transition-colors [&:has([role=checkbox])]:pr-0 overflow-hidden", [
-        t.compact ? "py-2" : "py-3!",
+      class: r(["px-3 text-left align-middle font-medium text-muted-foreground transition-colors [&:has([role=checkbox])]:pr-0 overflow-hidden", [
+        t.compact ? "py-2.5!" : "py-3!",
         t.header.sortable !== !1 && t.tableSortable ? "cursor-pointer hover:bg-muted/50" : "",
         t.header.hideOnMobile ? "hidden md:table-cell" : ""
       ]]),
@@ -41,7 +41,9 @@ const w = { class: "text-xs font-bold! uppercase tracking-wider text-gray-900 tr
         t.tableSortable && t.header.sortable !== !1 ? (n(), l("span", S, [
           x(v, {
             icon: f.value,
-            class: r(["w-3.5 h-3.5 transition-all text-muted-foreground mt-0.5", [d.value ? "opacity-100 text-foreground" : "opacity-0 group-hover:opacity-100"]])
+            class: r(["w-3.5 h-3.5 transition-all text-muted-foreground mt-0.5", [
+              d.value ? "opacity-100 text-foreground" : "opacity-0 group-hover:opacity-100"
+            ]])
           }, null, 8, ["icon", "class"])
         ])) : y("", !0)
       ], 2)

package/components/DataTable/DataTableRow.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as S, openBlock as s, createElementBlock as d, normalizeClass as u, withModifiers as B, createElementVNode as M, createVNode as p, createCommentVNode as N, Fragment as V, renderList as z, renderSlot as F, createBlock as m } from "vue";
+import { defineComponent as C, computed as S, openBlock as o, createElementBlock as a, normalizeClass as u, withModifiers as B, createElementVNode as M, createVNode as p, createCommentVNode as N, Fragment as V, renderList as z, renderSlot as F, createBlock as m } from "vue";
 import L from "../CheckBox.vue.js";
 import $ from "../Price/Price.vue.js";
 import T from "../DateTime/DateTime.vue.js";
@@ -17,21 +17,21 @@ const E = ["data-state"], H = { class: "flex items-center justify-center" }, I =
   },
   emits: ["select", "rowClick"],
   setup(t, { emit: f }) {
-    const a = t, r = f, n = (l, i) => {
+    const d = t, r = f, n = (l, i) => {
       if (!(!l || !i))
-        return i.includes(".") ? i.split(".").reduce((e, o) => e?.[o], l) : l[i];
-    }, g = (l, i, e) => l.format ? l.format(i, e) : i == null ? "-" : l.type === "number" ? new Intl.NumberFormat("en-US").format(Number(i)) : String(i), w = (l, i, e) => {
-      const o = [];
-      if (l.capitalize && o.push("capitalize"), l.addStatusColor) {
-        const c = x(i);
-        c && o.push(c);
+        return i.includes(".") ? i.split(".").reduce((e, s) => e?.[s], l) : l[i];
+    }, g = (l, i, e) => l.format ? l.format(i, e) : i == null ? "-" : l.type === "number" ? new Intl.NumberFormat("en-US").format(Number(i)) : String(i), x = (l, i, e) => {
+      const s = [];
+      if (l.capitalize && s.push("capitalize"), l.addStatusColor) {
+        const c = w(i);
+        c && s.push(c);
       }
       if (typeof l.class == "function") {
         const c = l.class(i, e);
-        c && o.push(c);
-      } else l.class && o.push(l.class);
-      return o.join(" ");
-    }, x = (l) => {
+        c && s.push(c);
+      } else l.class && s.push(l.class);
+      return s.join(" ");
+    }, w = (l) => {
       const i = {
         active: "text-success font-medium",
         inactive: "text-muted-foreground",
@@ -52,12 +52,12 @@ const E = ["data-state"], H = { class: "flex items-center justify-center" }, I =
       left: "text-left",
       center: "text-center",
       right: "text-right"
-    })[l.align || "left"], b = S(() => n(a.row, a.keyField)), k = () => {
-      r("rowClick", { row: a.row, index: a.index });
+    })[l.align || "left"], b = S(() => n(d.row, d.keyField)), k = () => {
+      r("rowClick", { row: d.row, index: d.index });
     }, v = () => {
       r("select", b.value);
     };
-    return (l, i) => (s(), d("tr", {
+    return (l, i) => (o(), a("tr", {
       class: u(["border-b data-[state=selected]:bg-muted h-full", [
         t.hoverable ? "hover:bg-muted/20" : "",
         t.striped && t.index % 2 === 1 ? "bg-muted/20" : "bg-background",
@@ -67,10 +67,9 @@ const E = ["data-state"], H = { class: "flex items-center justify-center" }, I =
       "data-state": t.isSelected ? "selected" : void 0,
       onClick: k
     }, [
-      t.selectable ? (s(), d("td", {
+      t.selectable ? (o(), a("td", {
         key: 0,
-        class: "w-[48px] px-0 py-5.5! align-middle text-center",
-        style: { width: "48px" },
+        class: "px-0! py-1! align-middle text-center",
         onClick: i[0] || (i[0] = B(() => {
         }, ["stop"]))
       }, [
@@ -82,13 +81,13 @@ const E = ["data-state"], H = { class: "flex items-center justify-center" }, I =
           }, null, 8, ["model-value"])
         ])
       ])) : N("", !0),
-      (s(!0), d(V, null, z(t.headers, (e) => (s(), d("td", {
+      (o(!0), a(V, null, z(t.headers, (e) => (o(), a("td", {
         key: e.field,
         class: u(["align-middle overflow-hidden", [
-          t.compact ? "p-2" : "py-2! px-3 -text-fs-1.5!",
+          t.compact ? "py-1! -text-fs-1.5! max-sm:pr-10!" : "py-3! pr-5! max-sm:pr-10! -text-fs-1.5!",
           y(e),
           e.hideOnMobile ? "hidden md:table-cell" : "",
-          w(e, n(t.row, e.field), t.row)
+          x(e, n(t.row, e.field), t.row)
         ]])
       }, [
         F(l.$slots, e.field, {
@@ -97,17 +96,17 @@ const E = ["data-state"], H = { class: "flex items-center justify-center" }, I =
           index: t.index,
           field: e.field
         }, () => [
-          e.type === "price" ? (s(), m($, {
+          e.type === "price" ? (o(), m($, {
             key: 0,
             value: n(t.row, e.field),
             class: "truncate block",
             title: String(n(t.row, e.field))
-          }, null, 8, ["value", "title"])) : e.type === "date" ? (s(), m(T, {
+          }, null, 8, ["value", "title"])) : e.type === "date" ? (o(), m(T, {
             key: 1,
             value: n(t.row, e.field),
             class: "truncate block",
             title: String(n(t.row, e.field))
-          }, null, 8, ["value", "title"])) : (s(), d("span", {
+          }, null, 8, ["value", "title"])) : (o(), a("span", {
             key: 2,
             class: "truncate block",
             title: String(n(t.row, e.field)),