@agrotools1/at-components 2.0.35 → 2.0.37

package/dist/dropdown-menu/DropdownMenuContent.vue.d.ts

@@ -2,13 +2,17 @@ import { DropdownMenuContentProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
 type __VLS_Props = DropdownMenuContentProps & {
     class?: HTMLAttributes['class'];
+    disablePortal?: boolean;
+    positionStrategy?: 'fixed' | 'absolute';
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        rootEl: HTMLDivElement;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -25,8 +29,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+    align: "end" | "start" | "center";
+    side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+    positionStrategy: "absolute" | "fixed";
+    disablePortal: boolean;
+}, {}, {}, {}, 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/dropdown-menu/DropdownMenuContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/DropdownMenuContent.vue"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAA4B,wBAAwB,EAAE,MAAM,SAAS,CAAA;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC,KAAK,WAAW,GAAG,wBAAwB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAmBlF,iBAAS,cAAc;WAuDT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;6EASnB,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":"DropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/DropdownMenuContent.vue"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAA4B,wBAAwB,EAAE,MAAM,SAAS,CAAA;AACjF,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AASxD,KAAK,WAAW,GAAG,wBAAwB,GAAG;IACxC,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;AAiCN,iBAAS,cAAc;WA0ET,OAAO,IAA6B;;yBAXpB,GAAG;;;;;;EAgBhC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;mBAnIC,OAAO;;;OA4I3B,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/dropdown-menu/DropdownMenuContent.vue.js

@@ -1,54 +1,67 @@
-import { defineComponent as l, createBlock as p, openBlock as c, unref as o, withCtx as t, createVNode as m, mergeProps as u, renderSlot as f } from "vue";
-import { reactiveOmit as g } from "@vueuse/core";
-import { useForwardPropsEmits as w, DropdownMenuPortal as y, DropdownMenuContent as h } from "reka-ui";
-import { cn as B } from "../lib/utils.js";
-const C = /* @__PURE__ */ l({
+import { defineComponent as u, ref as c, computed as m, createElementBlock as y, openBlock as g, createVNode as i, unref as o, withCtx as n, mergeProps as h, renderSlot as w } from "vue";
+import { reactiveOmit as b } from "@vueuse/core";
+import { useForwardPropsEmits as B, DropdownMenuPortal as v, DropdownMenuContent as P } from "reka-ui";
+import { hasCssZoom as S, cn as C } from "../lib/utils.js";
+const E = /* @__PURE__ */ u({
+  inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
     forceMount: { type: Boolean },
     loop: { type: Boolean },
-    side: {},
+    side: { default: "bottom" },
     sideOffset: { default: 4 },
     sideFlip: { type: Boolean },
-    align: {},
+    align: { default: "start" },
     alignOffset: {},
     alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
-    collisionPadding: {},
+    collisionPadding: { default: 8 },
     arrowPadding: {},
     sticky: {},
     hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
+    positionStrategy: { default: "absolute" },
     updatePositionStrategy: {},
     disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
     reference: {},
     asChild: { type: Boolean },
     as: {},
-    class: {}
+    class: {},
+    disablePortal: { type: Boolean, default: !1 }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
-  setup(a, { emit: n }) {
-    const e = a, i = n, d = g(e, "class"), r = w(d, i);
-    return (s, P) => (c(), p(o(y), null, {
-      default: t(() => [
-        m(o(h), u({ "data-slot": "dropdown-menu-content" }, o(r), {
-          class: o(B)(
-            "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 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-            e.class
-          )
-        }), {
-          default: t(() => [
-            f(s.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["class"])
-      ]),
-      _: 3
-    }));
+  setup(s, { emit: r }) {
+    const e = s, d = r, l = b(e, "class", "disablePortal", "positionStrategy"), p = B(l, d), t = c(null), f = m(() => e.disablePortal || S(t.value));
+    return (a, D) => (g(), y("div", {
+      ref_key: "rootEl",
+      ref: t,
+      class: "relative"
+    }, [
+      i(o(v), { disabled: f.value }, {
+        default: n(() => [
+          i(o(P), h({ "data-slot": "dropdown-menu-content" }, {
+            ...o(p),
+            ...a.$attrs,
+            positionStrategy: e.positionStrategy,
+            strategy: e.positionStrategy
+          }, {
+            class: o(C)(
+              "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 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md relative",
+              e.class
+            )
+          }), {
+            default: n(() => [
+              w(a.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      }, 8, ["disabled"])
+    ], 512));
   }
 });
 export {
-  C as default
+  E as default
 };

package/dist/dropdown-menu/DropdownMenuGroup.vue.js

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

package/dist/dropdown-menu/DropdownMenuLabel.vue.js

@@ -1,30 +1,30 @@
-import { defineComponent as n, createBlock as p, openBlock as l, unref as e, mergeProps as d, withCtx as i, renderSlot as m } from "vue";
-import { reactiveOmit as c } from "@vueuse/core";
-import { useForwardProps as f, DropdownMenuLabel as u } from "reka-ui";
+import { defineComponent as a, createBlock as p, openBlock as l, unref as e, mergeProps as d, withCtx as i, renderSlot as c } from "vue";
+import { reactiveOmit as m } from "@vueuse/core";
+import { useForwardProps as u, DropdownMenuLabel as f } from "reka-ui";
 import { cn as w } from "../lib/utils.js";
-const x = /* @__PURE__ */ n({
+const g = /* @__PURE__ */ a({
   __name: "DropdownMenuLabel",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     inset: { type: Boolean }
   },
   setup(s) {
-    const o = s, a = c(o, "class", "inset"), r = f(a);
-    return (t, _) => (l(), p(e(u), d({
+    const t = s, n = m(t, "class", "inset"), r = u(n);
+    return (o, _) => (l(), p(e(f), d({
       "data-slot": "dropdown-menu-label",
-      "data-inset": t.inset ? "" : void 0
+      "data-inset": o.inset ? "" : void 0
     }, e(r), {
-      class: e(w)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", o.class)
+      class: e(w)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", t.class)
     }), {
       default: i(() => [
-        m(t.$slots, "default")
+        c(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["data-inset", "class"]));
   }
 });
 export {
-  x as default
+  g as default
 };

package/dist/dropdown-menu/DropdownMenuRadioGroup.vue.js

@@ -1,23 +1,23 @@
-import { defineComponent as s, createBlock as a, openBlock as n, unref as o, mergeProps as d, withCtx as u, renderSlot as m } from "vue";
-import { useForwardPropsEmits as i, DropdownMenuRadioGroup as l } from "reka-ui";
-const B = /* @__PURE__ */ s({
+import { defineComponent as p, createBlock as s, openBlock as a, unref as o, mergeProps as d, withCtx as u, renderSlot as i } from "vue";
+import { useForwardPropsEmits as m, DropdownMenuRadioGroup as l } from "reka-ui";
+const h = /* @__PURE__ */ p({
   __name: "DropdownMenuRadioGroup",
   props: {
     modelValue: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const t = i(e, r);
-    return (p, w) => (n(), a(o(l), d({ "data-slot": "dropdown-menu-radio-group" }, o(t)), {
+  setup(e, { emit: t }) {
+    const r = m(e, t);
+    return (n, w) => (a(), s(o(l), d({ "data-slot": "dropdown-menu-radio-group" }, o(r)), {
       default: u(() => [
-        m(p.$slots, "default")
+        i(n.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
 });
 export {
-  B as default
+  h as default
 };

package/dist/dropdown-menu/DropdownMenuRadioItem.vue.js

@@ -1,38 +1,38 @@
-import { defineComponent as c, createBlock as p, openBlock as m, unref as e, mergeProps as u, withCtx as s, createElementVNode as f, renderSlot as v, createVNode as n } from "vue";
+import { defineComponent as d, createBlock as p, openBlock as m, unref as e, mergeProps as u, withCtx as s, createElementVNode as f, renderSlot as v, createVNode as n } from "vue";
 import { reactiveOmit as _ } from "@vueuse/core";
-import { useForwardPropsEmits as g, DropdownMenuRadioItem as w, DropdownMenuItemIndicator as h } from "reka-ui";
-import { cn as x } from "../lib/utils.js";
-import b from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/circle.js";
-const y = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, M = /* @__PURE__ */ c({
+import { useForwardPropsEmits as g, DropdownMenuRadioItem as w, DropdownMenuItemIndicator as b } from "reka-ui";
+import { cn as h } 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/circle.js";
+const y = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, M = /* @__PURE__ */ d({
   __name: "DropdownMenuRadioItem",
   props: {
     value: {},
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select"],
-  setup(a, { emit: r }) {
-    const t = a, l = r, i = _(t, "class"), o = g(i, l);
-    return (d, z) => (m(), p(e(w), u({ "data-slot": "dropdown-menu-radio-item" }, e(o), {
+  setup(r, { emit: a }) {
+    const t = r, l = a, i = _(t, "class"), o = g(i, l);
+    return (c, z) => (m(), p(e(w), u({ "data-slot": "dropdown-menu-radio-item" }, e(o), {
       value: e(o).value.value,
-      class: e(x)(
+      class: e(h)(
         "focus:bg-accent/24 outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         t.class
       )
     }), {
       default: s(() => [
         f("span", y, [
-          n(e(h), null, {
+          n(e(b), null, {
             default: s(() => [
-              n(e(b), { class: "size-2 fill-current" })
+              n(e(x), { class: "size-2 fill-current" })
             ]),
             _: 1
           })
         ]),
-        v(d.$slots, "default")
+        v(c.$slots, "default")
       ]),
       _: 3
     }, 16, ["value", "class"]));

package/dist/dropdown-menu/DropdownMenuSeparator.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as s, createBlock as t, openBlock as p, unref as o, mergeProps as n } from "vue";
+import { defineComponent as a, createBlock as n, openBlock as s, unref as o, mergeProps as p } from "vue";
 import { reactiveOmit as c } from "@vueuse/core";
 import { DropdownMenuSeparator as m } from "reka-ui";
 import { cn as l } from "../lib/utils.js";
-const g = /* @__PURE__ */ s({
+const x = /* @__PURE__ */ a({
   __name: "DropdownMenuSeparator",
   props: {
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   setup(e) {
-    const r = e, a = c(r, "class");
-    return (d, i) => (p(), t(o(m), n({ "data-slot": "dropdown-menu-separator" }, o(a), {
+    const r = e, t = c(r, "class");
+    return (d, i) => (s(), n(o(m), p({ "data-slot": "dropdown-menu-separator" }, o(t), {
       class: o(l)("bg-border -mx-1 my-1 h-px", r.class)
     }), null, 16, ["class"]));
   }
 });
 export {
-  g as default
+  x as default
 };

package/dist/dropdown-menu/DropdownMenuSubContent.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as d, createBlock as p, openBlock as l, unref as o, mer
 import { reactiveOmit as f } from "@vueuse/core";
 import { useForwardPropsEmits as y, DropdownMenuSubContent as g } from "reka-ui";
 import { cn as w } from "../lib/utils.js";
-const C = /* @__PURE__ */ d({
+const P = /* @__PURE__ */ d({
   __name: "DropdownMenuSubContent",
   props: {
     forceMount: { type: Boolean },
@@ -23,13 +23,13 @@ const C = /* @__PURE__ */ d({
     prioritizePosition: { type: Boolean },
     reference: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
   setup(t, { emit: n }) {
-    const e = t, a = n, s = f(e, "class"), i = y(s, a);
-    return (r, B) => (l(), p(o(g), c({ "data-slot": "dropdown-menu-sub-content" }, o(i), {
+    const e = t, a = n, i = f(e, "class"), s = y(i, a);
+    return (r, B) => (l(), p(o(g), c({ "data-slot": "dropdown-menu-sub-content" }, o(s), {
       class: o(w)(
         "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 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
         e.class
@@ -43,5 +43,5 @@ const C = /* @__PURE__ */ d({
   }
 });
 export {
-  C as default
+  P as default
 };

package/dist/dropdown-menu/DropdownMenuSubTrigger.vue.js

@@ -1,28 +1,28 @@
-import { defineComponent as n, createBlock as c, openBlock as l, unref as e, mergeProps as p, withCtx as d, renderSlot as i, createVNode as u } from "vue";
+import { defineComponent as a, createBlock as c, openBlock as p, unref as e, mergeProps as l, withCtx as d, renderSlot as i, createVNode as u } from "vue";
 import { cn as m } from "../lib/utils.js";
 import { reactiveOmit as f } from "@vueuse/core";
 import { useForwardProps as g, DropdownMenuSubTrigger as b } from "reka-ui";
-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/chevron-right.js";
-const P = /* @__PURE__ */ n({
+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/chevron-right.js";
+const P = /* @__PURE__ */ a({
   __name: "DropdownMenuSubTrigger",
   props: {
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     inset: { type: Boolean }
   },
-  setup(t) {
-    const o = t, r = f(o, "class", "inset"), s = g(r);
-    return (a, w) => (l(), c(e(b), p({ "data-slot": "dropdown-menu-sub-trigger" }, e(s), {
+  setup(o) {
+    const t = o, r = f(t, "class", "inset"), s = g(r);
+    return (n, w) => (p(), c(e(b), l({ "data-slot": "dropdown-menu-sub-trigger" }, e(s), {
       class: e(m)(
         "focus:bg-accent/24 data-[state=open]:bg-accent/24 outline-hidden flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm data-[inset]:pl-8",
-        o.class
+        t.class
       )
     }), {
       default: d(() => [
-        i(a.$slots, "default"),
+        i(n.$slots, "default"),
         u(e(h), { class: "ml-auto size-4" })
       ]),
       _: 3

package/dist/dropdown-menu/DropdownMenuTrigger.vue.js

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