@velkymx/vibeui 0.4.2 → 0.5.0

package/dist/components/VibeFormTextarea.vue.d.ts

@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 import { ValidationState, ValidationRule, ValidatorFunction, Size } from '../types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
@@ -50,7 +51,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     validationRules: {
-        type: () => ValidationRule[] | ValidatorFunction | undefined;
+        type: PropType<ValidationRule[] | ValidatorFunction>;
         default: undefined;
     };
     validateOn: {
@@ -123,7 +124,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     validationRules: {
-        type: () => ValidationRule[] | ValidatorFunction | undefined;
+        type: PropType<ValidationRule[] | ValidatorFunction>;
         default: undefined;
     };
     validateOn: {
@@ -155,7 +156,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly: boolean;
     validationState: ValidationState;
     validationMessage: string;
-    validationRules: ValidatorFunction | ValidationRule[] | undefined;
+    validationRules: ValidatorFunction | ValidationRule[];
     validateOn: "blur" | "change" | "input";
     helpText: string;
     rows: number;

package/dist/components/VibeFormWysiwyg.vue.d.ts

@@ -1,9 +1,9 @@
+import { PropType } from 'vue';
 import { ValidationState, ValidationRule, ValidatorFunction } from '../types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
-        validator: (value: any) => boolean;
     };
     id: {
         type: StringConstructor;
@@ -30,15 +30,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     theme: {
-        type: () => "snow" | "bubble";
+        type: PropType<"snow" | "bubble">;
         default: string;
     };
     toolbar: {
-        type: (StringConstructor | BooleanConstructor | ArrayConstructor)[];
+        type: PropType<unknown[] | string | boolean>;
         default: undefined;
     };
     validationState: {
-        type: () => ValidationState;
+        type: PropType<ValidationState>;
         default: null;
     };
     validationMessage: {
@@ -46,11 +46,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     validationRules: {
-        type: () => ValidationRule[] | ValidatorFunction | undefined;
+        type: PropType<ValidationRule[] | ValidatorFunction>;
         default: undefined;
     };
     validateOn: {
-        type: () => "change" | "blur";
+        type: PropType<"change" | "blur">;
         default: string;
     };
     helpText: {
@@ -72,7 +72,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     modelValue: {
         type: StringConstructor;
         default: string;
-        validator: (value: any) => boolean;
     };
     id: {
         type: StringConstructor;
@@ -99,15 +98,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     theme: {
-        type: () => "snow" | "bubble";
+        type: PropType<"snow" | "bubble">;
         default: string;
     };
     toolbar: {
-        type: (StringConstructor | BooleanConstructor | ArrayConstructor)[];
+        type: PropType<unknown[] | string | boolean>;
         default: undefined;
     };
     validationState: {
-        type: () => ValidationState;
+        type: PropType<ValidationState>;
         default: null;
     };
     validationMessage: {
@@ -115,11 +114,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     validationRules: {
-        type: () => ValidationRule[] | ValidatorFunction | undefined;
+        type: PropType<ValidationRule[] | ValidatorFunction>;
         default: undefined;
     };
     validateOn: {
-        type: () => "change" | "blur";
+        type: PropType<"change" | "blur">;
         default: string;
     };
     helpText: {
@@ -147,7 +146,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly: boolean;
     validationState: ValidationState;
     validationMessage: string;
-    validationRules: ValidatorFunction | ValidationRule[] | undefined;
+    validationRules: ValidatorFunction | ValidationRule[];
     validateOn: "blur" | "change";
     helpText: string;
     theme: "snow" | "bubble";

package/dist/components/VibeListGroup.vue.d.ts

@@ -1,5 +1,15 @@
 import { Tag, ListGroupItem } from '../types';
-declare function __VLS_template(): any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: ListGroupItem;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     flush: {
@@ -20,10 +30,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     items: {
         type: () => ListGroupItem[];
-        default: undefined;
+        required: true;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
+    "item-click": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     flush: {
         type: BooleanConstructor;
@@ -43,13 +54,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     items: {
         type: () => ListGroupItem[];
-        default: undefined;
+        required: true;
     };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     tag: "ol" | "ul" | Tag;
-    items: ListGroupItem[];
     flush: boolean;
     horizontal: string | boolean;
     numbered: boolean;

package/dist/components/VibeModal.vue.d.ts

@@ -6,7 +6,9 @@ declare function __VLS_template(): {
         default?(_: {}): any;
         footer?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        modalRef: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -116,7 +118,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     staticBackdrop: boolean;
     hideHeader: boolean;
     hideFooter: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    modalRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/VibeNav.vue.d.ts

@@ -1,5 +1,15 @@
 import { Tag, NavItem } from '../types';
-declare function __VLS_template(): any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: NavItem;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     tabs: {
@@ -28,10 +38,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     items: {
         type: () => NavItem[];
-        default: undefined;
+        required: true;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
+    "item-click": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     tabs: {
         type: BooleanConstructor;
@@ -59,15 +70,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     items: {
         type: () => NavItem[];
-        default: undefined;
+        required: true;
     };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     fill: boolean;
     tag: "ul" | Tag;
     vertical: boolean;
-    items: NavItem[];
     tabs: boolean;
     pills: boolean;
     justified: boolean;

package/dist/components/VibeNavbarNav.vue.d.ts

@@ -1,5 +1,16 @@
 import { NavItem } from '../types';
-declare function __VLS_template(): any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: NavItem;
+            index: number;
+        }): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     tag: {
@@ -12,6 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
+    "item-click": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     tag: {
         type: StringConstructor;
@@ -23,6 +35,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     tag: string;
     items: NavItem[];

package/dist/components/VibePagination.vue.d.ts

@@ -2,7 +2,16 @@ import { Size } from '../types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        prev?(_: {
+            disabled: boolean;
+        }): any;
+        page?(_: {
+            page: number;
+            active: boolean;
+        }): any;
+        next?(_: {
+            disabled: boolean;
+        }): any;
     };
     refs: {};
     rootEl: HTMLElement;
@@ -19,7 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     totalPages: {
         type: NumberConstructor;
-        default: undefined;
+        required: true;
     };
     currentPage: {
         type: NumberConstructor;
@@ -29,8 +38,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
+    "update:currentPage": (...args: any[]) => void;
     "page-click": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     size: {
@@ -43,7 +61,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     totalPages: {
         type: NumberConstructor;
-        default: undefined;
+        required: true;
     };
     currentPage: {
         type: NumberConstructor;
@@ -53,15 +71,25 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:currentPage"?: ((...args: any[]) => any) | undefined;
     "onPage-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: Size;
     ariaLabel: string;
-    totalPages: number;
     currentPage: number;
     showPrevNext: boolean;
+    prevText: string;
+    nextText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/VibeProgress.vue.d.ts

@@ -1,7 +1,11 @@
+import { ProgressBar } from '../types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        label?(_: {
+            bar: ProgressBar;
+            index: number;
+        }): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
@@ -12,6 +16,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: undefined;
     };
+    bars: {
+        type: () => ProgressBar[];
+        required: true;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -19,6 +27,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: undefined;
     };
+    bars: {
+        type: () => ProgressBar[];
+        required: true;
+    };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/VibeTabContent.vue.d.ts

@@ -1,9 +1,12 @@
 import { PropType } from 'vue';
-import { Tag } from '../types';
+import { Tag, TabPane } from '../types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        pane?(_: {
+            pane: TabPane;
+            index: number;
+        }): any;
     };
     refs: {};
     rootEl: any;
@@ -18,6 +21,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: PropType<Tag>;
         default: string;
     };
+    panes: {
+        type: () => TabPane[];
+        required: true;
+    };
+    fade: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -29,11 +40,20 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: PropType<Tag>;
         default: string;
     };
+    panes: {
+        type: () => TabPane[];
+        required: true;
+    };
+    fade: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
 }>, {
     tag: Tag;
     id: string;
+    fade: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/VibeToast.vue.d.ts

@@ -5,7 +5,9 @@ declare function __VLS_template(): {
         header?(_: {}): any;
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        toastRef: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -80,7 +82,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     id: string;
     autohide: boolean;
     delay: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    toastRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/index.d.ts

@@ -9,38 +9,23 @@ import { default as VibeContainer } from './VibeContainer.vue';
 import { default as VibeRow } from './VibeRow.vue';
 import { default as VibeCol } from './VibeCol.vue';
 import { default as VibeCard } from './VibeCard.vue';
-import { default as VibeCardHeader } from './VibeCardHeader.vue';
-import { default as VibeCardBody } from './VibeCardBody.vue';
-import { default as VibeCardFooter } from './VibeCardFooter.vue';
-import { default as VibeCardImg } from './VibeCardImg.vue';
-import { default as VibeCardTitle } from './VibeCardTitle.vue';
-import { default as VibeCardText } from './VibeCardText.vue';
 import { default as VibeBreadcrumb } from './VibeBreadcrumb.vue';
-import { default as VibeBreadcrumbItem } from './VibeBreadcrumbItem.vue';
 import { default as VibeNav } from './VibeNav.vue';
-import { default as VibeNavItem } from './VibeNavItem.vue';
 import { default as VibeNavbar } from './VibeNavbar.vue';
 import { default as VibeNavbarBrand } from './VibeNavbarBrand.vue';
 import { default as VibeNavbarToggle } from './VibeNavbarToggle.vue';
 import { default as VibeNavbarNav } from './VibeNavbarNav.vue';
 import { default as VibePagination } from './VibePagination.vue';
-import { default as VibePaginationItem } from './VibePaginationItem.vue';
 import { default as VibeTabContent } from './VibeTabContent.vue';
-import { default as VibeTabPane } from './VibeTabPane.vue';
 import { default as VibeListGroup } from './VibeListGroup.vue';
-import { default as VibeListGroupItem } from './VibeListGroupItem.vue';
 import { default as VibeProgress } from './VibeProgress.vue';
-import { default as VibeProgressBar } from './VibeProgressBar.vue';
 import { default as VibeAccordion } from './VibeAccordion.vue';
-import { default as VibeAccordionItem } from './VibeAccordionItem.vue';
 import { default as VibeCollapse } from './VibeCollapse.vue';
 import { default as VibeDropdown } from './VibeDropdown.vue';
-import { default as VibeDropdownItem } from './VibeDropdownItem.vue';
 import { default as VibeModal } from './VibeModal.vue';
 import { default as VibeOffcanvas } from './VibeOffcanvas.vue';
 import { default as VibeToast } from './VibeToast.vue';
 import { default as VibeCarousel } from './VibeCarousel.vue';
-import { default as VibeCarouselSlide } from './VibeCarouselSlide.vue';
 import { default as VibeTooltip } from './VibeTooltip.vue';
 import { default as VibePopover } from './VibePopover.vue';
 import { default as VibeScrollspy } from './VibeScrollspy.vue';
@@ -56,8 +41,7 @@ import { default as VibeFormRadio } from './VibeFormRadio.vue';
 import { default as VibeFormSwitch } from './VibeFormSwitch.vue';
 import { default as VibeFormGroup } from './VibeFormGroup.vue';
 import { default as VibeFormWysiwyg } from './VibeFormWysiwyg.vue';
-export { VibeAlert, VibeBadge, VibeButton, VibeButtonGroup, VibeCloseButton, VibeSpinner, VibePlaceholder, VibeContainer, VibeRow, VibeCol, VibeCard, VibeCardHeader, VibeCardBody, VibeCardFooter, VibeCardImg, VibeCardTitle, VibeCardText, VibeBreadcrumb, VibeBreadcrumbItem, VibeNav, VibeNavItem, VibeNavbar, VibeNavbarBrand, VibeNavbarToggle, VibeNavbarNav, VibePagination, VibePaginationItem, VibeTabContent, VibeTabPane, VibeListGroup, VibeListGroupItem, VibeProgress, VibeProgressBar, VibeAccordion, VibeAccordionItem, VibeCollapse, VibeDropdown, VibeDropdownItem, VibeModal, VibeOffcanvas, VibeToast, VibeCarousel, VibeCarouselSlide, VibeTooltip, VibePopover, VibeScrollspy, VibeIcon, VibeDataTable, VibeFormInput, VibeFormSelect, VibeFormTextarea, VibeFormSpinbutton, VibeFormDatepicker, VibeFormCheckbox, VibeFormRadio, VibeFormSwitch, VibeFormGroup, VibeFormWysiwyg };
-declare const _default: {
-    install(app: any): void;
-};
-export default _default;
+import { Plugin } from 'vue';
+export { VibeAlert, VibeBadge, VibeButton, VibeButtonGroup, VibeCloseButton, VibeSpinner, VibePlaceholder, VibeContainer, VibeRow, VibeCol, VibeCard, VibeBreadcrumb, VibeNav, VibeNavbar, VibeNavbarBrand, VibeNavbarToggle, VibeNavbarNav, VibePagination, VibeTabContent, VibeListGroup, VibeProgress, VibeAccordion, VibeCollapse, VibeDropdown, VibeModal, VibeOffcanvas, VibeToast, VibeCarousel, VibeTooltip, VibePopover, VibeScrollspy, VibeIcon, VibeDataTable, VibeFormInput, VibeFormSelect, VibeFormTextarea, VibeFormSpinbutton, VibeFormDatepicker, VibeFormCheckbox, VibeFormRadio, VibeFormSwitch, VibeFormGroup, VibeFormWysiwyg };
+declare const VibeUIPlugin: Plugin;
+export default VibeUIPlugin;

package/dist/composables/useFormValidation.d.ts

@@ -1,11 +1,13 @@
+import { Ref } from 'vue';
 import { ValidationState, ValidationRule, ValidatorFunction, FormValidationResult } from '../types';
-export declare function useFormValidation(initialValue?: any): {
-    value: import('vue').Ref<any, any>;
-    validationState: import('vue').Ref<ValidationState, ValidationState>;
-    validationMessage: import('vue').Ref<string, string>;
-    isDirty: import('vue').Ref<boolean, boolean>;
-    isTouched: import('vue').Ref<boolean, boolean>;
-    isValidating: import('vue').Ref<boolean, boolean>;
+export type FormFieldValue = string | number | boolean | null | undefined;
+export declare function useFormValidation<T extends FormFieldValue = string>(initialValue?: T): {
+    value: Ref<T, T>;
+    validationState: Ref<ValidationState, ValidationState>;
+    validationMessage: Ref<string, string>;
+    isDirty: Ref<boolean, boolean>;
+    isTouched: Ref<boolean, boolean>;
+    isValidating: Ref<boolean, boolean>;
     isValid: import('vue').ComputedRef<boolean>;
     isInvalid: import('vue').ComputedRef<boolean>;
     validate: (rules: ValidationRule[] | ValidatorFunction | undefined) => Promise<FormValidationResult>;
@@ -22,5 +24,5 @@ export declare const validators: {
     max: (max: number, message?: string) => ValidationRule;
     pattern: (regex: RegExp, message?: string) => ValidationRule;
     url: (message?: string) => ValidationRule;
-    async: (validatorFn: (value: any) => Promise<boolean | string>) => ValidationRule;
+    async: (validatorFn: (value: unknown) => Promise<boolean | string>) => ValidationRule;
 };

package/dist/types.d.ts

@@ -82,6 +82,22 @@ export interface CarouselItem {
     active?: boolean;
     interval?: number;
 }
+export interface ProgressBar {
+    value: number;
+    max?: number;
+    variant?: Variant;
+    striped?: boolean;
+    animated?: boolean;
+    label?: string;
+    showValue?: boolean;
+}
+export interface TabPane {
+    id: string;
+    title: string;
+    content?: string;
+    active?: boolean;
+    disabled?: boolean;
+}
 export type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'color';
 export type ValidationState = 'valid' | 'invalid' | null;
 export type ValidatorFunction = (value: any) => boolean | string | Promise<boolean | string>;

package/dist/vibeui.css

@@ -1 +1 @@
-.vibe-datatable[data-v-48221c7b]{width:100%}.datatable-info[data-v-48221c7b]{padding:.5rem 0;color:#6c757d}.input-group-vertical[data-v-f7aee3b4]{flex-direction:column}.input-group-vertical[data-v-f7aee3b4]>*{width:100%}.vibe-wysiwyg-container[data-v-792a0bda]{border:1px solid #ced4da;border-radius:.375rem}.vibe-wysiwyg-container.is-valid[data-v-792a0bda]{border-color:#198754}.vibe-wysiwyg-container.is-invalid[data-v-792a0bda]{border-color:#dc3545}.vibe-wysiwyg-container.disabled[data-v-792a0bda]{background-color:#e9ecef;opacity:.6;cursor:not-allowed}.vibe-wysiwyg-container[data-v-792a0bda] .ql-container{border:none;font-size:1rem}.vibe-wysiwyg-container[data-v-792a0bda] .ql-toolbar{border:none;border-bottom:1px solid #ced4da;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vibe-wysiwyg-container[data-v-792a0bda] .ql-editor{min-height:150px}
+.vibe-datatable[data-v-bafec986]{width:100%}.datatable-info[data-v-bafec986]{padding:.5rem 0;color:#6c757d}.input-group-vertical[data-v-fbee244e]{flex-direction:column}.input-group-vertical[data-v-fbee244e]>*{width:100%}.vibe-wysiwyg-container[data-v-8e6e81b0]{border:1px solid #ced4da;border-radius:.375rem}.vibe-wysiwyg-container.is-valid[data-v-8e6e81b0]{border-color:#198754}.vibe-wysiwyg-container.is-invalid[data-v-8e6e81b0]{border-color:#dc3545}.vibe-wysiwyg-container.disabled[data-v-8e6e81b0]{background-color:#e9ecef;opacity:.6;cursor:not-allowed}.vibe-wysiwyg-container[data-v-8e6e81b0] .ql-container{border:none;font-size:1rem}.vibe-wysiwyg-container[data-v-8e6e81b0] .ql-toolbar{border:none;border-bottom:1px solid #ced4da;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vibe-wysiwyg-container[data-v-8e6e81b0] .ql-editor{min-height:150px}