@agrotools1/at-components 2.0.36 → 2.0.37

package/dist/pagination/PaginationContent.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as n, createBlock as i, openBlock as c, unref as e, mergeProps as l, withCtx as p, renderSlot as m, normalizeProps as f, guardReactiveProps as d } from "vue";
+import { defineComponent as s, createBlock as i, openBlock as c, unref as t, mergeProps as p, withCtx as l, renderSlot as m, normalizeProps as f, guardReactiveProps as d } from "vue";
 import { reactiveOmit as u } from "@vueuse/core";
 import { PaginationList as g } from "reka-ui";
 import { cn as P } from "../lib/utils.js";
-const k = /* @__PURE__ */ n({
+const k = /* @__PURE__ */ s({
   __name: "PaginationContent",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(o) {
-    const t = o, a = u(t, "class");
-    return (r, _) => (c(), i(e(g), l({ "data-slot": "pagination-content" }, e(a), {
-      class: e(P)("flex flex-row items-center gap-2", t.class)
+    const e = o, a = u(e, "class");
+    return (n, _) => (c(), i(t(g), p({ "data-slot": "pagination-content" }, t(a), {
+      class: t(P)("flex flex-row items-center gap-2", e.class)
     }), {
-      default: p((s) => [
-        m(r.$slots, "default", f(d(s)))
+      default: l((r) => [
+        m(n.$slots, "default", f(d(r)))
       ]),
       _: 3
     }, 16, ["class"]));

package/dist/pagination/PaginationEllipsis.vue.js

@@ -1,23 +1,23 @@
 import { defineComponent as i, createBlock as l, openBlock as n, unref as e, mergeProps as p, withCtx as c, renderSlot as m, createVNode as f, createElementVNode as d } from "vue";
 import { reactiveOmit as u } from "@vueuse/core";
 import { PaginationEllipsis as g } from "reka-ui";
-import { cn as x } from "../lib/utils.js";
-import y 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/ellipsis.js";
-const k = /* @__PURE__ */ i({
+import { cn as y } from "../lib/utils.js";
+import x from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/ellipsis.js";
+const j = /* @__PURE__ */ i({
   __name: "PaginationEllipsis",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(o) {
     const s = o, r = u(s, "class");
     return (a, t) => (n(), l(e(g), p({ "data-slot": "pagination-ellipsis" }, e(r), {
-      class: e(x)("flex size-4 items-center justify-center text-gray-900", s.class)
+      class: e(y)("flex size-4 items-center justify-center text-gray-900", s.class)
     }), {
       default: c(() => [
         m(a.$slots, "default", {}, () => [
-          f(e(y), { class: "size-4" }),
+          f(e(x), { class: "size-4" }),
           t[0] || (t[0] = d("span", { class: "sr-only" }, "More pages", -1))
         ])
       ]),
@@ -26,5 +26,5 @@ const k = /* @__PURE__ */ i({
   }
 });
 export {
-  k as default
+  j as default
 };

package/dist/pagination/PaginationFirst.vue.js

@@ -3,7 +3,7 @@ import { reactiveOmit as u } from "@vueuse/core";
 import { useForwardProps as b, PaginationFirst as h } from "reka-ui";
 import { cn as v } from "../lib/utils.js";
 import { buttonVariants as y } from "../button/index.js";
-import z 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/chevrons-left.js";
+import z 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/chevrons-left.js";
 const V = /* @__PURE__ */ i({
   __name: "PaginationFirst",
   props: {

package/dist/pagination/PaginationLast.vue.js

@@ -3,7 +3,7 @@ import { reactiveOmit as u } from "@vueuse/core";
 import { useForwardProps as b, PaginationLast as h } from "reka-ui";
 import { cn as v } from "../lib/utils.js";
 import { buttonVariants as y } from "../button/index.js";
-import z 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/chevrons-right.js";
+import z 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/chevrons-right.js";
 const V = /* @__PURE__ */ i({
   __name: "PaginationLast",
   props: {

package/dist/pagination/PaginationNext.vue.js

@@ -3,7 +3,7 @@ import { reactiveOmit as u } from "@vueuse/core";
 import { useForwardProps as b, PaginationNext as x } from "reka-ui";
 import { cn as h } from "../lib/utils.js";
 import { buttonVariants as v } from "../button/index.js";
-import y 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 y 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 V = /* @__PURE__ */ i({
   __name: "PaginationNext",
   props: {

package/dist/pagination/PaginationPrevious.vue.js

@@ -3,7 +3,7 @@ import { reactiveOmit as g } from "@vueuse/core";
 import { useForwardProps as v, PaginationPrev as P } from "reka-ui";
 import { cn as b } from "../lib/utils.js";
 import { buttonVariants as h } from "../button/index.js";
-import y 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 y 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";
 const _ = /* @__PURE__ */ i({
   __name: "PaginationPrevious",
   props: {

package/dist/popover/PopoverAnchor.vue.js

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

package/dist/popover/PopoverContent.vue.d.ts

@@ -10,7 +10,9 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        rootEl: HTMLDivElement;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -30,10 +32,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     align: "end" | "start" | "center";
+    side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
+    collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
     positionStrategy: "absolute" | "fixed";
     disablePortal: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootEl: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/popover/PopoverContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.vue.d.ts","sourceRoot":"","sources":["../../src/popover/PopoverContent.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAMzC,KAAK,WAAW,GAAG,mBAAmB,GAAG;IACnC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;CACxC,CAAC;AAyBN,iBAAS,cAAc;WA4DT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;mBA3GC,OAAO;6EAmH3B,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":"PopoverContent.vue.d.ts","sourceRoot":"","sources":["../../src/popover/PopoverContent.vue"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAMxD,KAAK,WAAW,GAAG,mBAAmB,GAAG;IACnC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;CACxC,CAAC;AA+BN,iBAAS,cAAc;WA0ET,OAAO,IAA6B;;yBAXpB,GAAG;;;;;;EAgBhC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;mBAjIC,OAAO;;;OA0I3B,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/popover/PopoverContent.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as p, createElementBlock as c, openBlock as u, createVNode as a, unref as e, withCtx as s, mergeProps as f, renderSlot as m } from "vue";
-import { cn as y } from "../lib/utils.js";
-import { reactiveOmit as g } from "@vueuse/core";
-import { useForwardPropsEmits as h, PopoverPortal as v, PopoverContent as B } from "reka-ui";
-const P = { class: "relative" }, F = /* @__PURE__ */ p({
+import { defineComponent as u, ref as c, computed as m, createElementBlock as y, openBlock as g, createVNode as s, unref as t, withCtx as i, mergeProps as P, renderSlot as b } from "vue";
+import { hasCssZoom as v, cn as h } from "../lib/utils.js";
+import { reactiveOmit as B } from "@vueuse/core";
+import { useForwardPropsEmits as w, PopoverPortal as O, PopoverContent as S } from "reka-ui";
+const D = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "PopoverContent",
   props: {
     forceMount: { type: Boolean },
-    side: {},
+    side: { default: "bottom" },
     sideOffset: { default: 4 },
     sideFlip: { type: Boolean },
-    align: { default: "center" },
+    align: { default: "start" },
     alignOffset: {},
     alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
-    collisionPadding: {},
+    collisionPadding: { default: 8 },
     arrowPadding: {},
     sticky: {},
     hideWhenDetached: { type: Boolean },
@@ -28,31 +28,40 @@ const P = { class: "relative" }, F = /* @__PURE__ */ p({
     as: {},
     disableOutsidePointerEvents: { type: Boolean },
     class: {},
-    disablePortal: { type: Boolean, default: !0 }
+    disablePortal: { type: Boolean, default: !1 }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(i, { emit: n }) {
-    const t = i, r = n, d = g(t, "class"), l = h(d, r);
-    return (o, b) => (u(), c("div", P, [
-      a(e(v), { disabled: !0 }, {
-        default: s(() => [
-          a(e(B), f({ "data-slot": "popover-content" }, { ...e(l), ...o.$attrs, strategy: "absolute" }, {
-            class: e(y)(
-              "border-input bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden relative",
-              t.class
+  setup(r, { emit: n }) {
+    const e = r, l = n, d = B(e, "class", "disablePortal", "positionStrategy"), p = w(d, l), o = c(null), f = m(() => e.disablePortal || v(o.value));
+    return (a, C) => (g(), y("div", {
+      ref_key: "rootEl",
+      ref: o,
+      class: "relative"
+    }, [
+      s(t(O), { disabled: f.value }, {
+        default: i(() => [
+          s(t(S), P({ "data-slot": "popover-content" }, {
+            ...t(p),
+            ...a.$attrs,
+            positionStrategy: e.positionStrategy,
+            strategy: e.positionStrategy
+          }, {
+            class: t(h)(
+              "border-input bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden relative",
+              e.class
             )
           }), {
-            default: s(() => [
-              m(o.$slots, "default")
+            default: i(() => [
+              b(a.$slots, "default")
             ]),
             _: 3
           }, 16, ["class"])
         ]),
         _: 3
-      })
-    ]));
+      }, 8, ["disabled"])
+    ], 512));
   }
 });
 export {
-  F as default
+  D as default
 };

package/dist/popover/PopoverTrigger.vue.js

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

package/dist/radio-group/RadioGroup.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, createBlock as i, openBlock as n, unref as o, mergeProps as m, withCtx as c, renderSlot as u } from "vue";
+import { defineComponent as p, createBlock as i, openBlock as d, unref as e, mergeProps as c, withCtx as m, renderSlot as u } from "vue";
 import { reactiveOmit as f } from "@vueuse/core";
-import { useForwardPropsEmits as B, RadioGroupRoot as _ } from "reka-ui";
-import { cn as g } from "../lib/utils.js";
-const R = /* @__PURE__ */ d({
+import { useForwardPropsEmits as g, RadioGroupRoot as B } from "reka-ui";
+import { cn as _ } from "../lib/utils.js";
+const R = /* @__PURE__ */ p({
   __name: "RadioGroup",
   props: {
     modelValue: {},
@@ -12,20 +12,20 @@ const R = /* @__PURE__ */ d({
     dir: {},
     loop: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean },
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, r = a, s = f(e, "class"), l = B(s, r);
-    return (p, y) => (n(), i(o(_), m({
+  setup(t, { emit: r }) {
+    const o = t, a = r, s = f(o, "class"), l = g(s, a);
+    return (n, y) => (d(), i(e(B), c({
       "data-slot": "radio-group",
-      class: o(g)("grid gap-3", e.class)
-    }, o(l)), {
-      default: c(() => [
-        u(p.$slots, "default")
+      class: e(_)("grid gap-3", o.class)
+    }, e(l)), {
+      default: m(() => [
+        u(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));

package/dist/radio-group/RadioGroupItem.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as c, createBlock as u, openBlock as p, unref as e, mergeProps as m, withCtx as s, createVNode as o, normalizeClass as f } from "vue";
+import { defineComponent as c, createBlock as u, openBlock as p, unref as e, mergeProps as m, withCtx as o, createVNode as s, normalizeClass as f } from "vue";
 import { reactiveOmit as b } from "@vueuse/core";
 import { cva as g } from "class-variance-authority";
 import { useForwardProps as v, RadioGroupItem as z, RadioGroupIndicator as y } from "reka-ui";
 import { cn as i } from "../lib/utils.js";
-import h 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.js";
+import h 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.js";
 const P = /* @__PURE__ */ c({
   __name: "RadioGroupItem",
   props: {
@@ -13,12 +13,12 @@ const P = /* @__PURE__ */ c({
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
   setup(t) {
-    const r = t, l = b(r, "class"), d = v(l), n = g(
+    const r = t, l = b(r, "class"), n = v(l), d = g(
       "border-primary-600 text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shadow-xs data-[state=checked]:bg-primary-600 aspect-square size-5 shrink-0 rounded-full border-2 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:border-neutral-400 disabled:bg-gray-200 cursor-pointer",
       {
         variants: {
@@ -32,16 +32,16 @@ const P = /* @__PURE__ */ c({
         }
       }
     );
-    return (a, x) => (p(), u(e(z), m({ "data-slot": "radio-group-item" }, e(d), {
-      class: e(i)(e(n)({ size: a.size }), r.class)
+    return (a, x) => (p(), u(e(z), m({ "data-slot": "radio-group-item" }, e(n), {
+      class: e(i)(e(d)({ size: a.size }), r.class)
     }), {
-      default: s(() => [
-        o(e(y), {
+      default: o(() => [
+        s(e(y), {
           "data-slot": "radio-group-indicator",
           class: "relative flex items-center justify-center"
         }, {
-          default: s(() => [
-            o(e(h), {
+          default: o(() => [
+            s(e(h), {
               class: f(
                 e(i)(
                   "absolute left-1/2 top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 fill-neutral-100",

package/dist/range-calendar/RangeCalendar.vue.js

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

package/dist/range-calendar/RangeCalendarCell.vue.js

@@ -7,16 +7,16 @@ const P = /* @__PURE__ */ l({
   props: {
     date: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(t) {
-    const a = t, r = f(a, "class"), s = m(r);
-    return (o, C) => (c(), n(e(u), d({
+  setup(a) {
+    const t = a, r = f(t, "class"), s = m(r);
+    return (o, g) => (c(), n(e(u), d({
       "data-slot": "range-calendar-cell",
       class: e(h)(
         "[&:has([data-selected])]:bg-primary-200 relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selection-end])]:rounded-r-full [&:has([data-selection-start])]:rounded-l-full",
-        a.class
+        t.class
       )
     }, e(s)), {
       default: i(() => [

package/dist/range-calendar/RangeCalendarCellTrigger.vue.js

@@ -1,23 +1,23 @@
 import { defineComponent as d, createBlock as s, openBlock as l, unref as t, mergeProps as i, withCtx as c, renderSlot as u } from "vue";
 import { reactiveOmit as p } from "@vueuse/core";
 import { useForwardProps as g, RangeCalendarCellTrigger as m } from "reka-ui";
-import { cn as f } from "../lib/utils.js";
-import { buttonVariants as b } from "../button/index.js";
+import { cn as b } from "../lib/utils.js";
+import { buttonVariants as f } from "../button/index.js";
 const _ = /* @__PURE__ */ d({
   __name: "RangeCalendarCellTrigger",
   props: {
     day: {},
     month: {},
     asChild: { type: Boolean },
-    as: { default: "button" },
+    as: { type: [String, Object, Function], default: "button" },
     class: {}
   },
   setup(e) {
     const a = e, r = p(a, "class"), o = g(r);
     return (n, v) => (l(), s(t(m), i({
       "data-slot": "range-calendar-trigger",
-      class: t(f)(
-        t(b)({ variant: "outline" }),
+      class: t(b)(
+        t(f)({ variant: "outline" }),
         "size-8 cursor-pointer rounded-full border-none bg-transparent p-0 font-normal shadow-none data-[selected]:opacity-100",
         "[&[data-today]:not([data-selected])]:bg-accent/24 [&[data-today]:not([data-selected])]:text-gray-900",
         // Selection

package/dist/range-calendar/RangeCalendarGrid.vue.js

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

package/dist/range-calendar/RangeCalendarGridBody.vue.js

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

package/dist/range-calendar/RangeCalendarGridHead.vue.js

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

package/dist/range-calendar/RangeCalendarGridRow.vue.js

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

package/dist/range-calendar/RangeCalendarHeadCell.vue.js

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

package/dist/range-calendar/RangeCalendarHeader.vue.js

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