@agrotools1/at-components 2.0.36 → 2.0.37

package/dist/document-input/DocumentAutoComplete.vue.js

@@ -1,27 +1,27 @@
-import { defineComponent as ie, useId as ue, ref as v, watch as ce, computed as U, createElementBlock as g, openBlock as i, normalizeClass as S, unref as a, createBlock as T, createCommentVNode as y, createVNode as d, withCtx as m, createTextVNode as Z, toDisplayString as k, mergeProps as pe, createElementVNode as _, renderSlot as A, withModifiers as q, withDirectives as de, Fragment as fe, renderList as me, vShow as he, nextTick as z } from "vue";
-import { cn as F } from "../lib/utils.js";
-import { AtCheckCircleRegularIcon as ge } from "../packages/at-icons/dist/AtCheckCircleRegularIcon/index.js";
-import { AtCheckSolidIcon as ye } from "../packages/at-icons/dist/AtCheckSolidIcon/index.js";
-import { AtCircleXMarkRegularIcon as ve } from "../packages/at-icons/dist/AtCircleXMarkRegularIcon/index.js";
+import { defineComponent as ue, useId as ce, ref as v, watch as pe, computed as U, createElementBlock as g, openBlock as i, normalizeClass as S, unref as o, createBlock as T, createCommentVNode as y, createVNode as d, withCtx as m, createTextVNode as z, toDisplayString as A, mergeProps as de, createElementVNode as _, renderSlot as k, withModifiers as O, withDirectives as fe, Fragment as me, renderList as he, vShow as ge, nextTick as D } from "vue";
+import { cn as E } from "../lib/utils.js";
+import { AtCheckCircleRegularIcon as ye } from "../packages/at-icons/dist/AtCheckCircleRegularIcon/index.js";
+import { AtCheckSolidIcon as ve } from "../packages/at-icons/dist/AtCheckSolidIcon/index.js";
+import { AtCircleXMarkRegularIcon as Te } from "../packages/at-icons/dist/AtCircleXMarkRegularIcon/index.js";
 import { AtCircleXMarkSolidIcon as R } from "../packages/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
-import { reactiveOmit as Te } from "@vueuse/core";
+import { reactiveOmit as Ae } from "@vueuse/core";
 import { useForwardPropsEmits as ke } from "reka-ui";
-import Ae from "../combobox/Combobox.vue.js";
-import xe from "../combobox/ComboboxAnchor.vue.js";
-import we from "../combobox/ComboboxEmpty.vue.js";
-import Ce from "../combobox/ComboboxGroup.vue.js";
-import Ve from "../combobox/ComboboxInput.vue.js";
-import be from "../combobox/ComboboxItem.vue.js";
-import _e from "../combobox/ComboboxItemIndicator.vue.js";
-import Ie from "../combobox/ComboboxList.vue.js";
+import xe from "../combobox/Combobox.vue.js";
+import we from "../combobox/ComboboxAnchor.vue.js";
+import Ce from "../combobox/ComboboxEmpty.vue.js";
+import Ve from "../combobox/ComboboxGroup.vue.js";
+import be from "../combobox/ComboboxInput.vue.js";
+import _e from "../combobox/ComboboxItem.vue.js";
+import Ie from "../combobox/ComboboxItemIndicator.vue.js";
+import Me from "../combobox/ComboboxList.vue.js";
 import $e from "../combobox/ComboboxViewport.vue.js";
-import Me from "../label/Label.vue.js";
-import { isValidCpf as x, isValidCnpj as w, applyCpfMask as O, applyCnpjMask as X } from "./utils.js";
-import je 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/loader-circle.js";
-const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
+import je from "../label/Label.vue.js";
+import { isValidCpf as x, isValidCnpj as w, applyCpfMask as X, applyCnpjMask as H } from "./utils.js";
+import Be 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/loader-circle.js";
+const Ue = { key: 0 }, Se = { class: "relative flex items-center" }, Ze = {
   key: 0,
   class: "py-6 flex items-center justify-center text-sm text-gray-500"
-}, Ze = { class: "flex items-center gap-2" }, rt = /* @__PURE__ */ ie({
+}, ze = { class: "flex items-center gap-2" }, at = /* @__PURE__ */ ue({
   __name: "DocumentAutoComplete",
   props: {
     id: {},
@@ -51,8 +51,13 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
     withClearIcon: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "update:searchTerm", "select", "validate", "blur", "focus", "clear"],
-  setup(H, { emit: J }) {
-    const e = H, o = J, C = e.id || ue(), G = `error-${C}`, K = `desc-${C}`, Q = Te(
+  setup(J, { emit: G }) {
+    var P;
+    const e = J, a = G, C = e.id || ce(), K = `error-${C}`, Q = `desc-${C}`;
+    typeof process < "u" && ((P = process.env) == null ? void 0 : P.NODE_ENV) !== "production" && e.documentType !== "generic" && e.customMask && console.warn(
+      '[AgtDocumentAutoComplete] A propriedade customMask é ignorada quando o documentType não é "generic".'
+    );
+    const W = Ae(
       e,
       "modelValue",
       "documentType",
@@ -75,8 +80,8 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
       "notFoundText",
       "loadingText",
       "optionId"
-    ), W = ke(Q, o), s = v(""), V = v(!1), I = v(!1), E = v(!1), $ = v(null), M = v(e.modelValue);
-    function Y(t, l) {
+    ), Y = ke(W, a), s = v(""), V = v(!1), I = v(!1), F = v(!1), M = v(null), $ = v(e.modelValue);
+    function ee(t, l) {
       if (!l) return t;
       const r = t.replace(/[^0-9A-Za-z]/g, "");
       if (!r) return "";
@@ -87,13 +92,13 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
       }
       return f;
     }
-    function L(t) {
+    function N(t) {
       if (e.customMask && e.documentType === "generic")
-        return Y(t, e.customMask);
+        return ee(t, e.customMask);
       const l = /[A-Z]/i.test(t);
-      return e.documentType === "cpf" ? O(t) : e.documentType === "cnpj" ? X(t, e.allowAlpha) : e.documentType === "cpf-cnpj" ? e.allowAlpha && l || t.length > 11 ? X(t, e.allowAlpha) : O(t) : t;
+      return e.documentType === "cpf" ? X(t) : e.documentType === "cnpj" ? H(t, e.allowAlpha) : e.documentType === "cpf-cnpj" ? e.allowAlpha && l || t.length > 11 ? H(t, e.allowAlpha) : X(t) : t;
     }
-    const P = (t) => {
+    const L = (t) => {
       if (!t) return s.value || "";
       if (e.documentType === "custom")
         return typeof t == "string" ? t : t.text || t.label || t.identifier || t.value || "";
@@ -102,27 +107,27 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
           e.documentType === "generic" && e.customMask || e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g,
           ""
         );
-        return L(l);
+        return N(l);
       }
       return t.text || t.label || t.identifier || t.value || "";
     };
-    ce(
+    pe(
       () => e.modelValue,
       (t) => {
-        if (M.value = t, t == null || t === "") {
-          s.value !== "" && (s.value = ""), M.value = void 0;
+        if ($.value = t, t == null || t === "") {
+          s.value !== "" && (s.value = ""), $.value = void 0;
           return;
         }
-        const l = P(t);
+        const l = L(t);
         s.value !== l && (s.value = l);
       },
       { immediate: !0 }
     );
-    const ee = U(() => {
+    const te = U(() => {
       if (e.maxLength) return e.maxLength;
       if (e.documentType !== "custom")
         return e.customMask && e.documentType === "generic" ? e.customMask.length : e.documentType === "cpf" ? 14 : 18;
-    }), te = U(() => {
+    }), le = U(() => {
       switch (e.documentType) {
         case "cnpj":
           return e.allowAlpha ? "AA.AAA.AAA/AAAA-DV" : "00.000.000/0000-00";
@@ -141,7 +146,7 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
         if (!t || I.value) return !1;
         const r = (typeof t == "string" ? t : t.identifier || t.value || "").replace(/[^A-Z0-9]/gi, "");
         if (!r) return !1;
-        if (r.length === 11 && !x(r) || r.length === 14 && !w(r) || E.value && (e.documentType === "cpf" && r.length !== 11 || e.documentType === "cnpj" && r.length !== 14 || e.documentType === "cpf-cnpj" && r.length !== 11 && r.length !== 14))
+        if (r.length === 11 && !x(r) || r.length === 14 && !w(r) || F.value && (e.documentType === "cpf" && r.length !== 11 || e.documentType === "cnpj" && r.length !== 14 || e.documentType === "cpf-cnpj" && r.length !== 11 && r.length !== 14))
           return !0;
       }
       return !1;
@@ -160,20 +165,20 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
       }
       return !1;
     });
-    function D(t) {
+    function Z(t) {
       if (e.documentType === "custom") {
-        o("validate", !!t);
+        a("validate", !!t);
         return;
       }
       let l = !1;
-      e.documentType === "cpf" ? l = x(t) : e.documentType === "cnpj" ? l = w(t) : e.documentType === "cpf-cnpj" && (l = t.length === 11 ? x(t) : w(t)), o("validate", l);
+      e.documentType === "cpf" ? l = x(t) : e.documentType === "cnpj" ? l = w(t) : e.documentType === "cpf-cnpj" && (l = t.length === 11 ? x(t) : w(t)), a("validate", l);
     }
-    function le(t) {
+    function re(t) {
       const l = t.target;
       let r = l.value;
       const f = l.selectionStart || 0;
       if (I.value = !1, e.toUpperCase && (r = r.toUpperCase()), e.documentType === "custom") {
-        o("update:modelValue", r || void 0), o("update:searchTerm", r), s.value = r;
+        a("update:modelValue", r || void 0), a("update:searchTerm", r), Z(r), s.value = r;
         return;
       }
       let n = r.replace(
@@ -181,66 +186,66 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
         ""
       ), c = e.maxLength;
       c || (e.customMask && e.documentType === "generic" ? c = e.customMask.length : c = e.documentType === "cpf" ? 11 : 14), n = n.slice(0, c);
-      const u = L(n), p = e.allowAlpha ? /[A-Z0-9]/gi : /[0-9]/g, ne = (r.slice(0, f).match(p) || []).length, se = (e.unmask ? n : u) || void 0;
-      o("update:modelValue", se), o("update:searchTerm", n), D(n), s.value = u, z(() => {
+      const u = N(n), p = e.allowAlpha ? /[A-Z0-9]/gi : /[0-9]/g, se = (r.slice(0, f).match(p) || []).length, ie = (e.unmask ? n : u) || void 0;
+      a("update:modelValue", ie), a("update:searchTerm", n), Z(n), s.value = u, D(() => {
         l.value = u;
-        let B = 0, N = 0;
-        for (let b = 0; b < u.length && ((e.documentType === "generic" && e.customMask || e.allowAlpha ? /[A-Z0-9]/i.test(u[b]) : /[0-9]/.test(u[b])) && N++, B = b + 1, !(N >= ne)); b++)
+        let B = 0, q = 0;
+        for (let b = 0; b < u.length && ((e.documentType === "generic" && e.customMask || e.allowAlpha ? /[A-Z0-9]/i.test(u[b]) : /[0-9]/.test(u[b])) && q++, B = b + 1, !(q >= se)); b++)
           ;
         l.setSelectionRange(B, B);
       });
     }
-    function re(t) {
-      s.value = "", o("update:searchTerm", ""), M.value = null, o("update:modelValue", null), z(() => {
-        if (!$.value) return;
-        const l = $.value.querySelector(`[id="${C}"]`) || $.value.querySelector("input"), r = (l == null ? void 0 : l.tagName) === "INPUT" ? l : l == null ? void 0 : l.querySelector("input");
-        r && (r.value = "", r.dispatchEvent(new Event("input", { bubbles: !0 }))), z(() => {
+    function oe(t) {
+      s.value = "", a("update:searchTerm", ""), $.value = null, a("update:modelValue", null), D(() => {
+        if (!M.value) return;
+        const l = M.value.querySelector(`[id="${C}"]`) || M.value.querySelector("input"), r = (l == null ? void 0 : l.tagName) === "INPUT" ? l : l == null ? void 0 : l.querySelector("input");
+        r && (r.value = "", r.dispatchEvent(new Event("input", { bubbles: !0 }))), D(() => {
           V.value = !1;
         });
-      }), I.value = !0, o("validate", !1), o("clear"), V.value = !1;
+      }), I.value = !0, a("validate", !1), a("clear"), V.value = !1;
     }
     function ae(t) {
       if (!t) {
-        s.value = "", o("update:searchTerm", ""), I.value = !0, o("update:modelValue", null);
+        s.value = "", a("update:searchTerm", ""), I.value = !0, a("update:modelValue", null);
         return;
       }
-      if (o("update:modelValue", t), o("select", t), s.value = t.text || t.label || t.identifier || t.value || "", e.documentType === "custom")
-        o("update:searchTerm", s.value), o("validate", !0);
+      if (a("update:modelValue", t), a("select", t), s.value = t.text || t.label || t.identifier || t.value || "", e.documentType === "custom")
+        a("update:searchTerm", s.value), a("validate", !0);
       else {
         const l = (t.identifier || t.value || "").replace(/[^A-Z0-9]/gi, "");
-        o("update:searchTerm", l), D(l);
+        a("update:searchTerm", l), Z(l);
       }
       V.value = !1;
     }
-    function oe(t) {
-      if (E.value = !0, o("blur", t), e.documentType === "custom") return;
+    function ne(t) {
+      if (F.value = !0, a("blur", t), e.documentType === "custom") return;
       const l = s.value.replace(e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g, "");
       let r = !1;
-      l.length === 11 ? r = x(l) : l.length === 14 && (r = w(l)), r && o("update:modelValue", e.toUpperCase ? l.toUpperCase() : l);
+      l.length === 11 ? r = x(l) : l.length === 14 && (r = w(l)), r && a("update:modelValue", e.toUpperCase ? l.toUpperCase() : l);
     }
     return (t, l) => (i(), g("div", {
-      class: S(a(F)("space-y-1.5 w-full", e.class)),
+      class: S(o(E)("space-y-1.5 w-full", e.class)),
       ref_key: "wrapperRef",
-      ref: $
+      ref: M
     }, [
-      e.label ? (i(), T(a(Me), {
+      e.label ? (i(), T(o(je), {
         key: 0,
-        for: a(C),
+        for: o(C),
         class: S(
-          a(F)(
+          o(E)(
             "text-[#101011] font-normal text-[10px] leading-[10px]",
             h.value ? "text-[var(--alert-red-dark,#831511)]" : ""
           )
         )
       }, {
         default: m(() => [
-          Z(k(e.label), 1),
-          e.required && !e.label.includes("(Obrigatório)") ? (i(), g("span", Be, " (Obrigatório)")) : y("", !0)
+          z(A(e.label), 1),
+          e.required && !e.label.includes("(Obrigatório)") ? (i(), g("span", Ue, " (Obrigatório)")) : y("", !0)
         ]),
         _: 1
       }, 8, ["for", "class"])) : y("", !0),
-      d(a(Ae), pe(a(W), {
-        "model-value": M.value,
+      d(o(xe), de(o(Y), {
+        "model-value": $.value,
         searchTerm: s.value,
         "onUpdate:searchTerm": l[3] || (l[3] = (r) => s.value = r),
         open: V.value,
@@ -250,30 +255,30 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
         "onUpdate:modelValue": ae
       }), {
         default: m(() => [
-          _("div", Ue, [
-            d(a(xe), { class: "w-full h-full" }, {
+          _("div", Se, [
+            d(o(we), { class: "w-full h-full" }, {
               default: m(() => [
-                A(t.$slots, "input", {}, () => [
-                  d(a(Ve), {
-                    id: a(C),
-                    "display-value": P,
-                    placeholder: e.placeholder ?? te.value,
+                k(t.$slots, "input", {}, () => [
+                  d(o(be), {
+                    id: o(C),
+                    "display-value": L,
+                    placeholder: e.placeholder ?? le.value,
                     "with-icon": e.withIcon,
                     "with-clear-button": !1,
                     disabled: e.disabled,
                     error: h.value,
                     success: j.value,
                     class: S(
-                      a(F)(
+                      o(E)(
                         "pr-20",
                         h.value || j.value ? "border-[#3E2E46]" : "",
                         e.inputClass
                       )
                     ),
-                    maxlength: ee.value,
-                    onInput: le,
-                    onBlur: oe,
-                    onFocus: l[0] || (l[0] = (r) => o("focus", r))
+                    maxlength: te.value,
+                    onInput: re,
+                    onBlur: ne,
+                    onFocus: l[0] || (l[0] = (r) => a("focus", r))
                   }, null, 8, ["id", "placeholder", "with-icon", "disabled", "error", "success", "class", "maxlength"])
                 ])
               ]),
@@ -285,60 +290,60 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
               (h.value || e.modelValue && !j.value) && !e.disabled && e.withClearIcon ? (i(), g("div", {
                 key: 0,
                 class: "flex items-center justify-center w-full h-full cursor-pointer",
-                onMousedown: l[1] || (l[1] = q((r) => !e.disabled && re(), ["stop", "prevent"])),
-                onClick: l[2] || (l[2] = q(() => {
+                onMousedown: l[1] || (l[1] = O((r) => !e.disabled && oe(), ["stop", "prevent"])),
+                onClick: l[2] || (l[2] = O(() => {
                 }, ["stop", "prevent"]))
               }, [
-                h.value ? (i(), T(a(R), {
+                h.value ? (i(), T(o(R), {
                   key: 0,
                   size: "20",
                   class: "text-[var(--alert-red-dark,#831511)] transition-opacity hover:opacity-80"
-                })) : (i(), T(a(ve), {
+                })) : (i(), T(o(Te), {
                   key: 1,
                   size: "20",
                   class: "text-gray-400 transition-colors hover:text-[#831511]"
                 }))
-              ], 32)) : j.value ? (i(), T(a(ge), {
+              ], 32)) : j.value ? (i(), T(o(ye), {
                 key: 1,
                 size: "20",
                 class: "text-[#4b715c] pointer-events-none"
               })) : y("", !0)
             ], 2)
           ]),
-          A(t.$slots, "list", {}, () => [
-            d(a(Ie), null, {
+          k(t.$slots, "list", {}, () => [
+            d(o(Me), null, {
               default: m(() => [
-                e.loading && (e.loadingText || t.$slots.loading) ? (i(), g("div", Se, [
-                  A(t.$slots, "loading", {}, () => [
-                    _("div", Ze, [
-                      d(a(je), { class: "size-4 animate-spin" }),
-                      _("span", null, k(e.loadingText), 1)
+                e.loading && (e.loadingText || t.$slots.loading) ? (i(), g("div", Ze, [
+                  k(t.$slots, "loading", {}, () => [
+                    _("div", ze, [
+                      d(o(Be), { class: "size-4 animate-spin" }),
+                      _("span", null, A(e.loadingText), 1)
                     ])
                   ])
-                ])) : !e.loading && (e.notFoundText || t.$slots.empty) ? (i(), T(a(we), { key: 1 }, {
+                ])) : !e.loading && (e.notFoundText || t.$slots.empty) ? (i(), T(o(Ce), { key: 1 }, {
                   default: m(() => [
-                    A(t.$slots, "empty", {}, () => [
-                      Z(k(e.notFoundText), 1)
+                    k(t.$slots, "empty", {}, () => [
+                      z(A(e.notFoundText), 1)
                     ])
                   ]),
                   _: 3
                 })) : y("", !0),
-                de(d(a($e), null, {
+                fe(d(o($e), null, {
                   default: m(() => [
-                    d(a(Ce), null, {
+                    d(o(Ve), null, {
                       default: m(() => [
-                        A(t.$slots, "default", {}, () => [
-                          e.options && e.options.length ? (i(!0), g(fe, { key: 0 }, me(e.options, (r, f) => (i(), T(a(be), {
+                        k(t.$slots, "default", {}, () => [
+                          e.options && e.options.length ? (i(!0), g(me, { key: 0 }, he(e.options, (r, f) => (i(), T(o(_e), {
                             key: r[e.optionId] || f,
                             value: r
                           }, {
                             default: m(() => [
-                              A(t.$slots, "option", { item: r }, () => [
-                                Z(k(r.text || r.label || r), 1)
+                              k(t.$slots, "option", { item: r }, () => [
+                                z(A(r.text || r.label || r), 1)
                               ]),
-                              d(a(_e), { class: "ml-auto" }, {
+                              d(o(Ie), { class: "ml-auto" }, {
                                 default: m(() => [
-                                  d(a(ye), { size: "16" })
+                                  d(o(ve), { size: "16" })
                                 ]),
                                 _: 1
                               })
@@ -352,7 +357,7 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
                   ]),
                   _: 3
                 }, 512), [
-                  [he, !e.loading]
+                  [ge, !e.loading]
                 ])
               ]),
               _: 3
@@ -363,23 +368,23 @@ const Be = { key: 0 }, Ue = { class: "relative flex items-center" }, Se = {
       }, 16, ["model-value", "searchTerm", "open"]),
       e.description && !h.value ? (i(), g("div", {
         key: 1,
-        id: K,
+        id: Q,
         class: "text-gray-500 text-[11px] leading-tight"
-      }, k(e.description), 1)) : y("", !0),
+      }, A(e.description), 1)) : y("", !0),
       typeof e.error == "string" && h.value ? (i(), g("div", {
         key: 2,
-        id: G,
+        id: K,
         class: "text-[var(--alert-red-dark,#831511)] flex items-center gap-1 text-[11px] font-medium leading-tight pt-0.5"
       }, [
-        d(a(R), {
+        d(o(R), {
           size: "14",
           class: "text-[var(--alert-red-dark,#831511)] shrink-0"
         }),
-        _("span", null, k(e.error), 1)
+        _("span", null, A(e.error), 1)
       ])) : y("", !0)
     ], 2));
   }
 });
 export {
-  rt as default
+  at as default
 };

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

@@ -1,22 +1,22 @@
-import { defineComponent as i, createBlock as p, openBlock as m, unref as e, mergeProps as u, withCtx as o, createElementVNode as f, renderSlot as _, createVNode as s } from "vue";
+import { defineComponent as d, createBlock as p, openBlock as m, unref as e, mergeProps as u, withCtx as o, createElementVNode as f, renderSlot as _, createVNode as s } from "vue";
 import { reactiveOmit as h } from "@vueuse/core";
-import { useForwardPropsEmits as x, DropdownMenuCheckboxItem as b, DropdownMenuItemIndicator as g } from "reka-ui";
+import { useForwardPropsEmits as b, DropdownMenuCheckboxItem as g, DropdownMenuItemIndicator as x } from "reka-ui";
 import { cn as v } from "../lib/utils.js";
-import k 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/check.js";
-const w = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, D = /* @__PURE__ */ i({
+import k 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/check.js";
+const w = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, D = /* @__PURE__ */ d({
   __name: "DropdownMenuCheckboxItem",
   props: {
     modelValue: { type: [Boolean, String] },
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["select", "update:modelValue"],
   setup(n, { emit: r }) {
-    const t = n, a = r, l = h(t, "class"), c = x(l, a);
-    return (d, y) => (m(), p(e(b), u({ "data-slot": "dropdown-menu-checkbox-item" }, e(c), {
+    const t = n, a = r, l = h(t, "class"), c = b(l, a);
+    return (i, y) => (m(), p(e(g), u({ "data-slot": "dropdown-menu-checkbox-item" }, e(c), {
       class: e(v)(
         "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
@@ -24,14 +24,14 @@ const w = { class: "pointer-events-none absolute left-2 flex size-3.5 items-cent
     }), {
       default: o(() => [
         f("span", w, [
-          s(e(g), null, {
+          s(e(x), null, {
             default: o(() => [
               s(e(k), { class: "size-4" })
             ]),
             _: 1
           })
         ]),
-        _(d.$slots, "default")
+        _(i.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));

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

@@ -10,8 +10,10 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    refs: {
+        rootEl: HTMLDivElement;
+    };
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -27,10 +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;
+    collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
     positionStrategy: "absolute" | "fixed";
     disablePortal: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, 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":"AAgDA,OAAO,KAAK,EAA4B,wBAAwB,EAAE,MAAM,SAAS,CAAA;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC,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;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;wFAoH3B,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,21 +1,22 @@
-import { defineComponent as p, createElementBlock as u, openBlock as c, createVNode as a, unref as e, withCtx as n, mergeProps as m, renderSlot as f } from "vue";
-import { reactiveOmit as y } from "@vueuse/core";
-import { useForwardPropsEmits as g, DropdownMenuPortal as w, DropdownMenuContent as h } from "reka-ui";
-import { cn as B } from "../lib/utils.js";
-const b = { class: "relative" }, D = /* @__PURE__ */ p({
+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 },
@@ -27,31 +28,40 @@ const b = { class: "relative" }, D = /* @__PURE__ */ p({
     asChild: { type: Boolean },
     as: {},
     class: {},
-    disablePortal: { type: Boolean, default: !0 }
+    disablePortal: { type: Boolean, default: !1 }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
-  setup(i, { emit: s }) {
-    const o = i, d = s, r = y(o, "class"), l = g(r, d);
-    return (t, v) => (c(), u("div", b, [
-      a(e(w), { disabled: !0 }, {
+  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(() => [
-          a(e(h), m({ "data-slot": "dropdown-menu-content" }, { ...e(l), ...t.$attrs, strategy: "absolute" }, {
-            class: e(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 relative",
-              o.class
+          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(() => [
-              f(t.$slots, "default")
+              w(a.$slots, "default")
             ]),
             _: 3
           }, 16, ["class"])
         ]),
         _: 3
-      })
-    ]));
+      }, 8, ["disabled"])
+    ], 512));
   }
 });
 export {
-  D 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