npm - @agrotools1/at-components - Versions diffs - 2.0.31 → 2.0.33 - Mend

@agrotools1/at-components 2.0.31 → 2.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/changelog/versions/components/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/changelog/versions/components/index.ts"],"names":[],"mappings":"~~AAsBA~~,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,EAAE,WAAW,~~EAgB3C~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/changelog/versions/components/index.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,EAAE,WAAW,EAkB3C,CAAA"}

package/dist/changelog/versions/components/v2.0.32.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { VersionData } from '../../types';
+declare const v2_0_32: VersionData;
+export default v2_0_32;
+//# sourceMappingURL=v2.0.32.d.ts.map

package/dist/changelog/versions/components/v2.0.32.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"v2.0.32.d.ts","sourceRoot":"","sources":["../../../../src/changelog/versions/components/v2.0.32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,QAAA,MAAM,OAAO,EAAE,WAiBd,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/changelog/versions/components/v2.0.33.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { VersionData } from '../../types';
+declare const v2_0_33: VersionData;
+export default v2_0_33;
+//# sourceMappingURL=v2.0.33.d.ts.map

package/dist/changelog/versions/components/v2.0.33.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"v2.0.33.d.ts","sourceRoot":"","sources":["../../../../src/changelog/versions/components/v2.0.33.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,QAAA,MAAM,OAAO,EAAE,WA4Bd,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/document-input/DocumentAutoComplete.vue.d.ts CHANGED Viewed

@@ -1,28 +1,69 @@
 interface Props {
+    /** ID único do componente. */
     id?: string;
+    /** Valor selecionado ou digitado (v-model). */
     modelValue?: any;
+    /**
+     * Tipo de documento. Define máscara e validação.
+     * @default 'cpf-cnpj'
+     */
     documentType?: 'cpf' | 'cnpj' | 'cpf-cnpj' | 'generic';
+    /** Texto do rótulo (label) acima do campo. */
     label?: string;
+    /** Texto de ajuda ou descrição abaixo do campo. */
     description?: string;
+    /** Indica se o campo é obrigatório. */
     required?: boolean;
+    /** Desabilita o componente e oculta o ícone de limpeza. */
     disabled?: boolean;
+    /**
+     * Estado de erro. Se for string, exibe a mensagem.
+     * Se for true, destaca o campo em vermelho.
+     */
     error?: boolean | string;
+    /** Exibe o ícone de sucesso (check) quando o documento é válido. */
     success?: boolean;
+    /** Permite caracteres alfanuméricos (letras) no CNPJ (Padrão 2026). */
     allowAlpha?: boolean;
+    /** Placeholder customizado. */
     placeholder?: string;
+    /** Limite máximo de caracteres (modo generic). */
     maxLength?: number;
+    /** Converte a digitação para maiúsculas (modo generic). */
     toUpperCase?: boolean;
+    /**
+     * Se true, o modelValue emitirá apenas os caracteres limpos.
+     * Se false, emitirá o valor formatado.
+     */
     unmask?: boolean;
+    /** Máscara customizada para o modo generic. */
     customMask?: string;
+    /** Classes CSS para o container. */
     class?: any;
+    /** Classes CSS para o input interno. */
     inputClass?: any;
+    /** Exibe o ícone de lupa (search) à esquerda. */
     withIcon?: boolean;
+    /** Habilita a validação matemática automática. */
     withInternalValidation?: boolean;
+    /** Lista de opções para o autocomplete. */
     options?: any[];
+    /** Indica estado de carregamento. */
     loading?: boolean;
+    /** Texto exibido quando nenhum resultado é encontrado. */
     notFoundText?: string;
+    /** Texto exibido durante o carregamento das opções. */
     loadingText?: string;
+    /**
+     * Chave do objeto que identifica unicamente a opção.
+     * @default 'identifier'
+     */
     optionId?: string;
+    /**
+     * Controla a exibição do ícone de limpeza (X).
+     * @default true
+     */
+    withClearIcon?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -49,6 +90,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
     validate: (isValid: boolean) => any;
+    "update:searchTerm": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -56,6 +98,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
     onValidate?: ((isValid: boolean) => any) | undefined;
+    "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
     toUpperCase: boolean;
@@ -66,6 +109,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     documentType: "cpf" | "cnpj" | "cpf-cnpj" | "generic";
     withInternalValidation: boolean;
     unmask: boolean;
+    withClearIcon: boolean;
     optionId: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapperRef: HTMLDivElement;

package/dist/document-input/DocumentAutoComplete.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DocumentAutoComplete.vue.d.ts","sourceRoot":"","sources":["../../src/document-input/DocumentAutoComplete.vue"],"names":[],"mappings":"~~AA0kBA~~,UAAU,KAAK;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAA;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;~~CAClB~~;AAyXD,iBAAS,cAAc;WAiWT,OAAO,IAA6B;;uBAhBtB,GAAG;sBACJ,GAAG;yBACA,GAAG;uBACL,GAAG;yBACD,GAAG;;;YACJ,GAAG;;;;;;EAgB/B;AA4CD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe~~;;;;;;;;;;;;;;;cA9xBR~~,OAAO;~~iBAMJ~~,OAAO;~~aAJX~~,OAAO;~~WADT~~,OAAO,GAAG,MAAM;~~cAUb~~,OAAO;~~gBARL~~,OAAO;~~kBAPL~~,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS;~~4BAgB7B~~,OAAO;~~YALvB~~,OAAO;~~cAUL~~,MAAM;;;~~kBAuxBjB~~,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"}
1	+ {"version":3,"file":"DocumentAutoComplete.vue.d.ts","sourceRoot":"","sources":["../../src/document-input/DocumentAutoComplete.vue"],"names":[],"mappings":"AAknBA,UAAU,KAAK;IACb,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAA;IACtD,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,wCAAwC;IACxC,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAA;IACf,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAyXD,iBAAS,cAAc;WAiWT,OAAO,IAA6B;;uBAhBtB,GAAG;sBACJ,GAAG;yBACA,GAAG;uBACL,GAAG;yBACD,GAAG;;;YACJ,GAAG;;;;;;EAgB/B;AA4CD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;cA7zBR,OAAO;iBAeJ,OAAO;aARX,OAAO;WAFT,OAAO,GAAG,MAAM;cAuBb,OAAO;gBAnBL,OAAO;kBAjBL,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS;4BAsC7B,OAAO;YAVvB,OAAO;mBA4BA,OAAO;cALZ,MAAM;;;kBA4xBjB,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/document-input/DocumentAutoComplete.vue.js CHANGED Viewed

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

package/dist/document-input/DocumentInput.vue.d.ts CHANGED Viewed

@@ -1,23 +1,55 @@
 export type DocumentType = 'generic' | 'cnpj' | 'cpf' | 'cpf-cnpj';
 export interface DocumentInputProps {
+    /** ID único do componente. Se não informado, um ID aleatório será gerado. */
     id?: string;
+    /** Valor do campo (v-model). */
     modelValue?: string;
+    /**
+     * Tipo de documento. Define máscara e validação.
+     * @default 'cpf-cnpj'
+     */
     documentType?: DocumentType;
+    /** Texto do rótulo (label) acima do input. */
     label?: string;
+    /** Texto de ajuda ou descrição abaixo do input. */
     description?: string;
+    /** Indica se o campo é obrigatório. */
     required?: boolean;
+    /** Desabilita o campo e oculta o ícone de limpeza. */
     disabled?: boolean;
+    /**
+     * Estado de erro. Se for string, exibe a mensagem abaixo do campo.
+     * Se for true, apenas destaca o campo em vermelho.
+     */
     error?: boolean | string;
+    /** Exibe o ícone de sucesso (check) quando o documento é válido. */
     success?: boolean;
+    /** Permite caracteres alfanuméricos (letras) no CNPJ (Padrão Receita Federal 2026). */
     allowAlpha?: boolean;
+    /** Habilita a validação matemática automática (CPF/CNPJ) integrada. */
     withInternalValidation?: boolean;
+    /** Placeholder customizado. Se não informado, usa um padrão baseado no documentType. */
     placeholder?: string;
+    /** Limite máximo de caracteres (apenas para modo 'generic'). */
     maxLength?: number;
+    /** Converte automaticamente a digitação para letras maiúsculas (apenas para modo 'generic'). */
     toUpperCase?: boolean;
+    /**
+     * Se true (default), o v-model emitirá apenas os números/letras.
+     * Se false, emitirá o valor com a máscara formatada.
+     */
     unmask?: boolean;
+    /** Máscara customizada para o modo 'generic' (ex: '999.AAA-X'). */
     customMask?: string;
+    /** Classes CSS adicionais para o container principal. */
     class?: any;
+    /** Classes CSS adicionais para o elemento input interno. */
     inputClass?: any;
+    /**
+     * Controla a exibição do ícone de limpeza (X).
+     * @default true
+     */
+    withClearIcon?: boolean;
 }
 declare const _default: import('vue').DefineComponent<DocumentInputProps, {
     input: import('vue').Ref<any, any>;
@@ -45,6 +77,7 @@ declare const _default: import('vue').DefineComponent<DocumentInputProps, {
     documentType: DocumentType;
     withInternalValidation: boolean;
     unmask: boolean;
+    withClearIcon: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../input/Input.vue').InputProps> & Readonly<{
         "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;