@soft-stech/bootsman-ui-shadcn 1.4.26 → 1.4.28

package/dist/components/ui/auto-form/index.js

@@ -1,15 +1,15 @@
 import { getBaseSchema as e, getBaseType as t, getObjectFormSchema as m } from "./utils.js";
-import { _ as F } from "../../../BuiAutoForm.vue_vue_type_script_setup_true_lang-C7V7RILn.js";
-import { _ as i, b as B, a as s } from "../../../BuiAutoFormField.vue_vue_type_script_setup_true_lang-DOqmIHlO.js";
+import { _ as F } from "../../../BuiAutoForm.vue_vue_type_script_setup_true_lang-9_XFvzBj.js";
+import { _ as i, b as B, a as s } from "../../../BuiAutoFormField.vue_vue_type_script_setup_true_lang-DKvRmnUS.js";
 import { _ as l } from "../../../BuiAutoFormLabel.vue_vue_type_script_setup_true_lang-D4Sxc73k.js";
-import { _ as d } from "../../../BuiAutoFormFieldArray.vue_vue_type_script_setup_true_lang-CZivG9vd.js";
+import { _ as d } from "../../../BuiAutoFormFieldArray.vue_vue_type_script_setup_true_lang-Ch99jfAX.js";
 import { _ as x } from "../../../BuiAutoFormFieldBoolean.vue_vue_type_script_setup_true_lang-D2Cbe6Co.js";
 import { _ as b } from "../../../BuiAutoFormFieldDate.vue_vue_type_script_setup_true_lang-D-72LGqd.js";
-import { _ as g } from "../../../BuiAutoFormFieldEnum.vue_vue_type_script_setup_true_lang-n4DgpI5Y.js";
+import { _ as g } from "../../../BuiAutoFormFieldEnum.vue_vue_type_script_setup_true_lang-LMw9tbod.js";
 import { _ as n } from "../../../BuiAutoFormFieldFile.vue_vue_type_script_setup_true_lang-B519-9VW.js";
 import { _ as O } from "../../../BuiAutoFormFieldInput.vue_vue_type_script_setup_true_lang-WBxa1Pi8.js";
 import { _ as C } from "../../../BuiAutoFormFieldNumber.vue_vue_type_script_setup_true_lang-Dp9Jvt4L.js";
-import { _ as D } from "../../../BuiAutoFormFieldObject.vue_vue_type_script_setup_true_lang-B0x6TbXP.js";
+import { _ as D } from "../../../BuiAutoFormFieldObject.vue_vue_type_script_setup_true_lang-Cm6xp097.js";
 export {
   F as BuiAutoForm,
   i as BuiAutoFormField,

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

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../variables-CtE99jPc.js";
+import { _ as f } from "../../../variables-Ct6TXY_l.js";
 export {
   f as default
 };

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

@@ -1,4 +1,4 @@
-import { _ as o } from "../../../variables-CtE99jPc.js";
+import { _ as o } from "../../../variables-Ct6TXY_l.js";
 import { f as n, y as r, g as s } from "../../../index-DKlaqzM0.js";
 import { _ as g } from "../../../BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CwmCuGgF.js";
 import { _ as P } from "../../../BuiPaginationLast.vue_vue_type_script_setup_true_lang-CSOtvyld.js";

package/dist/components/ui/select/BuiSelectTrigger.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiSelectTrigger.vue_vue_type_script_setup_true_lang-WiJ3z7oT.js";
+import { _ as f } from "../../../BuiSelectTrigger.vue_vue_type_script_setup_true_lang-B5WlMfC3.js";
 export {
   f as default
 };

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

@@ -1,6 +1,6 @@
 import { _ as r } from "../../../BuiSelect.vue_vue_type_script_setup_true_lang-KcSVihcY.js";
 import { _ as a } from "../../../BuiSelectValue.vue_vue_type_script_setup_true_lang-BNN6bEtZ.js";
-import { _ as m } from "../../../BuiSelectTrigger.vue_vue_type_script_setup_true_lang-WiJ3z7oT.js";
+import { _ as m } from "../../../BuiSelectTrigger.vue_vue_type_script_setup_true_lang-B5WlMfC3.js";
 import { _ as u } from "../../../BuiSelectContent.vue_vue_type_script_setup_true_lang-B0NFOsOl.js";
 import { _ as x } from "../../../BuiSelectGroup.vue_vue_type_script_setup_true_lang-EX5mSNbD.js";
 import { _ as c } from "../../../BuiSelectItem.vue_vue_type_script_setup_true_lang-B6bF0Vu2.js";

package/dist/components/ui/table/BuiDataTable.vue.d.ts

@@ -34,6 +34,7 @@ declare const _default: <TData, TValue>(__VLS_props: NonNullable<Awaited<typeof
         getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
         renderSubComponent?: (row: Row<TData>) => (() => any) | undefined;
         freezeHeader?: boolean;
+        enableColumnListControl?: boolean;
         columnSearchPlaceholder?: string;
         columnSearchNotFound?: string;
     })> & import('vue').PublicProps;

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

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-DsrMMFKz.js";
+import { _ as f } from "../../../BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-BOdkTG0_.js";
 export {
   f as default
 };

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

@@ -4,47 +4,47 @@ import { _ as O } from "../../../BuiTableCell.vue_vue_type_script_setup_true_lan
 import { _ as X } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-BDSRArVd.js";
 import { _ as Z } from "../../../BuiTableHeader.vue_vue_type_script_setup_true_lang-BXgL487_.js";
 import { _ as V } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang-Bl4nF6yV.js";
-import { defineComponent as G, computed as w, openBlock as r, createElementBlock as d, Fragment as c, createBlock as f, unref as t, normalizeClass as ee, withCtx as a, renderSlot as y, renderList as z, normalizeStyle as K, createVNode as s, createCommentVNode as S, resolveDynamicComponent as oe, mergeModels as te, useModel as _, watchEffect as ne, ref as M, watch as le, createElementVNode as g, createTextVNode as h, toDisplayString as B } from "vue";
-import { _ as so } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-CTEP1Sde.js";
-import { _ as ae } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BTyX0sT5.js";
-import { _ as uo } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-CRyh8XF5.js";
-import { _ as re } from "../../../BuiCollapsible.vue_vue_type_script_setup_true_lang-DjuQBjGZ.js";
-import { _ as se } from "../../../BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-l-nmwAwq.js";
-import { _ as ie } from "../../../BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-BiD89zzH.js";
-import { _ as ue } from "../../../variables-CtE99jPc.js";
-import { h as de, v as C, _ as me, g as ge } from "../../../utils-CwP7Up6y.js";
-import { FlexRender as W, useVueTable as pe, getCoreRowModel as ce, getPaginationRowModel as fe, getSortedRowModel as be } from "@tanstack/vue-table";
-import { _ as ye } from "../../../BuiCommand.vue_vue_type_script_setup_true_lang-BiBVfuW-.js";
-import { _ as ve } from "../../../BuiCommandEmpty.vue_vue_type_script_setup_true_lang-BkPg_0iY.js";
-import { _ as we } from "../../../BuiCommandInput.vue_vue_type_script_setup_true_lang-Dxua89Ba.js";
-import { _ as Se } from "../../../BuiCommandList.vue_vue_type_script_setup_true_lang-CczssFsO.js";
-import { _ as _e } from "../../../BuiPopover.vue_vue_type_script_setup_true_lang-CGkz30K2.js";
-import { _ as Ce } from "../../../BuiPopoverTrigger.vue_vue_type_script_setup_true_lang-Du2ZN56l.js";
-import { _ as he } from "../../../BuiPopoverContent.vue_vue_type_script_setup_true_lang-D5UGzl8u.js";
+import { defineComponent as G, computed as w, openBlock as r, createElementBlock as d, Fragment as p, createBlock as c, unref as t, normalizeClass as ee, withCtx as a, renderSlot as y, renderList as k, normalizeStyle as K, createVNode as s, createCommentVNode as S, resolveDynamicComponent as oe, mergeModels as te, useModel as _, watchEffect as ne, ref as x, watch as le, createSlots as ae, createElementVNode as g, createTextVNode as h, toDisplayString as B } from "vue";
+import { _ as io } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-CTEP1Sde.js";
+import { _ as re } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BTyX0sT5.js";
+import { _ as mo } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-CRyh8XF5.js";
+import { _ as se } from "../../../BuiCollapsible.vue_vue_type_script_setup_true_lang-DjuQBjGZ.js";
+import { _ as ie } from "../../../BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-l-nmwAwq.js";
+import { _ as ue } from "../../../BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-BiD89zzH.js";
+import { _ as de } from "../../../variables-Ct6TXY_l.js";
+import { h as me, v as C, g as ge, _ as pe } from "../../../utils-CwP7Up6y.js";
+import { FlexRender as W, useVueTable as ce, getCoreRowModel as fe, getPaginationRowModel as be, getSortedRowModel as ye } from "@tanstack/vue-table";
+import { _ as ve } from "../../../BuiCommand.vue_vue_type_script_setup_true_lang-BiBVfuW-.js";
+import { _ as we } from "../../../BuiCommandEmpty.vue_vue_type_script_setup_true_lang-BkPg_0iY.js";
+import { _ as Se } from "../../../BuiCommandInput.vue_vue_type_script_setup_true_lang-Dxua89Ba.js";
+import { _ as _e } from "../../../BuiCommandList.vue_vue_type_script_setup_true_lang-CczssFsO.js";
+import { _ as Ce } from "../../../BuiPopover.vue_vue_type_script_setup_true_lang-CGkz30K2.js";
+import { _ as he } from "../../../BuiPopoverTrigger.vue_vue_type_script_setup_true_lang-Du2ZN56l.js";
+import { _ as ke } from "../../../BuiPopoverContent.vue_vue_type_script_setup_true_lang-D5UGzl8u.js";
 import { _ as ze } from "../../../BuiScrollArea.vue_vue_type_script_setup_true_lang-D-nqw_Ka.js";
-import { _ as ke } from "../../../BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-DsrMMFKz.js";
+import { _ as $e } from "../../../BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-BOdkTG0_.js";
 /**
  * @license lucide-vue-next v0.441.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $e = de("Settings2Icon", [
+const Be = me("Settings2Icon", [
   ["path", { d: "M20 7h-9", key: "3s1dr2" }],
   ["path", { d: "M14 17H5", key: "gfn3mx" }],
   ["circle", { cx: "17", cy: "17", r: "3", key: "18b49y" }],
   ["circle", { cx: "7", cy: "7", r: "3", key: "dfmy0x" }]
-]), Be = "[!fake-empty!]", j = /* @__PURE__ */ G({
+]), Re = "[!fake-empty!]", j = /* @__PURE__ */ G({
   __name: "BuiTableRowSubrow",
   props: {
     row: {},
     renderSubComponent: { type: Function },
     columns: {}
   },
-  setup(p) {
-    const n = p, k = w(() => n.row.original.name?.includes(Be));
-    return (i, R) => (r(), d(c, null, [
-      k.value ? S("", !0) : (r(), f(t(V), {
+  setup(f) {
+    const n = f, z = w(() => n.row.original.name?.includes(Re));
+    return (i, R) => (r(), d(p, null, [
+      z.value ? S("", !0) : (r(), c(t(V), {
         key: 0,
         "data-row-state": i.row.getIsSelected() ? "selected" : void 0,
         class: ee(n.renderSubComponent?.(i.row) ? "border-b-0" : "")
@@ -53,7 +53,7 @@ const $e = de("Settings2Icon", [
           y(i.$slots, "actions")
         ]),
         default: a(() => [
-          (r(!0), d(c, null, z(i.row.getVisibleCells(), (v) => (r(), f(t(O), {
+          (r(!0), d(p, null, k(i.row.getVisibleCells(), (v) => (r(), c(t(O), {
             key: v.id,
             style: K({ ...t(Y)(v.column) })
           }, {
@@ -68,7 +68,7 @@ const $e = de("Settings2Icon", [
         ]),
         _: 3
       }, 8, ["data-row-state", "class"])),
-      n.renderSubComponent?.(i.row) ? (r(), f(t(V), {
+      n.renderSubComponent?.(i.row) ? (r(), c(t(V), {
         key: 1,
         "data-row-state": i.row.getIsSelected() ? "selected" : void 0
       }, {
@@ -81,7 +81,7 @@ const $e = de("Settings2Icon", [
             class: "pt-0"
           }, {
             default: a(() => [
-              (r(), f(oe(n.renderSubComponent?.(i.row)?.())))
+              (r(), c(oe(n.renderSubComponent?.(i.row)?.())))
             ]),
             _: 1
           }, 8, ["colspan"])
@@ -90,13 +90,13 @@ const $e = de("Settings2Icon", [
       }, 8, ["data-row-state"])) : S("", !0)
     ], 64));
   }
-}), Re = {
+}), Ie = {
   key: 0,
   class: "w-full py-3"
-}, Ie = { class: "absolute right-0 top-0 z-10 h-10 bg-background" }, Pe = { class: "flex h-full items-center border-l border-border/[0.16] bg-foreground/[0.04] px-1" }, xe = ["onDblclick", "onMousedown", "className"], Me = { class: "mt-1 flex w-full items-center justify-between" }, Oe = { class: "relative -mb-[6px] inline-block rounded-t-lg bg-background px-4 py-2 text-sm font-medium shadow-top-shadow" }, Ve = {
+}, Me = { class: "absolute right-0 top-0 z-10 h-10 bg-background" }, Pe = { class: "flex h-full items-center border-l border-border/[0.16] bg-foreground/[0.04] px-1" }, xe = ["onDblclick", "onMousedown", "className"], Oe = { class: "mt-1 flex w-full items-center justify-between" }, Ve = { class: "relative -mb-[6px] inline-block rounded-t-lg bg-background px-4 py-2 text-sm font-medium shadow-top-shadow" }, Te = {
   key: 1,
   class: "flex w-full justify-end border-x border-b border-border/[0.16] bg-primary/[0.04] px-4 py-1 text-base text-muted-foreground"
-}, A = "#UNDEFINED#", lo = /* @__PURE__ */ G({
+}, A = "#UNDEFINED#", ao = /* @__PURE__ */ G({
   __name: "BuiDataTable",
   props: /* @__PURE__ */ te({
     columns: {},
@@ -111,6 +111,7 @@ const $e = de("Settings2Icon", [
     getRowId: {},
     renderSubComponent: {},
     freezeHeader: { type: Boolean },
+    enableColumnListControl: { type: Boolean },
     columnSearchPlaceholder: { default: "Column name" },
     columnSearchNotFound: { default: "Not found" }
   }, {
@@ -128,10 +129,10 @@ const $e = de("Settings2Icon", [
     columnOrderModifiers: {}
   }),
   emits: ["update:sorting", "update:pagination", "update:selection", "update:columnVisibility", "update:columnSizing", "update:columnOrder"],
-  setup(p) {
-    const n = p, k = _(p, "sorting"), i = _(p, "pagination"), R = _(p, "selection"), v = _(p, "columnVisibility"), T = _(p, "columnSizing"), b = _(p, "columnOrder"), N = w(
+  setup(f) {
+    const n = f, z = _(f, "sorting"), i = _(f, "pagination"), R = _(f, "selection"), v = _(f, "columnVisibility"), T = _(f, "columnSizing"), b = _(f, "columnOrder"), N = w(
       () => n.manualPagination ? n.totalItems : n.data.length
-    ), q = n.columns.map((e) => e.meta?.pinLeft && e.id ? e.id : "").filter(Boolean), u = pe({
+    ), q = n.columns.map((e) => e.meta?.pinLeft && e.id ? e.id : "").filter(Boolean), u = ce({
       initialState: {
         // TODO: column freeze
         columnPinning: { left: q },
@@ -143,11 +144,11 @@ const $e = de("Settings2Icon", [
       get columns() {
         return n.columns;
       },
-      getCoreRowModel: ce(),
-      getPaginationRowModel: fe(),
-      getSortedRowModel: be(),
+      getCoreRowModel: fe(),
+      getPaginationRowModel: be(),
+      getSortedRowModel: ye(),
       onSortingChange: (e) => {
-        C(e, k);
+        C(e, z);
       },
       onPaginationChange: (e) => {
         C(e, i);
@@ -173,7 +174,7 @@ const $e = de("Settings2Icon", [
       columnResizeDirection: "ltr",
       state: {
         get sorting() {
-          return k.value;
+          return z.value;
         },
         get pagination() {
           return i.value;
@@ -192,7 +193,7 @@ const $e = de("Settings2Icon", [
         }
       },
       getRowId: n.getRowId
-    }), D = w({
+    }), L = w({
       get() {
         return u.getState().pagination.pageSize;
       },
@@ -211,105 +212,38 @@ const $e = de("Settings2Icon", [
       const e = u.getPageCount();
       e && e < $.value && ($.value = e);
     });
-    const H = w(() => n.groupBy ? u.getRowModel().rows.reduce((e, o) => {
+    const D = w(() => n.groupBy ? u.getRowModel().rows.reduce((e, o) => {
       const m = o.getValue(n.groupBy) ?? A;
       return e[m] = e[m] || [], e[m].push(o), e;
     }, /* @__PURE__ */ Object.create(null)) : null);
-    function L(e) {
+    function H(e) {
       return (n.groupBy && n.groupLabels ? n.groupLabels[n.groupBy] || [] : [])[e];
     }
-    const I = M(
+    const I = x(
       u.getAllColumns().filter((e) => typeof e.accessorFn < "u" && e.getCanHide()).sort((e, o) => b.value ? b.value?.indexOf(e.id) < 0 && b.value?.indexOf(o.id) >= 0 ? 1 : b.value?.indexOf(e.id) >= 0 && b.value?.indexOf(o.id) < 0 ? -1 : b.value?.indexOf(e.id) - b.value?.indexOf(o.id) : 0)
-    ), E = w(() => I.value.map((e) => e.id)), F = M(!1), P = M(""), U = w(
+    ), E = w(() => I.value.map((e) => e.id)), F = x(!1), M = x(""), U = w(
       () => u.getHeaderGroups().length > 0 ? u.getHeaderGroups()[0].headers : void 0
     );
     return le(E, () => {
       u.setColumnOrder(E.value);
-    }), (e, o) => (r(), d(c, null, [
-      e.$slots.caption ? (r(), d("div", Re, [
+    }), (e, o) => (r(), d(p, null, [
+      e.$slots.caption ? (r(), d("div", Ie, [
         y(e.$slots, "caption", { table: t(u) })
       ])) : S("", !0),
-      s(t(J), null, {
-        columnVisibility: a(() => [
-          s(t(_e), {
-            open: F.value,
-            "onUpdate:open": o[3] || (o[3] = (l) => F.value = l)
-          }, {
-            default: a(() => [
-              s(t(Ce), { "as-child": "" }, {
-                default: a(() => [
-                  g("div", Ie, [
-                    g("div", Pe, [
-                      s(t(me), {
-                        variant: "ghost",
-                        class: "flex h-8 w-8 items-center justify-center text-foreground"
-                      }, {
-                        default: a(() => [
-                          s(t($e), { class: "h-4 w-4 flex-shrink-0 opacity-50" })
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ])
-                ]),
-                _: 1
-              }),
-              s(t(he), {
-                class: "w-[250px] p-0",
-                align: "start"
-              }, {
-                default: a(() => [
-                  s(t(ye), null, {
-                    default: a(() => [
-                      s(t(we), {
-                        placeholder: e.columnSearchPlaceholder,
-                        modelValue: P.value,
-                        "onUpdate:modelValue": o[0] || (o[0] = (l) => P.value = l),
-                        onInput: o[1] || (o[1] = (l) => P.value = l.target.value)
-                      }, null, 8, ["placeholder", "modelValue"]),
-                      s(t(Se), null, {
-                        default: a(() => [
-                          s(t(ze), { class: "h-[300px]" }, {
-                            default: a(() => [
-                              s(t(ve), null, {
-                                default: a(() => [
-                                  h(B(e.columnSearchNotFound), 1)
-                                ]),
-                                _: 1
-                              }),
-                              s(t(ke), {
-                                "columns-list": I.value,
-                                "onUpdate:columnsList": o[2] || (o[2] = (l) => I.value = l)
-                              }, null, 8, ["columns-list"])
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["open"])
-        ]),
+      s(t(J), null, ae({
         default: a(() => [
-          U.value ? (r(), f(t(Z), {
+          U.value ? (r(), c(t(Z), {
             key: 0,
             "freeze-header": n.freezeHeader
           }, {
             default: a(() => [
-              (r(!0), d(c, null, z(U.value, (l) => (r(), f(t(X), {
+              (r(!0), d(p, null, k(U.value, (l) => (r(), c(t(X), {
                 key: l.id,
                 style: K({ ...t(Y)(l.column), width: l.getSize() + "px" }),
                 "freeze-header": n.freezeHeader
               }, {
                 default: a(() => [
-                  l.isPlaceholder ? S("", !0) : (r(), f(t(W), {
+                  l.isPlaceholder ? S("", !0) : (r(), c(t(W), {
                     key: 0,
                     render: l.column.columnDef.header,
                     props: l.getContext()
@@ -330,14 +264,14 @@ const $e = de("Settings2Icon", [
           }, 8, ["freeze-header"])) : S("", !0),
           s(t(Q), null, {
             default: a(() => [
-              t(u).getRowModel().rows?.length ? (r(), d(c, { key: 0 }, [
-                n.groupBy && H.value ? (r(!0), d(c, { key: 0 }, z(H.value, (l, m) => (r(), f(t(re), {
+              t(u).getRowModel().rows?.length ? (r(), d(p, { key: 0 }, [
+                n.groupBy && D.value ? (r(!0), d(p, { key: 0 }, k(D.value, (l, m) => (r(), c(t(se), {
                   asChild: "",
                   key: m,
                   open: !0
                 }, {
                   default: a(() => [
-                    s(t(se), { asChild: "" }, {
+                    s(t(ie), { asChild: "" }, {
                       default: a(() => [
                         s(t(V), { class: "bg-foreground/[0.04]" }, {
                           actions: a(() => [
@@ -349,8 +283,8 @@ const $e = de("Settings2Icon", [
                               class: "!pb-0"
                             }, {
                               default: a(() => [
-                                g("div", Me, [
-                                  g("div", Oe, [
+                                g("div", Oe, [
+                                  g("div", Ve, [
                                     o[6] || (o[6] = g("div", { class: "absolute -left-2 bottom-0 h-2 w-2 bg-background" }, null, -1)),
                                     o[7] || (o[7] = g("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
                                     o[8] || (o[8] = g("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
@@ -358,14 +292,14 @@ const $e = de("Settings2Icon", [
                                     o[10] || (o[10] = g("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
                                     o[11] || (o[11] = g("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
                                     o[12] || (o[12] = g("div", null, null, -1)),
-                                    m === A ? (r(), d(c, { key: 0 }, [
-                                      h(B(L(1)), 1)
-                                    ], 64)) : (r(), d(c, { key: 1 }, [
-                                      h(B(L(0)) + ": ", 1),
+                                    m === A ? (r(), d(p, { key: 0 }, [
+                                      h(B(H(1)), 1)
+                                    ], 64)) : (r(), d(p, { key: 1 }, [
+                                      h(B(H(0)) + ": ", 1),
                                       e.$slots.groupName ? y(e.$slots, "groupName", {
                                         key: 0,
                                         group: m
-                                      }) : (r(), d(c, { key: 1 }, [
+                                      }) : (r(), d(p, { key: 1 }, [
                                         h(B(m), 1)
                                       ], 64))
                                     ], 64))
@@ -384,17 +318,17 @@ const $e = de("Settings2Icon", [
                       ]),
                       _: 2
                     }, 1024),
-                    s(t(ie), { asChild: "" }, {
+                    s(t(ue), { asChild: "" }, {
                       default: a(() => [
-                        (r(!0), d(c, null, z(l, (x) => (r(), f(j, {
-                          key: x.id,
+                        (r(!0), d(p, null, k(l, (P) => (r(), c(j, {
+                          key: P.id,
                           columns: n.columns,
-                          row: x,
+                          row: P,
                           renderSubComponent: n.renderSubComponent
                         }, {
                           actions: a(() => [
                             y(e.$slots, "rowActions", {
-                              row: x.original
+                              row: P.original
                             })
                           ]),
                           _: 2
@@ -404,7 +338,7 @@ const $e = de("Settings2Icon", [
                     }, 1024)
                   ]),
                   _: 2
-                }, 1024))), 128)) : (r(!0), d(c, { key: 1 }, z(t(u).getRowModel().rows, (l) => (r(), f(j, {
+                }, 1024))), 128)) : (r(!0), d(p, { key: 1 }, k(t(u).getRowModel().rows, (l) => (r(), c(j, {
                   key: l.id,
                   columns: n.columns,
                   row: l,
@@ -417,7 +351,7 @@ const $e = de("Settings2Icon", [
                   ]),
                   _: 2
                 }, 1032, ["columns", "row", "renderSubComponent"]))), 128))
-              ], 64)) : (r(), f(t(ae), {
+              ], 64)) : (r(), c(t(re), {
                 key: 1,
                 colspan: e.columns.length
               }, {
@@ -432,37 +366,104 @@ const $e = de("Settings2Icon", [
             _: 3
           })
         ]),
-        _: 3
-      }),
-      e.showPagination && N.value > 0 ? (r(), d("div", Ve, [
-        s(t(ue), {
+        _: 2
+      }, [
+        e.enableColumnListControl ? {
+          name: "columnVisibility",
+          fn: a(() => [
+            s(t(Ce), {
+              open: F.value,
+              "onUpdate:open": o[3] || (o[3] = (l) => F.value = l)
+            }, {
+              default: a(() => [
+                s(t(he), { "as-child": "" }, {
+                  default: a(() => [
+                    g("div", Me, [
+                      g("div", Pe, [
+                        s(t(pe), {
+                          variant: "ghost",
+                          class: "flex h-8 w-8 items-center justify-center text-foreground"
+                        }, {
+                          default: a(() => [
+                            s(t(Be), { class: "h-4 w-4 flex-shrink-0 opacity-50" })
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                s(t(ke), {
+                  class: "w-[250px] p-0",
+                  align: "start"
+                }, {
+                  default: a(() => [
+                    s(t(ve), null, {
+                      default: a(() => [
+                        s(t(Se), {
+                          placeholder: e.columnSearchPlaceholder,
+                          modelValue: M.value,
+                          "onUpdate:modelValue": o[0] || (o[0] = (l) => M.value = l),
+                          onInput: o[1] || (o[1] = (l) => M.value = l.target.value)
+                        }, null, 8, ["placeholder", "modelValue"]),
+                        s(t(_e), null, {
+                          default: a(() => [
+                            s(t(ze), { class: "h-[300px]" }, {
+                              default: a(() => [
+                                s(t(we), null, {
+                                  default: a(() => [
+                                    h(B(e.columnSearchNotFound), 1)
+                                  ]),
+                                  _: 1
+                                }),
+                                s(t($e), {
+                                  "columns-list": I.value,
+                                  "onUpdate:columnsList": o[2] || (o[2] = (l) => I.value = l)
+                                }, null, 8, ["columns-list"])
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["open"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024),
+      e.showPagination && N.value > 0 ? (r(), d("div", Te, [
+        s(t(de), {
           total: N.value,
           pageIndex: $.value,
           "onUpdate:pageIndex": o[4] || (o[4] = (l) => $.value = l),
-          pageSize: D.value,
-          "onUpdate:pageSize": o[5] || (o[5] = (l) => D.value = l)
+          pageSize: L.value,
+          "onUpdate:pageSize": o[5] || (o[5] = (l) => L.value = l)
         }, null, 8, ["total", "pageIndex", "pageSize"])
       ])) : S("", !0)
     ], 64));
   }
 });
-function Y(p) {
-  const n = p.getIsPinned();
-  return {
-    left: n === "left" ? "0" : void 0,
-    position: n ? "sticky" : "relative",
-    zIndex: n ? "1" : "0"
-  };
+function Y(f) {
+  return { position: "relative" };
 }
 export {
-  lo as BuiDataTable,
-  ke as BuiDataTableColumnList,
+  ao as BuiDataTable,
+  $e as BuiDataTableColumnList,
   J as BuiTable,
   Q as BuiTableBody,
-  so as BuiTableCaption,
+  io as BuiTableCaption,
   O as BuiTableCell,
-  ae as BuiTableEmpty,
-  uo as BuiTableFooter,
+  re as BuiTableEmpty,
+  mo as BuiTableFooter,
   X as BuiTableHead,
   Z as BuiTableHeader,
   V as BuiTableRow,

package/dist/index.js

@@ -77,7 +77,7 @@ import { _ as se } from "./BuiHoverCardTrigger.vue_vue_type_script_setup_true_la
 import { _ as Be } from "./BuiHoverCardContent.vue_vue_type_script_setup_true_lang-BdyvfFrD.js";
 import { BuiBadgedInput as fe, BuiInput as ne, BuiPasswordInput as _e, inputVariants as le } from "./components/ui/input/index.js";
 import { _ as ge } from "./BuiLabel.vue_vue_type_script_setup_true_lang-BRu9znJb.js";
-import { _ as Te } from "./variables-CtE99jPc.js";
+import { _ as Te } from "./variables-Ct6TXY_l.js";
 import { _ as ce } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CwmCuGgF.js";
 import { _ as be } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-CSOtvyld.js";
 import { _ as De } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-B4HmMbjL.js";
@@ -92,7 +92,7 @@ import { _ as Ue } from "./BuiRadioGroup.vue_vue_type_script_setup_true_lang-Dbo
 import { _ as ze } from "./BuiRadioGroupItem.vue_vue_type_script_setup_true_lang-CLvaLWEk.js";
 import { _ as We } from "./BuiSelect.vue_vue_type_script_setup_true_lang-KcSVihcY.js";
 import { _ as Ze } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-BNN6bEtZ.js";
-import { _ as ot } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-WiJ3z7oT.js";
+import { _ as ot } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-B5WlMfC3.js";
 import { _ as et } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-B0NFOsOl.js";
 import { _ as at } from "./BuiSelectGroup.vue_vue_type_script_setup_true_lang-EX5mSNbD.js";
 import { _ as ut } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-B6bF0Vu2.js";
@@ -127,17 +127,17 @@ import { _ as ga } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-Dj
 import { _ as Ta } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-l-nmwAwq.js";
 import { _ as ca } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-BiD89zzH.js";
 import { getBaseSchema as ba, getBaseType as Aa, getObjectFormSchema as Da } from "./components/ui/auto-form/utils.js";
-import { _ as Ia } from "./BuiAutoForm.vue_vue_type_script_setup_true_lang-C7V7RILn.js";
-import { _ as wa, b as Pa, a as Va } from "./BuiAutoFormField.vue_vue_type_script_setup_true_lang-DOqmIHlO.js";
+import { _ as Ia } from "./BuiAutoForm.vue_vue_type_script_setup_true_lang-9_XFvzBj.js";
+import { _ as wa, b as Pa, a as Va } from "./BuiAutoFormField.vue_vue_type_script_setup_true_lang-DKvRmnUS.js";
 import { _ as La } from "./BuiAutoFormLabel.vue_vue_type_script_setup_true_lang-D4Sxc73k.js";
-import { _ as Ha } from "./BuiAutoFormFieldArray.vue_vue_type_script_setup_true_lang-CZivG9vd.js";
+import { _ as Ha } from "./BuiAutoFormFieldArray.vue_vue_type_script_setup_true_lang-Ch99jfAX.js";
 import { _ as Ga } from "./BuiAutoFormFieldBoolean.vue_vue_type_script_setup_true_lang-D2Cbe6Co.js";
 import { _ as Oa } from "./BuiAutoFormFieldDate.vue_vue_type_script_setup_true_lang-D-72LGqd.js";
-import { _ as Na } from "./BuiAutoFormFieldEnum.vue_vue_type_script_setup_true_lang-n4DgpI5Y.js";
+import { _ as Na } from "./BuiAutoFormFieldEnum.vue_vue_type_script_setup_true_lang-LMw9tbod.js";
 import { _ as Ya } from "./BuiAutoFormFieldFile.vue_vue_type_script_setup_true_lang-B519-9VW.js";
 import { _ as Ka } from "./BuiAutoFormFieldInput.vue_vue_type_script_setup_true_lang-WBxa1Pi8.js";
 import { _ as qa } from "./BuiAutoFormFieldNumber.vue_vue_type_script_setup_true_lang-Dp9Jvt4L.js";
-import { _ as Qa } from "./BuiAutoFormFieldObject.vue_vue_type_script_setup_true_lang-B0x6TbXP.js";
+import { _ as Qa } from "./BuiAutoFormFieldObject.vue_vue_type_script_setup_true_lang-Cm6xp097.js";
 import { BuiSheetContent as Xa, sheetVariants as Za } from "./components/ui/sheet/index.js";
 import { default as oi } from "./tailwind-preset.js";
 import { _ as ei } from "./BuiAlertTitle.vue_vue_type_script_setup_true_lang-BjER4Suz.js";
@@ -165,7 +165,7 @@ import { _ as ji } from "./BuiSheetHeader.vue_vue_type_script_setup_true_lang-vG
 import { _ as Ji } from "./BuiSheetTitle.vue_vue_type_script_setup_true_lang-D-bamlaT.js";
 import { _ as Ui } from "./BuiSheetTrigger.vue_vue_type_script_setup_true_lang-Bo3F1V-i.js";
 import { Form as zi, Field as Qi, FieldArray as Wi, useField as Xi, useFieldArray as Zi, useForm as $i } from "vee-validate";
-import { _ as ru } from "./BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-DsrMMFKz.js";
+import { _ as ru } from "./BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-BOdkTG0_.js";
 import { _ as tu } from "./BuiToastViewport.vue_vue_type_script_setup_true_lang-BBDzM6Br.js";
 import { _ as iu } from "./BuiToastClose.vue_vue_type_script_setup_true_lang-fLjieQsa.js";
 import { _ as pu } from "./BuiToastTitle.vue_vue_type_script_setup_true_lang-D1VfRzjv.js";

package/dist/{variables-CtE99jPc.js → variables-Ct6TXY_l.js}

@@ -7,7 +7,7 @@ import "./BuiCalendar.vue_vue_type_style_index_0_lang-DK4yUiXC.js";
 import { BuiInput as C } from "./components/ui/input/index.js";
 import { _ as N } from "./BuiSelect.vue_vue_type_script_setup_true_lang-KcSVihcY.js";
 import { _ as w } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-BNN6bEtZ.js";
-import { _ as U } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-WiJ3z7oT.js";
+import { _ as U } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-B5WlMfC3.js";
 import { _ as b } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-B0NFOsOl.js";
 import { _ as q } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-B6bF0Vu2.js";
 import "@tanstack/vue-table";

package/package.json

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