@agrotools1/at-components 2.0.36 → 2.0.38

package/dist/tabs/index.d.ts

@@ -1,10 +1,7 @@
-import { VariantProps } from 'class-variance-authority';
 export { default as AgtTabs } from './Tabs.vue';
 export { default as AgtTabsContent } from './TabsContent.vue';
 export { default as AgtTabsList } from './TabsList.vue';
 export { default as AgtTabsTrigger } from './TabsTrigger.vue';
-export declare const tabsTriggerVariants: (props?: ({
-    variant?: "default" | "simple" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type TabsTriggerVariants = VariantProps<typeof tabsTriggerVariants>;
+export { tabsTriggerVariants } from './tabs.variants';
+export type { TabsTriggerVariants } from './tabs.variants';
 //# sourceMappingURL=index.d.ts.map

package/dist/tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE7D,eAAO,MAAM,mBAAmB;;8EAc/B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/tabs/index.js

@@ -1,26 +1,12 @@
-import { cva as r } from "class-variance-authority";
-import { default as n } from "./Tabs.vue.js";
-import { default as s } from "./TabsContent.vue.js";
-import { default as b } from "./TabsList.vue.js";
-import { default as g } from "./TabsTrigger.vue.js";
-const e = r(
-  "data-[state=active]:text-primary-500 hover:text-primary-500 cursor-pointer bg-background disabled:cursor-not-allowed font-bold text-sm transition-all duration-300 flex-1 inline-flex relative items-center gap-1.5 whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-linear-(--tab-trigger-background) after:w-15 after:-rotate-20 hover:after:bg-linear-(--tab-trigger-background) rounded-t-md border border-transparent p-4 text-gray-600 after:absolute after:-bottom-[21%] after:-right-3 after:-z-10 after:h-[110%] after:rounded-md after:bg-neutral-100 disabled:hover:bg-none disabled:hover:text-gray-600 disabled:hover:after:bg-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 h-full",
-        simple: "data-[state=active]:border-primary-500 border-b border-neutral-200 p-2 min-w-40"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
+import { default as r } from "./Tabs.vue.js";
+import { default as o } from "./TabsContent.vue.js";
+import { default as f } from "./TabsList.vue.js";
+import { default as T } from "./TabsTrigger.vue.js";
+import { tabsTriggerVariants as m } from "./tabs.variants.js";
 export {
-  n as AgtTabs,
-  s as AgtTabsContent,
-  b as AgtTabsList,
-  g as AgtTabsTrigger,
-  e as tabsTriggerVariants
+  r as AgtTabs,
+  o as AgtTabsContent,
+  f as AgtTabsList,
+  T as AgtTabsTrigger,
+  m as tabsTriggerVariants
 };

package/dist/tabs/tabs.variants.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const tabsTriggerVariants: (props?: ({
+    variant?: "default" | "simple" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type TabsTriggerVariants = VariantProps<typeof tabsTriggerVariants>;
+//# sourceMappingURL=tabs.variants.d.ts.map

package/dist/tabs/tabs.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.variants.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,eAAO,MAAM,mBAAmB;;8EAc/B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAA"}

package/dist/tabs/tabs.variants.js

@@ -0,0 +1,18 @@
+import { cva as r } from "class-variance-authority";
+const t = r(
+  "data-[state=active]:text-primary-500 hover:text-primary-500 cursor-pointer bg-background disabled:cursor-not-allowed font-bold text-sm transition-all duration-300 flex-1 inline-flex relative items-center gap-1.5 whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-linear-(--tab-trigger-background) after:w-15 after:-rotate-20 hover:after:bg-linear-(--tab-trigger-background) rounded-t-md border border-transparent p-4 text-gray-600 after:absolute after:-bottom-[21%] after:-right-3 after:-z-10 after:h-[110%] after:rounded-md after:bg-neutral-100 disabled:hover:bg-none disabled:hover:text-gray-600 disabled:hover:after:bg-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 h-full",
+        simple: "data-[state=active]:border-primary-500 border-b border-neutral-200 p-2 min-w-40"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  t as tabsTriggerVariants
+};

package/dist/tabs/useTabsOverflow.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPublicInstance, Ref } from 'vue';
+export interface OverflowTab {
+    id: string;
+    label: string;
+    isActive: boolean;
+}
+export declare function useTabsOverflow(listRef: Ref<ComponentPublicInstance | null>, wrapperRef: Ref<HTMLElement | null>): {
+    overflowTabs: Ref<{
+        id: string;
+        label: string;
+        isActive: boolean;
+    }[], OverflowTab[] | {
+        id: string;
+        label: string;
+        isActive: boolean;
+    }[]>;
+    hasOverflow: Ref<boolean, boolean>;
+    updateOverflow: () => void;
+};
+//# sourceMappingURL=useTabsOverflow.d.ts.map

package/dist/tabs/useTabsOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabsOverflow.d.ts","sourceRoot":"","sources":["../../src/tabs/useTabsOverflow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAIvD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAID,wBAAgB,eAAe,CAC7B,OAAO,EAAE,GAAG,CAAC,uBAAuB,GAAG,IAAI,CAAC,EAC5C,UAAU,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;;YAT/B,MAAM;eACH,MAAM;kBACH,OAAO;;YAFb,MAAM;eACH,MAAM;kBACH,OAAO;;;;EAiGlB"}

package/dist/tabs/useTabsOverflow.js

@@ -0,0 +1,51 @@
+import { ref as b, onMounted as O, nextTick as P, computed as A } from "vue";
+import { useResizeObserver as W, useMutationObserver as x } from "@vueuse/core";
+const E = 180;
+function S(l, i) {
+  const v = b([]), p = b(!1);
+  let a = !1;
+  const s = () => {
+    if (a || !l.value || !i.value) return;
+    const o = l.value.$el;
+    if (o) {
+      a = !0;
+      try {
+        const n = Array.from(
+          o.querySelectorAll('[data-slot="tabs-trigger"]')
+        );
+        n.forEach((r) => {
+          const t = r.parentElement;
+          t && (t.style.removeProperty("position"), t.style.removeProperty("width"), t.style.removeProperty("height"), t.style.removeProperty("padding"), t.style.removeProperty("margin"), t.style.removeProperty("overflow"), t.style.removeProperty("clip-path"), r.removeAttribute("tabindex"));
+        });
+        const u = i.value.clientWidth;
+        if (u === 0) return;
+        let f = 0, c = !1;
+        const d = [], w = 8;
+        n.forEach((r, t) => {
+          var m;
+          const e = r.parentElement;
+          if (!e) return;
+          const y = e.offsetWidth, h = t > 0 ? y + w : y, g = t === n.length - 1 && !c ? u : u - E;
+          f + h > g ? (c = !0, e.style.position = "absolute", e.style.width = "1px", e.style.height = "1px", e.style.padding = "0", e.style.margin = "-1px", e.style.overflow = "hidden", e.style.clipPath = "inset(50%)", r.setAttribute("tabindex", "-1"), d.push({
+            id: r.getAttribute("data-value") || String(t),
+            label: ((m = r.textContent) == null ? void 0 : m.trim()) ?? "",
+            isActive: r.getAttribute("data-state") === "active"
+          })) : f += h;
+        }), v.value = d, p.value = c;
+      } finally {
+        a = !1;
+      }
+    }
+  };
+  return O(() => P(s)), W(i, s), x(
+    A(() => {
+      var o;
+      return (o = l.value) == null ? void 0 : o.$el;
+    }),
+    s,
+    { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-state"] }
+  ), { overflowTabs: v, hasOverflow: p, updateOverflow: s };
+}
+export {
+  S as useTabsOverflow
+};

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

package/dist/upload/UploadRoot.vue.js

@@ -1,10 +1,10 @@
 import { defineComponent as F, computed as y, createBlock as h, openBlock as C, unref as o, withCtx as B, createElementVNode as d, normalizeClass as z, createVNode as U, renderSlot as _ } from "vue";
 import { useFileUpload as b } from "../composables/use-file-upload.js";
-import R from "../illustration/Illustration.vue.js";
-import { cn as S } from "../lib/utils.js";
+import S from "../illustration/Illustration.vue.js";
+import { cn as R } from "../lib/utils.js";
 import { Primitive as k } from "reka-ui";
 import { provideUploadRootContext as w } from "./upload-context.js";
-const M = { class: "relative" }, D = /* @__PURE__ */ F({
+const M = { class: "relative" }, $ = /* @__PURE__ */ F({
   __name: "UploadRoot",
   props: {
     onFilesAdded: { type: Function },
@@ -16,21 +16,21 @@ const M = { class: "relative" }, D = /* @__PURE__ */ F({
     initialFiles: {},
     class: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(f) {
-    const l = f, m = y(() => l.maxSizeMB ? l.maxSizeMB * 1024 * 1024 : 5 * 1024 * 1024), {
-      files: t,
+    const l = f, c = y(() => l.maxSizeMB ? l.maxSizeMB * 1024 * 1024 : 5 * 1024 * 1024), {
+      files: i,
       errors: p,
-      dropzoneRef: c,
+      dropzoneRef: m,
       inputRef: g,
-      isUploading: i,
-      isUploadingComplete: r,
+      isUploading: t,
+      isUploadingComplete: a,
       openFileDialog: u,
       removeFile: v
     } = b({
       accept: l.accept,
-      maxSize: m.value,
+      maxSize: c.value,
       initialFiles: l.initialFiles || [],
       maxFiles: l.maxFiles || 5,
       multiple: l.multiple || !1,
@@ -38,30 +38,30 @@ const M = { class: "relative" }, D = /* @__PURE__ */ F({
       onFilesChange: l.onFilesChange
     });
     return w({
-      isUploading: i,
-      isUploadingComplete: r,
-      files: t,
+      isUploading: t,
+      isUploadingComplete: a,
+      files: i,
       errors: p,
       removeFile: v,
-      handleUpdateProgressOnParent: (s, a) => {
-        const e = t.value.find((n) => n.id === s);
+      handleUpdateProgressOnParent: (s, r) => {
+        const e = i.value.find((n) => n.id === s);
         if (e) {
-          i.value = !0, e.progress = 0, e.uploadedBytes = 0;
+          t.value = !0, e.progress = 0, e.uploadedBytes = 0;
           const n = setInterval(() => {
-            if (t.value.every((x) => x.progress === 100)) {
+            if (i.value.every((x) => x.progress === 100)) {
               setTimeout(() => {
-                i.value = !1, r.value = !0;
+                t.value = !1, a.value = !0;
               }, 1e3), clearInterval(n);
               return;
             }
             e.progress !== void 0 && e.uploadedBytes !== void 0 && e.progress < 100 && (e.uploadedBytes += 5e4, e.progress = Math.min(
               100,
               Math.floor(e.uploadedBytes * 100 / (e.file.size || 1))
-            ), a(e.progress));
+            ), r(e.progress));
           }, 60);
         }
       }
-    }), (s, a) => (C(), h(o(k), {
+    }), (s, r) => (C(), h(o(k), {
       as: "div",
       "data-slot": "upload",
       class: "flex flex-col gap-2"
@@ -70,14 +70,14 @@ const M = { class: "relative" }, D = /* @__PURE__ */ F({
         d("div", M, [
           d("div", {
             ref_key: "dropzoneRef",
-            ref: c,
+            ref: m,
             role: "button",
             class: z(
-              o(S)(
+              o(R)(
                 "border-dashed-neutral-400 relative flex cursor-default flex-row flex-nowrap items-center justify-start gap-4 overflow-hidden rounded-2xl border-2 border-dashed bg-gray-100 p-5 transition-colors data-[dragging=true]:opacity-80"
               )
             ),
-            onClick: a[0] || (a[0] = //@ts-ignore
+            onClick: r[0] || (r[0] = //@ts-ignore
             (...e) => o(u) && o(u)(...e))
           }, [
             d("input", {
@@ -86,15 +86,15 @@ const M = { class: "relative" }, D = /* @__PURE__ */ F({
               "aria-label": "Upload file",
               type: "file"
             }, null, 512),
-            U(R, {
-              illustration: o(i) || o(r) ? "filteringUpload" : "cloudUpload",
+            U(S, {
+              illustration: o(t) || o(a) ? "filteringUpload" : "cloudUpload",
               class: "size-12 text-neutral-500",
               width: 48,
               height: 48
             }, null, 8, ["illustration"]),
             _(s.$slots, "default", {
-              isUploading: o(i),
-              files: o(t),
+              isUploading: o(t),
+              files: o(i),
               errors: o(p)
             })
           ], 2)
@@ -105,5 +105,5 @@ const M = { class: "relative" }, D = /* @__PURE__ */ F({
   }
 });
 export {
-  D as default
+  $ as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agrotools1/at-components",
   "type": "module",
-  "version": "2.0.36",
+  "version": "2.0.38",
   "private": false,
   "description": "Componentes da Agrotools - Versão 2 (com re-export da V1)",
   "author": "Agrotools",