@velkymx/vibeui 0.5.3 → 0.6.0

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

@@ -1,26 +1,22 @@
-import { Tag, NavItem } from '../types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        item?(_: {
-            item: NavItem;
-            index: number;
-        }): any;
+import { NavItem } from '../types';
+interface BootstrapTab {
+    show: () => void;
+    dispose: () => void;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    items: {
+        type: () => NavItem[];
+        required: true;
     };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    tabs: {
+    pills: {
         type: BooleanConstructor;
         default: boolean;
     };
-    pills: {
+    tabs: {
         type: BooleanConstructor;
         default: boolean;
     };
-    fill: {
+    vertical: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -28,31 +24,38 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    vertical: {
+    fill: {
         type: BooleanConstructor;
         default: boolean;
     };
     tag: {
-        type: () => Tag | "ul";
+        type: StringConstructor;
         default: string;
     };
+}>, {
+    bsInstances: Map<HTMLElement, BootstrapTab>;
+    refresh: () => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "component-error": (...args: any[]) => void;
+    "item-click": (...args: any[]) => void;
+    show: (...args: any[]) => void;
+    shown: (...args: any[]) => void;
+    hide: (...args: any[]) => void;
+    hidden: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     items: {
         type: () => NavItem[];
         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: {
+    pills: {
         type: BooleanConstructor;
         default: boolean;
     };
-    pills: {
+    tabs: {
         type: BooleanConstructor;
         default: boolean;
     };
-    fill: {
+    vertical: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -60,33 +63,29 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    vertical: {
+    fill: {
         type: BooleanConstructor;
         default: boolean;
     };
     tag: {
-        type: () => Tag | "ul";
+        type: StringConstructor;
         default: string;
     };
-    items: {
-        type: () => NavItem[];
-        required: true;
-    };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
     "onItem-click"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onShown?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    onHidden?: ((...args: any[]) => any) | undefined;
 }>, {
     fill: boolean;
-    tag: "ul" | Tag;
+    tag: string;
     vertical: boolean;
-    tabs: boolean;
     pills: boolean;
+    tabs: boolean;
     justified: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    navRef: unknown;
+}, any>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -14,6 +14,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => Variant | "dark" | "light";
         default: string;
     };
+    theme: {
+        type: () => "dark" | "light";
+        default: undefined;
+    };
     expand: {
         type: (StringConstructor | BooleanConstructor)[];
         default: string;
@@ -37,6 +41,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => Variant | "dark" | "light";
         default: string;
     };
+    theme: {
+        type: () => "dark" | "light";
+        default: undefined;
+    };
     expand: {
         type: (StringConstructor | BooleanConstructor)[];
         default: string;
@@ -59,6 +67,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     variant: Variant;
     tag: Tag;
     container: string | boolean;
+    theme: "light" | "dark";
     expand: string | boolean;
     position: NavbarPosition;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -1,4 +1,4 @@
-import { NavItem } from '../types';
+import { NavItem, DropdownItem } from '../types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -6,6 +6,16 @@ declare function __VLS_template(): {
             item: NavItem;
             index: number;
         }): any;
+        item?(_: {
+            item: NavItem;
+            index: number;
+        }): any;
+        'dropdown-item'?(_: {
+            item: NavItem;
+            child: DropdownItem;
+            index: number;
+            childIndex: number;
+        }): any;
         default?(_: {}): any;
     };
     refs: {};
@@ -24,6 +34,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;
+    "dropdown-item-click": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     tag: {
         type: StringConstructor;
@@ -36,6 +47,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
     "onItem-click"?: ((...args: any[]) => any) | undefined;
+    "onDropdown-item-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     tag: string;
     items: NavItem[];

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

@@ -1,18 +1,25 @@
 import { OffcanvasPlacement } from '../types';
+interface BootstrapOffcanvas {
+    show: () => void;
+    hide: () => void;
+    dispose: () => void;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
         default?(_: {}): any;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    refs: {
+        offcanvasRef: HTMLDivElement;
+    };
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
-        required: true;
+        default: () => string;
     };
     modelValue: {
         type: BooleanConstructor;
@@ -34,7 +41,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    teleport: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+}>, {
+    show: () => void | undefined;
+    hide: () => void | undefined;
+    bsInstance: import('vue').Ref<{
+        show: () => void;
+        hide: () => void;
+        dispose: () => void;
+    } | null, BootstrapOffcanvas | {
+        show: () => void;
+        hide: () => void;
+        dispose: () => void;
+    } | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "component-error": (...args: any[]) => void;
     show: (...args: any[]) => void;
@@ -44,7 +67,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
-        required: true;
+        default: () => string;
     };
     modelValue: {
         type: BooleanConstructor;
@@ -66,6 +89,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    teleport: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
@@ -77,9 +104,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     modelValue: boolean;
     scroll: boolean;
     title: string;
+    id: string;
+    teleport: string | boolean;
     placement: OffcanvasPlacement;
     backdrop: string | boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    offcanvasRef: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,10 +1,16 @@
 import { Placement } from '../types';
+interface BootstrapPopover {
+    dispose: () => void;
+    setContent: (content: object) => void;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        popoverRef: HTMLSpanElement;
+    };
     rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -15,7 +21,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     content: {
         type: StringConstructor;
-        required: true;
+        default: undefined;
+    };
+    text: {
+        type: StringConstructor;
+        default: undefined;
     };
     placement: {
         type: () => Placement;
@@ -29,7 +39,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {
+    bsInstance: import('vue').Ref<{
+        dispose: () => void;
+        setContent: (content: object) => void;
+    } | null, BootstrapPopover | {
+        dispose: () => void;
+        setContent: (content: object) => void;
+    } | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: {
@@ -38,7 +56,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     content: {
         type: StringConstructor;
-        required: true;
+        default: undefined;
+    };
+    text: {
+        type: StringConstructor;
+        default: undefined;
     };
     placement: {
         type: () => Placement;
@@ -57,9 +79,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     html: boolean;
     title: string;
+    text: string;
     placement: Placement;
+    content: string;
     trigger: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    popoverRef: HTMLSpanElement;
+}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -4,7 +4,9 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        scrollspyRef: unknown;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -29,7 +31,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => Tag;
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {
+    refresh: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
     activate: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -61,7 +65,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     offset: number;
     method: string;
     smoothScroll: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    scrollspyRef: unknown;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -8,7 +8,9 @@ declare function __VLS_template(): {
             index: number;
         }): any;
     };
-    refs: {};
+    refs: {
+        tabContentRef: unknown;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -31,6 +33,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
+    shown: (...args: any[]) => void;
+    hide: (...args: any[]) => void;
+    hidden: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
@@ -50,11 +55,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
+    onShown?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    onHidden?: ((...args: any[]) => any) | undefined;
 }>, {
+    fade: boolean;
     tag: Tag;
     id: string;
-    fade: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    tabContentRef: unknown;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,4 +1,9 @@
-import { Variant } from '../types';
+import { Variant, ToastPlacement } from '../types';
+interface BootstrapToast {
+    show: () => void;
+    hide: () => void;
+    dispose: () => void;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -8,13 +13,13 @@ declare function __VLS_template(): {
     refs: {
         toastRef: HTMLDivElement;
     };
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
-        default: undefined;
+        default: () => string;
     };
     modelValue: {
         type: BooleanConstructor;
@@ -36,7 +41,27 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: NumberConstructor;
         default: number;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    teleport: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    placement: {
+        type: () => ToastPlacement;
+        default: string;
+    };
+}>, {
+    show: () => void | undefined;
+    hide: () => void | undefined;
+    bsInstance: import('vue').Ref<{
+        show: () => void;
+        hide: () => void;
+        dispose: () => void;
+    } | null, BootstrapToast | {
+        show: () => void;
+        hide: () => void;
+        dispose: () => void;
+    } | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "component-error": (...args: any[]) => void;
     show: (...args: any[]) => void;
@@ -46,7 +71,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
-        default: undefined;
+        default: () => string;
     };
     modelValue: {
         type: BooleanConstructor;
@@ -68,6 +93,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: NumberConstructor;
         default: number;
     };
+    teleport: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    placement: {
+        type: () => ToastPlacement;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
@@ -80,11 +113,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     modelValue: boolean;
     title: string;
     id: string;
+    teleport: string | boolean;
+    placement: ToastPlacement;
     autohide: boolean;
     delay: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     toastRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,17 +1,27 @@
 import { Placement } from '../types';
+interface BootstrapTooltip {
+    dispose: () => void;
+    setContent: (content: object) => void;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        tooltipRef: HTMLSpanElement;
+    };
     rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     content: {
         type: StringConstructor;
-        required: true;
+        default: undefined;
+    };
+    text: {
+        type: StringConstructor;
+        default: undefined;
     };
     placement: {
         type: () => Placement;
@@ -25,12 +35,24 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {
+    bsInstance: import('vue').Ref<{
+        dispose: () => void;
+        setContent: (content: object) => void;
+    } | null, BootstrapTooltip | {
+        dispose: () => void;
+        setContent: (content: object) => void;
+    } | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     content: {
         type: StringConstructor;
-        required: true;
+        default: undefined;
+    };
+    text: {
+        type: StringConstructor;
+        default: undefined;
     };
     placement: {
         type: () => Placement;
@@ -48,9 +70,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
 }>, {
     html: boolean;
+    text: string;
     placement: Placement;
+    content: string;
     trigger: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    tooltipRef: HTMLSpanElement;
+}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/composables/useId.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Composable to generate a unique ID for a component instance.
+ * SSR-friendly by incorporating instance UID if available.
+ */
+export declare function useId(prefix?: string): string;

package/dist/index.d.ts

@@ -2,4 +2,5 @@ import { default as VibeUIPlugin } from './components';
 export * from './components';
 export * from './types';
 export * from './composables/useFormValidation';
+export { useId } from './composables/useId';
 export default VibeUIPlugin;

package/dist/types.d.ts

@@ -44,6 +44,7 @@ export interface NavItem {
     to?: string | object;
     active?: boolean;
     disabled?: boolean;
+    children?: DropdownItem[];
 }
 export interface PaginationItem {
     page: number;

package/dist/vibeui.css

@@ -1 +1 @@
-.vibe-datatable[data-v-25bff6a6]{width:100%}.datatable-info[data-v-25bff6a6]{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}
+.vibe-datatable[data-v-d5aa8072]{width:100%}.datatable-info[data-v-d5aa8072]{padding:.5rem 0;color:#6c757d}.input-group-vertical[data-v-49746a62]{flex-direction:column}.input-group-vertical[data-v-49746a62]>*{width:100%}.vibe-wysiwyg-container[data-v-1ed73fd7]{border:1px solid #ced4da;border-radius:.375rem}.vibe-wysiwyg-container.is-valid[data-v-1ed73fd7]{border-color:#198754}.vibe-wysiwyg-container.is-invalid[data-v-1ed73fd7]{border-color:#dc3545}.vibe-wysiwyg-container.disabled[data-v-1ed73fd7]{background-color:#e9ecef;opacity:.6;cursor:not-allowed}.vibe-wysiwyg-container[data-v-1ed73fd7] .ql-container{border:none;font-size:1rem}.vibe-wysiwyg-container[data-v-1ed73fd7] .ql-toolbar{border:none;border-bottom:1px solid #ced4da;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vibe-wysiwyg-container[data-v-1ed73fd7] .ql-editor{min-height:150px}