@soft-stech/bootsman-ui-shadcn 1.3.1 → 1.3.3

package/dist/BuiDataTable.vue_vue_type_script_setup_true_lang-CLpLGgTZ.js

@@ -0,0 +1,238 @@
+import { defineComponent as V, mergeModels as D, useModel as b, computed as S, watchEffect as L, openBlock as n, createElementBlock as i, Fragment as d, renderSlot as z, unref as o, createCommentVNode as v, createVNode as g, withCtx as a, renderList as f, createBlock as p, createElementVNode as U, createTextVNode as w, toDisplayString as y } from "vue";
+import { _ as F } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-BfgRYJts.js";
+import { _ as O } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-DJ8YMCCp.js";
+import { _ as T } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-eieHE5yV.js";
+import { _ as G } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DjLAqoa-.js";
+import { v as C } from "./utils-DPuEjrVV.js";
+import { _ as x } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
+import { useVueTable as j, getCoreRowModel as H, getPaginationRowModel as K, getSortedRowModel as Y, FlexRender as q } from "@tanstack/vue-table";
+import { _ as A } from "./BuiTable.vue_vue_type_script_setup_true_lang-CUPSwE5z.js";
+import { _ as J } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-CWT4u-Ma.js";
+import { _ as N } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-BrTQJCiZ.js";
+import { _ as Q } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js";
+import { _ as W } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-DZOqi3dp.js";
+import { _ as P } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-CpEilJsW.js";
+import { _ as X } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
+import { _ as Z } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
+const ee = {
+  key: 0,
+  class: "w-full py-4"
+}, te = { class: "inline-block rounded-t bg-background px-4 py-3" }, E = "#UNDEFINED#", be = /* @__PURE__ */ V({
+  __name: "BuiDataTable",
+  props: /* @__PURE__ */ D({
+    columns: {},
+    data: {},
+    pageSize: { default: 10 },
+    showPagination: { type: Boolean, default: !0 },
+    totalItems: { default: 0 },
+    manualPagination: { type: Boolean, default: !0 },
+    manualSorting: { type: Boolean, default: !0 },
+    groupBy: {},
+    groupLabels: {},
+    getRowId: {},
+    renderSubComponent: {}
+  }, {
+    sorting: {},
+    sortingModifiers: {},
+    pagination: {},
+    paginationModifiers: {},
+    selection: {},
+    selectionModifiers: {}
+  }),
+  emits: ["update:sorting", "update:pagination", "update:selection"],
+  setup(c) {
+    const t = c, R = b(c, "sorting"), m = b(c, "pagination"), k = b(c, "selection"), I = S(
+      () => t.manualPagination ? t.totalItems : t.data.length
+    ), u = j({
+      initialState: { pagination: { pageSize: t.pageSize } },
+      get data() {
+        return t.data;
+      },
+      get columns() {
+        return t.columns;
+      },
+      getCoreRowModel: H(),
+      getPaginationRowModel: K(),
+      getSortedRowModel: Y(),
+      onSortingChange: (e) => {
+        C(e, R);
+      },
+      onPaginationChange: (e) => {
+        C(e, m);
+      },
+      onRowSelectionChange: (e) => {
+        C(e, k);
+      },
+      autoResetPageIndex: !1,
+      manualPagination: t.manualPagination,
+      // set to false to enable client-side pagination
+      manualSorting: t.manualSorting,
+      state: {
+        get sorting() {
+          return R.value;
+        },
+        get pagination() {
+          return m.value;
+        },
+        get rowSelection() {
+          return k.value;
+        }
+      },
+      getRowId: t.getRowId
+    }), $ = S({
+      get() {
+        return u.getState().pagination.pageSize;
+      },
+      set(e) {
+        m.value && (m.value.pageSize = e, u.setPageSize(e), u.setPageIndex(0));
+      }
+    }), _ = S({
+      get() {
+        return u.getState().pagination.pageIndex + 1;
+      },
+      set(e) {
+        m.value && (m.value.pageIndex = e - 1, u.setPageIndex(e - 1));
+      }
+    });
+    L(() => {
+      const e = u.getPageCount();
+      e && e < _.value && (_.value = e);
+    });
+    const M = S(() => t.groupBy ? u.getRowModel().rows.reduce((e, s) => {
+      const r = s.getValue(t.groupBy) ?? E;
+      return e[r] = e[r] || [], e[r].push(s), e;
+    }, /* @__PURE__ */ Object.create(null)) : null);
+    function h(e) {
+      return (t.groupBy && t.groupLabels ? t.groupLabels[t.groupBy] || [] : [])[e];
+    }
+    return (e, s) => (n(), i(d, null, [
+      e.$slots.caption ? (n(), i("div", ee, [
+        z(e.$slots, "caption", { table: o(u) })
+      ])) : v("", !0),
+      g(o(A), null, {
+        default: a(() => [
+          g(o(W), null, {
+            default: a(() => [
+              (n(!0), i(d, null, f(o(u).getHeaderGroups(), (l) => (n(), p(o(P), {
+                key: l.id
+              }, {
+                default: a(() => [
+                  (n(!0), i(d, null, f(l.headers, (r) => (n(), p(o(Q), {
+                    key: r.id
+                  }, {
+                    default: a(() => [
+                      r.isPlaceholder ? v("", !0) : (n(), p(o(q), {
+                        key: 0,
+                        render: r.column.columnDef.header,
+                        props: r.getContext()
+                      }, null, 8, ["render", "props"]))
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          }),
+          g(o(J), null, {
+            default: a(() => [
+              o(u).getRowModel().rows?.length ? (n(), i(d, { key: 0 }, [
+                t.groupBy && M.value ? (n(!0), i(d, { key: 0 }, f(M.value, (l, r) => (n(), p(o(F), {
+                  asChild: "",
+                  key: r,
+                  open: !0
+                }, {
+                  default: a(() => [
+                    g(o(O), { asChild: "" }, {
+                      default: a(() => [
+                        g(o(P), { class: "bg-foreground/[0.04]" }, {
+                          default: a(() => [
+                            g(o(N), {
+                              colspan: e.columns.length,
+                              class: "!pb-0"
+                            }, {
+                              default: a(() => [
+                                U("div", te, [
+                                  r === E ? (n(), i(d, { key: 0 }, [
+                                    w(y(h(1)), 1)
+                                  ], 64)) : (n(), i(d, { key: 1 }, [
+                                    w(y(h(0)) + ": " + y(r), 1)
+                                  ], 64))
+                                ])
+                              ]),
+                              _: 2
+                            }, 1032, ["colspan"])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    g(o(T), { asChild: "" }, {
+                      default: a(() => [
+                        (n(!0), i(d, null, f(l, (B) => (n(), p(x, {
+                          key: B.id,
+                          columns: t.columns,
+                          row: B,
+                          renderSubComponent: t.renderSubComponent
+                        }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024))), 128)) : (n(!0), i(d, { key: 1 }, f(o(u).getRowModel().rows, (l) => (n(), p(x, {
+                  key: l.id,
+                  columns: t.columns,
+                  row: l,
+                  renderSubComponent: t.renderSubComponent
+                }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
+              ], 64)) : (n(), p(o(X), {
+                key: 1,
+                colspan: e.columns.length
+              }, {
+                default: a(() => [
+                  z(e.$slots, "nodata", {}, () => [
+                    s[2] || (s[2] = w("No data"))
+                  ])
+                ]),
+                _: 3
+              }, 8, ["colspan"]))
+            ]),
+            _: 3
+          }),
+          e.showPagination && I.value > 0 ? (n(), p(o(Z), { key: 0 }, {
+            default: a(() => [
+              g(o(P), null, {
+                default: a(() => [
+                  g(o(N), {
+                    colspan: e.columns.length
+                  }, {
+                    default: a(() => [
+                      g(o(G), {
+                        class: "float-right",
+                        total: I.value,
+                        pageIndex: _.value,
+                        "onUpdate:pageIndex": s[0] || (s[0] = (l) => _.value = l),
+                        pageSize: $.value,
+                        "onUpdate:pageSize": s[1] || (s[1] = (l) => $.value = l)
+                      }, null, 8, ["total", "pageIndex", "pageSize"])
+                    ]),
+                    _: 1
+                  }, 8, ["colspan"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : v("", !0)
+        ]),
+        _: 3
+      })
+    ], 64));
+  }
+});
+export {
+  be as _
+};

package/dist/BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DjLAqoa-.js

@@ -0,0 +1,109 @@
+import { defineComponent as $, mergeModels as y, useModel as c, computed as v, openBlock as n, createElementBlock as p, createVNode as e, unref as t, withCtx as r, createElementVNode as x, Fragment as S, renderList as I, createTextVNode as P, toDisplayString as u, createCommentVNode as M } from "vue";
+/* empty css            */
+import { f as z, y as k } from "./index-uA4l4INt.js";
+import "@vueuse/core";
+import "./BuiCalendar.vue_vue_type_style_index_0_lang-DK4yUiXC.js";
+import "vee-validate";
+import { BuiInput as B } from "./components/ui/input/index.js";
+import { _ as C } from "./BuiSelect.vue_vue_type_script_setup_true_lang-YVZaZc0x.js";
+import { _ as N } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-CseYU299.js";
+import { _ as w } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-Dh-1xzuh.js";
+import { _ as U } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-CX82dW-X.js";
+import { _ as b } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-DsWD84S8.js";
+import "@tanstack/vue-table";
+import "./components/ui/toast/use-toast.js";
+import "@vee-validate/zod";
+import "zod";
+import "./index-BGsblnmA.js";
+/* empty css                   */
+import { _ as q } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CvMVo3wC.js";
+import { _ as E } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-BTNEZSgQ.js";
+import { _ as j } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-DcwRaAYo.js";
+import { _ as D } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-DkK8mnKY.js";
+const F = { class: "m-2" }, L = { class: "text-sm text-muted-foreground" }, se = /* @__PURE__ */ $({
+  __name: "BuiPaginationCommon",
+  props: /* @__PURE__ */ y({
+    total: {}
+  }, {
+    pageSize: { default: 10, required: !0 },
+    pageSizeModifiers: {},
+    pageIndex: { default: 1, required: !0 },
+    pageIndexModifiers: {}
+  }),
+  emits: ["update:pageSize", "update:pageIndex"],
+  setup(l) {
+    const V = [10, 20, 30, 40, 50], d = l, m = c(l, "pageSize"), i = c(l, "pageIndex"), f = v(() => Math.ceil(d.total / m.value)), _ = v({
+      get() {
+        return String(m.value);
+      },
+      set(g) {
+        m.value = parseInt(g);
+      }
+    });
+    return (g, a) => (n(), p("div", F, [
+      e(t(z), {
+        total: d.total,
+        itemsPerPage: m.value,
+        page: i.value,
+        "onUpdate:page": a[2] || (a[2] = (s) => i.value = s)
+      }, {
+        default: r(({ page: s }) => [
+          e(t(k), { class: "relative flex items-center justify-center gap-2" }, {
+            default: r(() => [
+              a[3] || (a[3] = x("p", { class: "text-sm text-muted-foreground" }, "Items per page", -1)),
+              e(t(C), {
+                modelValue: _.value,
+                "onUpdate:modelValue": a[0] || (a[0] = (o) => _.value = o),
+                modelModifiers: { number: !0 }
+              }, {
+                default: r(() => [
+                  e(t(w), { class: "mr-2 w-[70px]" }, {
+                    default: r(() => [
+                      e(t(N), {
+                        placeholder: m.value.toString()
+                      }, null, 8, ["placeholder"])
+                    ]),
+                    _: 1
+                  }),
+                  e(t(U), { side: "top" }, {
+                    default: r(() => [
+                      (n(), p(S, null, I(V, (o) => e(t(b), {
+                        key: o,
+                        value: o.toString()
+                      }, {
+                        default: r(() => [
+                          P(u(o), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"])), 64))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              f.value > 1 ? (n(), p(S, { key: 0 }, [
+                x("p", L, "Page " + u(s) + " of " + u(f.value), 1),
+                e(t(q)),
+                e(t(D)),
+                e(t(B), {
+                  modelValue: i.value,
+                  "onUpdate:modelValue": a[1] || (a[1] = (o) => i.value = o),
+                  class: "w-28",
+                  placeholder: "Page number"
+                }, null, 8, ["modelValue"]),
+                e(t(j)),
+                e(t(E))
+              ], 64)) : M("", !0)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        _: 1
+      }, 8, ["total", "itemsPerPage", "page"])
+    ]));
+  }
+});
+export {
+  se as _
+};

package/dist/{BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js → BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js}

@@ -1,26 +1,26 @@
-import { defineComponent as t, openBlock as s, createElementBlock as n, normalizeClass as l, unref as a, createElementVNode as c, renderSlot as d } from "vue";
-import { c as m } from "./utils-DPuEjrVV.js";
-const i = { class: "flex h-10 items-center border-r border-border/[0.16] p-4" }, u = /* @__PURE__ */ t({
+import { defineComponent as t, openBlock as s, createElementBlock as n, normalizeClass as a, unref as c, createElementVNode as l, renderSlot as d } from "vue";
+import { c as p } from "./utils-DPuEjrVV.js";
+const i = { class: "flex h-10 items-center whitespace-nowrap border-r border-border/[0.16] p-4" }, h = /* @__PURE__ */ t({
   __name: "BuiTableHead",
   props: {
     class: {}
   },
   setup(e) {
     const o = e;
-    return (r, p) => (s(), n("th", {
-      class: l(
-        a(m)(
+    return (r, m) => (s(), n("th", {
+      class: a(
+        c(p)(
           "h-14 bg-foreground/[0.04] text-left align-middle text-base font-semibold text-foreground [&:has([role=checkbox])]:pr-0 ",
           o.class
         )
       )
     }, [
-      c("div", i, [
+      l("div", i, [
         d(r.$slots, "default")
       ])
     ], 2));
   }
 });
 export {
-  u as _
+  h as _
 };

package/dist/components/ui/pagination/BuiPaginationCommon.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiPaginationCommon.vue_vue_type_script_setup_true_lang-6BhiWgI6.js";
+import { _ as f } from "../../../BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DjLAqoa-.js";
 export {
   f as default
 };

package/dist/components/ui/pagination/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../../../BuiPaginationCommon.vue_vue_type_script_setup_true_lang-6BhiWgI6.js";
+import { _ as o } from "../../../BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DjLAqoa-.js";
 import { f as n, y as r, g as s } from "../../../index-uA4l4INt.js";
 import { _ as g } from "../../../BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CvMVo3wC.js";
 import { _ as P } from "../../../BuiPaginationLast.vue_vue_type_script_setup_true_lang-BTNEZSgQ.js";

package/dist/components/ui/table/BuiDataTable.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-CBCScilf.js";
+import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-CLpLGgTZ.js";
 export {
   f as default
 };

package/dist/components/ui/table/BuiTableHead.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js";
+import { _ as f } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js";
 export {
   f as default
 };

package/dist/components/ui/table/index.js

@@ -1,14 +1,14 @@
 import { _ as e } from "../../../BuiTable.vue_vue_type_script_setup_true_lang-CUPSwE5z.js";
 import { _ as t } from "../../../BuiTableBody.vue_vue_type_script_setup_true_lang-CWT4u-Ma.js";
 import { _ as p } from "../../../BuiTableCell.vue_vue_type_script_setup_true_lang-BrTQJCiZ.js";
-import { _ as i } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js";
+import { _ as i } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js";
 import { _ as u } from "../../../BuiTableHeader.vue_vue_type_script_setup_true_lang-DZOqi3dp.js";
 import { _ as f } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang-CpEilJsW.js";
 import { _ as x } from "../../../BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
 import { _ } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-053YvtXp.js";
 import { _ as w } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
 import { _ as C } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
-import { _ as R } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-CBCScilf.js";
+import { _ as R } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-CLpLGgTZ.js";
 export {
   R as BuiDataTable,
   e as BuiTable,

package/dist/index.js

@@ -82,7 +82,7 @@ import { _ as Ce } from "./BuiHoverCardTrigger.vue_vue_type_script_setup_true_la
 import { _ as Fe } from "./BuiHoverCardContent.vue_vue_type_script_setup_true_lang-DsSfafrp.js";
 import { BuiBadgedInput as be, BuiInput as De, BuiPasswordInput as Ae, inputVariants as Se } from "./components/ui/input/index.js";
 import { _ as we } from "./BuiLabel.vue_vue_type_script_setup_true_lang-DQH-AF9N.js";
-import { _ as Pe } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-6BhiWgI6.js";
+import { _ as Pe } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DjLAqoa-.js";
 import { _ as ve } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CvMVo3wC.js";
 import { _ as Le } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-BTNEZSgQ.js";
 import { _ as Ge } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-DcwRaAYo.js";
@@ -109,14 +109,14 @@ import { _ as Mt } from "./BuiSwitch.vue_vue_type_script_setup_true_lang-VtywyEj
 import { _ as It } from "./BuiTable.vue_vue_type_script_setup_true_lang-CUPSwE5z.js";
 import { _ as Vt } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-CWT4u-Ma.js";
 import { _ as ht } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-BrTQJCiZ.js";
-import { _ as yt } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js";
+import { _ as yt } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js";
 import { _ as Ht } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-DZOqi3dp.js";
 import { _ as kt } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-CpEilJsW.js";
 import { _ as jt } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
 import { _ as Ot } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-053YvtXp.js";
 import { _ as qt } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
 import { _ as Jt } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
-import { _ as Qt } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-CBCScilf.js";
+import { _ as Qt } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-CLpLGgTZ.js";
 import { BuiTabsList as Xt, BuiTabsTrigger as Yt, tabsListVariants as Zt, tabsTriggerVariants as $t } from "./components/ui/tabs/index.js";
 import { BuiTextarea as ra, textareaVariants as ea } from "./components/ui/textarea/index.js";
 import { BuiToast as aa, BuiToaster as ia, toastVariants as ua } from "./components/ui/toast/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "type": "module",
   "files": [
     "dist",

package/src/components/ui/pagination/BuiPaginationCommon.vue

@@ -62,12 +62,14 @@ const pageSizeString = computed({
             </BuiSelectItem>
           </BuiSelectContent>
         </BuiSelect>
-        <p class="text-sm text-muted-foreground">Page {{ page }} of {{ totalPages }}</p>
-        <BuiPaginationFirst />
-        <BuiPaginationPrev />
-        <BuiInput v-model="pageIndex" class="w-28" placeholder="Page number" />
-        <BuiPaginationNext />
-        <BuiPaginationLast />
+        <template v-if="totalPages > 1">
+          <p class="text-sm text-muted-foreground">Page {{ page }} of {{ totalPages }}</p>
+          <BuiPaginationFirst />
+          <BuiPaginationPrev />
+          <BuiInput v-model="pageIndex" class="w-28" placeholder="Page number" />
+          <BuiPaginationNext />
+          <BuiPaginationLast />
+        </template>
       </BuiPaginationList>
     </BuiPagination>
   </div>

package/src/components/ui/table/BuiDataTable.vue

@@ -25,7 +25,6 @@ import { computed, watchEffect } from 'vue'
 import {
   BuiTable,
   BuiTableBody,
-  BuiTableCaption,
   BuiTableCell,
   BuiTableEmpty,
   BuiTableFooter,
@@ -144,8 +143,10 @@ function getGroupLabel(index: number) {
 </script>
 
 <template>
+  <div v-if="$slots.caption" class="w-full py-4">
+    <slot name="caption" :table="table" />
+  </div>
   <BuiTable>
-    <BuiTableCaption v-if="$slots.caption"><slot name="caption" :table="table" /></BuiTableCaption>
     <BuiTableHeader>
       <BuiTableRow v-for="headerGroup in table.getHeaderGroups()" :key="headerGroup.id">
         <BuiTableHead v-for="header in headerGroup.headers" :key="header.id">
@@ -201,7 +202,7 @@ function getGroupLabel(index: number) {
         </BuiTableEmpty>
       </template>
     </BuiTableBody>
-    <BuiTableFooter v-if="showPagination && table.getPageCount() > 1">
+    <BuiTableFooter v-if="showPagination && computedItems > 0">
       <BuiTableRow>
         <BuiTableCell :colspan="columns.length">
           <BuiPaginationCommon

package/src/components/ui/table/BuiTableHead.vue

@@ -13,7 +13,7 @@ const props = defineProps<{ class?: string }>()
       )
     "
   >
-    <div class="flex h-10 items-center border-r border-border/[0.16] p-4">
+    <div class="flex h-10 items-center whitespace-nowrap border-r border-border/[0.16] p-4">
       <slot />
     </div>
   </th>

package/dist/BuiDataTable.vue_vue_type_script_setup_true_lang-CBCScilf.js

@@ -1,237 +0,0 @@
-import { defineComponent as V, mergeModels as D, useModel as b, computed as S, watchEffect as L, openBlock as n, createBlock as i, unref as t, withCtx as a, renderSlot as h, createCommentVNode as w, createVNode as g, createElementBlock as d, Fragment as m, renderList as f, createElementVNode as U, createTextVNode as y, toDisplayString as v } from "vue";
-import { _ as F } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-BfgRYJts.js";
-import { _ as O } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-DJ8YMCCp.js";
-import { _ as T } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-eieHE5yV.js";
-import { _ as G } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-6BhiWgI6.js";
-import { v as C } from "./utils-DPuEjrVV.js";
-import { _ as z } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
-import { useVueTable as j, getCoreRowModel as H, getPaginationRowModel as K, getSortedRowModel as Y, FlexRender as q } from "@tanstack/vue-table";
-import { _ as A } from "./BuiTable.vue_vue_type_script_setup_true_lang-CUPSwE5z.js";
-import { _ as J } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-CWT4u-Ma.js";
-import { _ as x } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-BrTQJCiZ.js";
-import { _ as Q } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js";
-import { _ as W } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-DZOqi3dp.js";
-import { _ as P } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-CpEilJsW.js";
-import { _ as X } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-053YvtXp.js";
-import { _ as Z } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
-import { _ as ee } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
-const te = { class: "inline-block rounded-t bg-background px-4 py-3" }, N = "#UNDEFINED#", we = /* @__PURE__ */ V({
-  __name: "BuiDataTable",
-  props: /* @__PURE__ */ D({
-    columns: {},
-    data: {},
-    pageSize: { default: 10 },
-    showPagination: { type: Boolean, default: !0 },
-    totalItems: { default: 0 },
-    manualPagination: { type: Boolean, default: !0 },
-    manualSorting: { type: Boolean, default: !0 },
-    groupBy: {},
-    groupLabels: {},
-    getRowId: {},
-    renderSubComponent: {}
-  }, {
-    sorting: {},
-    sortingModifiers: {},
-    pagination: {},
-    paginationModifiers: {},
-    selection: {},
-    selectionModifiers: {}
-  }),
-  emits: ["update:sorting", "update:pagination", "update:selection"],
-  setup(c) {
-    const o = c, R = b(c, "sorting"), p = b(c, "pagination"), $ = b(c, "selection"), E = S(
-      () => o.manualPagination ? o.totalItems : o.data.length
-    ), l = j({
-      initialState: { pagination: { pageSize: o.pageSize } },
-      get data() {
-        return o.data;
-      },
-      get columns() {
-        return o.columns;
-      },
-      getCoreRowModel: H(),
-      getPaginationRowModel: K(),
-      getSortedRowModel: Y(),
-      onSortingChange: (e) => {
-        C(e, R);
-      },
-      onPaginationChange: (e) => {
-        C(e, p);
-      },
-      onRowSelectionChange: (e) => {
-        C(e, $);
-      },
-      autoResetPageIndex: !1,
-      manualPagination: o.manualPagination,
-      // set to false to enable client-side pagination
-      manualSorting: o.manualSorting,
-      state: {
-        get sorting() {
-          return R.value;
-        },
-        get pagination() {
-          return p.value;
-        },
-        get rowSelection() {
-          return $.value;
-        }
-      },
-      getRowId: o.getRowId
-    }), k = S({
-      get() {
-        return l.getState().pagination.pageSize;
-      },
-      set(e) {
-        p.value && (p.value.pageSize = e, l.setPageSize(e), l.setPageIndex(0));
-      }
-    }), _ = S({
-      get() {
-        return l.getState().pagination.pageIndex + 1;
-      },
-      set(e) {
-        p.value && (p.value.pageIndex = e - 1, l.setPageIndex(e - 1));
-      }
-    });
-    L(() => {
-      const e = l.getPageCount();
-      e && e < _.value && (_.value = e);
-    });
-    const I = S(() => o.groupBy ? l.getRowModel().rows.reduce((e, s) => {
-      const u = s.getValue(o.groupBy) ?? N;
-      return e[u] = e[u] || [], e[u].push(s), e;
-    }, /* @__PURE__ */ Object.create(null)) : null);
-    function M(e) {
-      return (o.groupBy && o.groupLabels ? o.groupLabels[o.groupBy] || [] : [])[e];
-    }
-    return (e, s) => (n(), i(t(A), null, {
-      default: a(() => [
-        e.$slots.caption ? (n(), i(t(X), { key: 0 }, {
-          default: a(() => [
-            h(e.$slots, "caption", { table: t(l) })
-          ]),
-          _: 3
-        })) : w("", !0),
-        g(t(W), null, {
-          default: a(() => [
-            (n(!0), d(m, null, f(t(l).getHeaderGroups(), (r) => (n(), i(t(P), {
-              key: r.id
-            }, {
-              default: a(() => [
-                (n(!0), d(m, null, f(r.headers, (u) => (n(), i(t(Q), {
-                  key: u.id
-                }, {
-                  default: a(() => [
-                    u.isPlaceholder ? w("", !0) : (n(), i(t(q), {
-                      key: 0,
-                      render: u.column.columnDef.header,
-                      props: u.getContext()
-                    }, null, 8, ["render", "props"]))
-                  ]),
-                  _: 2
-                }, 1024))), 128))
-              ]),
-              _: 2
-            }, 1024))), 128))
-          ]),
-          _: 1
-        }),
-        g(t(J), null, {
-          default: a(() => [
-            t(l).getRowModel().rows?.length ? (n(), d(m, { key: 0 }, [
-              o.groupBy && I.value ? (n(!0), d(m, { key: 0 }, f(I.value, (r, u) => (n(), i(t(F), {
-                asChild: "",
-                key: u,
-                open: !0
-              }, {
-                default: a(() => [
-                  g(t(O), { asChild: "" }, {
-                    default: a(() => [
-                      g(t(P), { class: "bg-foreground/[0.04]" }, {
-                        default: a(() => [
-                          g(t(x), {
-                            colspan: e.columns.length,
-                            class: "!pb-0"
-                          }, {
-                            default: a(() => [
-                              U("div", te, [
-                                u === N ? (n(), d(m, { key: 0 }, [
-                                  y(v(M(1)), 1)
-                                ], 64)) : (n(), d(m, { key: 1 }, [
-                                  y(v(M(0)) + ": " + v(u), 1)
-                                ], 64))
-                              ])
-                            ]),
-                            _: 2
-                          }, 1032, ["colspan"])
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]),
-                    _: 2
-                  }, 1024),
-                  g(t(T), { asChild: "" }, {
-                    default: a(() => [
-                      (n(!0), d(m, null, f(r, (B) => (n(), i(z, {
-                        key: B.id,
-                        columns: o.columns,
-                        row: B,
-                        renderSubComponent: o.renderSubComponent
-                      }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1024))), 128)) : (n(!0), d(m, { key: 1 }, f(t(l).getRowModel().rows, (r) => (n(), i(z, {
-                key: r.id,
-                columns: o.columns,
-                row: r,
-                renderSubComponent: o.renderSubComponent
-              }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
-            ], 64)) : (n(), i(t(Z), {
-              key: 1,
-              colspan: e.columns.length
-            }, {
-              default: a(() => [
-                h(e.$slots, "nodata", {}, () => [
-                  s[2] || (s[2] = y("No data"))
-                ])
-              ]),
-              _: 3
-            }, 8, ["colspan"]))
-          ]),
-          _: 3
-        }),
-        e.showPagination && t(l).getPageCount() > 1 ? (n(), i(t(ee), { key: 1 }, {
-          default: a(() => [
-            g(t(P), null, {
-              default: a(() => [
-                g(t(x), {
-                  colspan: e.columns.length
-                }, {
-                  default: a(() => [
-                    g(t(G), {
-                      class: "float-right",
-                      total: E.value,
-                      pageIndex: _.value,
-                      "onUpdate:pageIndex": s[0] || (s[0] = (r) => _.value = r),
-                      pageSize: k.value,
-                      "onUpdate:pageSize": s[1] || (s[1] = (r) => k.value = r)
-                    }, null, 8, ["total", "pageIndex", "pageSize"])
-                  ]),
-                  _: 1
-                }, 8, ["colspan"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : w("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  we as _
-};

package/dist/BuiPaginationCommon.vue_vue_type_script_setup_true_lang-6BhiWgI6.js

@@ -1,107 +0,0 @@
-import { defineComponent as $, mergeModels as V, useModel as f, computed as _, openBlock as g, createElementBlock as c, createVNode as e, unref as t, withCtx as r, createElementVNode as v, Fragment as I, renderList as P, createTextVNode as y, toDisplayString as n } from "vue";
-/* empty css            */
-import { f as M, y as z } from "./index-uA4l4INt.js";
-import "@vueuse/core";
-import "./BuiCalendar.vue_vue_type_style_index_0_lang-DK4yUiXC.js";
-import "vee-validate";
-import { BuiInput as B } from "./components/ui/input/index.js";
-import { _ as k } from "./BuiSelect.vue_vue_type_script_setup_true_lang-YVZaZc0x.js";
-import { _ as w } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-CseYU299.js";
-import { _ as C } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-Dh-1xzuh.js";
-import { _ as N } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-CX82dW-X.js";
-import { _ as U } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-DsWD84S8.js";
-import "@tanstack/vue-table";
-import "./components/ui/toast/use-toast.js";
-import "@vee-validate/zod";
-import "zod";
-import "./index-BGsblnmA.js";
-/* empty css                   */
-import { _ as b } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CvMVo3wC.js";
-import { _ as q } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-BTNEZSgQ.js";
-import { _ as E } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-DcwRaAYo.js";
-import { _ as j } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-DkK8mnKY.js";
-const D = { class: "m-2" }, F = { class: "text-sm text-muted-foreground" }, le = /* @__PURE__ */ $({
-  __name: "BuiPaginationCommon",
-  props: /* @__PURE__ */ V({
-    total: {}
-  }, {
-    pageSize: { default: 10, required: !0 },
-    pageSizeModifiers: {},
-    pageIndex: { default: 1, required: !0 },
-    pageIndexModifiers: {}
-  }),
-  emits: ["update:pageSize", "update:pageIndex"],
-  setup(l) {
-    const x = [10, 20, 30, 40, 50], p = l, m = f(l, "pageSize"), i = f(l, "pageIndex"), S = _(() => Math.ceil(p.total / m.value)), u = _({
-      get() {
-        return String(m.value);
-      },
-      set(d) {
-        m.value = parseInt(d);
-      }
-    });
-    return (d, a) => (g(), c("div", D, [
-      e(t(M), {
-        total: p.total,
-        itemsPerPage: m.value,
-        page: i.value,
-        "onUpdate:page": a[2] || (a[2] = (s) => i.value = s)
-      }, {
-        default: r(({ page: s }) => [
-          e(t(z), { class: "relative flex items-center justify-center gap-2" }, {
-            default: r(() => [
-              a[3] || (a[3] = v("p", { class: "text-sm text-muted-foreground" }, "Items per page", -1)),
-              e(t(k), {
-                modelValue: u.value,
-                "onUpdate:modelValue": a[0] || (a[0] = (o) => u.value = o),
-                modelModifiers: { number: !0 }
-              }, {
-                default: r(() => [
-                  e(t(C), { class: "mr-2 w-[70px]" }, {
-                    default: r(() => [
-                      e(t(w), {
-                        placeholder: m.value.toString()
-                      }, null, 8, ["placeholder"])
-                    ]),
-                    _: 1
-                  }),
-                  e(t(N), { side: "top" }, {
-                    default: r(() => [
-                      (g(), c(I, null, P(x, (o) => e(t(U), {
-                        key: o,
-                        value: o.toString()
-                      }, {
-                        default: r(() => [
-                          y(n(o), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["value"])), 64))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue"]),
-              v("p", F, "Page " + n(s) + " of " + n(S.value), 1),
-              e(t(b)),
-              e(t(j)),
-              e(t(B), {
-                modelValue: i.value,
-                "onUpdate:modelValue": a[1] || (a[1] = (o) => i.value = o),
-                class: "w-28",
-                placeholder: "Page number"
-              }, null, 8, ["modelValue"]),
-              e(t(E)),
-              e(t(q))
-            ]),
-            _: 2
-          }, 1024)
-        ]),
-        _: 1
-      }, 8, ["total", "itemsPerPage", "page"])
-    ]));
-  }
-});
-export {
-  le as _
-};