@datametria/vue-components 2.4.0 → 2.4.2

package/dist/src/components/DatametriaCheckbox.vue.d.ts

@@ -5,6 +5,7 @@ interface Props {
     indeterminate?: boolean;
     trueValue?: boolean | string | number;
     falseValue?: boolean | string | number;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -26,6 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
     onChange?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
 }>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
     modelValue: boolean | string | number;
     indeterminate: boolean;

package/dist/src/components/DatametriaCheckboxGroup.vue.d.ts

@@ -1,6 +1,10 @@
 interface Props {
     modelValue?: (string | number)[];
     disabled?: boolean;
+    label?: string;
+    required?: boolean;
+    errorMessage?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -18,8 +22,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
     onChange?: ((value: (string | number)[]) => any) | undefined;
 }>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
     modelValue: (string | number)[];
+    required: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/DatametriaFileUpload.vue.d.ts

@@ -9,6 +9,9 @@ interface Props {
     progress?: number;
     uploadText?: string;
     error?: string;
+    label?: string;
+    required?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: File | File[]) => any;
@@ -19,8 +22,10 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onFile-added"?: ((file: File) => any) | undefined;
     "onFile-removed"?: ((file: File, index: number) => any) | undefined;
 }>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
     loading: boolean;
+    required: boolean;
     multiple: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     fileInputRef: HTMLInputElement;

package/dist/src/components/DatametriaFloatingBar.vue.d.ts

@@ -17,9 +17,9 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     variant: "light" | "dark" | "primary";
+    ariaLabel: string;
     position: "top" | "bottom" | "left" | "right";
     offset: string;
-    ariaLabel: string;
     rounded: boolean;
     shadow: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/src/components/DatametriaInput.vue.d.ts

@@ -1,37 +1,17 @@
-/**
- * DatametriaInput - Input de texto com validação e slots
- *
- * @component
- * @example
- * <DatametriaInput v-model="value" placeholder="Digite algo" />
- */
 interface Props {
-    /** Valor do input */
     modelValue?: string | number;
-    /** Label do input */
     label?: string;
-    /** Campo obrigatório */
     required?: boolean;
-    /** Mensagem de erro */
     errorMessage?: string;
-    /** Tipo do input */
     type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
-    /** Placeholder */
     placeholder?: string;
-    /** Input desabilitado */
     disabled?: boolean;
-    /** Input somente leitura */
     readonly?: boolean;
-    /** Botão de limpar */
     clearable?: boolean;
-    /** Comprimento máximo */
     maxlength?: number;
-    /** Ícone prefixo */
     prefixIcon?: string;
-    /** Ícone sufixo */
     suffixIcon?: string;
-    /** Tamanho */
-    size?: 'small' | 'default' | 'large';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -65,7 +45,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
 }>, {
-    size: "small" | "default" | "large";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
     type: "text" | "password" | "email" | "number" | "tel" | "url";
     modelValue: string | number;

package/dist/src/components/DatametriaNavbar.vue.d.ts

@@ -19,9 +19,9 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     variant: "light" | "dark" | "transparent" | "primary";
+    ariaLabel: string;
     transparent: boolean;
     sticky: boolean;
-    ariaLabel: string;
     brand: string;
     bordered: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;

package/dist/src/components/DatametriaPasswordInput.vue.d.ts

@@ -10,6 +10,7 @@ interface Props {
     showStrength?: boolean;
     showRequirements?: boolean;
     autocomplete?: 'current-password' | 'new-password';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
@@ -18,6 +19,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onStrength-change"?: ((strength: number) => any) | undefined;
 }>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
     modelValue: string;
     required: boolean;

package/dist/src/components/DatametriaRadio.vue.d.ts

@@ -2,6 +2,7 @@ interface Props {
     modelValue?: string | number | boolean;
     label?: string;
     disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -23,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
     onChange?: ((value: string | number | boolean) => any) | undefined;
 }>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;

package/dist/src/components/DatametriaRadioGroup.vue.d.ts

@@ -1,6 +1,10 @@
 interface Props {
     modelValue?: string | number | boolean;
     disabled?: boolean;
+    label?: string;
+    required?: boolean;
+    errorMessage?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -18,7 +22,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
     onChange?: ((value: string | number | boolean) => any) | undefined;
 }>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
+    required: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/DatametriaSelect.vue.d.ts

@@ -6,17 +6,15 @@ interface SelectOption {
 interface Props {
     modelValue: any | any[];
     options: SelectOption[];
-    /** Label do select */
     label?: string;
-    /** Campo obrigatório */
     required?: boolean;
-    /** Mensagem de erro */
     errorMessage?: string;
     placeholder?: string;
     disabled?: boolean;
     clearable?: boolean;
     filterable?: boolean;
     multiple?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
@@ -25,6 +23,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onChange?: ((value: any) => any) | undefined;
 }>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
     required: boolean;
     placeholder: string;

package/dist/src/components/DatametriaSidebar.vue.d.ts

@@ -31,8 +31,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
 }>, {
     variant: "light" | "dark" | "primary";
     width: string;
-    position: "left" | "right";
     ariaLabel: string;
+    position: "left" | "right";
     collapsible: boolean;
     defaultOpen: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;

package/dist/src/components/DatametriaSwitch.vue.d.ts

@@ -2,8 +2,13 @@ interface Props {
     modelValue?: boolean;
     disabled?: boolean;
     loading?: boolean;
+    label?: string;
+    ariaLabel?: string;
+    required?: boolean;
+    errorMessage?: string;
     activeColor?: string;
     inactiveColor?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
@@ -12,10 +17,12 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onChange?: ((value: boolean) => any) | undefined;
 }>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
     loading: boolean;
     modelValue: boolean;
+    required: boolean;
     activeColor: string;
     inactiveColor: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/DatametriaTabs.vue.d.ts

@@ -7,7 +7,7 @@ interface Tab {
 interface Props {
     tabs: (string | Tab)[];
     modelValue?: number;
-    variant?: 'default' | 'pills' | 'underline';
+    variant?: 'md' | 'pills' | 'underline';
     orientation?: 'horizontal' | 'vertical';
     showIndicator?: boolean;
     ariaLabel?: string;
@@ -26,7 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:modelValue"?: ((index: number) => any) | undefined;
     onChange?: ((index: number) => any) | undefined;
 }>, {
-    variant: "default" | "pills" | "underline";
+    variant: "md" | "pills" | "underline";
     modelValue: number;
     ariaLabel: string;
     orientation: "horizontal" | "vertical";

package/dist/src/components/DatametriaTextarea.vue.d.ts

@@ -10,6 +10,10 @@ interface Props {
         minRows?: number;
         maxRows?: number;
     };
+    label?: string;
+    required?: boolean;
+    errorMessage?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 declare const _default: import('vue').DefineComponent<Props, {
     focus: () => void | undefined;
@@ -25,8 +29,10 @@ declare const _default: import('vue').DefineComponent<Props, {
     onFocus?: ((event: FocusEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
 }>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
     modelValue: string;
+    required: boolean;
     placeholder: string;
     readonly: boolean;
     rows: number;

package/dist/src/composables/useAnalytics.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Firebase Analytics Composable
+ * @author Vander Loto - CTO DATAMETRIA
+ * @date 22/12/2025
+ */
+export declare function useAnalytics(): {
+    trackEvent: (eventName: string, params?: Record<string, any>) => void;
+};

package/dist/src/types/analytics.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Component Size Type (5 sizes)
+ * @author Vander Loto - CTO DATAMETRIA
+ * @date 22/12/2025
+ */
+export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const ComponentSizeEnum: {
+    XS: ComponentSize;
+    SM: ComponentSize;
+    MD: ComponentSize;
+    LG: ComponentSize;
+    XL: ComponentSize;
+};
+/**
+ * Analytics Event Types
+ */
+export interface AnalyticsEvent {
+    component: string;
+    [key: string]: any;
+}
+export interface ButtonClickEvent extends AnalyticsEvent {
+    variant?: string;
+    size?: ComponentSize;
+}
+export interface InputEvent extends AnalyticsEvent {
+    type?: string;
+    size?: ComponentSize;
+    hasValue?: boolean;
+}
+export interface ModalEvent extends AnalyticsEvent {
+    title?: string;
+    action?: 'open' | 'close' | 'confirm' | 'cancel';
+}
+export interface TableEvent extends AnalyticsEvent {
+    column?: string;
+    direction?: 'asc' | 'desc';
+    filterType?: string;
+    selectedCount?: number;
+    page?: number;
+    pageSize?: number;
+}
+export interface TabEvent extends AnalyticsEvent {
+    tabId: string;
+    tabLabel?: string;
+}
+export interface FormEvent extends AnalyticsEvent {
+    formId?: string;
+    fieldCount?: number;
+    errorCount?: number;
+}