@agrotools1/at-components 2.0.35 → 2.0.37

package/dist/select/SelectValue.vue.js

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

package/dist/sheet/SheetClose.vue.js

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

package/dist/sheet/SheetContent.vue.d.ts

@@ -3,11 +3,13 @@ import { HTMLAttributes } from 'vue';
 interface SheetContentProps extends DialogContentProps {
     class?: HTMLAttributes['class'];
     side?: 'top' | 'right' | 'bottom' | 'left';
+    closeText?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        'close-text'?(_: {}): any;
     };
     refs: {};
     rootEl: any;
@@ -29,6 +31,7 @@ declare const __VLS_component: import('vue').DefineComponent<SheetContentProps,
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     side: "top" | "right" | "bottom" | "left";
+    closeText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/sheet/SheetContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContent.vue.d.ts","sourceRoot":"","sources":["../../src/sheet/SheetContent.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AASzC,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CAC3C;AAsBD,iBAAS,cAAc;WAqGT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;UAnJZ,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;6EA2J1C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SheetContent.vue.d.ts","sourceRoot":"","sources":["../../src/sheet/SheetContent.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAErE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAOzC,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAwBD,iBAAS,cAAc;WAgFT,OAAO,IAA6B;;yBAXpB,GAAG;8BACE,GAAG;;;;EAerC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;UAlIZ,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;eAC9B,MAAM;6EAyIlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/sheet/SheetContent.vue.js

@@ -1,45 +1,44 @@
-import { defineComponent as p, createBlock as f, openBlock as m, unref as e, withCtx as s, createVNode as o, mergeProps as c, renderSlot as g, createElementVNode as b } from "vue";
-import { reactiveOmit as h } from "@vueuse/core";
-import { useForwardPropsEmits as w, DialogPortal as y, DialogContent as C, DialogClose as x } from "reka-ui";
-import { cn as B } from "../lib/utils.js";
-import D from "./SheetOverlay.vue.js";
-import O from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
-const _ = /* @__PURE__ */ p({
+import { defineComponent as p, createBlock as u, openBlock as f, unref as e, withCtx as r, createVNode as o, mergeProps as m, renderSlot as n, createElementVNode as g, createTextVNode as h, toDisplayString as _ } from "vue";
+import { reactiveOmit as C } from "@vueuse/core";
+import { useForwardPropsEmits as x, DialogPortal as y, DialogContent as D, DialogClose as b } from "reka-ui";
+import { cn as w } from "../lib/utils.js";
+import { sheetContentVariants as B } from "./sheetContent.variants.js";
+import O from "./SheetOverlay.vue.js";
+import P from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
+const T = { class: "sr-only" }, S = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "SheetContent",
   props: {
     class: {},
     side: { default: "right" },
+    closeText: { default: "Close" },
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
     as: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(n, { emit: i }) {
-    const a = n, d = i, l = h(a, "class", "side"), u = w(l, d);
-    return (t, r) => (m(), f(e(y), null, {
-      default: s(() => [
-        o(D),
-        o(e(C), c({
+  setup(a, { emit: i }) {
+    const t = a, l = i, c = C(t, "class", "side", "closeText"), d = x(c, l);
+    return (s, V) => (f(), u(e(y), null, {
+      default: r(() => [
+        o(O),
+        o(e(D), m({
           "data-slot": "sheet-content",
-          class: e(B)(
-            "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-            t.side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-            t.side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-            t.side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
-            t.side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
-            a.class
-          )
-        }, { ...e(u), ...t.$attrs }), {
-          default: s(() => [
-            g(t.$slots, "default"),
-            o(e(x), { class: "ring-offset-background focus:ring-ring rounded-xs focus:outline-hidden data-[state=open]:text-primary-500 absolute right-4 top-4 cursor-pointer focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-transparent" }, {
-              default: s(() => [
-                o(e(O), { class: "size-6" }),
-                r[0] || (r[0] = b("span", { class: "sr-only" }, "Close", -1))
+          class: e(w)(e(B)({ side: t.side }), t.class)
+        }, { ...e(d), ...s.$attrs }), {
+          default: r(() => [
+            n(s.$slots, "default"),
+            o(e(b), { class: "ring-offset-background focus:ring-ring rounded-xs focus:outline-hidden data-[state=open]:text-primary-500 absolute right-4 top-4 cursor-pointer focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-transparent" }, {
+              default: r(() => [
+                o(e(P), { class: "size-6" }),
+                g("span", T, [
+                  n(s.$slots, "close-text", {}, () => [
+                    h(_(t.closeText), 1)
+                  ])
+                ])
               ]),
-              _: 1
+              _: 3
             })
           ]),
           _: 3
@@ -50,5 +49,5 @@ const _ = /* @__PURE__ */ p({
   }
 });
 export {
-  _ as default
+  S as default
 };

package/dist/sheet/SheetDescription.vue.js

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

package/dist/sheet/SheetFooter.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, createElementBlock as r, openBlock as a, normalizeClass as l, unref as n, renderSlot as c } from "vue";
+import { defineComponent as s, createElementBlock as r, openBlock as a, normalizeClass as n, unref as l, renderSlot as c } from "vue";
 import { cn as p } from "../lib/utils.js";
 const d = /* @__PURE__ */ s({
   __name: "SheetFooter",
@@ -7,9 +7,9 @@ const d = /* @__PURE__ */ s({
   },
   setup(e) {
     const o = e;
-    return (t, f) => (a(), r("div", {
+    return (t, m) => (a(), r("div", {
       "data-slot": "sheet-footer",
-      class: l(n(p)("mt-auto flex flex-col gap-2 p-4", o.class))
+      class: n(l(p)("mt-auto flex gap-2 py-4", o.class))
     }, [
       c(t.$slots, "default")
     ], 2));

package/dist/sheet/SheetOverlay.vue.js

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

package/dist/sheet/SheetTitle.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as a, createBlock as l, openBlock as c, unref as e, mergeProps as n, withCtx as i, renderSlot as p } from "vue";
+import { defineComponent as a, createBlock as l, openBlock as n, unref as t, mergeProps as c, withCtx as i, renderSlot as p } from "vue";
 import { reactiveOmit as m } from "@vueuse/core";
 import { DialogTitle as f } from "reka-ui";
 import { cn as d } from "../lib/utils.js";
-const B = /* @__PURE__ */ a({
+const b = /* @__PURE__ */ a({
   __name: "SheetTitle",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(o) {
-    const t = o, s = m(t, "class");
-    return (r, u) => (c(), l(e(f), n({
+    const e = o, s = m(e, "class");
+    return (r, u) => (n(), l(t(f), c({
       "data-slot": "sheet-title",
-      class: e(d)("text-base font-semibold text-gray-900", t.class)
-    }, e(s)), {
+      class: t(d)("text-base font-semibold text-gray-900", e.class)
+    }, t(s)), {
       default: i(() => [
         p(r.$slots, "default")
       ]),
@@ -23,5 +23,5 @@ const B = /* @__PURE__ */ a({
   }
 });
 export {
-  B as default
+  b as default
 };

package/dist/sheet/SheetTrigger.vue.js

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

package/dist/sheet/sheetContent.variants.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const sheetContentVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SheetContentVariants = VariantProps<typeof sheetContentVariants>;
+//# sourceMappingURL=sheetContent.variants.d.ts.map

package/dist/sheet/sheetContent.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheetContent.variants.d.ts","sourceRoot":"","sources":["../../src/sheet/sheetContent.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,oBAAoB;;8EAiBhC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAA"}

package/dist/sheet/sheetContent.variants.js

@@ -0,0 +1,20 @@
+import { cva as t } from "class-variance-authority";
+const e = t(
+  "p-4 bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        right: "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+        left: "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+        top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+        bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+export {
+  e as sheetContentVariants
+};

package/dist/sidebar/Sidebar.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent as g, createElementBlock as l, openBlock as s, mergeProps as n, unref as e, renderSlot as p, createElementVNode as r, withModifiers as h, createBlock as b } from "vue";
 import { cn as f } from "../lib/utils.js";
 import { useSidebar as m } from "./utils.js";
-import w from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-left.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 w from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-left.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 k = ["data-state", "data-collapsible", "data-side"], y = {
   "data-sidebar": "sidebar",
   class: "bg-sidebar flex h-full w-full flex-col"

package/dist/sidebar/SidebarGroupAction.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as t, createBlock as o, openBlock as i, unref as r, normalizeClass as n, withCtx as d, renderSlot as l } from "vue";
-import { Primitive as c } from "reka-ui";
+import { defineComponent as s, createBlock as o, openBlock as i, unref as r, normalizeClass as n, withCtx as d, renderSlot as c } from "vue";
+import { Primitive as l } from "reka-ui";
 import { cn as p } from "../lib/utils.js";
-const b = /* @__PURE__ */ t({
+const g = /* @__PURE__ */ s({
   __name: "SidebarGroupAction",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(a) {
-    const s = a;
-    return (e, u) => (i(), o(r(c), {
+  setup(t) {
+    const a = t;
+    return (e, u) => (i(), o(r(l), {
       "data-slot": "sidebar-group-action",
       "data-sidebar": "group-action",
       as: e.as,
@@ -20,17 +20,17 @@ const b = /* @__PURE__ */ t({
           "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground outline-hidden absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
           "after:absolute after:-inset-2 md:after:hidden",
           "group-data-[collapsible=icon]:hidden",
-          s.class
+          a.class
         )
       )
     }, {
       default: d(() => [
-        l(e.$slots, "default")
+        c(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child", "class"]));
   }
 });
 export {
-  b as default
+  g as default
 };

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
         )
       )
     }, {