@agrotools1/at-components 2.0.35 → 2.0.37

package/dist/command/CommandEmpty.vue.js

@@ -1,30 +1,30 @@
-import { defineComponent as a, createBlock as n, createCommentVNode as c, unref as t, openBlock as p, mergeProps as l, withCtx as i, renderSlot as d } from "vue";
+import { defineComponent as s, createBlock as a, createCommentVNode as c, unref as t, openBlock as p, mergeProps as l, withCtx as i, renderSlot as d } from "vue";
 import { reactiveOmit as f } from "@vueuse/core";
 import { Primitive as u } from "reka-ui";
 import { cn as C } from "../lib/utils.js";
-import { injectCommandContext as x } from "./contexts.js";
-const P = /* @__PURE__ */ a({
+import { injectCommandContext as y } from "./contexts.js";
+const B = /* @__PURE__ */ s({
   __name: "CommandEmpty",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(o) {
-    const e = o, m = f(e, "class"), r = x();
-    return (s, y) => t(r).isEmptySearchResult.value ? (p(), n(t(u), l({
+    const e = o, r = f(e, "class"), m = y();
+    return (n, x) => t(m).isEmptySearchResult.value ? (p(), a(t(u), l({
       key: 0,
       "data-slot": "command-empty"
-    }, t(m), {
+    }, t(r), {
       class: t(C)("py-6 text-center text-sm font-bold", e.class)
     }), {
       default: i(() => [
-        d(s.$slots, "default")
+        d(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"])) : c("", !0);
   }
 });
 export {
-  P as default
+  B as default
 };

package/dist/command/CommandGroup.vue.js

@@ -1,19 +1,19 @@
-import { defineComponent as u, computed as c, onMounted as l, onUnmounted as f, createBlock as d, openBlock as s, unref as e, mergeProps as x, withCtx as a, createCommentVNode as g, renderSlot as C, createTextVNode as h, toDisplayString as v } from "vue";
+import { defineComponent as u, computed as c, onMounted as l, onUnmounted as f, createBlock as d, openBlock as s, unref as e, mergeProps as g, withCtx as a, createCommentVNode as x, renderSlot as C, createTextVNode as h, toDisplayString as v } from "vue";
 import { reactiveOmit as G } from "@vueuse/core";
 import { useId as b, ListboxGroup as y, ListboxGroupLabel as _ } from "reka-ui";
 import { cn as V } from "../lib/utils.js";
 import { injectCommandContext as k, provideCommandGroupContext as B } from "./contexts.js";
-const A = /* @__PURE__ */ u({
+const P = /* @__PURE__ */ u({
   __name: "CommandGroup",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     heading: {}
   },
   setup(i) {
     const r = i, m = G(r, "class"), o = b(void 0, "at-command-group"), t = k(), p = c(() => t.isGroupVisible(o));
-    return B({ id: o }), l(() => t.onGroupAdd(o)), f(() => t.onGroupRemove(o)), (n, L) => (s(), d(e(y), x(e(m), {
+    return B({ id: o }), l(() => t.onGroupAdd(o)), f(() => t.onGroupRemove(o)), (n, L) => (s(), d(e(y), g(e(m), {
       id: e(o),
       "data-slot": "command-group",
       class: e(V)("overflow-hidden p-1 text-gray-900", r.class),
@@ -28,7 +28,7 @@ const A = /* @__PURE__ */ u({
             h(v(n.heading), 1)
           ]),
           _: 1
-        })) : g("", !0),
+        })) : x("", !0),
         C(n.$slots, "default")
       ]),
       _: 3
@@ -36,5 +36,5 @@ const A = /* @__PURE__ */ u({
   }
 });
 export {
-  A as default
+  P as default
 };

package/dist/command/CommandInput.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as p, computed as i, toValue as u, createElementBlock as f, openBlock as h, createVNode as l, unref as e, mergeProps as x } from "vue";
+import { defineComponent as p, computed as i, toValue as u, createElementBlock as f, openBlock as h, createVNode as n, unref as e, mergeProps as x } from "vue";
 import { reactiveOmit as b } from "@vueuse/core";
 import { useForwardProps as g, ListboxFilter as y } from "reka-ui";
 import { cn as C } from "../lib/utils.js";
 import { injectCommandContext as V } from "./contexts.js";
-import w from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/search.js";
+import w from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/search.js";
 const B = {
   "data-slot": "command-input-wrapper",
   class: "flex h-12 items-center gap-2 border-b px-3"
@@ -15,19 +15,19 @@ const B = {
     autoFocus: { type: Boolean },
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(n) {
-    const t = n, d = b(t, "class"), m = g(d), a = V(), r = i({
+  setup(l) {
+    const t = l, d = b(t, "class"), c = g(d), a = V(), r = i({
       get: () => u(a.search),
       set: (o) => a.onSearch(o)
     });
     return (o, s) => (h(), f("div", B, [
-      l(e(w), { class: "size-4 shrink-0 opacity-50" }),
-      l(e(y), x({ ...e(m), ...o.$attrs }, {
+      n(e(w), { class: "size-4 shrink-0 opacity-50" }),
+      n(e(y), x({ ...e(c), ...o.$attrs }, {
         modelValue: r.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
+        "onUpdate:modelValue": s[0] || (s[0] = (m) => r.value = m),
         "data-slot": "command-input",
         "auto-focus": "",
         class: e(C)(

package/dist/command/CommandItem.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as g, shallowRef as x, computed as d, onMounted as C, onUnmounted as h, createBlock as _, createCommentVNode as b, openBlock as I, unref as t, mergeProps as y, withCtx as k, renderSlot as S } from "vue";
+import { defineComponent as g, shallowRef as x, computed as d, onMounted as C, onUnmounted as h, createBlock as _, createCommentVNode as b, openBlock as y, unref as t, mergeProps as I, withCtx as S, renderSlot as k } from "vue";
 import { reactiveOmit as w, useCurrentElement as B } from "@vueuse/core";
 import { useForwardPropsEmits as E, useId as P, ListboxItem as R } from "reka-ui";
-import { cn as V } from "../lib/utils.js";
-import { injectCommandContext as j, injectCommandGroupContext as z } from "./contexts.js";
-const N = /* @__PURE__ */ g({
+import { cn as j } from "../lib/utils.js";
+import { injectCommandContext as V, injectCommandGroupContext as z } from "./contexts.js";
+const H = /* @__PURE__ */ g({
   __name: "CommandItem",
   props: {
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select"],
   setup(l, { emit: m }) {
-    const e = l, c = m, u = w(e, "class"), p = E(u, c), o = P(void 0, "at-command-item"), n = j(), f = z(), r = x(null), i = B(r), v = d(() => n.isItemVisible(o)), s = d(() => {
+    const e = l, c = m, u = w(e, "class"), p = E(u, c), o = P(void 0, "at-command-item"), n = V(), f = z(), r = x(null), i = B(r), v = d(() => n.isItemVisible(o)), s = d(() => {
       var a;
       if (i.value instanceof HTMLElement)
         return {
@@ -28,24 +28,24 @@ const N = /* @__PURE__ */ g({
       s.value && n.onItemAdd(o, s.value);
     }), h(() => {
       s.value && n.onItemRemove(o, s.value);
-    }), (a, G) => v.value ? (I(), _(t(R), y({ key: 0 }, t(p), {
+    }), (a, F) => v.value ? (y(), _(t(R), I({ key: 0 }, t(p), {
       id: t(o),
       ref_key: "itemRef",
       ref: r,
       "data-slot": "command-item",
-      class: t(V)(
+      class: t(j)(
         "data-[highlighted]:bg-accent/24 data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-3 text-sm data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e.class
       ),
       onSelect: t(n).onSelect
     }), {
-      default: k(() => [
-        S(a.$slots, "default")
+      default: S(() => [
+        k(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["id", "class", "onSelect"])) : b("", !0);
   }
 });
 export {
-  N as default
+  H as default
 };

package/dist/command/CommandList.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as n, createBlock as l, openBlock as c, unref as o, mergeProps as d, withCtx as m, createElementVNode as p, renderSlot as i } from "vue";
+import { defineComponent as n, createBlock as c, openBlock as l, unref as o, mergeProps as p, withCtx as d, createElementVNode as i, renderSlot as m } from "vue";
 import { reactiveOmit as f } from "@vueuse/core";
 import { useForwardProps as u, ListboxContent as _ } from "reka-ui";
 import { cn as h } from "../lib/utils.js";
-const x = { role: "presentation" }, P = /* @__PURE__ */ n({
+const x = { role: "presentation" }, B = /* @__PURE__ */ n({
   __name: "CommandList",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(t) {
-    const e = t, s = f(e, "class"), r = u(s);
-    return (a, w) => (c(), l(o(_), d({ "data-slot": "command-list" }, o(r), {
+    const e = t, r = f(e, "class"), s = u(r);
+    return (a, w) => (l(), c(o(_), p({ "data-slot": "command-list" }, o(s), {
       class: o(h)("max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden", e.class)
     }), {
-      default: m(() => [
-        p("div", x, [
-          i(a.$slots, "default")
+      default: d(() => [
+        i("div", x, [
+          m(a.$slots, "default")
         ])
       ]),
       _: 3
@@ -24,5 +24,5 @@ const x = { role: "presentation" }, P = /* @__PURE__ */ n({
   }
 });
 export {
-  P as default
+  B as default
 };

package/dist/command/CommandSeparator.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as s, createBlock as n, openBlock as p, unref as o, mergeProps as c, withCtx as m, renderSlot as l } from "vue";
-import { reactiveOmit as d } from "@vueuse/core";
-import { Separator as i } from "reka-ui";
+import { defineComponent as s, createBlock as n, openBlock as p, unref as e, mergeProps as c, withCtx as m, renderSlot as l } from "vue";
+import { reactiveOmit as i } from "@vueuse/core";
+import { Separator as d } from "reka-ui";
 import { cn as f } from "../lib/utils.js";
-const C = /* @__PURE__ */ s({
+const B = /* @__PURE__ */ s({
   __name: "CommandSeparator",
   props: {
     orientation: {},
     decorative: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(r) {
-    const e = r, t = d(e, "class");
-    return (a, u) => (p(), n(o(i), c({ "data-slot": "command-separator" }, o(t), {
-      class: o(f)("bg-border -mx-1 h-px", e.class)
+  setup(t) {
+    const o = t, r = i(o, "class");
+    return (a, u) => (p(), n(e(d), c({ "data-slot": "command-separator" }, e(r), {
+      class: e(f)("bg-border -mx-1 h-px", o.class)
     }), {
       default: m(() => [
         l(a.$slots, "default")
@@ -24,5 +24,5 @@ const C = /* @__PURE__ */ s({
   }
 });
 export {
-  C as default
+  B as default
 };

package/dist/data-table/DataTable.vue.d.ts

@@ -47,14 +47,6 @@ declare const _default: <TData extends RowData>(__VLS_props: NonNullable<Awaited
          * Row selection state conf
          */
         rowSelection?: RowSelectionState;
-        /**
-         * Additional classes for table headers
-         */
-        headerClass?: string;
-        /**
-         * Additional classes for table cells
-         */
-        cellClass?: string;
     } & any> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         table: import('@tanstack/vue-table').Table<TData>;

package/dist/data-table/DataTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../src/data-table/DataTable.vue"],"names":[],"mappings":"AAAA,OA+NO,KAAK,EACV,SAAS,EACT,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,YAAY,EACb,MAAM,qBAAqB,CAAA;yBAuBX,KAAK,SAAS,OAAO,EACrC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwYO,mBAAmB,CAAC;;;;;QAtY1B;;WAEG;cACG,KAAK,EAAE;QAEb;;WAEG;iBACM,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;QAEhC;;WAEG;oBACS,OAAO;QAEnB;;WAEG;2BACgB,OAAO;QAE1B;;WAEG;wBACa,OAAO;QAEvB;;;WAGG;mBACQ,MAAM;QAEjB;;;WAGG;oBACS,MAAM;QAElB;;WAEG;qBACU,eAAe;QAE5B;;WAEG;kBACO,YAAY;QAEtB;;WAEG;uBACY,iBAAiB;QAEhC;;WAEG;sBACW,MAAM;QAEpB;;WAEG;oBACS,MAAM;WA0U0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;;EAIP,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnZzE,wBAmZ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../src/data-table/DataTable.vue"],"names":[],"mappings":"AAAA,OAqNO,KAAK,EACV,SAAS,EACT,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,YAAY,EACb,MAAM,qBAAqB,CAAA;yBAuBX,KAAK,SAAS,OAAO,EACrC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA4XO,mBAAmB,CAAC;;;;;QA1X1B;;WAEG;cACG,KAAK,EAAE;QAEb;;WAEG;iBACM,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;QAEhC;;WAEG;oBACS,OAAO;QAEnB;;WAEG;2BACgB,OAAO;QAE1B;;WAEG;wBACa,OAAO;QAEvB;;;WAGG;mBACQ,MAAM;QAEjB;;;WAGG;oBACS,MAAM;QAElB;;WAEG;qBACU,eAAe;QAE5B;;WAEG;kBACO,YAAY;QAEtB;;WAEG;uBACY,iBAAiB;WAwU4D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;;EAIP,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvYzE,wBAuY4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/data-table/DataTable.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as v, computed as C, useSlots as z, createBlock as l, openBlock as n, unref as e, withCtx as a, createVNode as f, createElementBlock as u, Fragment as s, renderList as m, normalizeClass as _, normalizeStyle as V, createCommentVNode as L, renderSlot as D } from "vue";
-import { useVueTable as T, FlexRender as $ } from "../node_modules/.pnpm/@tanstack_vue-table@8.21.3_vue@3.5.19_typescript@5.8.3_/node_modules/@tanstack/vue-table/build/lib/index.js";
-import { cn as x } from "../lib/utils.js";
+import { defineComponent as B, computed as w, useSlots as v, createBlock as l, openBlock as n, unref as e, withCtx as a, createVNode as f, createElementBlock as u, Fragment as s, renderList as m, normalizeClass as z, normalizeStyle as V, createCommentVNode as x, renderSlot as L } from "vue";
+import { useVueTable as D, FlexRender as _ } from "../node_modules/.pnpm/@tanstack_vue-table@8.21.3_vue@3.5.16_typescript@5.8.3_/node_modules/@tanstack/vue-table/build/lib/index.js";
+import { cn as T } from "../lib/utils.js";
 import F from "../skeleton/Skeleton.vue.js";
 import H from "../table/Table.vue.js";
 import N from "../table/TableBody.vue.js";
-import h from "../table/TableCell.vue.js";
+import $ from "../table/TableCell.vue.js";
 import M from "../table/TableEmpty.vue.js";
 import E from "../table/TableHead.vue.js";
 import I from "../table/TableHeader.vue.js";
-import w from "../table/TableRow.vue.js";
-import { valueUpdater as y } from "../table/utils.js";
+import y from "../table/TableRow.vue.js";
+import { valueUpdater as C } from "../table/utils.js";
 import { getPaginationRowModel as U, getSortedRowModel as j, getCoreRowModel as q } from "../node_modules/.pnpm/@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js";
-const le = /* @__PURE__ */ v({
+const le = /* @__PURE__ */ B({
   __name: "DataTable",
   props: {
     data: {},
@@ -23,22 +23,20 @@ const le = /* @__PURE__ */ v({
     pageCount: {},
     pagination: { default: () => ({ pageIndex: 0, pageSize: 10 }) },
     sorting: { default: () => [] },
-    rowSelection: { default: () => ({}) },
-    headerClass: {},
-    cellClass: {}
+    rowSelection: { default: () => ({}) }
   },
   emits: ["update:pagination", "update:sorting", "update:row-selection"],
   setup(r, { expose: P, emit: b }) {
-    const p = b, S = C({
+    const p = b, S = w({
       get: () => r.pagination,
       set: (t) => p("update:pagination", t)
-    }), k = C({
+    }), k = w({
       get: () => r.sorting,
       set: (t) => p("update:sorting", t)
-    }), R = C({
+    }), R = w({
       get: () => r.rowSelection ?? {},
       set: (t) => p("update:row-selection", t)
-    }), g = T({
+    }), g = D({
       // Use computed properties or getters for reactivity with props
       get data() {
         return r.data;
@@ -54,9 +52,9 @@ const le = /* @__PURE__ */ v({
       manualPagination: r.manualPagination,
       manualSorting: r.manualSorting,
       enableRowSelection: !0,
-      onRowSelectionChange: (t) => y(t, R),
-      onPaginationChange: (t) => y(t, S),
-      onSortingChange: (t) => y(t, k),
+      onRowSelectionChange: (t) => C(t, R),
+      onPaginationChange: (t) => C(t, S),
+      onSortingChange: (t) => C(t, k),
       get rowCount() {
         return r.rowCount;
       },
@@ -74,14 +72,14 @@ const le = /* @__PURE__ */ v({
           return R.value;
         }
       }
-    }), B = z();
+    }), h = v();
     return P({
       table: g
     }), (t, A) => (n(), l(e(H), null, {
       default: a(() => [
         f(e(I), null, {
           default: a(() => [
-            (n(!0), u(s, null, m(e(g).getHeaderGroups(), (c) => (n(), l(e(w), {
+            (n(!0), u(s, null, m(e(g).getHeaderGroups(), (c) => (n(), l(e(y), {
               key: c.id,
               type: "head"
             }, {
@@ -90,14 +88,14 @@ const le = /* @__PURE__ */ v({
                   key: o.id,
                   "col-span": o.colSpan,
                   style: V({ width: o.getSize() !== 150 ? `${o.getSize()}px` : void 0 }),
-                  class: _(e(x)(o.column.getCanSort() && "cursor-pointer select-none", t.headerClass)),
+                  class: z(e(T)(o.column.getCanSort() && "cursor-pointer select-none")),
                   onClick: (i) => {
                     var d;
                     return (d = o.column.getToggleSortingHandler()) == null ? void 0 : d(i);
                   }
                 }, {
                   default: a(() => [
-                    o.isPlaceholder ? L("", !0) : (n(), l(e($), {
+                    o.isPlaceholder ? x("", !0) : (n(), l(e(_), {
                       key: 0,
                       render: o.column.columnDef.header,
                       props: o.getContext()
@@ -115,9 +113,9 @@ const le = /* @__PURE__ */ v({
           default: a(() => {
             var c;
             return [
-              t.isLoading ? (n(!0), u(s, { key: 0 }, m(t.columns.length, (o, i) => (n(), l(e(w), { key: i }, {
+              t.isLoading ? (n(!0), u(s, { key: 0 }, m(t.columns.length, (o, i) => (n(), l(e(y), { key: i }, {
                 default: a(() => [
-                  (n(!0), u(s, null, m(e(g).getVisibleLeafColumns(), (d) => (n(), l(e(h), {
+                  (n(!0), u(s, null, m(e(g).getVisibleLeafColumns(), (d) => (n(), l(e($), {
                     key: d.id
                   }, {
                     default: a(() => [
@@ -127,32 +125,31 @@ const le = /* @__PURE__ */ v({
                   }, 1024))), 128))
                 ]),
                 _: 2
-              }, 1024))), 128)) : (c = e(g).getRowModel().rows) != null && c.length ? (n(!0), u(s, { key: 2 }, m(e(g).getRowModel().rows, (o) => (n(), l(e(w), {
+              }, 1024))), 128)) : (c = e(g).getRowModel().rows) != null && c.length ? (n(!0), u(s, { key: 2 }, m(e(g).getRowModel().rows, (o) => (n(), l(e(y), {
                 key: o.id,
                 type: "body"
               }, {
                 default: a(() => [
-                  (n(!0), u(s, null, m(o.getVisibleCells(), (i) => (n(), l(e(h), {
-                    key: i.id,
-                    class: _(t.cellClass)
+                  (n(!0), u(s, null, m(o.getVisibleCells(), (i) => (n(), l(e($), {
+                    key: i.id
                   }, {
                     default: a(() => [
-                      f(e($), {
+                      f(e(_), {
                         render: i.column.columnDef.cell,
                         props: i.getContext()
                       }, null, 8, ["render", "props"])
                     ]),
                     _: 2
-                  }, 1032, ["class"]))), 128))
+                  }, 1024))), 128))
                 ]),
                 _: 2
               }, 1024))), 128)) : (n(), u(s, { key: 1 }, [
-                e(B).empty ? (n(), l(e(M), {
+                e(h).empty ? (n(), l(e(M), {
                   key: 0,
                   colspan: t.columns.length
                 }, {
                   default: a(() => [
-                    D(t.$slots, "empty")
+                    L(t.$slots, "empty")
                   ]),
                   _: 3
                 }, 8, ["colspan"])) : (n(), l(e(M), {

package/dist/date-picker/DatePicker.vue.js

@@ -11,7 +11,7 @@ import k from "../popover/PopoverContent.vue.js";
 import N from "../popover/PopoverTrigger.vue.js";
 import j from "../time-picker/TimePicker.vue.js";
 import z from "../button/Button.vue.js";
-import U from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/calendar.js";
+import U from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/calendar.js";
 const E = { class: "absolute inset-y-0 end-0 flex items-center justify-center px-2.5" }, O = /* @__PURE__ */ $({
   __name: "DatePicker",
   props: {

package/dist/date-range-picker/DateRangePicker.vue.js

@@ -8,7 +8,7 @@ import w from "../popover/PopoverContent.vue.js";
 import B from "../popover/PopoverTrigger.vue.js";
 import C from "../range-calendar/RangeCalendar.vue.js";
 import S from "../button/Button.vue.js";
-import N from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/calendar.js";
+import N from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/calendar.js";
 const j = { class: "absolute inset-y-0 end-0 flex items-center justify-center px-2.5" }, G = /* @__PURE__ */ x({
   __name: "DateRangePicker",
   props: {

package/dist/dialog/DialogClose.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as r, createBlock as a, openBlock as l, unref as s, mergeProps as n, withCtx as p, renderSlot as c } from "vue";
+import { defineComponent as r, createBlock as a, openBlock as l, unref as n, mergeProps as s, withCtx as p, renderSlot as c } from "vue";
 import { DialogClose as i } from "reka-ui";
 const u = /* @__PURE__ */ r({
   __name: "DialogClose",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
-  setup(o) {
-    const e = o;
-    return (t, d) => (l(), a(s(i), n({ "data-slot": "dialog-close" }, e), {
+  setup(e) {
+    const o = e;
+    return (t, d) => (l(), a(n(i), s({ "data-slot": "dialog-close" }, o), {
       default: p(() => [
         c(t.$slots, "default")
       ]),

package/dist/dialog/DialogContent.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as p, createBlock as m, openBlock as u, unref as t, withCtx as o, createVNode as e, mergeProps as f, renderSlot as g, createElementVNode as v } from "vue";
-import { reactiveOmit as _ } from "@vueuse/core";
-import { useForwardPropsEmits as C, DialogPortal as w, DialogContent as x, DialogClose as y } from "reka-ui";
-import { cn as D } from "../lib/utils.js";
-import { dialogContentVariants as b } from "./index.js";
-import B from "./DialogOverlay.vue.js";
-import O from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
+import { defineComponent as p, createBlock as m, openBlock as u, unref as t, withCtx as o, createVNode as e, mergeProps as f, renderSlot as g, createElementVNode as _ } from "vue";
+import { reactiveOmit as v } from "@vueuse/core";
+import { useForwardPropsEmits as y, DialogPortal as C, DialogContent as w, DialogClose as x } from "reka-ui";
+import { cn as b } from "../lib/utils.js";
+import { dialogContentVariants as D } from "./index.js";
+import O from "./DialogOverlay.vue.js";
+import B from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
 const A = /* @__PURE__ */ p({
   __name: "DialogContent",
   props: {
@@ -13,29 +13,30 @@ const A = /* @__PURE__ */ p({
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(r, { emit: i }) {
-    const a = r, l = i, d = _(a, "class"), c = C(d, l);
-    return (s, n) => (u(), m(t(w), null, {
+    const a = r, l = i, d = v(a, "class"), c = y(d, l);
+    return (s, n) => (u(), m(t(C), null, {
       default: o(() => [
-        e(B),
-        e(t(x), f({ "data-slot": "dialog-content" }, t(c), {
-          class: t(D)(
-            t(b)({ variant: s.variant }),
+        e(O),
+        e(t(w), f({ "data-slot": "dialog-content" }, t(c), {
+          class: t(b)(
+            t(D)({ variant: s.variant }),
             "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] sm:max-w-lg",
             a.class
           )
         }), {
           default: o(() => [
             g(s.$slots, "default"),
-            e(t(y), { class: "ring-offset-background focus:ring-ring data-[state=open]:text-primary-500 rounded-xs focus:outline-hidden absolute right-4 top-5 cursor-pointer focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-transparent [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0" }, {
+            e(t(x), { class: "ring-offset-background focus:ring-ring data-[state=open]:text-primary-500 rounded-xs focus:outline-hidden absolute right-4 top-5 cursor-pointer focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-transparent [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0" }, {
               default: o(() => [
-                e(t(O)),
-                n[0] || (n[0] = v("span", { class: "sr-only" }, "Close", -1))
+                e(t(B)),
+                n[0] || (n[0] = _("span", { class: "sr-only" }, "Close", -1))
               ]),
-              _: 1
+              _: 1,
+              __: [0]
             })
           ]),
           _: 3

package/dist/dialog/DialogDescription.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, createBlock as p, openBlock as i, unref as o, mergeProps as l, withCtx as n, renderSlot as d } from "vue";
+import { defineComponent as c, createBlock as n, openBlock as i, unref as o, mergeProps as p, withCtx as l, renderSlot as d } from "vue";
 import { reactiveOmit as m } from "@vueuse/core";
 import { useForwardProps as f, DialogDescription as u } from "reka-ui";
 import { cn as g } from "../lib/utils.js";
@@ -6,15 +6,15 @@ const w = /* @__PURE__ */ c({
   __name: "DialogDescription",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(t) {
-    const e = t, r = m(e, "class"), s = f(r);
-    return (a, _) => (i(), p(o(u), l({ "data-slot": "dialog-description" }, o(s), {
-      class: o(g)("text-sm text-gray-600", e.class)
+  setup(e) {
+    const t = e, r = m(t, "class"), s = f(r);
+    return (a, _) => (i(), n(o(u), p({ "data-slot": "dialog-description" }, o(s), {
+      class: o(g)("text-sm text-gray-600", t.class)
     }), {
-      default: n(() => [
+      default: l(() => [
         d(a.$slots, "default")
       ]),
       _: 3

package/dist/dialog/DialogOverlay.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, createBlock as l, openBlock as n, unref as e, mergeProps as c, withCtx as d, renderSlot as i } from "vue";
+import { defineComponent as r, createBlock as n, openBlock as l, unref as e, mergeProps as c, withCtx as i, renderSlot as d } from "vue";
 import { reactiveOmit as p } from "@vueuse/core";
 import { DialogOverlay as m } from "reka-ui";
 import { cn as f } from "../lib/utils.js";
@@ -7,19 +7,19 @@ const B = /* @__PURE__ */ r({
   props: {
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(t) {
-    const a = t, o = p(a, "class");
-    return (s, u) => (n(), l(e(m), c({ "data-slot": "dialog-overlay" }, e(o), {
+  setup(a) {
+    const t = a, o = p(t, "class");
+    return (s, u) => (l(), n(e(m), c({ "data-slot": "dialog-overlay" }, e(o), {
       class: e(f)(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
-        a.class
+        t.class
       )
     }), {
-      default: d(() => [
-        i(s.$slots, "default")
+      default: i(() => [
+        d(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));