@fewangsit/wangsvue-gsts 1.0.0-alpha.26 → 1.0.0-alpha.28

package/components/dialogform/DialogForm.vue.d.ts

@@ -1,8 +1,9 @@
 import { GenericObject } from 'vee-validate';
 import { Slot } from 'vue';
+
 import FormInstance, { FormPayload, FormProps } from '../form/Form.vue.d';
 import { WangsIcons } from '../icon/Icon.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type DialogFormValue =
   | string
@@ -85,7 +86,7 @@ export interface DialogFormProps extends FormProps {
    * @default 260
    */
   asideRightWidth?: number;
-  class?: string | string[];
+  class?: string | string[] | object[];
 
   /**
    * Custom button cancel label.
@@ -117,7 +118,7 @@ export interface DialogFormProps extends FormProps {
   /**
    * @deprecated
    */
-  contentClass?: string | string[];
+  contentClass?: string | string[] | object[];
 
   /**
    * Show Date time on header.

package/components/dialogselecttree/DialogSelectTree.vue.d.ts

@@ -1,9 +1,11 @@
-import { TreeSelectionKeys } from 'primevue/tree';
+import { Slot } from 'vue';
+
 import { TreeNode } from '../basetree/BaseTree.vue.d';
 import { QueryParams, ShortFetchResponse } from '../datatable/DataTable.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import TreeInstance, { TreeProps } from '../tree/Tree.vue.d';
-import { Slot } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+
+import { TreeSelectionKeys } from 'primevue/tree';
 
 export interface DialogSelectTreeProps
   extends Omit<TreeProps, 'type' | 'filter'> {
@@ -57,6 +59,15 @@ export interface DialogSelectTreeProps
    * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
    */
   exactDisableKeys?: number[];
+
+  /**
+   * A function to determine when the node should be disabled,
+   * When true, it will disabled selection on current node and all level childrend
+   *
+   * @return true to disabled
+   */
+  disableNodeWhen?: (node: TreeNode) => boolean;
+
   /**
    * Defines the tree is readonly and disabled.
    */

package/components/dropdown/Dropdown.vue.d.ts

@@ -1,9 +1,11 @@
 import { Slot } from 'vue';
-import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
 import { BadgeProps } from '../../components/badge/Badge.vue.d';
 import { WangsIcons } from '../../components/icon/Icon.vue.d';
 
+import { CustomValidation } from '../form/Form.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+
 export type OptionValue = string | number | boolean | Record<string, any>;
 
 export type Option = {
@@ -96,6 +98,11 @@ export interface DropdownProps {
    */
   allowNullOption?: boolean;
 
+  /**
+   * If the same option is selected again, the option is unselected.
+   */
+  unselectOnReselect?: boolean;
+
   /**
    * Specify the property name of option to be used as label.
    *
@@ -218,6 +225,13 @@ export interface DropdownProps {
    * @default 'Search'
    */
   filterPlaceholder?: string;
+
+  /**
+   * To determine whether dropdown panel width should fit its max content or not
+   *
+   * @default false
+   */
+  panelMaxContent?: boolean;
 }
 
 export interface DropdownSlots {
@@ -240,6 +254,11 @@ export type DropdownEmits = {
    * Emits when overlay shown.
    */
   'show': [];
+
+  /**
+   * Emits when the Field Info icon is clicked.
+   */
+  'fieldInfoClick': [];
 };
 
 /**

package/components/editor/Editor.vue.d.ts

@@ -1,5 +1,6 @@
 import { EditorEvents } from '@tiptap/vue-3';
-import { ClassComponent } from '../ts-helpers';
+
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface EditorProps {
   /**

package/components/fieldwrapper/FieldWrapper.vue.d.ts

@@ -1,4 +1,6 @@
-import { DefineComponent } from 'vue';
+import { Slot } from 'vue';
+
+import { ClassComponent } from '../ts-helpers';
 
 export interface FieldWrapperLocaleConfig {
   /**
@@ -64,6 +66,21 @@ export interface FieldWrapperProps {
   tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
 }
 
-declare const FieldWrapper: DefineComponent<FieldWrapperProps>;
+export interface FieldWrapperSlots {
+  'label-addon': Slot;
+}
+
+declare class FieldWrapper extends ClassComponent<
+  FieldWrapperProps,
+  FieldWrapperSlots,
+  unknown
+> {}
+
+export type FieldWrapperEmits = {
+  /**
+   * Emitted when the information (tooltip) is clicked.
+   */
+  infoClick: [];
+};
 
 export default FieldWrapper;

package/components/fileupload/FileUpload.vue.d.ts

@@ -2,8 +2,9 @@ import {
   FileUploadErrorEvent,
   FileUploadUploadEvent,
 } from 'primevue/fileupload';
+
 import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type InputErrorCodes = 'FILE_SIZE_TOO_LARGE';
 

package/components/filtercontainer/FilterContainer.vue.d.ts

@@ -1,10 +1,17 @@
+import { AxiosResponse } from 'axios';
 import { DefineComponent, Slot } from 'vue';
+
+import {
+  DropdownProps,
+  Option,
+} from '../../components/dropdown/Dropdown.vue.d';
+
+import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
 import { CalendarProps } from '../calendar/Calendar.vue.d';
 import { QueryParams } from '../datatable/DataTable.vue.d';
-import { DropdownProps, Option } from '../../components/dropdown/Dropdown.vue.d';
 import { InputRangeNumberProps } from '../inputrangenumber/InputRangeNumber.vue.d';
 import { MultiSelectProps } from '../multiselect/MultiSelect.vue.d';
-import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
+import { StringKeyOf, TypeError } from '../ts-helpers';
 
 export type FilterMatchMode =
   | 'CONTAINS'
@@ -18,66 +25,76 @@ export type FilterMatchMode =
   | 'BETWEEN'
   | 'DATE_BETWEEN';
 
-// More specific filter field types
-export interface MultiSelectFilterField extends MultiSelectProps {
-  type: 'multiselect';
+type BaseSelectField<OptionsQueryParams extends QueryParams> = {
   /**
-   * The name of the field this filter applies to.
+   * Represents a function type for fetching options based on query parameters.
    *
-   * When using a static filter, it also specifies the field in the data to be used for generating unique options.
-   * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
-   * unique full names from the table data and use them as filter options.
-   */
-  field: string;
-  optionField?: string; // @example - actionOptions
-  params?: QueryParams; // Additional QueryParams for the fetchOptionFn
-  fetchOptionFn?:
-    | ((args?: any) => Option[] | undefined) // Sync function to fetch options
-    | ((args?: any) => Promise<Option[] | undefined>); // Async function
-}
-
-export interface DropdownFilterField extends DropdownProps {
-  type: 'dropdown';
-  /**
-   * The name of the field this filter applies to.
+   * @template T - The type of query parameters, extending `QueryParams`. Defaults to `any`.
    *
-   * When using a static filter, it also specifies the field in the data to be used for generating unique options.
-   * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
-   * unique full names from the table data and use them as filter options.
-   */
-  field: string;
-  optionField?: string; // @example - actionOptions
-  params?: QueryParams; // Additional QueryParams for the fetchOptionFn
-  fetchOptionFn?:
-    | ((args?: any) => Option[] | undefined) // Sync function to fetch options
-    | ((args?: any) => Promise<Option[]> | undefined); // Async function
-}
-
-export interface RangeNumberFilterField extends InputRangeNumberProps {
-  type: 'rangenumber';
-  /**
-   * Specify min and max field
+   * This function can have one of the following signatures:
+   * - A synchronous function that takes query parameters and returns an array of `Option` objects.
+   * - An asynchronous function that takes query parameters and returns a `Promise` resolving to an array of `Option` objects.
+   * - An asynchronous function that takes query parameters and returns a `Promise` resolving to an `AxiosResponse` containing a `FetchOptionResponse` object.
    *
-   * @example ['minAge', 'maxAge']
+   * @param args - The query parameters of type `T` used to fetch the options.
+   * @returns One of the following:
+   * - An array of `Option` objects.
+   * - A `Promise` resolving to an array of `Option` objects.
+   * - A `Promise` resolving to an `AxiosResponse` containing a `FetchOptionResponse` object.
    */
-  fields?: string[];
+  fetchOptionFn?(
+    args: OptionsQueryParams,
+  ): Option[] | Promise<Option[]> | Promise<AxiosResponse<FetchOptionResponse>>;
 
-  /**
-   * Specify single field for both min and max input.
-   * The value will be a number array.
-   *
-   * Prever use this property when you are working with Static Filtering
-   *
-   * @example value: [1000,5000] or equal to 'value.0': 1000 & 'value.1': 5000
-   */
-  field?: string;
-  tooltip?: string;
+  optionField?: keyof OptionsQueryParams; // @example - actionOptions
+  params?: OptionsQueryParams; // Additional QueryParams for the fetchOptionFn
+};
+
+export interface MultiSelectFilterField<OptionsQueryParams extends QueryParams>
+  extends BaseSelectField<OptionsQueryParams>,
+    MultiSelectProps {
+  type: 'multiselect';
+}
+
+export interface DropdownFilterField<OptionsQueryParams extends QueryParams>
+  extends BaseSelectField<OptionsQueryParams>,
+    DropdownProps {
+  type: 'dropdown';
 }
 
-export interface ButtonSelectTreeFilterField
-  extends Omit<ButtonSelectTreeProps, 'type' | 'label' | 'fieldLabel'> {
+type RangeNumberFilterField<Field extends string> =
+  | (InputRangeNumberProps & {
+      type: 'rangenumber';
+      /**
+       * Specify min and max field
+       *
+       * @example ['minAge', 'maxAge']
+       */
+      fields: [Field, Field];
+      field?: TypeError<'`field` must not be specified when using `fields` property'>;
+      tooltip?: string;
+    })
+  | (InputRangeNumberProps & {
+      type: 'rangenumber';
+      /**
+       * Specify single field for both min and max input.
+       * The value will be a number array.
+       *
+       * Prefer using this property when working with Static Filtering
+       *
+       * @example value: [1000, 5000] or equivalent to 'value.0': 1000 & 'value.1': 5000
+       */
+      field: Field;
+      fields?: TypeError<'`fields` must not be specified when using `field` property'>;
+      tooltip?: string;
+    });
+
+export interface ButtonSelectTreeFilterField<
+  Field extends string,
+  Params = QueryParams,
+> extends Omit<ButtonSelectTreeProps, 'type' | 'label' | 'fieldLabel'> {
   type: 'group' | 'category';
-  field: string; // The name of the field this filter applies to
+  field: Field; // The name of the field this filter applies to
   /**
    * The field label.
    */
@@ -87,22 +104,46 @@ export interface ButtonSelectTreeFilterField
    * @default to Select Group|Category
    */
   buttonLabel?: string;
-  params?: QueryParams; // Override QueryParams for the fetchTree
+  params?: Params; // Override QueryParams for the fetchTree
 }
 
 export interface CalendarFilterField extends CalendarProps {
   type: 'calendar';
-  field: string;
 }
 
-export type AdditionalFilterField = ButtonSelectTreeFilterField;
+export type AdditionalFilterField<Field extends string = string> =
+  ButtonSelectTreeFilterField<Field>;
 
-export type FilterField =
-  | AdditionalFilterField
-  | MultiSelectFilterField
-  | DropdownFilterField
-  | RangeNumberFilterField
-  | CalendarFilterField;
+export type BaseFilterField<Params extends QueryParams = QueryParams> = {
+  /**
+   * Filter field visibility
+   *
+   * You dont need manually filter, this component already handle it.
+   */
+  visible?: boolean;
+  /**
+   * The name of the field this filter applies to.
+   *
+   * When using a static filter, it also specifies the field in the data to be used for generating unique options.
+   * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
+   * unique full names from the table data and use them as filter options.
+   */
+  field: keyof Params;
+};
+
+export type FilterField<
+  Params extends QueryParams = QueryParams,
+  OptionsQueryParams extends QueryParams = QueryParams,
+> =
+  | (BaseFilterField<Params> &
+      (
+        | AdditionalFilterField<StringKeyOf<Params>>
+        | MultiSelectFilterField<OptionsQueryParams>
+        | DropdownFilterField<OptionsQueryParams>
+        | CalendarFilterField
+      ))
+  | (Omit<BaseFilterField<Params>, 'field'> &
+      RangeNumberFilterField<StringKeyOf<Params>>);
 
 export type FilterOptions<Opt = Record<string, boolean>> = Record<
   keyof Opt,
@@ -145,11 +186,6 @@ export interface FilterContainerProps {
  * Slots for FilterContainer component
  */
 export type FilterContainerSlots = {
-  /**
-   * @deprecated Please use props.fields instead
-   */
-  default: Slot;
-
   /**
    * Additional template for field.
    */

package/components/form/Form.vue.d.ts

@@ -5,12 +5,13 @@ import {
   MaybeArray,
 } from 'vee-validate';
 import { Ref, Slot } from 'vue';
+
 import {
   ClassComponent,
   GlobalComponentConstructor,
-  Nullable,
   HintedString,
-} from '../ts-helpers';
+  Nullable,
+} from '../ts-helpers.d';
 
 export type Condition =
   | 'empty'
@@ -305,6 +306,8 @@ declare class Form extends ClassComponent<FormProps, FormSlots, FormEmits> {
    * The form values
    */
   values: GenericObject;
+
+  isSubmitClicked: boolean;
 }
 
 declare module '@vue/runtime-core' {

package/components/icon/Icon.vue.d.ts

@@ -1,4 +1,4 @@
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type WangsIconseverities =
   | 'danger'
@@ -101,6 +101,7 @@ export type WangsIcons =
   | 'file-user'
   | 'filter-fill'
   | 'filter'
+  | 'fingerprint-line'
   | 'folder'
   | 'folder-add-line'
   | 'gate'
@@ -124,6 +125,7 @@ export type WangsIcons =
   | 'link-unlink-m'
   | 'list-settings'
   | 'loader-4'
+  | 'lock-line'
   | 'logout-box-r'
   | 'mail-open'
   | 'mail-send'
@@ -132,6 +134,7 @@ export type WangsIcons =
   | 'map-pin'
   | 'menu'
   | 'menu-unfold'
+  | 'mind-map'
   | 'minus'
   | 'money-cny-box'
   | 'money-dollar-circle'

package/components/image/Image.vue.d.ts

@@ -9,13 +9,14 @@
  *
  */
 import { TransitionProps, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
   GlobalComponentConstructor,
   PassThrough,
-} from '../ts-helpers';
+} from '../ts-helpers.d';
 
 export declare type ImagePassThroughOptionType =
   | ImagePassThroughAttributes
@@ -195,6 +196,13 @@ export interface ImageProps {
    * The thumbnail image.
    */
   src?: string | Blob;
+
+  /**
+   * Wether use preview full image functionality
+   *
+   * @default true
+   */
+  preview?: boolean;
   /**
    * The thumbnail image width.
    *

package/components/imagecompressor/ImageCompressor.vue.d.ts

@@ -1,5 +1,5 @@
 import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export interface ImageCompressorLocaleConfig {
   cropDialogHeader: string;
@@ -168,6 +168,10 @@ export interface ImageCompressorProps {
    * @default 'webp'
    */
   fileType?: 'webp' | 'jpeg' | 'jpg';
+  /**
+   * @default normal
+   */
+  type?: 'inline-table' | 'normal';
 }
 
 export interface ImageCompressorSlots {
@@ -184,6 +188,10 @@ export type ImageCompressorEmits = {
    */
   'applyProp': [];
   'update:defaultImage': [index?: number];
+  /**
+   * Emits on every changes in `field.value`
+   */
+  'update:fieldValue': [value?: File[] | File];
   /**
    * On delete button clicked.
    *

package/components/index.d.ts

@@ -1,69 +1,66 @@
-export * from '.././components';
-export { default as Animation } from './animation/Animation.vue';
 export { default as ApproverInfo } from './approverinfo/ApproverInfo.vue';
-export { default as Badge } from './badge/Badge.vue';
-export { default as BadgeGroup } from './badgegroup/BadgeGroup.vue';
-export { default as BadgeGroupTree } from './badgegrouptree/BadgeGroupTree.vue';
-export { default as BaseTree } from '.././components/basetree/BaseTree.vue';
+export { default as BaseTree } from './basetree/BaseTree.vue';
 export { default as Breadcrumb } from './breadcrumb/Breadcrumb.vue';
-export { default as Button } from './button/Button.vue';
 export { default as ButtonBulkAction } from './buttonbulkaction/ButtonBulkAction.vue';
 export { default as ButtonCopy } from './buttoncopy/ButtonCopy.vue';
 export { default as ButtonDownload } from './buttondownload/ButtonDownload.vue';
 export { default as ButtonFilter } from './buttonfilter/ButtonFilter.vue';
-export { default as ButtonImportExcel } from './buttonImportExcel/ButtonImportExcel.vue';
 export { default as ButtonRadio } from './buttonradio/ButtonRadio.vue';
-export { default as ButtonScan } from '.././components/buttonscan/ButtonScan.vue';
+export { default as ButtonScan } from './buttonscan/ButtonScan.vue';
+export { default as ButtonSearchByScan } from './buttonsearchbyscan/ButtonSearchByScan.vue';
 export { default as ButtonSearch } from './buttonsearch/ButtonSearch.vue';
-export { default as ButtonSelectTree } from '.././components/buttonselecttree/ButtonSelectTree.vue';
-export { default as ButtonSplit } from './buttonsplit/ButtonSplit.vue';
-export { default as ButtonSync } from '.././components/buttonsync/ButtonSync.vue';
+export { default as ButtonSelectTree } from './buttonselecttree/ButtonSelectTree.vue';
+export { default as ButtonSync } from './buttonsync/ButtonSync.vue';
 export { default as ButtonToggle } from './buttontoggle/ButtonToggle.vue';
-export { default as Calendar } from '.././components/calendar/Calendar.vue';
+export { default as Calendar } from './calendar/Calendar.vue';
 export { default as Card } from './card/Card.vue';
-export { default as Changelog } from './changelog/Changelog.vue';
-export { default as ChangelogPage } from './changelogpage/ChangelogPage.vue';
+export { default as Carousel } from './carousel/Carousel.vue';
 export { default as Checkbox } from './checkbox/Checkbox.vue';
-export { default as CodeSnippet } from './codesnippet/CodeSnippet.vue';
+export { default as CustomColumn } from './customcolumn/CustomColumn.vue';
 export { default as DataTable } from './datatable/DataTable.vue';
 export { default as Dialog } from './dialog/Dialog.vue';
-export { default as DialogConfirm } from './dialogconfirm/DialogConfirm.vue';
 export { default as DialogForm } from './dialogform/DialogForm.vue';
-export { default as DialogSelectTree } from '.././components/dialogselecttree/DialogSelectTree.vue';
+export { default as DialogSelectTree } from './dialogselecttree/DialogSelectTree.vue';
 export { default as Dropdown } from './dropdown/Dropdown.vue';
-export { default as Editor } from './editor/Editor.vue';
 export { default as FileUpload } from './fileupload/FileUpload.vue';
-export { default as FilterContainer } from './filtercontainer/FilterContainer.vue';
 export { default as Form } from './form/Form.vue';
 export { default as Icon } from './icon/Icon.vue';
 export { default as Image } from './image/Image.vue';
 export { default as ImageCompressor } from './imagecompressor/ImageCompressor.vue';
-export { default as InlineMessage } from '.././components/inlinemessage/InlineMessage.vue';
+export { default as InlineMessage } from './inlinemessage/InlineMessage.vue';
 export { default as InputBadge } from './inputbadge/InputBadge.vue';
 export { default as InputCurrency } from './inputcurrency/InputCurrency.vue';
 export { default as InputEmail } from './inputemail/InputEmail.vue';
 export { default as InputNumber } from './inputnumber/InputNumber.vue';
+export { default as InputOtp } from './inputotp/InputOtp.vue';
 export { default as InputPassword } from './inputpassword/InputPassword.vue';
 export { default as InputPhoneNumber } from './inputphonenumber/InputPhoneNumber.vue';
 export { default as InputRangeNumber } from './inputrangenumber/InputRangeNumber.vue';
 export { default as InputText } from './inputtext/InputText.vue';
 export { default as InputURL } from './inputurl/InputURL.vue';
 export { default as InvisibleField } from './invisiblefield/InvisibleField.vue';
-export { default as LanguageDropdown } from './languagedropdown/LanguageDropdown.vue';
 export { default as LiteDropdown } from './litedropdown/LiteDropdown.vue';
+export { default as LanguageSwitcher } from './languageswitcher/LanguageSwitcher.vue';
 export { default as Loading } from './loading/Loading.vue';
 export { default as Menu } from './menu/Menu.vue';
 export { default as MultiSelect } from './multiselect/MultiSelect.vue';
 export { default as OverlayPanel } from './overlaypanel/OverlayPanel.vue';
-export { default as ProgressBar } from './progressbar/ProgressBar.vue';
-export { default as QuickFilter } from './quickfilter/QuickFilter.vue';
+export { default as Paginator } from './paginator/Paginator.vue';
 export { default as TabMenu } from './tabmenu/TabMenu.vue';
-export { default as TagType } from '.././components/tagtype/TagType.vue';
+export { default as TagType } from './tagtype/TagType.vue';
 export { default as Textarea } from './textarea/Textarea.vue';
 export { default as Timeline } from './timeline/Timeline.vue';
 export { default as Toast } from './toast/Toast.vue';
 export { default as ToggleSwitch } from './toggleswitch/ToggleSwitch.vue';
-export { default as TooltipSpan } from './tooltipspan/TooltipSpan.vue';
-export { default as Tree } from '.././components/tree/Tree.vue';
-export { default as UserGroup } from './usergroup/UserGroup.vue';
+export { default as Tree } from './tree/Tree.vue';
 export { default as UserName } from './username/UserName.vue';
+export { default as ValidatorMessage } from './validatormessage/ValidatorMessage.vue';
+
+export { default as Badge } from './badge/Badge.vue';
+export { default as BadgeGroup } from './badgegroup/BadgeGroup.vue';
+export { default as BadgeGroupTree } from './badgegrouptree/BadgeGroupTree.vue';
+export { default as Button } from './button/Button.vue';
+export { default as Changelog } from './changelog/Changelog.vue';
+export { default as ChangelogPage } from './changelogpage/ChangelogPage.vue';
+export { default as DialogConfirm } from './dialogconfirm/DialogConfirm.vue';
+export { default as FilterContainer } from './filtercontainer/FilterContainer.vue';

package/components/inlinemessage/InlineMessage.vue.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export declare type InlineMessagePassThroughOptionType =
   | InlineMessagePassThroughAttributes

package/components/inputbadge/InputBadge.vue.d.ts

@@ -1,5 +1,5 @@
 import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 /**
  * InputBadge component props

package/components/inputcurrency/InputCurrency.vue.d.ts

@@ -1,5 +1,5 @@
 import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type CurrencyFormat = {
   name?: string;

package/components/inputcurrency/helpers/currency.helper.d.ts

@@ -1,4 +1,8 @@
 import { CurrencyFormat } from '../InputCurrency.vue.d';
 declare const getCurrency: (code?: string) => CurrencyFormat;
-declare const formatCurrency: (value?: number | string | null, currency?: string, prefix?: boolean) => string;
+declare const formatCurrency: (
+  value?: number | string | null,
+  currency?: string,
+  prefix?: boolean,
+) => string;
 export { getCurrency, formatCurrency };

package/components/inputemail/InputEmail.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import { InputTextEmits, InputTextProps } from '../inputtext/InputText.vue.d';
 
 /**

package/components/inputnumber/InputNumber.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent, Slot } from 'vue';
+
 import { CustomValidation } from '../form/Form.vue.d';
 
 export type InputNumberEvent = number | string | undefined;
@@ -261,6 +262,11 @@ export type InputNumberEmits = {
 export interface InputNumberSlots {
   'addon-left': Slot;
   'addon-right': Slot;
+  /**
+   * Slot for content in the right side of field label
+   */
+  'field-label-addon': Slot;
+  'validatormessage': Slot;
 }
 
 /**

package/components/inputotp/InputOtp.vue.d.ts

@@ -0,0 +1,3 @@
+import { WangsInputOtp } from '@wangs-ui/vue';
+
+export default WangsInputOtp;