@agrotools1/at-components 2.0.36 → 2.0.37

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
 };

package/dist/tabs/TabsList.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as r, createBlock as l, openBlock as n, unref as t, mergeProps as i, withCtx as c, renderSlot as p } from "vue";
+import { defineComponent as r, createBlock as n, openBlock as l, unref as t, mergeProps as i, withCtx as c, renderSlot as p } from "vue";
 import { reactiveOmit as f } from "@vueuse/core";
 import { TabsList as m } from "reka-ui";
 import { cn as d } from "../lib/utils.js";
-const g = /* @__PURE__ */ r({
+const y = /* @__PURE__ */ r({
   __name: "TabsList",
   props: {
     loop: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(a) {
     const e = a, s = f(e, "class");
-    return (o, u) => (n(), l(t(m), i({ "data-slot": "tabs-list" }, t(s), {
+    return (o, u) => (l(), n(t(m), i({ "data-slot": "tabs-list" }, t(s), {
       class: t(d)(
         "has-data-[variant=default]:h-13 has-data-[variant=default]:gap-2 inline-flex w-fit items-center justify-center",
         e.class
@@ -26,5 +26,5 @@ const g = /* @__PURE__ */ r({
   }
 });
 export {
-  g as default
+  y as default
 };

package/dist/tabs/TabsTrigger.vue.js

@@ -1,24 +1,24 @@
-import { defineComponent as d, createElementBlock as l, openBlock as n, createVNode as i, unref as a, mergeProps as p, withCtx as c, renderSlot as f } from "vue";
+import { defineComponent as n, createElementBlock as d, openBlock as i, createVNode as l, unref as a, mergeProps as p, withCtx as c, renderSlot as f } from "vue";
 import { reactiveOmit as m } from "@vueuse/core";
-import { useForwardProps as u, TabsTrigger as v } from "reka-ui";
-import { tabsTriggerVariants as g } from "./index.js";
+import { useForwardProps as u, TabsTrigger as g } from "reka-ui";
+import { tabsTriggerVariants as v } from "./index.js";
 import { cn as h } from "../lib/utils.js";
-const b = { class: "has-data-[variant=default]:drop-shadow-lg has-data-[variant=default]:drop-shadow-black/8 has-data-[variant=default]:h-full" }, C = /* @__PURE__ */ d({
+const b = { class: "has-data-[variant=default]:drop-shadow-lg has-data-[variant=default]:drop-shadow-black/8 has-data-[variant=default]:h-full" }, y = /* @__PURE__ */ n({
   __name: "TabsTrigger",
   props: {
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     variant: {}
   },
   setup(e) {
     const r = e, s = m(r, "class"), o = u(s);
-    return (t, _) => (n(), l("div", b, [
-      i(a(v), p({ "data-slot": "tabs-trigger" }, a(o), {
+    return (t, _) => (i(), d("div", b, [
+      l(a(g), p({ "data-slot": "tabs-trigger" }, a(o), {
         "data-variant": t.variant ?? "default",
-        class: a(h)(a(g)({ variant: t.variant }), r.class)
+        class: a(h)(a(v)({ variant: t.variant }), r.class)
       }), {
         default: c(() => [
           f(t.$slots, "default")
@@ -29,5 +29,5 @@ const b = { class: "has-data-[variant=default]:drop-shadow-lg has-data-[variant=
   }
 });
 export {
-  C as default
+  y as default
 };

package/dist/tag/Tag.vue.js

@@ -1,31 +1,31 @@
-import { defineComponent as r, createBlock as o, openBlock as i, unref as s, normalizeClass as l, withCtx as n, renderSlot as m } from "vue";
-import { Primitive as p } from "reka-ui";
-import { cn as d } from "../lib/utils.js";
-import { tagVariants as c } from "./index.js";
-const z = /* @__PURE__ */ r({
+import { defineComponent as r, createBlock as i, openBlock as o, unref as s, normalizeClass as n, withCtx as l, renderSlot as p } from "vue";
+import { Primitive as c } from "reka-ui";
+import { cn as m } from "../lib/utils.js";
+import { tagVariants as d } from "./index.js";
+const g = /* @__PURE__ */ r({
   __name: "Tag",
   props: {
     variant: {},
     size: {},
     class: {},
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: { type: [String, Object, Function], default: "div" }
   },
-  setup(e) {
-    const t = e;
-    return (a, f) => (i(), o(s(p), {
+  setup(t) {
+    const e = t;
+    return (a, f) => (o(), i(s(c), {
       "data-slot": "tag",
       as: a.as,
       "as-child": a.asChild,
-      class: l(s(d)(s(c)({ variant: a.variant, size: a.size }), t.class))
+      class: n(s(m)(s(d)({ variant: a.variant, size: a.size }), e.class))
     }, {
-      default: n(() => [
-        m(a.$slots, "default")
+      default: l(() => [
+        p(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child", "class"]));
   }
 });
 export {
-  z as default
+  g as default
 };

package/dist/time-picker/TimePicker.vue.js

@@ -4,8 +4,8 @@ import { useVModel as $ } from "@vueuse/core";
 import "../button/index.js";
 import f from "../input/Input.vue.js";
 import o from "../button/Button.vue.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/chevron-up.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-down.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/chevron-up.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-down.js";
 const w = { class: "flex flex-col items-center gap-1" }, B = { class: "flex flex-col items-center gap-1" }, q = /* @__PURE__ */ C({
   __name: "TimePicker",
   props: {

package/dist/tooltip/TooltipTrigger.vue.js

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

package/dist/upload/UploadContent.vue.js

@@ -1,25 +1,25 @@
-import { defineComponent as l, createBlock as o, openBlock as r, unref as s, normalizeClass as n, withCtx as i, renderSlot as p } from "vue";
-import { Primitive as f } from "reka-ui";
-import { cn as c } from "../lib/utils.js";
-const C = /* @__PURE__ */ l({
+import { defineComponent as o, createBlock as l, openBlock as r, unref as a, normalizeClass as n, withCtx as i, renderSlot as p } from "vue";
+import { Primitive as c } from "reka-ui";
+import { cn as f } from "../lib/utils.js";
+const C = /* @__PURE__ */ o({
   __name: "UploadContent",
   props: {
     class: {},
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: { type: [String, Object, Function], default: "div" }
   },
-  setup(t) {
-    const e = t;
-    return (a, d) => (r(), o(s(f), {
+  setup(s) {
+    const e = s;
+    return (t, d) => (r(), l(a(c), {
       "data-slot": "upload-content",
-      as: a.as,
-      "as-child": a.asChild,
+      as: t.as,
+      "as-child": t.asChild,
       class: n(
-        s(c)("flex h-full w-max flex-row flex-wrap items-start justify-start gap-y-2", e.class)
+        a(f)("flex h-full w-max flex-row flex-wrap items-start justify-start gap-y-2", e.class)
       )
     }, {
       default: i(() => [
-        p(a.$slots, "default")
+        p(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child", "class"]));

package/dist/upload/UploadContentDescription.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as l, createBlock as n, openBlock as i, unref as t, normalizeClass as r, withCtx as p, renderSlot as c } from "vue";
+import { defineComponent as s, createBlock as l, openBlock as i, unref as t, normalizeClass as r, withCtx as c, renderSlot as p } from "vue";
 import { Primitive as d } from "reka-ui";
 import { cn as m } from "../lib/utils.js";
 import { injectUploadRootContext as f } from "./upload-context.js";
-const v = /* @__PURE__ */ l({
+const v = /* @__PURE__ */ s({
   __name: "UploadContentDescription",
   props: {
     class: {},
     asChild: { type: Boolean },
-    as: { default: "h8" }
+    as: { type: [String, Object, Function], default: "h8" }
   },
   setup(a) {
-    const s = a, e = f();
-    return (o, u) => (i(), n(t(d), {
+    const n = a, e = f();
+    return (o, u) => (i(), l(t(d), {
       "data-slot": "upload-content-description",
       as: o.as,
       "as-child": o.asChild,
@@ -19,14 +19,14 @@ const v = /* @__PURE__ */ l({
         t(m)(
           "font-nunito block w-full items-start text-start text-sm font-normal text-gray-900",
           t(e).isUploading.value || t(e).isUploadingComplete.value ? "hidden" : "",
-          s.class
+          n.class
         )
       ),
       role: "heading",
       "aria-level": "8"
     }, {
-      default: p(() => [
-        c(o.$slots, "default")
+      default: c(() => [
+        p(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child", "class"]));

package/dist/upload/UploadContentLoadingDescription.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as n, createBlock as l, openBlock as i, unref as o, normalizeClass as r, withCtx as d, renderSlot as c } from "vue";
+import { defineComponent as s, createBlock as l, openBlock as i, unref as o, normalizeClass as r, withCtx as c, renderSlot as d } from "vue";
 import { Primitive as p } from "reka-ui";
 import { cn as m } from "../lib/utils.js";
 import { injectUploadRootContext as f } from "./upload-context.js";
-const _ = /* @__PURE__ */ n({
+const _ = /* @__PURE__ */ s({
   __name: "UploadContentLoadingDescription",
   props: {
     class: {},
     asChild: { type: Boolean },
-    as: { default: "h8" }
+    as: { type: [String, Object, Function], default: "h8" }
   },
-  setup(a) {
-    const e = a, s = f();
+  setup(e) {
+    const a = e, n = f();
     return (t, u) => (i(), l(o(p), {
       "data-slot": "upload-content-loading-description",
       as: t.as,
@@ -18,15 +18,15 @@ const _ = /* @__PURE__ */ n({
       class: r(
         o(m)(
           "font-nunito hidden w-full items-start text-start text-sm font-normal text-gray-900",
-          o(s).isUploading.value ? "block" : "",
-          e.class
+          o(n).isUploading.value ? "block" : "",
+          a.class
         )
       ),
       role: "heading",
       "aria-level": "8"
     }, {
-      default: d(() => [
-        c(t.$slots, "default")
+      default: c(() => [
+        d(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child", "class"]));

package/dist/upload/UploadContentSuccessDescription.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as l, createBlock as n, openBlock as r, unref as e, normalizeClass as i, withCtx as c, renderSlot as p } from "vue";
+import { defineComponent as n, createBlock as l, openBlock as r, unref as e, normalizeClass as i, withCtx as c, renderSlot as p } from "vue";
 import { Primitive as d } from "reka-ui";
 import { cn as m } from "../lib/utils.js";
-import { injectUploadRootContext as f } from "./upload-context.js";
-const g = /* @__PURE__ */ l({
+import { injectUploadRootContext as u } from "./upload-context.js";
+const _ = /* @__PURE__ */ n({
   __name: "UploadContentSuccessDescription",
   props: {
     class: {},
     asChild: { type: Boolean },
-    as: { default: "h8" }
+    as: { type: [String, Object, Function], default: "h8" }
   },
   setup(o) {
-    const s = o, a = f();
-    return (t, u) => (r(), n(e(d), {
+    const s = o, a = u();
+    return (t, f) => (r(), l(e(d), {
       "data-slot": "upload-content-success-description",
       as: t.as,
       "as-child": t.asChild,
@@ -33,5 +33,5 @@ const g = /* @__PURE__ */ l({
   }
 });
 export {
-  g as default
+  _ as default
 };

package/dist/upload/UploadContentTitle.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as l, createBlock as n, openBlock as i, unref as t, normalizeClass as r, withCtx as p, renderSlot as d } from "vue";
-import { Primitive as c } from "reka-ui";
+import { defineComponent as l, createBlock as n, openBlock as i, unref as t, normalizeClass as r, withCtx as p, renderSlot as c } from "vue";
+import { Primitive as d } from "reka-ui";
 import { cn as m } from "../lib/utils.js";
 import { injectUploadRootContext as f } from "./upload-context.js";
 const _ = /* @__PURE__ */ l({
@@ -7,11 +7,11 @@ const _ = /* @__PURE__ */ l({
   props: {
     class: {},
     asChild: { type: Boolean },
-    as: { default: "p" }
+    as: { type: [String, Object, Function], default: "p" }
   },
   setup(a) {
     const s = a, e = f();
-    return (o, u) => (i(), n(t(c), {
+    return (o, u) => (i(), n(t(d), {
       "data-slot": "upload-content-title",
       as: o.as,
       "as-child": o.asChild,
@@ -24,7 +24,7 @@ const _ = /* @__PURE__ */ l({
       )
     }, {
       default: p(() => [
-        d(o.$slots, "default")
+        c(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child", "class"]));

package/dist/upload/UploadFileItem.vue.js

@@ -3,13 +3,13 @@ import { Primitive as g } from "reka-ui";
 import { formatBytes as v } from "../composables/use-file-upload.js";
 import { cn as x } from "../lib/utils.js";
 import { injectUploadRootContext as _ } from "./upload-context.js";
-const y = { class: "flex w-full items-center justify-between gap-1" }, L = { class: "flex w-full items-center gap-1" }, V = { class: "text-xs font-semibold text-gray-800" }, H = { class: "place-self-end text-xs font-normal text-gray-600" }, B = { class: "flex w-full items-center justify-center gap-1" }, M = { class: "h-1 w-full rounded-full" }, P = { class: "place-self-end text-xs font-normal text-gray-600" }, $ = /* @__PURE__ */ f({
+const y = { class: "flex w-full items-center justify-between gap-1" }, L = { class: "flex w-full items-center gap-1" }, V = { class: "text-xs font-semibold text-gray-800" }, H = { class: "place-self-end text-xs font-normal text-gray-600" }, B = { class: "flex w-full items-center justify-center gap-1" }, M = { class: "h-1 w-full rounded-full" }, b = { class: "place-self-end text-xs font-normal text-gray-600" }, U = /* @__PURE__ */ f({
   __name: "UploadFileItem",
   props: {
     file: {},
     class: {},
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: { type: [String, Object, Function], default: "div" }
   },
   setup(r) {
     const n = r, a = _(), o = d(0);
@@ -68,8 +68,8 @@ const y = { class: "flex w-full items-center justify-between gap-1" }, L = { cla
           ]),
           e("div", {
             role: "button",
-            onClick: l[0] || (l[0] = w((Z) => i(a).removeFile(t.file.id), ["stop", "prevent"]))
-          }, [...l[2] || (l[2] = [
+            onClick: l[0] || (l[0] = w((j) => i(a).removeFile(t.file.id), ["stop", "prevent"]))
+          }, l[2] || (l[2] = [
             e("svg", {
               width: "10",
               height: "10",
@@ -93,14 +93,14 @@ const y = { class: "flex w-full items-center justify-between gap-1" }, L = { cla
                 ])
               ])
             ], -1)
-          ])])
+          ]))
         ]),
-        e("span", P, s(i(v)(t.file.file.size, 2)), 1)
+        e("span", b, s(i(v)(t.file.file.size, 2)), 1)
       ]),
       _: 1
     }, 8, ["as", "as-child", "class"]));
   }
 });
 export {
-  $ as default
+  U as default
 };