@v1nt1248/3nclient-lib 0.0.42 → 0.1.1

package/README.md

@@ -1,10 +1,10 @@
 # Library (Vue3 + Typescript + Vite)
 
 Components, directives and plugins for Vue3 projects and some helpers methods (tools).  
-Storybook is used for documentation and demo.  
+Vitepress is used for documentation and demo.  
   
-For demo and development - `pnpm run storybook` or `npm run storybook`.  
-You can run the project as `pnpm dev` or `npm run dev` if you don't want to use Storybook.
+For demo and development - `pnpm run docs:dev` or `npm run docs:dev`.  
+You can run the project as `pnpm dev` or `npm run dev` if you don't want to use Vitepress.
 
 ## Components
   - Ui3nBadge,
@@ -23,7 +23,10 @@ You can run the project as `pnpm dev` or `npm run dev` if you don't want to use
   - Ui3nVirtualScroll
   - Ui3nNotification
   - Ui3nDialog
-  - Ui3nTable
+  - Ui3nSwitch
+  - Ui3nStepLineBar
+  - Ui3nProgressLinear
+  - Ui3nProgressCircular
   - Ui3nTabs
 
 ## Directives

package/dist/components/index.d.ts

@@ -1,21 +1,25 @@
-import { default as Ui3nBreadcrumbs, Ui3nBreadcrumdsProps } from './ui3n-breadcrumbs.vue';
-import { default as Ui3nBreadcrumb, Ui3nBreadcrumdProps, Ui3nBreadcrumdEmits, Ui3nBreadcrumdSlots } from './ui3n-breadcrumb.vue';
-import { default as Ui3nBadge, Ui3nBadgeProps } from './ui3n-badge.vue';
-import { default as Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots } from './ui3n-tabs.vue';
-import { default as Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots } from './ui3n-virtual-scroll.vue';
-import { default as Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots } from './ui3n-list.vue';
-import { default as Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots } from './ui3n-menu.vue';
-import { default as Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent } from './ui3n-dialog.vue';
-import { default as Ui3nTable, Ui3nTableProps, Ui3nTableEmits } from './ui3n-table.vue';
-import { default as Ui3nTableSortIcon, Ui3nTableSortIconProps } from './ui3n-table-sort-icon.vue';
-import { default as Ui3nNotification } from './ui3n-notification.vue';
-import { default as Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots } from './ui3n-checkbox.vue';
-import { default as Ui3nText, Ui3nTextProps, Ui3nTextEmits } from './ui3n-text.vue';
-import { default as Ui3nInput, Ui3nInputProps, Ui3nInputEmits } from './ui3n-input.vue';
-import { default as Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits } from './ui3n-emoji.vue';
-import { default as Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits } from './ui3n-drop-files.vue';
-import { default as Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots } from './ui3n-chip.vue';
-import { default as Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits } from './ui3n-button.vue';
 import { default as Ui3nIcon, Ui3nIconProps, Ui3nIconEmits } from './ui3n-icon.vue';
+import { default as Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits } from './ui3n-button.vue';
+import { default as Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots } from './ui3n-chip.vue';
+import { default as Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits } from './ui3n-drop-files.vue';
+import { default as Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits } from './ui3n-emoji.vue';
+import { default as Ui3nInput, Ui3nInputProps, Ui3nInputEmits } from './ui3n-input.vue';
+import { default as Ui3nText, Ui3nTextProps, Ui3nTextEmits } from './ui3n-text.vue';
+import { default as Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots } from './ui3n-checkbox.vue';
+import { default as Ui3nNotification } from './ui3n-notification.vue';
+import { default as Ui3nTableSortIcon, Ui3nTableSortIconProps } from './ui3n-table-sort-icon.vue';
+import { default as Ui3nTable, Ui3nTableProps, Ui3nTableEmits } from './ui3n-table.vue';
+import { default as Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent } from './ui3n-dialog.vue';
+import { default as Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots } from './ui3n-menu.vue';
+import { default as Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots } from './ui3n-list.vue';
+import { default as Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots } from './ui3n-virtual-scroll.vue';
+import { default as Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots } from './ui3n-tabs.vue';
+import { default as Ui3nBadge, Ui3nBadgeProps } from './ui3n-badge.vue';
+import { default as Ui3nBreadcrumb, Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots } from './ui3n-breadcrumb.vue';
+import { default as Ui3nBreadcrumbs, Ui3nBreadcrumbsProps } from './ui3n-breadcrumbs.vue';
+import { default as Ui3nSwitch, Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots } from './ui3n-switch.vue';
+import { default as Ui3nStepLineBar, Ui3nStepLineBarProps } from './ui3n-step-line-bar.vue';
+import { default as Ui3nProgressLinear, Ui3nProgressLinearProps } from './ui3n-progress-linear.vue';
+import { default as Ui3nProgressCircular, Ui3nProgressCircularProps } from './ui3n-progress-circular.vue';
 
-export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableProps, Ui3nTableEmits, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, Ui3nBreadcrumb, Ui3nBreadcrumdProps, Ui3nBreadcrumdEmits, Ui3nBreadcrumdSlots, Ui3nBreadcrumbs, Ui3nBreadcrumdsProps, };
+export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableProps, Ui3nTableEmits, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, Ui3nBreadcrumb, Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots, Ui3nBreadcrumbs, Ui3nBreadcrumbsProps, Ui3nSwitch, Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots, Ui3nStepLineBar, Ui3nStepLineBarProps, Ui3nProgressLinear, Ui3nProgressLinearProps, Ui3nProgressCircular, Ui3nProgressCircularProps, };

package/dist/components/ui3n-badge-simple.vue.d.ts

@@ -9,12 +9,12 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     value: string;
     color: string;
     textColor: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "change:size": (val: {
         width: number;
         height: number;
     }) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBadgeSimpleProps>, {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBadgeSimpleProps>, {
     dot: boolean;
     value: string;
     color: string;

package/dist/components/ui3n-badge.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     color: string;
     textColor: string;
     position: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBadgeProps>, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBadgeProps>, {
     dot: boolean;
     value: string;
     color: string;

package/dist/components/ui3n-breadcrumb.vue.d.ts

@@ -1,22 +1,22 @@
-export interface Ui3nBreadcrumdProps {
+export interface Ui3nBreadcrumbProps {
     separator?: string | undefined;
     isActive?: boolean;
     disabled?: boolean;
 }
-export interface Ui3nBreadcrumdEmits {
+export interface Ui3nBreadcrumbEmits {
     (ev: 'click', value: Event): void;
 }
-export interface Ui3nBreadcrumdSlots {
+export interface Ui3nBreadcrumbSlots {
     separator: () => unknown;
     default: () => unknown;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBreadcrumdProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBreadcrumbProps>, {
     separator: undefined;
     isActive: boolean;
     disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (value: Event) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBreadcrumdProps>, {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBreadcrumbProps>, {
     separator: undefined;
     isActive: boolean;
     disabled: boolean;
@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     separator: string;
     isActive: boolean;
     disabled: boolean;
-}, {}>, Readonly<Ui3nBreadcrumdSlots> & Ui3nBreadcrumdSlots>;
+}, {}>, Readonly<Ui3nBreadcrumbSlots> & Ui3nBreadcrumbSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/ui3n-breadcrumbs.vue.d.ts

@@ -1,11 +1,11 @@
-export interface Ui3nBreadcrumdsProps {
+export interface Ui3nBreadcrumbsProps {
     separator?: string;
     disabled?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBreadcrumdsProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBreadcrumbsProps>, {
     separator: string;
     disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBreadcrumdsProps>, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBreadcrumbsProps>, {
     separator: string;
     disabled: boolean;
 }>>>, {

package/dist/components/ui3n-button.vue.d.ts

@@ -1,11 +1,14 @@
 export interface Ui3nButtonProps {
+    type?: 'primary' | 'secondary' | 'tertiary' | 'icon' | 'custom';
+    size?: 'regular' | 'small';
+    block?: boolean;
     textColor?: string;
     color?: string;
-    round?: boolean;
     elevation?: boolean;
     icon?: string;
     iconSize?: string | number;
     iconColor?: string;
+    iconPosition?: 'left' | 'right';
     disabled?: boolean;
 }
 export interface Ui3nButtonEmits {
@@ -14,17 +17,32 @@ export interface Ui3nButtonEmits {
     (ev: 'focus', value: Event): void;
     (ev: 'blur', value: Event): void;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Ui3nButtonProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nButtonProps>, {
+    type: string;
+    size: string;
+    iconPosition: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     init: (value: HTMLButtonElement) => void;
     click: (value: Event) => void;
     focus: (value: Event) => void;
     blur: (value: Event) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nButtonProps>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nButtonProps>, {
+    type: string;
+    size: string;
+    iconPosition: string;
+    disabled: boolean;
+}>>> & {
     onFocus?: ((value: Event) => any) | undefined;
     onBlur?: ((value: Event) => any) | undefined;
     onClick?: ((value: Event) => any) | undefined;
     onInit?: ((value: HTMLButtonElement) => any) | undefined;
-}, {}, {}>, {
+}, {
+    type: "icon" | "primary" | "secondary" | "tertiary" | "custom";
+    disabled: boolean;
+    size: "small" | "regular";
+    iconPosition: "right" | "left";
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -37,6 +55,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/ui3n-checkbox.vue.d.ts

@@ -23,10 +23,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     color: string;
     indeterminate: boolean;
     disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: Ui3nCheckboxValue) => void;
     "update:modelValue": (value: Ui3nCheckboxValue) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nCheckboxProps>, {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nCheckboxProps>, {
     modelValue: boolean;
     checkedValue: boolean;
     uncheckedValue: boolean;

package/dist/components/ui3n-chip.vue.d.ts

@@ -27,9 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     color: string;
     textSize: number;
     textColor: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nChipProps>, {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nChipProps>, {
     height: number;
     maxWidth: number;
     plain: boolean;

package/dist/components/ui3n-dialog.vue.d.ts

@@ -5,9 +5,9 @@ export interface Ui3nDialogProps {
     teleport?: string;
     title?: string;
     width?: string | number;
-    cssClass?: string;
+    cssClass?: string[];
     cssStyle?: Record<string, string>;
-    contentCssClass?: string;
+    contentCssClass?: string[];
     contentCssStyle?: Record<string, string>;
     confirmButton?: boolean;
     cancelButton?: boolean;
@@ -35,14 +35,14 @@ export interface Ui3nDialogComponentEmits {
     (ev: 'cancel', value?: any): void;
     (ev: 'click-overlay', value?: any): void;
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Ui3nDialogComponentProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Ui3nDialogComponentProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     open: (value?: any) => void;
     "before-close": (value?: any) => void;
     close: (value?: any) => void;
     confirm: (value?: any) => void;
     cancel: (value?: any) => void;
     "click-overlay": (value?: any) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nDialogComponentProps>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nDialogComponentProps>>> & {
     onClose?: ((value?: any) => any) | undefined;
     onCancel?: ((value?: any) => any) | undefined;
     onOpen?: ((value?: any) => any) | undefined;

package/dist/components/ui3n-drop-files.vue.d.ts

@@ -6,11 +6,23 @@ export interface Ui3nDropFilesProps {
 export interface Ui3nDropFilesEmits {
     (e: 'select', fileList: FileList): void;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Ui3nDropFilesProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nDropFilesProps>, {
+    title: string;
+    text: string;
+    additionalText: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (fileList: FileList) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nDropFilesProps>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nDropFilesProps>, {
+    title: string;
+    text: string;
+    additionalText: string;
+}>>> & {
     onSelect?: ((fileList: FileList) => any) | undefined;
-}, {}, {}>, {
+}, {
+    title: string;
+    text: string;
+    additionalText: string;
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -23,6 +35,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/ui3n-emoji.vue.d.ts

@@ -9,9 +9,9 @@ export interface Ui3nEmojiEmits {
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nEmojiProps>, {
     size: number;
     readonly: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (value: Event) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nEmojiProps>, {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nEmojiProps>, {
     size: number;
     readonly: boolean;
 }>>> & {

package/dist/components/ui3n-icon.vue.d.ts

@@ -14,11 +14,29 @@ export interface Ui3nIconProps {
 export interface Ui3nIconEmits {
     (ev: 'click', value: Event): void;
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Ui3nIconProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nIconProps>, {
+    title: string;
+    width: number;
+    height: number;
+    rotate: number;
+    color: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (value: Event) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nIconProps>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nIconProps>, {
+    title: string;
+    width: number;
+    height: number;
+    rotate: number;
+    color: string;
+}>>> & {
     onClick?: ((value: Event) => any) | undefined;
-}, {}, {}>;
+}, {
+    color: string;
+    title: string;
+    width: string | number;
+    height: string | number;
+    rotate: number;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -29,3 +47,11 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/ui3n-input.vue.d.ts

@@ -1,38 +1,45 @@
 export interface Ui3nInputProps {
-    value: string;
+    modelValue: string;
     label?: string;
+    type?: 'text' | 'password';
     placeholder?: string;
     clearable?: boolean;
     autofocus?: boolean;
-    rules?: Array<(v: string) => any>;
-    disabled?: boolean;
     icon?: string;
     iconColor?: string;
+    rules?: Array<(v: string) => any>;
+    displayStateMode?: 'error' | 'success';
+    displayStateWithIcon?: boolean;
+    displayStateMessage?: string;
+    disabled?: boolean;
 }
 export interface Ui3nInputEmits {
+    (ev: 'init', value: HTMLInputElement): void;
     (ev: 'input', value: string): void;
     (ev: 'focus', value: Event): void;
     (ev: 'blur', value: Event): void;
-    (ev: 'clear', value: string): void;
+    (ev: 'clear'): void;
     (ev: 'change', value: string): void;
-    (ev: 'update:value', value: string): void;
+    (ev: 'update:modelValue', value: string): void;
     (ev: 'update:valid', value: boolean): void;
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Ui3nInputProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Ui3nInputProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    init: (value: HTMLInputElement) => void;
     input: (value: string) => void;
     focus: (value: Event) => void;
     blur: (value: Event) => void;
-    clear: (value: string) => void;
+    clear: () => void;
     change: (value: string) => void;
-    "update:value": (value: string) => void;
+    "update:modelValue": (value: string) => void;
     "update:valid": (value: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nInputProps>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nInputProps>>> & {
     onFocus?: ((value: Event) => any) | undefined;
     onBlur?: ((value: Event) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
-    onClear?: ((value: string) => any) | undefined;
-    "onUpdate:value"?: ((value: string) => any) | undefined;
+    onInit?: ((value: HTMLInputElement) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:valid"?: ((value: boolean) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/components/ui3n-list.vue.d.ts

@@ -47,7 +47,7 @@ declare const _default: <T extends {
     attrs: any;
     slots: Readonly<Ui3nListSlots<T>> & Ui3nListSlots<T>;
     emit: Ui3nListEmits<T>;
-}>) => import('vue').VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
     __ctx?: {

package/dist/components/ui3n-menu.vue.d.ts

@@ -22,13 +22,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     closeOnClick: boolean;
     closeOnClickOutside: boolean;
     disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     open: () => void;
     opened: () => void;
     close: () => void;
     closed: () => void;
     "click-outside": () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nMenuProps>, {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nMenuProps>, {
     offsetX: number;
     offsetY: number;
     closeOnClick: boolean;

package/dist/components/ui3n-notification.vue.d.ts

@@ -1,6 +1,27 @@
 import { Ui3nNotificationProps } from '../constants';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Ui3nNotificationProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nNotificationProps>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nNotificationProps>, {
+    type: string;
+    position: string;
+    duration: number;
+    withIcon: boolean;
+    onOpen: () => undefined;
+    onClose: () => undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nNotificationProps>, {
+    type: string;
+    position: string;
+    duration: number;
+    withIcon: boolean;
+    onOpen: () => undefined;
+    onClose: () => undefined;
+}>>>, {
+    type: "error" | "success" | "warning" | "info";
+    position: "right" | "left" | "center";
+    onClose: () => void;
+    withIcon: boolean;
+    onOpen: () => void;
+    duration: number;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -11,3 +32,11 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/ui3n-progress-circular.vue.d.ts

@@ -0,0 +1,43 @@
+export interface Ui3nProgressCircularProps {
+    value?: number | string;
+    size?: number | string;
+    width?: number | string;
+    withText?: boolean;
+    bgColor?: string;
+    color?: string;
+    indeterminate?: boolean;
+}
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nProgressCircularProps>, {
+    value: number;
+    size: number;
+    bgColor: string;
+    color: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nProgressCircularProps>, {
+    value: number;
+    size: number;
+    bgColor: string;
+    color: string;
+}>>>, {
+    value: string | number;
+    color: string;
+    size: string | number;
+    bgColor: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/ui3n-progress-linear.vue.d.ts

@@ -0,0 +1,42 @@
+export interface Ui3nProgressLinearProps {
+    value?: number | string;
+    height?: number | string;
+    withText?: boolean;
+    bgColor?: string;
+    color?: string;
+    indeterminate?: boolean;
+}
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nProgressLinearProps>, {
+    value: number;
+    height: number;
+    bgColor: string;
+    color: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nProgressLinearProps>, {
+    value: number;
+    height: number;
+    bgColor: string;
+    color: string;
+}>>>, {
+    value: string | number;
+    color: string;
+    height: string | number;
+    bgColor: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/ui3n-step-line-bar.vue.d.ts

@@ -0,0 +1,30 @@
+export interface Ui3nStepLineBarProps {
+    label: string;
+    current: number;
+    steps: number;
+}
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nStepLineBarProps>, {
+    current: number;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nStepLineBarProps>, {
+    current: number;
+}>>>, {
+    current: number;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};