@wgalleti/primevue-components 0.3.4

package/README.md

@@ -0,0 +1,218 @@
+# @wgalleti/primevue-components
+
+Biblioteca de componentes Vue 3 + PrimeVue 4 para padronizar componentes reutilizáveis entre projetos. Inclui CRUD management, componentes de formulário, composables utilitários e mais.
+
+## Instalação
+
+```bash
+# Via git (recomendado para projetos internos)
+yarn add git+https://github.com/wgalleti/wPrimeVueComponents.git
+
+# Ou npm link para desenvolvimento local
+cd wPrimeVueComponents && yarn link
+cd seu-projeto && yarn link @wgalleti/primevue-components
+```
+
+### Peer Dependencies
+
+Certifique-se de ter instalado no seu projeto:
+
+```bash
+yarn add vue@^3.4 primevue@^4.0 dayjs@^1.11
+```
+
+Se o projeto usar a camada Axios padrao, instale tambem `axios@^1.0`.
+
+## Setup
+
+```typescript
+// main.ts
+import { createApp } from 'vue'
+import PrimeVue from 'primevue/config'
+import ToastService from 'primevue/toastservice'
+import ConfirmationService from 'primevue/confirmationservice'
+import { WPrimeVuePlugin } from '@wgalleti/primevue-components'
+import api from './plugins/axios' // sua instância axios configurada
+
+const app = createApp(App)
+
+app.use(PrimeVue)
+app.use(ToastService)
+app.use(ConfirmationService)
+
+app.use(WPrimeVuePlugin, {
+  axios: api, // compatibilidade: cria um dataProvider Axios automaticamente
+  defaultPageSize: 20, // opcional (default: 20)
+  dateFormat: 'DD/MM/YYYY', // opcional (default: 'DD/MM/YYYY')
+  locale: 'pt-BR', // opcional (default: 'pt-BR')
+})
+```
+
+### Setup com Supabase
+
+Projetos sem backend REST podem registrar um `dataProvider` Supabase. Os endpoints usados em `useCrudManager`, `useApi` e `WAutoCompleteFK` continuam sendo strings, mas precisam estar mapeados em `resources`.
+
+```typescript
+import {
+  createSupabaseDataProvider,
+  WPrimeVuePlugin,
+} from '@wgalleti/primevue-components'
+import { supabase } from './plugins/supabase'
+
+const dataProvider = createSupabaseDataProvider({
+  client: supabase,
+  resources: {
+    produtos: {
+      table: 'produtos',
+      searchFields: ['nome', 'descricao'],
+      defaultOrdering: 'nome',
+      softDelete: true,
+    },
+  },
+})
+
+app.use(WPrimeVuePlugin, {
+  dataProvider,
+  defaultPageSize: 20,
+})
+```
+
+## Uso Rápido
+
+### CRUD Completo em ~30 linhas
+
+```vue
+<script setup lang="ts">
+import { useCrudManager, WCrudView } from '@wgalleti/primevue-components'
+import type { ColumnDef, FieldDef } from '@wgalleti/primevue-components'
+
+interface Produto {
+  id: number
+  nome: string
+  preco: number
+  ativo: boolean
+}
+
+const columns: ColumnDef[] = [
+  { field: 'nome', header: 'Nome' },
+  { field: 'preco', header: 'Preço', type: 'currency' },
+  { field: 'ativo', header: 'Status', type: 'boolean' },
+]
+
+const form: FieldDef[] = [
+  { field: 'nome', label: 'Nome', required: true },
+  { field: 'preco', label: 'Preço', type: 'currency' },
+  { field: 'ativo', label: 'Ativo', type: 'switch', defaultValue: true },
+]
+
+const crud = useCrudManager<Produto>({
+  endpoint: '/api/v1/produtos/',
+  columns,
+  form,
+})
+</script>
+
+<template>
+  <WCrudView :crud="crud" title="Produtos" />
+</template>
+```
+
+Isso gera automaticamente:
+
+- Tabela paginada com busca
+- Botão "Novo" que abre dialog de criação
+- Botões de editar/excluir em cada linha
+- Dialog de formulário com validação
+- Toast de sucesso/erro
+- Confirmação antes de excluir
+
+## WFormRenderer — Formularios Standalone (v0.2.0+)
+
+O `WFormRenderer` renderiza formularios a partir de `FieldDef[]` sem dialog, ideal para views complexas com Cards e Dialogs customizados.
+
+```vue
+<script setup lang="ts">
+import { WFormRenderer } from '@wgalleti/primevue-components'
+import { compraHeaderForm } from '@/schemas/estoque/compra'
+
+const form = reactive({
+  data: new Date(),
+  fornecedor: null,
+  numero_nf: '',
+  observacoes: '',
+})
+</script>
+
+<template>
+  <Card>
+    <template #content>
+      <WFormRenderer
+        :fields="compraHeaderForm"
+        :form-data="form"
+        :is-editing="false"
+        @update:field="
+          (f, v) => {
+            ;(form as Record<string, unknown>)[f] = v
+          }
+        "
+      />
+    </template>
+  </Card>
+</template>
+```
+
+### Schemas Centralizados
+
+A pratica recomendada e centralizar definicoes em arquivos de schema para reutilizacao em 3 contextos:
+
+1. **`useCrudManager` / `WCrudView`** — tabela + dialog CRUD
+2. **`WFormRenderer`** — formularios em Cards e Dialogs de views complexas
+3. **`WAutoCompleteFK`** — CRUD inline no modal de busca FK (via `crudFields`/`crudColumns`)
+
+```typescript
+// src/schemas/core/produto.ts — dados puros, sem Vue
+import type { ColumnDef, FieldDef } from '@wgalleti/primevue-components'
+
+export const produtoColumns: ColumnDef[] = [
+  { field: 'nome', header: 'Nome' },
+  { field: 'preco_medio', header: 'Preco', type: 'currency' },
+]
+
+export const produtoForm: FieldDef[] = [
+  { field: 'nome', label: 'Nome', required: true },
+  { field: 'preco_medio', label: 'Preco', type: 'currency' },
+]
+```
+
+Veja [WFormRenderer](./docs/components/w-form-renderer.md) para exemplos completos e convencoes.
+
+## Documentacao Completa
+
+- [Guia de Instalacao](./docs/installation.md)
+- [Plugin e Configuracao](./docs/plugin.md)
+- [useCrudManager](./docs/composables/use-crud-manager.md)
+- [useApi](./docs/composables/use-api.md)
+- [useFormatters](./docs/composables/use-formatters.md)
+- [useAppToast](./docs/composables/use-app-toast.md)
+- [useAppConfirm](./docs/composables/use-app-confirm.md)
+- [useApiError](./docs/composables/use-api-error.md)
+- [WCrudView](./docs/components/w-crud-view.md)
+- [WCrudFormDialog](./docs/components/w-crud-form-dialog.md)
+- [WFormRenderer](./docs/components/w-form-renderer.md) **(v0.2.0+)**
+- [WCrudColumnRenderer](./docs/components/w-crud-column-renderer.md)
+- [WAutoCompleteFK](./docs/components/w-auto-complete-fk.md)
+- [WPageHeader](./docs/components/w-page-header.md)
+- [WEmptyState](./docs/components/w-empty-state.md)
+- [WSectionHeader](./docs/components/w-section-header.md)
+- [WFormSection](./docs/components/w-form-section.md)
+- [WActionBar](./docs/components/w-action-bar.md)
+- [WKpiCard](./docs/components/w-kpi-card.md)
+- [WKpiGrid](./docs/components/w-kpi-grid.md)
+- [WProgressFlow](./docs/components/w-progress-flow.md)
+- [WImageCropper](./docs/components/w-image-cropper.md)
+- [Tipos](./docs/types.md)
+- [Migracao de Projetos](./docs/migration.md)
+
+## Licença
+
+Uso interno — wGalleti.

package/dist/components/crud/WCrudColumnRenderer.vue.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef } from '../../types/crud';
+type __VLS_Props = {
+    column: ColumnDef;
+    value: unknown;
+    rowData: Record<string, unknown>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/crud/WCrudFormDialog.vue.d.ts

@@ -0,0 +1,214 @@
+import { FieldDef } from '../../types/crud';
+type __VLS_Props = {
+    visible: boolean;
+    title: string;
+    fields: FieldDef[];
+    formData: Record<string, unknown>;
+    isEditing: boolean;
+    saving: boolean;
+    disabled?: boolean;
+    width?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`field-${string}`, (_: {
+        field: FieldDef;
+        formData: Record<string, unknown>;
+        isEditing: boolean;
+        setFormField: (f: string, v: unknown) => void;
+    }) => any>> & Partial<Record<`image-${string}`, (_: {
+        field: FieldDef;
+        formData: Record<string, unknown>;
+    }) => any>> & {
+        footer?(_: {
+            saving: boolean;
+            disabled: boolean;
+        }): any;
+    };
+    refs: {
+        rendererRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly fields: FieldDef[];
+                readonly formData: Record<string, unknown>;
+                readonly isEditing: boolean;
+                readonly disabled?: boolean | undefined;
+                readonly "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:field", field: string, value: unknown) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                fields: FieldDef[];
+                formData: Record<string, unknown>;
+                isEditing: boolean;
+                disabled?: boolean;
+            }> & Readonly<{
+                "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
+            }>, {
+                validateAll: () => string[];
+                clearErrors: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:field": (field: string, value: unknown) => any;
+            }, string, {
+                disabled: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            disabled: boolean;
+        }> & Omit<Readonly<{
+            fields: FieldDef[];
+            formData: Record<string, unknown>;
+            isEditing: boolean;
+            disabled?: boolean;
+        }> & Readonly<{
+            "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
+        }>, "disabled" | "validateAll" | "clearErrors"> & import('vue').ShallowUnwrapRef<{
+            validateAll: () => string[];
+            clearErrors: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Partial<Record<`field-${string}`, (_: {
+                field: FieldDef;
+                formData: Record<string, unknown>;
+                isEditing: boolean;
+                setFormField: (f: string, v: unknown) => void;
+            }) => any>> & Partial<Record<`image-${string}`, (_: {
+                field: FieldDef;
+                formData: Record<string, unknown>;
+            }) => any>>;
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+    "update:field": (field: string, value: unknown) => any;
+    save: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
+    onSave?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    width: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rendererRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly fields: FieldDef[];
+            readonly formData: Record<string, unknown>;
+            readonly isEditing: boolean;
+            readonly disabled?: boolean | undefined;
+            readonly "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:field", field: string, value: unknown) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            fields: FieldDef[];
+            formData: Record<string, unknown>;
+            isEditing: boolean;
+            disabled?: boolean;
+        }> & Readonly<{
+            "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
+        }>, {
+            validateAll: () => string[];
+            clearErrors: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:field": (field: string, value: unknown) => any;
+        }, string, {
+            disabled: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        disabled: boolean;
+    }> & Omit<Readonly<{
+        fields: FieldDef[];
+        formData: Record<string, unknown>;
+        isEditing: boolean;
+        disabled?: boolean;
+    }> & Readonly<{
+        "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
+    }>, "disabled" | "validateAll" | "clearErrors"> & import('vue').ShallowUnwrapRef<{
+        validateAll: () => string[];
+        clearErrors: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Partial<Record<`field-${string}`, (_: {
+            field: FieldDef;
+            formData: Record<string, unknown>;
+            isEditing: boolean;
+            setFormField: (f: string, v: unknown) => void;
+        }) => any>> & Partial<Record<`image-${string}`, (_: {
+            field: FieldDef;
+            formData: Record<string, unknown>;
+        }) => any>>;
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/crud/WCrudView.vue.d.ts

@@ -0,0 +1,89 @@
+import { CrudManagerReturn, KpiItem } from '../../types/crud';
+type __VLS_Props = {
+    crud: CrudManagerReturn<any>;
+    title: string;
+    subtitle?: string;
+    showSearch?: boolean;
+    showHeader?: boolean;
+    dialogWidth?: string;
+    autoInit?: boolean;
+    showKpi?: boolean;
+    kpiIcon?: string;
+    kpiLabel?: string;
+    extraKpis?: KpiItem[];
+    expandable?: boolean;
+    viewToggle?: boolean;
+    defaultView?: 'table' | 'cards';
+    cardFields?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`column-${string}`, (_: {
+        data: any;
+        value: any;
+    }) => any>> & Partial<Record<`column-${string}`, (_: {
+        data: any;
+        value: any;
+    }) => any>> & Partial<Record<`field-${string}`, (_: {
+        field: import('../../types/crud').FieldDef;
+        formData: Record<string, unknown>;
+        isEditing: boolean;
+        setFormField: (f: string, v: unknown) => void;
+    }) => any>> & {
+        'header-actions'?(_: {}): any;
+        'before-table'?(_: {}): any;
+        'toolbar-start'?(_: {}): any;
+        'toolbar-start'?(_: {}): any;
+        'toolbar-filters'?(_: {}): any;
+        'toolbar-filters'?(_: {}): any;
+        'toolbar-actions'?(_: {}): any;
+        'toolbar-actions'?(_: {}): any;
+        empty?(_: {}): any;
+        empty?(_: {}): any;
+        'row-actions'?(_: {
+            data: any;
+            crud: CrudManagerReturn<any>;
+        }): any;
+        'row-actions'?(_: {
+            data: any;
+            crud: CrudManagerReturn<any>;
+        }): any;
+        expansion?(_: {
+            data: any;
+        }): any;
+        'form-dialog'?(_: {
+            crud: CrudManagerReturn<any>;
+            dialogWidth: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "row-expand": (data: unknown) => any;
+    "row-collapse": (data: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onRow-expand"?: ((data: unknown) => any) | undefined;
+    "onRow-collapse"?: ((data: unknown) => any) | undefined;
+}>, {
+    dialogWidth: string;
+    showHeader: boolean;
+    showSearch: boolean;
+    autoInit: boolean;
+    showKpi: boolean;
+    kpiIcon: string;
+    kpiLabel: string;
+    extraKpis: KpiItem[];
+    expandable: boolean;
+    viewToggle: boolean;
+    defaultView: "table" | "cards";
+    cardFields: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/WAutoCompleteFK.vue.d.ts

@@ -0,0 +1,43 @@
+import { FieldDef, ColumnDef } from '../../types/crud';
+interface ColumnMeta {
+    field: string;
+    header: string;
+}
+type __VLS_Props = {
+    modelValue: string | number | Record<string, unknown> | null;
+    endpoint: string;
+    endpointParams?: Record<string, string | number | boolean>;
+    optionLabel?: string;
+    optionValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    showClear?: boolean;
+    forceSelection?: boolean;
+    columns?: ColumnMeta[];
+    minLength?: number;
+    dialogHeader?: string;
+    canCreate?: boolean;
+    canEdit?: boolean;
+    canDelete?: boolean;
+    crudFields?: FieldDef[];
+    crudColumns?: ColumnDef[];
+    dialogWidth?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, unknown> | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, unknown> | null) => any) | undefined;
+}>, {
+    optionLabel: string;
+    optionValue: string;
+    placeholder: string;
+    disabled: boolean;
+    showClear: boolean;
+    forceSelection: boolean;
+    minLength: number;
+    canCreate: boolean;
+    canEdit: boolean;
+    canDelete: boolean;
+    dialogWidth: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/WFormRenderer.vue.d.ts

@@ -0,0 +1,41 @@
+import { FieldDef } from '../../types/crud';
+type __VLS_Props = {
+    fields: FieldDef[];
+    formData: Record<string, unknown>;
+    isEditing: boolean;
+    disabled?: boolean;
+};
+declare function validateAll(): string[];
+declare function clearErrors(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`field-${string}`, (_: {
+        field: FieldDef;
+        formData: Record<string, unknown>;
+        isEditing: boolean;
+        setFormField: (f: string, v: unknown) => void;
+    }) => any>> & Partial<Record<`image-${string}`, (_: {
+        field: FieldDef;
+        formData: Record<string, unknown>;
+    }) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    validateAll: typeof validateAll;
+    clearErrors: typeof clearErrors;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:field": (field: string, value: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/WMoneyInput.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** Numeric model — the real value sent to the API (e.g. 1234.56). */
+    modelValue: number | null;
+    /** Fixed decimal places (default: 2). */
+    decimals?: number;
+    /** Show a "R$" prefix. Ignored when `prefix` is set. */
+    currency?: boolean;
+    /** Custom leading addon (overrides `currency`). */
+    prefix?: string;
+    /** Trailing addon. */
+    suffix?: string;
+    /** Display locale for grouping/decimal separators (default: 'pt-BR'). */
+    locale?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    invalid?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+}>, {
+    currency: boolean;
+    disabled: boolean;
+    decimals: number;
+    locale: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/WTransferList.vue.d.ts

@@ -0,0 +1,25 @@
+type Id = string | number;
+type Item = Record<string, unknown>;
+type __VLS_Props = {
+    /** Full pool of available records. */
+    source: Item[];
+    /** Currently selected ids (v-model:selected). */
+    selected: Id[];
+    /** Field used as the record id (default: 'id'). */
+    trackBy?: string;
+    /** Field used for the visible label (default: 'nome'). */
+    optionLabel?: string;
+    /** Fields to match when searching (default: [optionLabel]). */
+    searchFields?: string[];
+    disabled?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:selected": (ids: Id[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selected"?: ((ids: Id[]) => any) | undefined;
+}>, {
+    optionLabel: string;
+    selected: Id[];
+    trackBy: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;