@agrotools1/at-components 2.0.36 → 2.0.37

package/dist/button-new/ButtonNew.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as p, computed as g, createBlock as r, openBlock as i, unref as t, normalizeClass as l, withCtx as c, renderSlot as f, createElementBlock as d, createCommentVNode as o, Fragment as y, toDisplayString as m, createVNode as v } from "vue";
+import { defineComponent as p, computed as g, createBlock as r, openBlock as s, unref as t, normalizeClass as l, withCtx as f, renderSlot as c, createElementBlock as d, createCommentVNode as o, Fragment as y, toDisplayString as m, createVNode as b } from "vue";
 import { cn as n } from "../lib/utils.js";
-import { AtCirclePlusSolidIcon as b, AtAngleRightSolidIcon as k } from "@agrotools1/at-icons";
+import { AtCirclePlusSolidIcon as v, AtAngleRightSolidIcon as k } from "@agrotools1/at-icons";
 import { Primitive as w } from "reka-ui";
 import "../button/index.js";
 import { resolveButtonNewTheme as z, buttonNewVariants as B } from "./variants.js";
-import C 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/loader-circle.js";
+import C 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/loader-circle.js";
 import I from "../button/Button.vue.js";
-const j = /* @__PURE__ */ p({
+const F = /* @__PURE__ */ p({
   __name: "ButtonNew",
   props: {
     variant: { default: "default" },
@@ -19,10 +19,10 @@ const j = /* @__PURE__ */ p({
     disabled: { type: Boolean, default: !1 },
     class: {},
     asChild: { type: Boolean },
-    as: { default: "button" }
+    as: { type: [String, Object, Function], default: "button" }
   },
   setup(h) {
-    const a = h, s = g(() => {
+    const a = h, i = g(() => {
       const e = a.variant ?? "default", u = z(e);
       return {
         variant: e,
@@ -40,7 +40,7 @@ const j = /* @__PURE__ */ p({
         }
       };
     });
-    return (e, u) => (i(), r(t(w), {
+    return (e, u) => (s(), r(t(w), {
       as: e.as,
       "as-child": e.asChild,
       disabled: e.disabled,
@@ -52,61 +52,61 @@ const j = /* @__PURE__ */ p({
         )
       )
     }, {
-      default: c(() => [
-        f(e.$slots, "left", {}, () => [
-          s.value.left.show ? (i(), d(y, { key: 0 }, [
-            e.loading ? (i(), r(t(C), {
+      default: f(() => [
+        c(e.$slots, "left", {}, () => [
+          i.value.left.show ? (s(), d(y, { key: 0 }, [
+            e.loading ? (s(), r(t(C), {
               key: 0,
               class: "size-3.5 animate-spin"
-            })) : (i(), r(t(b), {
+            })) : (s(), r(t(v), {
               key: 1,
               size: "20",
               class: l(
                 t(n)(
                   "shrink-0 transition-colors duration-200",
-                  e.disabled ? "text-gray-400" : s.value.theme.leftIcon
+                  e.disabled ? "text-gray-400" : i.value.theme.leftIcon
                 )
               ),
               "aria-hidden": "true"
             }, null, 8, ["class"]))
           ], 64)) : o("", !0)
         ]),
-        f(e.$slots, "default", {}, () => [
-          s.value.content.show ? (i(), d("div", {
+        c(e.$slots, "default", {}, () => [
+          i.value.content.show ? (s(), d("div", {
             key: 0,
             class: l(
               t(n)(
                 "flex min-w-0 flex-1 flex-col items-start justify-center text-left shrink-0",
-                s.value.content.theme.contentContainer
+                i.value.content.theme.contentContainer
               )
             )
           }, [
-            e.title ? (i(), d("span", {
+            e.title ? (s(), d("span", {
               key: 0,
               class: l(
                 t(n)(
                   "truncate text-md font-semibold tracking-tight",
-                  e.disabled ? "text-gray-400" : s.value.content.theme.title
+                  e.disabled ? "text-gray-400" : i.value.content.theme.title
                 )
               )
             }, m(e.title), 3)) : o("", !0),
-            e.subtitle ? (i(), d("span", {
+            e.subtitle ? (s(), d("span", {
               key: 1,
               class: l(
                 t(n)(
                   "text-sm font-bold font-nunito leading-5",
-                  e.disabled ? "text-gray-400/80" : s.value.content.theme.subtitle
+                  e.disabled ? "text-gray-400/80" : i.value.content.theme.subtitle
                 )
               )
             }, m(e.subtitle), 3)) : o("", !0)
           ], 2)) : o("", !0)
         ]),
-        f(e.$slots, "right", {}, () => [
-          s.value.right.show ? (i(), r(t(I), {
+        c(e.$slots, "right", {}, () => [
+          i.value.right.show ? (s(), r(t(I), {
             key: 0,
             as: "span",
             size: "icon",
-            variant: s.value.iconVariant,
+            variant: i.value.iconVariant,
             class: l(
               t(n)(
                 "pointer-events-none !size-7 shrink-0 !p-0 [&_svg]:size-5",
@@ -115,8 +115,8 @@ const j = /* @__PURE__ */ p({
             ),
             "aria-hidden": "true"
           }, {
-            default: c(() => [
-              v(t(k), { size: "16" })
+            default: f(() => [
+              b(t(k), { size: "16" })
             ]),
             _: 1
           }, 8, ["variant", "class"])) : o("", !0)
@@ -127,5 +127,5 @@ const j = /* @__PURE__ */ p({
   }
 });
 export {
-  j as default
+  F as default
 };

package/dist/calendar/Calendar.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as W, ref as S, computed as B, createBlock as c, openBl
 import { getLocalTimeZone as K, today as h, isSameYear as P, isSameMonth as Q } from "../node_modules/.pnpm/@internationalized_date@3.8.2/node_modules/@internationalized/date/dist/queries.js";
 import { reactiveOmit as X } from "@vueuse/core";
 import { useForwardPropsEmits as ee, CalendarRoot as te } from "reka-ui";
-import { isAfter as ae, isBefore as re } from "../node_modules/.pnpm/reka-ui@2.5.0_typescript@5.8.3_vue@3.5.19_typescript@5.8.3_/node_modules/reka-ui/dist/date/comparators.js";
+import { isAfter as ae, isBefore as re } from "../node_modules/.pnpm/reka-ui@2.5.0_typescript@5.8.3_vue@3.5.16_typescript@5.8.3_/node_modules/reka-ui/dist/date/comparators.js";
 import { generateMonthsList as oe, generateYearsList as ne, getDatePickerHeadingText as le } from "../lib/date.js";
 import { cn as $ } from "../lib/utils.js";
 import se from "./CalendarCell.vue.js";

package/dist/calendar/CalendarCell.vue.js

@@ -2,12 +2,12 @@ import { defineComponent as l, createBlock as c, openBlock as n, unref as e, mer
 import { reactiveOmit as f } from "@vueuse/core";
 import { useForwardProps as m, CalendarCell as u } from "reka-ui";
 import { cn as h } from "../lib/utils.js";
-const g = /* @__PURE__ */ l({
+const P = /* @__PURE__ */ l({
   __name: "CalendarCell",
   props: {
     date: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(a) {
@@ -27,5 +27,5 @@ const g = /* @__PURE__ */ l({
   }
 });
 export {
-  g as default
+  P as default
 };

package/dist/calendar/CalendarCellTrigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, createBlock as s, openBlock as n, unref as a, mergeProps as c, withCtx as i, renderSlot as u } from "vue";
+import { defineComponent as l, createBlock as n, openBlock as s, unref as e, mergeProps as c, withCtx as i, renderSlot as u } from "vue";
 import { reactiveOmit as p } from "@vueuse/core";
 import { useForwardProps as m, CalendarCellTrigger as f } from "reka-ui";
 import { cn as g } from "../lib/utils.js";
@@ -9,15 +9,15 @@ const _ = /* @__PURE__ */ l({
     day: {},
     month: {},
     asChild: { type: Boolean },
-    as: { default: "button" },
+    as: { type: [String, Object, Function], default: "button" },
     class: {}
   },
   setup(t) {
-    const e = t, r = p(e, "class"), o = m(r);
-    return (d, v) => (n(), s(a(f), c({
+    const a = t, r = p(a, "class"), o = m(r);
+    return (d, v) => (s(), n(e(f), c({
       "data-slot": "calendar-cell-trigger",
-      class: a(g)(
-        a(b)({ variant: "outline" }),
+      class: e(g)(
+        e(b)({ variant: "outline" }),
         "size-8 cursor-pointer rounded-full border-none p-0 font-normal shadow-none aria-selected:opacity-100",
         "[&[data-today]:not([data-selected])]:bg-accent/24 [&[data-today]:not([data-selected])]:text-gray-900",
         // Selected
@@ -28,9 +28,9 @@ const _ = /* @__PURE__ */ l({
         "data-[unavailable]:text-destructive-foreground data-[unavailable]:cursor-not-allowed data-[unavailable]:line-through hover:data-[unavailable]:bg-transparent",
         // Outside months
         "data-[outside-view]:text-muted-foreground",
-        e.class
+        a.class
       )
-    }, a(o)), {
+    }, e(o)), {
       default: i(() => [
         u(d.$slots, "default")
       ]),

package/dist/calendar/CalendarGrid.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, createBlock as c, openBlock as d, unref as r, mergeProps as n, withCtx as p, renderSlot as i } from "vue";
+import { defineComponent as l, createBlock as c, openBlock as n, unref as r, mergeProps as p, withCtx as d, renderSlot as i } from "vue";
 import { reactiveOmit as m } from "@vueuse/core";
 import { useForwardProps as f, CalendarGrid as u } from "reka-ui";
 import { cn as _ } from "../lib/utils.js";
@@ -6,17 +6,17 @@ const x = /* @__PURE__ */ l({
   __name: "CalendarGrid",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(o) {
-    const e = o, s = m(e, "class"), a = f(s);
-    return (t, C) => (d(), c(r(u), n({
+    const e = o, s = m(e, "class"), t = f(s);
+    return (a, C) => (n(), c(r(u), p({
       "data-slot": "calendar-grid",
       class: r(_)("w-full border-collapse space-x-1", e.class)
-    }, r(a)), {
-      default: p(() => [
-        i(t.$slots, "default")
+    }, r(t)), {
+      default: d(() => [
+        i(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));

package/dist/calendar/CalendarGridBody.vue.js

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

package/dist/calendar/CalendarGridHead.vue.js

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

package/dist/calendar/CalendarGridRow.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as l, createBlock as n, openBlock as c, unref as r, mergeProps as d, withCtx as p, renderSlot as i } from "vue";
+import { defineComponent as n, createBlock as c, openBlock as l, unref as r, mergeProps as p, withCtx as d, renderSlot as i } from "vue";
 import { reactiveOmit as m } from "@vueuse/core";
 import { useForwardProps as f, CalendarGridRow as u } from "reka-ui";
 import { cn as w } from "../lib/utils.js";
-const x = /* @__PURE__ */ l({
+const x = /* @__PURE__ */ n({
   __name: "CalendarGridRow",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(e) {
-    const o = e, a = m(o, "class"), s = f(a);
-    return (t, _) => (c(), n(r(u), d({
+  setup(o) {
+    const e = o, t = m(e, "class"), a = f(t);
+    return (s, _) => (l(), c(r(u), p({
       "data-slot": "calendar-grid-row",
-      class: r(w)("flex gap-1", o.class)
-    }, r(s)), {
-      default: p(() => [
-        i(t.$slots, "default")
+      class: r(w)("flex gap-1", e.class)
+    }, r(a)), {
+      default: d(() => [
+        i(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));

package/dist/calendar/CalendarHeadCell.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as l, createBlock as n, openBlock as d, unref as e, mergeProps as c, withCtx as p, renderSlot as m } from "vue";
+import { defineComponent as l, createBlock as n, openBlock as c, unref as e, mergeProps as d, withCtx as p, renderSlot as m } from "vue";
 import { reactiveOmit as f } from "@vueuse/core";
 import { useForwardProps as i, CalendarHeadCell as u } from "reka-ui";
 import { cn as C } from "../lib/utils.js";
-const g = /* @__PURE__ */ l({
+const P = /* @__PURE__ */ l({
   __name: "CalendarHeadCell",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(o) {
-    const r = o, a = f(r, "class"), t = i(a);
-    return (s, _) => (d(), n(e(u), c({
+  setup(t) {
+    const r = t, o = f(r, "class"), a = i(o);
+    return (s, _) => (c(), n(e(u), d({
       "data-slot": "calendar-head-cell",
       class: e(C)("w-8 rounded-md text-sm font-normal text-gray-900", r.class)
-    }, e(t)), {
+    }, e(a)), {
       default: p(() => [
         m(s.$slots, "default")
       ]),
@@ -23,5 +23,5 @@ const g = /* @__PURE__ */ l({
   }
 });
 export {
-  g as default
+  P as default
 };

package/dist/calendar/CalendarHeader.vue.js

@@ -1,27 +1,27 @@
-import { defineComponent as l, createBlock as n, openBlock as c, unref as e, mergeProps as d, withCtx as p, renderSlot as f } from "vue";
-import { reactiveOmit as m } from "@vueuse/core";
-import { useForwardProps as i, CalendarHeader as u } from "reka-ui";
+import { defineComponent as n, createBlock as l, openBlock as c, unref as e, mergeProps as p, withCtx as d, renderSlot as i } from "vue";
+import { reactiveOmit as f } from "@vueuse/core";
+import { useForwardProps as m, CalendarHeader as u } from "reka-ui";
 import { cn as _ } from "../lib/utils.js";
-const B = /* @__PURE__ */ l({
+const x = /* @__PURE__ */ n({
   __name: "CalendarHeader",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(t) {
-    const r = t, a = m(r, "class"), o = i(a);
-    return (s, C) => (c(), n(e(u), d({
+    const r = t, a = f(r, "class"), o = m(a);
+    return (s, C) => (c(), l(e(u), p({
       "data-slot": "calendar-header",
       class: e(_)("relative flex w-full items-center justify-center pt-1", r.class)
     }, e(o)), {
-      default: p(() => [
-        f(s.$slots, "default")
+      default: d(() => [
+        i(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
 export {
-  B as default
+  x as default
 };

package/dist/calendar/CalendarHeading.vue.js

@@ -1,28 +1,28 @@
-import { defineComponent as d, createBlock as l, openBlock as p, unref as e, mergeProps as c, withCtx as i, renderSlot as m, createTextVNode as f, toDisplayString as u } from "vue";
+import { defineComponent as c, createBlock as d, openBlock as i, unref as e, mergeProps as p, withCtx as l, renderSlot as m, createTextVNode as f, toDisplayString as u } from "vue";
 import { reactiveOmit as g } from "@vueuse/core";
 import { useForwardProps as _, CalendarHeading as C } from "reka-ui";
-import { cn as h } from "../lib/utils.js";
-import { buttonVariants as w } from "../button/index.js";
-const y = /* @__PURE__ */ d({
+import { cn as b } from "../lib/utils.js";
+import { buttonVariants as h } from "../button/index.js";
+const k = /* @__PURE__ */ c({
   __name: "CalendarHeading",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(t) {
-    const o = t, a = g(o, "class"), s = _(a);
-    return (n, x) => (p(), l(e(C), c({
+  setup(r) {
+    const t = r, a = g(t, "class"), n = _(a);
+    return (s, w) => (i(), d(e(C), p({
       "data-slot": "calendar-heading",
-      class: e(h)(
-        e(w)({ variant: "outline" }),
+      class: e(b)(
+        e(h)({ variant: "outline" }),
         "border-none bg-transparent text-sm font-medium shadow-none",
-        o.class
+        t.class
       )
-    }, e(s)), {
-      default: i(({ headingValue: r }) => [
-        m(n.$slots, "default", { headingValue: r }, () => [
-          f(u(r), 1)
+    }, e(n)), {
+      default: l(({ headingValue: o }) => [
+        m(s.$slots, "default", { headingValue: o }, () => [
+          f(u(o), 1)
         ])
       ]),
       _: 3
@@ -30,5 +30,5 @@ const y = /* @__PURE__ */ d({
   }
 });
 export {
-  y as default
+  k as default
 };

package/dist/calendar/CalendarNextButton.vue.js

@@ -1,31 +1,31 @@
-import { defineComponent as n, createBlock as l, openBlock as p, unref as t, mergeProps as c, withCtx as i, renderSlot as d, createVNode as m } from "vue";
+import { defineComponent as s, createBlock as c, openBlock as p, unref as t, mergeProps as i, withCtx as l, renderSlot as d, createVNode as m } from "vue";
 import { reactiveOmit as u } from "@vueuse/core";
 import { useForwardProps as f, CalendarNext as g } from "reka-ui";
-import { cn as h } from "../lib/utils.js";
-import { buttonVariants as x } from "../button/index.js";
-import _ 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/arrow-right.js";
-const v = /* @__PURE__ */ n({
+import { cn as b } from "../lib/utils.js";
+import { buttonVariants as h } from "../button/index.js";
+import x 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/arrow-right.js";
+const N = /* @__PURE__ */ s({
   __name: "CalendarNextButton",
   props: {
     nextPage: { type: Function },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(o) {
     const e = o, r = u(e, "class"), a = f(r);
-    return (s, b) => (p(), l(t(g), c({
+    return (n, _) => (p(), c(t(g), i({
       "data-slot": "calendar-next-button",
-      class: t(h)(
-        t(x)({ variant: "outline" }),
+      class: t(b)(
+        t(h)({ variant: "outline" }),
         "absolute right-1",
         "size-8 border-none bg-transparent p-0 shadow-none",
         e.class
       )
     }, t(a)), {
-      default: i(() => [
-        d(s.$slots, "default", {}, () => [
-          m(t(_), { class: "size-5" })
+      default: l(() => [
+        d(n.$slots, "default", {}, () => [
+          m(t(x), { class: "size-5" })
         ])
       ]),
       _: 3
@@ -33,5 +33,5 @@ const v = /* @__PURE__ */ n({
   }
 });
 export {
-  v as default
+  N as default
 };

package/dist/calendar/CalendarPrevButton.vue.js

@@ -1,31 +1,31 @@
-import { defineComponent as n, createBlock as p, openBlock as l, unref as e, mergeProps as c, withCtx as d, renderSlot as i, createVNode as m } from "vue";
+import { defineComponent as n, createBlock as p, openBlock as c, unref as e, mergeProps as l, withCtx as i, renderSlot as d, createVNode as m } from "vue";
 import { reactiveOmit as f } from "@vueuse/core";
 import { useForwardProps as u, CalendarPrev as P } from "reka-ui";
-import { cn as v } from "../lib/utils.js";
-import { buttonVariants as _ } from "../button/index.js";
-import b 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/arrow-left.js";
-const y = /* @__PURE__ */ n({
+import { cn as b } from "../lib/utils.js";
+import { buttonVariants as v } from "../button/index.js";
+import _ 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/arrow-left.js";
+const k = /* @__PURE__ */ n({
   __name: "CalendarPrevButton",
   props: {
     prevPage: { type: Function },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(o) {
-    const r = o, t = f(r, "class"), a = u(t);
-    return (s, w) => (l(), p(e(P), c({
+  setup(t) {
+    const r = t, o = f(r, "class"), a = u(o);
+    return (s, g) => (c(), p(e(P), l({
       "data-slot": "calendar-prev-button",
-      class: e(v)(
-        e(_)({ variant: "outline" }),
+      class: e(b)(
+        e(v)({ variant: "outline" }),
         "absolute left-1",
         "size-8 border-none bg-transparent p-0 shadow-none",
         r.class
       )
     }, e(a)), {
-      default: d(() => [
-        i(s.$slots, "default", {}, () => [
-          m(e(b), { class: "size-5" })
+      default: i(() => [
+        d(s.$slots, "default", {}, () => [
+          m(e(_), { class: "size-5" })
         ])
       ]),
       _: 3
@@ -33,5 +33,5 @@ const y = /* @__PURE__ */ n({
   }
 });
 export {
-  y as default
+  k as default
 };

package/dist/card/Card.vue.js

@@ -1,42 +1,42 @@
-import { defineComponent as i, createBlock as r, openBlock as t, unref as e, normalizeClass as a, withCtx as d, createElementVNode as c, renderSlot as u } from "vue";
-import { cn as o } from "../lib/utils.js";
+import { defineComponent as i, createBlock as r, openBlock as s, unref as e, normalizeClass as o, withCtx as c, createElementVNode as d, renderSlot as u } from "vue";
+import { cn as a } from "../lib/utils.js";
 import { AtCirclePlusSolidIcon as p } from "../packages/at-icons/dist/AtCirclePlusSolidIcon/index.js";
 import { Primitive as f } from "reka-ui";
 import m from "../checkbox/Checkbox.vue.js";
-const h = { class: "self-end-safe" }, w = /* @__PURE__ */ i({
+const h = { class: "self-end-safe" }, g = /* @__PURE__ */ i({
   __name: "Card",
   props: {
     selected: { type: Boolean },
     class: {},
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: { type: [String, Object, Function], default: "div" }
   },
   setup(n) {
-    const s = n;
-    return (l, y) => (t(), r(e(f), {
+    const t = n;
+    return (l, y) => (s(), r(e(f), {
       "data-slot": "card",
       role: "button",
       as: l.as,
       "as-child": l.asChild,
-      class: a(
-        e(o)(
+      class: o(
+        e(a)(
           "group relative flex h-full min-h-[184px] w-full max-w-[149px] cursor-pointer flex-col items-center justify-start gap-2 rounded-xl border border-neutral-200 bg-neutral-100 p-4 *:transition-all",
           l.selected ? "bg-primary-100 border-primary-100 selected cursor-default" : "not-selected",
-          s.class
+          t.class
         )
       )
     }, {
-      default: d(() => [
-        c("div", h, [
-          s.selected ? (t(), r(e(m), {
+      default: c(() => [
+        d("div", h, [
+          t.selected ? (s(), r(e(m), {
             key: 0,
-            "default-value": s.selected,
+            "default-value": t.selected,
             size: "sm",
             class: "pointer-events-none rounded-full"
-          }, null, 8, ["default-value"])) : (t(), r(e(p), {
+          }, null, 8, ["default-value"])) : (s(), r(e(p), {
             key: 1,
             role: "button",
-            class: a(e(o)("text-primary-500 h-4 w-4 min-w-full cursor-pointer")),
+            class: o(e(a)("text-primary-500 h-4 w-4 min-w-full cursor-pointer")),
             size: "16"
           }, null, 8, ["class"]))
         ]),
@@ -47,5 +47,5 @@ const h = { class: "self-end-safe" }, w = /* @__PURE__ */ i({
   }
 });
 export {
-  w as default
+  g as default
 };

package/dist/card/CardDescription.vue.js

@@ -1,23 +1,23 @@
-import { defineComponent as o, createBlock as r, openBlock as l, unref as e, normalizeClass as n, withCtx as i, renderSlot as c } from "vue";
+import { defineComponent as a, createBlock as r, openBlock as n, unref as e, normalizeClass as l, withCtx as i, renderSlot as c } from "vue";
 import { Primitive as p } from "reka-ui";
 import { cn as d } from "../lib/utils.js";
-const C = /* @__PURE__ */ o({
+const C = /* @__PURE__ */ a({
   __name: "CardDescription",
   props: {
     class: {},
     asChild: { type: Boolean },
-    as: { default: "p" }
+    as: { type: [String, Object, Function], default: "p" }
   },
   setup(s) {
-    const a = s;
-    return (t, m) => (l(), r(e(p), {
+    const o = s;
+    return (t, m) => (n(), r(e(p), {
       "data-slot": "card-description",
       as: t.as,
       "as-child": t.asChild,
-      class: n(
+      class: l(
         e(d)(
           "text-primary-700 font-nunito hidden w-full items-start text-start text-xs font-normal group-hover:block group-[.not-selected]:text-gray-700",
-          a.class
+          o.class
         )
       )
     }, {