@agrotools1/at-components 2.0.36 → 2.0.38

package/dist/sidebar/SidebarGroupLabel.vue.js

@@ -1,30 +1,30 @@
-import { defineComponent as r, createBlock as o, openBlock as t, unref as e, normalizeClass as l, withCtx as n, renderSlot as d } from "vue";
-import { Primitive as p } from "reka-ui";
-import { cn as c } from "../lib/utils.js";
+import { defineComponent as r, createBlock as o, openBlock as t, unref as a, normalizeClass as n, withCtx as l, renderSlot as d } from "vue";
+import { Primitive as c } from "reka-ui";
+import { cn as p } from "../lib/utils.js";
 const g = /* @__PURE__ */ r({
   __name: "SidebarGroupLabel",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(s) {
     const i = s;
-    return (a, u) => (t(), o(e(p), {
+    return (e, u) => (t(), o(a(c), {
       "data-slot": "sidebar-group-label",
       "data-sidebar": "group-label",
-      as: a.as,
-      "as-child": a.asChild,
-      class: l(
-        e(c)(
+      as: e.as,
+      "as-child": e.asChild,
+      class: n(
+        a(p)(
           "text-sidebar-foreground/70 ring-sidebar-ring outline-hidden flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
           "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
           i.class
         )
       )
     }, {
-      default: n(() => [
-        d(a.$slots, "default")
+      default: l(() => [
+        d(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child", "class"]));

package/dist/sidebar/SidebarMenuAction.vue.js

@@ -5,7 +5,7 @@ const h = /* @__PURE__ */ r({
   __name: "SidebarMenuAction",
   props: {
     asChild: { type: Boolean },
-    as: { default: "button" },
+    as: { type: [String, Object, Function], default: "button" },
     showOnHover: { type: Boolean },
     class: {}
   },

package/dist/sidebar/SidebarMenuButton.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as u, createBlock as r, openBlock as a, normalizeProps as s, mergeProps as c, unref as t, withCtx as o, renderSlot as n, createVNode as i, guardReactiveProps as _, createElementBlock as y, Fragment as g, createTextVNode as h, toDisplayString as $, resolveDynamicComponent as k } from "vue";
+import { defineComponent as u, createBlock as a, openBlock as r, normalizeProps as l, mergeProps as c, unref as t, withCtx as o, renderSlot as s, createVNode as i, guardReactiveProps as _, createElementBlock as y, Fragment as g, createTextVNode as h, toDisplayString as $, resolveDynamicComponent as k } from "vue";
 import { reactiveOmit as B } from "@vueuse/core";
 import v from "../tooltip/Tooltip.vue.js";
-import C from "../tooltip/TooltipContent.vue.js";
-import P from "../tooltip/TooltipTrigger.vue.js";
+import S from "../tooltip/TooltipContent.vue.js";
+import b from "../tooltip/TooltipTrigger.vue.js";
 import p from "./SidebarMenuButtonChild.vue.js";
-import { useSidebar as S } from "./utils.js";
-const F = /* @__PURE__ */ u({
+import { useSidebar as C } from "./utils.js";
+const j = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "SidebarMenuButton",
   props: {
@@ -14,46 +14,46 @@ const F = /* @__PURE__ */ u({
     isActive: { type: Boolean },
     class: {},
     asChild: { type: Boolean },
-    as: { default: "button" },
+    as: { type: [String, Object, Function], default: "button" },
     tooltip: {}
   },
   setup(d) {
-    const f = d, { state: m } = S(), l = B(f, "tooltip");
-    return (e, b) => e.tooltip ? (a(), r(t(v), { key: 1 }, {
+    const f = d, { state: m } = C(), n = B(f, "tooltip");
+    return (e, P) => e.tooltip ? (r(), a(t(v), { key: 1 }, {
       default: o(() => [
-        i(t(P), { "as-child": "" }, {
+        i(t(b), { "as-child": "" }, {
           default: o(() => [
-            i(p, s(_({ ...t(l), ...e.$attrs })), {
+            i(p, l(_({ ...t(n), ...e.$attrs })), {
               default: o(() => [
-                n(e.$slots, "default")
+                s(e.$slots, "default")
               ]),
               _: 3
             }, 16)
           ]),
           _: 3
         }),
-        i(t(C), {
+        i(t(S), {
           side: "right",
           align: "center",
           hidden: t(m) !== "collapsed"
         }, {
           default: o(() => [
-            typeof e.tooltip == "string" ? (a(), y(g, { key: 0 }, [
+            typeof e.tooltip == "string" ? (r(), y(g, { key: 0 }, [
               h($(e.tooltip), 1)
-            ], 64)) : (a(), r(k(e.tooltip), { key: 1 }))
+            ], 64)) : (r(), a(k(e.tooltip), { key: 1 }))
           ]),
           _: 1
         }, 8, ["hidden"])
       ]),
       _: 3
-    })) : (a(), r(p, s(c({ key: 0 }, { ...t(l), ...e.$attrs })), {
+    })) : (r(), a(p, l(c({ key: 0 }, { ...t(n), ...e.$attrs })), {
       default: o(() => [
-        n(e.$slots, "default")
+        s(e.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
 });
 export {
-  F as default
+  j as default
 };

package/dist/sidebar/SidebarMenuButtonChild.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as i, createBlock as o, openBlock as r, unref as e, mergeProps as n, withCtx as d, renderSlot as l } from "vue";
+import { defineComponent as i, createBlock as o, openBlock as r, unref as t, mergeProps as n, withCtx as d, renderSlot as l } from "vue";
 import { Primitive as u } from "reka-ui";
-import { cn as f } from "../lib/utils.js";
-import { sidebarMenuButtonVariants as m } from "./index.js";
+import { cn as p } from "../lib/utils.js";
+import { sidebarMenuButtonVariants as f } from "./index.js";
 const z = /* @__PURE__ */ i({
   __name: "SidebarMenuButtonChild",
   props: {
@@ -10,16 +10,16 @@ const z = /* @__PURE__ */ i({
     isActive: { type: Boolean },
     class: {},
     asChild: { type: Boolean },
-    as: { default: "button" }
+    as: { type: [String, Object, Function], default: "button" }
   },
-  setup(t) {
-    const s = t;
-    return (a, p) => (r(), o(e(u), n({
+  setup(e) {
+    const s = e;
+    return (a, m) => (r(), o(t(u), n({
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": a.size,
       "data-active": a.isActive,
-      class: e(f)(e(m)({ variant: a.variant, size: a.size }), s.class),
+      class: t(p)(t(f)({ variant: a.variant, size: a.size }), s.class),
       as: a.as,
       "as-child": a.asChild
     }, a.$attrs), {

package/dist/sidebar/SidebarMenuSubButton.vue.js

@@ -1,32 +1,32 @@
-import { defineComponent as i, createBlock as r, openBlock as d, unref as a, normalizeClass as n, withCtx as o, renderSlot as c } from "vue";
+import { defineComponent as s, createBlock as n, openBlock as r, unref as a, normalizeClass as d, withCtx as o, renderSlot as c } from "vue";
 import { Primitive as l } from "reka-ui";
 import { cn as u } from "../lib/utils.js";
-const v = /* @__PURE__ */ i({
+const v = /* @__PURE__ */ s({
   __name: "SidebarMenuSubButton",
   props: {
     asChild: { type: Boolean },
-    as: { default: "a" },
+    as: { type: [String, Object, Function], default: "a" },
     size: { default: "md" },
     isActive: { type: Boolean },
     class: {}
   },
   setup(t) {
-    const s = t;
-    return (e, b) => (d(), r(a(l), {
+    const i = t;
+    return (e, b) => (r(), n(a(l), {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
       as: e.as,
       "as-child": e.asChild,
       "data-size": e.size,
       "data-active": e.isActive,
-      class: n(
+      class: d(
         a(u)(
           "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground outline-hidden flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
           "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
           e.size === "sm" && "text-xs",
           e.size === "md" && "text-sm",
           "group-data-[collapsible=icon]:hidden",
-          s.class
+          i.class
         )
       )
     }, {

package/dist/sonner/Toast.vue.js

@@ -3,11 +3,11 @@ import { getLocalTimeZone as x, now as z, isSameDay as D, isToday as T } from ".
 import { DateFormatter as f } from "../node_modules/.pnpm/@internationalized_date@3.8.2/node_modules/@internationalized/date/dist/DateFormatter.js";
 import { cn as v } from "../lib/utils.js";
 import { toastVariants as w } from "./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/circle-check.js";
-import I 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/triangle-alert.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/info.js";
-import R 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/circle-x.js";
-import V 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/chevron-right.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/circle-check.js";
+import I 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/triangle-alert.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/info.js";
+import R 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/circle-x.js";
+import V 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/chevron-right.js";
 const A = { class: "flex flex-1 flex-col gap-1" }, E = {
   key: 0,
   class: "text-[0.625rem] text-gray-700"

package/dist/stepper/StepperDescription.vue.js

@@ -1,26 +1,26 @@
 import { defineComponent as c, createBlock as n, openBlock as i, unref as e, mergeProps as l, withCtx as m, renderSlot as d, normalizeProps as f, guardReactiveProps as u } from "vue";
 import { reactiveOmit as _ } from "@vueuse/core";
-import { useForwardProps as P, StepperDescription as g } from "reka-ui";
+import { useForwardProps as g, StepperDescription as P } from "reka-ui";
 import { cn as x } from "../lib/utils.js";
-const k = /* @__PURE__ */ c({
+const C = /* @__PURE__ */ c({
   __name: "StepperDescription",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(o) {
-    const r = o, t = _(r, "class"), s = P(t);
-    return (a, h) => (i(), n(e(g), l(e(s), {
+  setup(t) {
+    const r = t, o = _(r, "class"), s = g(o);
+    return (p, S) => (i(), n(e(P), l(e(s), {
       class: e(x)("text-sm text-gray-600", r.class)
     }), {
-      default: m((p) => [
-        d(a.$slots, "default", f(u(p)))
+      default: m((a) => [
+        d(p.$slots, "default", f(u(a)))
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
 export {
-  k as default
+  C as default
 };

package/dist/stepper/StepperIndicator.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as p, createBlock as s, openBlock as n, unref as t, mergeProps as l, withCtx as u, renderSlot as i } from "vue";
+import { defineComponent as n, createBlock as p, openBlock as s, unref as t, mergeProps as u, withCtx as i, renderSlot as l } from "vue";
 import { reactiveOmit as c } from "@vueuse/core";
 import { useForwardProps as g, StepperIndicator as m } from "reka-ui";
 import { cn as f } from "../lib/utils.js";
-const h = /* @__PURE__ */ p({
+const h = /* @__PURE__ */ n({
   __name: "StepperIndicator",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(r) {
     const e = r, a = c(e, "class"), o = g(a);
-    return (d, b) => (n(), s(t(m), l(t(o), {
+    return (d, b) => (s(), p(t(m), u(t(o), {
       class: t(f)(
         "text-muted-foreground inline-flex min-h-8 min-w-8 items-center justify-center rounded-full bg-neutral-200 p-1",
         // Disabled
@@ -25,8 +25,8 @@ const h = /* @__PURE__ */ p({
         e.class
       )
     }), {
-      default: u(() => [
-        i(d.$slots, "default")
+      default: i(() => [
+        l(d.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));

package/dist/stepper/StepperItem.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, createBlock as n, openBlock as d, unref as e, mergeProps as i, withCtx as c, renderSlot as m, normalizeProps as f, guardReactiveProps as g } from "vue";
+import { defineComponent as n, createBlock as p, openBlock as d, unref as e, mergeProps as i, withCtx as c, renderSlot as m, normalizeProps as f, guardReactiveProps as g } from "vue";
 import { reactiveOmit as u } from "@vueuse/core";
 import { useForwardProps as B, StepperItem as v } from "reka-ui";
-import { cn as P } from "../lib/utils.js";
-const S = /* @__PURE__ */ p({
+import { cn as y } from "../lib/utils.js";
+const w = /* @__PURE__ */ n({
   __name: "StepperItem",
   props: {
     class: {},
@@ -11,14 +11,14 @@ const S = /* @__PURE__ */ p({
     disabled: { type: Boolean },
     completed: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(r) {
     const t = r, s = u(t, "class", "loading"), a = B(s);
-    return (o, y) => (d(), n(e(v), i(e(a), {
+    return (o, P) => (d(), p(e(v), i(e(a), {
       "data-loading": o.loading ? "true" : void 0,
       completed: o.loading ? !1 : e(a).completed,
-      class: e(P)("group relative flex items-center gap-2 data-[disabled]:pointer-events-none", t.class)
+      class: e(y)("group relative flex items-center gap-2 data-[disabled]:pointer-events-none", t.class)
     }), {
       default: c((l) => [
         m(o.$slots, "default", f(g(l)))
@@ -28,5 +28,5 @@ const S = /* @__PURE__ */ p({
   }
 });
 export {
-  S as default
+  w as default
 };

package/dist/stepper/StepperSeparator.vue.js

@@ -2,13 +2,13 @@ import { defineComponent as n, createBlock as i, openBlock as p, unref as t, mer
 import { reactiveOmit as c } from "@vueuse/core";
 import { useForwardProps as d, StepperSeparator as s } from "reka-ui";
 import { cn as u } from "../lib/utils.js";
-const b = /* @__PURE__ */ n({
+const v = /* @__PURE__ */ n({
   __name: "StepperSeparator",
   props: {
     orientation: {},
     decorative: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(a) {
@@ -30,5 +30,5 @@ const b = /* @__PURE__ */ n({
   }
 });
 export {
-  b as default
+  v as default
 };

package/dist/stepper/StepperTitle.vue.js

@@ -1,26 +1,26 @@
-import { defineComponent as p, createBlock as c, openBlock as l, unref as e, mergeProps as n, withCtx as m, renderSlot as i } from "vue";
+import { defineComponent as p, createBlock as n, openBlock as c, unref as e, mergeProps as l, withCtx as i, renderSlot as m } from "vue";
 import { reactiveOmit as d } from "@vueuse/core";
 import { useForwardProps as f, StepperTitle as u } from "reka-ui";
 import { cn as _ } from "../lib/utils.js";
-const C = /* @__PURE__ */ p({
+const y = /* @__PURE__ */ p({
   __name: "StepperTitle",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(o) {
     const t = o, r = d(t, "class"), s = f(r);
-    return (a, w) => (l(), c(e(u), n(e(s), {
+    return (a, w) => (c(), n(e(u), l(e(s), {
       class: e(_)("whitespace-nowrap text-sm font-bold text-gray-900", t.class)
     }), {
-      default: m(() => [
-        i(a.$slots, "default")
+      default: i(() => [
+        m(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
 export {
-  C as default
+  y as default
 };

package/dist/stepper/StepperTrigger.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as p, createBlock as c, openBlock as l, unref as e, mergeProps as n, withCtx as d, renderSlot as i } from "vue";
+import { defineComponent as p, createBlock as c, openBlock as n, unref as e, mergeProps as l, withCtx as d, renderSlot as i } from "vue";
 import { reactiveOmit as m } from "@vueuse/core";
 import { useForwardProps as u, StepperTrigger as f } from "reka-ui";
 import { cn as g } from "../lib/utils.js";
-const C = /* @__PURE__ */ p({
+const B = /* @__PURE__ */ p({
   __name: "StepperTrigger",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(o) {
     const r = o, t = m(r, "class"), s = u(t);
-    return (a, _) => (l(), c(e(f), n(e(s), {
+    return (a, _) => (n(), c(e(f), l(e(s), {
       class: e(g)(
         "flex cursor-pointer flex-col items-center gap-1 rounded-md p-1 text-center group-data-[disabled]:cursor-not-allowed group-data-[loading]:cursor-progress",
         r.class
@@ -25,5 +25,5 @@ const C = /* @__PURE__ */ p({
   }
 });
 export {
-  C as default
+  B as default
 };

package/dist/switch/Switch.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as u, createBlock as m, openBlock as p, unref as e, mergeProps as b, withCtx as s, createVNode as f, normalizeClass as h, renderSlot as g } from "vue";
+import { defineComponent as u, createBlock as p, openBlock as m, unref as e, mergeProps as b, withCtx as s, createVNode as f, normalizeClass as h, renderSlot as g } from "vue";
 import { reactiveOmit as w } from "@vueuse/core";
 import { cva as k } from "class-variance-authority";
-import { useForwardPropsEmits as x, SwitchRoot as y, SwitchThumb as z } from "reka-ui";
+import { useForwardPropsEmits as y, SwitchRoot as x, SwitchThumb as z } from "reka-ui";
 import { cn as r } from "../lib/utils.js";
 const P = /* @__PURE__ */ u({
   __name: "Switch",
@@ -14,13 +14,13 @@ const P = /* @__PURE__ */ u({
     id: {},
     value: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(o, { emit: n }) {
-    const t = o, i = n, l = w(t, "class"), d = x(l, i), c = k(
+    const a = o, i = n, l = w(a, "class"), d = y(l, i), c = k(
       "data-[state=checked]:bg-primary-500 bg-transparent data-[state=unchecked]:border-primary-500 focus-visible:border-ring focus-visible:ring-ring/50 shadow-xs peer inline-flex shrink-0 items-center rounded-full border border-transparent outline-none transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:bg-gray-300 disabled:border-none cursor-pointer",
       {
         variants: {
@@ -34,8 +34,8 @@ const P = /* @__PURE__ */ u({
         }
       }
     );
-    return (a, v) => (p(), m(e(y), b({ "data-slot": "switch" }, e(d), {
-      class: e(r)(e(c)({ size: a.size }), t.class)
+    return (t, v) => (m(), p(e(x), b({ "data-slot": "switch" }, e(d), {
+      class: e(r)(e(c)({ size: t.size }), a.class)
     }), {
       default: s(() => [
         f(e(z), {
@@ -43,12 +43,12 @@ const P = /* @__PURE__ */ u({
           class: h(
             e(r)(
               "bg-primary-500 pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%+2px)] data-[state=unchecked]:translate-x-0.5 data-[disabled]:bg-neutral-100 data-[state=checked]:bg-neutral-100",
-              a.size === "sm" && "data-[state=unchecked]:translate-x-0.25 size-2.5 data-[state=checked]:translate-x-[calc(100%+4.5px)]"
+              t.size === "sm" && "data-[state=unchecked]:translate-x-0.25 size-2.5 data-[state=checked]:translate-x-[calc(100%+4.5px)]"
             )
           )
         }, {
           default: s(() => [
-            g(a.$slots, "thumb")
+            g(t.$slots, "thumb")
           ]),
           _: 3
         }, 8, ["class"])

package/dist/tabs/Tabs.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent as c, createBlock as i, openBlock as m, unref as e, mergeProps as d, withCtx as p, renderSlot as u } from "vue";
 import { reactiveOmit as f } from "@vueuse/core";
-import { useForwardPropsEmits as _, TabsRoot as x } from "reka-ui";
-import { cn as B } from "../lib/utils.js";
-const V = /* @__PURE__ */ c({
+import { useForwardPropsEmits as _, TabsRoot as b } from "reka-ui";
+import { cn as x } from "../lib/utils.js";
+const C = /* @__PURE__ */ c({
   __name: "Tabs",
   props: {
     defaultValue: {},
@@ -12,22 +12,22 @@ const V = /* @__PURE__ */ c({
     modelValue: {},
     unmountOnHide: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: s }) {
-    const o = t, a = s, r = f(o, "class"), l = _(r, a);
-    return (n, b) => (m(), i(e(x), d({ "data-slot": "tabs" }, e(l), {
-      class: e(B)("flex flex-col", o.class)
+  setup(o, { emit: s }) {
+    const t = o, a = s, r = f(t, "class"), n = _(r, a);
+    return (l, B) => (m(), i(e(b), d({ "data-slot": "tabs" }, e(n), {
+      class: e(x)("flex flex-col", t.class)
     }), {
       default: p(() => [
-        u(n.$slots, "default")
+        u(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
 export {
-  V as default
+  C as default
 };

package/dist/tabs/TabsContent.vue.js

@@ -1,21 +1,21 @@
 import { defineComponent as s, createBlock as a, openBlock as l, unref as e, mergeProps as c, withCtx as p, renderSlot as d } from "vue";
 import { reactiveOmit as m } from "@vueuse/core";
 import { TabsContent as u } from "reka-ui";
-import { cn as f } from "../lib/utils.js";
-const g = /* @__PURE__ */ s({
+import { cn as i } from "../lib/utils.js";
+const B = /* @__PURE__ */ s({
   __name: "TabsContent",
   props: {
     value: {},
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(o) {
     const t = o, n = m(t, "class");
-    return (r, i) => (l(), a(e(u), c({
+    return (r, f) => (l(), a(e(u), c({
       "data-slot": "tabs-content",
-      class: e(f)("z-[1] flex-1 rounded-b-md rounded-tr-md bg-neutral-100 outline-none", t.class)
+      class: e(i)("z-[1] flex-1 rounded-b-md rounded-tr-md bg-neutral-100 outline-none", t.class)
     }, e(n)), {
       default: p(() => [
         d(r.$slots, "default")
@@ -25,5 +25,5 @@ const g = /* @__PURE__ */ s({
   }
 });
 export {
-  g as default
+  B as default
 };