@velkymx/vibeui 0.9.0 → 1.0.2

package/dist/{components → src/components}/VibeStepper.vue.d.ts

@@ -6,34 +6,32 @@ export interface StepperStep {
     icon?: string;
 }
 type StepperGuard = (currentIndex: number, direction: 'next' | 'prev') => boolean | Promise<boolean>;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        marker?(_: {
-            index: number;
-            step: StepperStep;
-            active: boolean;
-        }): any;
-        label?(_: {
-            index: number;
-            step: StepperStep;
-        }): any;
-        step?(_: {
-            index: number;
-            step: StepperStep;
-        }): any;
-        actions?(_: {
-            next: () => Promise<void>;
-            prev: () => Promise<void>;
-            isFirst: boolean;
-            isLast: boolean;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+declare var __VLS_1: {
+    index: number;
+    step: StepperStep;
+    active: boolean;
+}, __VLS_3: {
+    index: number;
+    step: StepperStep;
+}, __VLS_5: {
+    index: number;
+    step: StepperStep | undefined;
+}, __VLS_7: {
+    next: () => Promise<void>;
+    prev: () => Promise<void>;
+    isFirst: boolean;
+    isLast: boolean;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+type __VLS_Slots = {} & {
+    marker?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_3) => any;
+} & {
+    step?: (props: typeof __VLS_5) => any;
+} & {
+    actions?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
         default: number;
@@ -72,6 +70,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (index: number) => any;
+    "component-error": (error: unknown) => any;
     finish: () => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
@@ -112,20 +111,22 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((index: number) => any) | undefined;
+    "onComponent-error"?: ((error: unknown) => any) | undefined;
     onFinish?: (() => any) | undefined;
 }>, {
     modelValue: number;
     vertical: boolean;
+    linear: boolean;
     prevText: string;
     nextText: string;
-    linear: boolean;
     beforeNext: StepperGuard;
     beforePrev: StepperGuard;
     finishText: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/{components → src/components}/VibeTab.vue.d.ts

@@ -1,13 +1,8 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     name: {
         type: StringConstructor;
         required: true;
@@ -36,9 +31,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{}>, {
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -0,0 +1,56 @@
+import { PropType } from 'vue';
+import { Tag, TabPane } from '../types';
+declare var __VLS_8: {
+    pane: TabPane;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    pane?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tag: {
+        type: PropType<Tag>;
+        default: string;
+    };
+    panes: {
+        type: () => TabPane[];
+        required: true;
+    };
+    fade: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tag: {
+        type: PropType<Tag>;
+        default: string;
+    };
+    panes: {
+        type: () => TabPane[];
+        required: true;
+    };
+    fade: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    fade: boolean;
+    tag: Tag;
+    id: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → src/components}/VibeTabs.vue.d.ts

@@ -1,15 +1,10 @@
 import { PropType } from 'vue';
 type TabsVariant = 'tabs' | 'pills' | 'underline';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: undefined;
@@ -69,13 +64,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     variant: TabsVariant;
     modelValue: string;
     fill: boolean;
-    lazy: boolean;
     vertical: boolean;
     justified: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    lazy: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/{components → src/components}/VibeToast.vue.d.ts

@@ -1,27 +1,23 @@
-import { Variant, ToastPlacement } from '../types';
+import { Variant, ToastPlacement, ComponentError } from '../types';
 interface BootstrapToast {
     show: () => void;
     hide: () => void;
     dispose: () => void;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        header?(_: {}): any;
-        header?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        toastRef: HTMLDivElement;
-    };
-    rootEl: any;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    header?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
-        default: () => string;
+        default: undefined;
     };
     modelValue: {
         type: BooleanConstructor;
@@ -58,26 +54,18 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     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;
-    shown: (...args: any[]) => void;
-    hide: (...args: any[]) => void;
-    hidden: (...args: any[]) => void;
+    _unsafe_bsInstance: import('vue').ShallowRef<BootstrapToast | null, BootstrapToast | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    "component-error": (error: ComponentError) => any;
+    show: () => any;
+    hidden: () => any;
+    hide: () => any;
+    shown: () => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
-        default: () => string;
+        default: undefined;
     };
     modelValue: {
         type: BooleanConstructor;
@@ -112,12 +100,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onComponent-error"?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
-    onShown?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
-    onHidden?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onComponent-error"?: ((error: ComponentError) => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHidden?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+    onShown?: (() => any) | undefined;
 }>, {
     variant: Variant;
     modelValue: boolean;
@@ -128,12 +116,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     autohide: boolean;
     delay: number;
     noContainer: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    toastRef: HTMLDivElement;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/{components → src/components}/VibeToastHost.vue.d.ts

@@ -1,5 +1,5 @@
 import { ToastPlacement } from '../types';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     defaultPlacement: {
         type: () => ToastPlacement;
         default: string;
@@ -12,4 +12,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     defaultPlacement: ToastPlacement;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,63 @@
+import { TooltipPlacement, ComponentError } from '../types';
+interface BootstrapTooltip {
+    dispose: () => void;
+    setContent: (content: object) => void;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: () => TooltipPlacement;
+        default: string;
+    };
+    trigger: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    _unsafe_bsInstance: import('vue').ShallowRef<BootstrapTooltip | null, BootstrapTooltip | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "component-error": (error: ComponentError) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: () => TooltipPlacement;
+        default: string;
+    };
+    trigger: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onComponent-error"?: ((error: ComponentError) => any) | undefined;
+}>, {
+    text: string;
+    content: string;
+    placement: TooltipPlacement;
+    trigger: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/chart/chartColors.d.ts

@@ -0,0 +1,3 @@
+import { ChartDataset } from '../../types';
+export declare function resolveColors(datasets: ChartDataset[], el: HTMLElement): string[];
+export declare function resolveSliceColors(count: number, el: HTMLElement): string[];

package/dist/src/components/chart/chartResize.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useChartResize(container: Ref<HTMLElement | null>, canvas: Ref<HTMLCanvasElement | null>, onResize: (w: number, h: number) => void): void;

package/dist/src/components/chart/chartTooltip.d.ts

@@ -0,0 +1,2 @@
+import { TooltipHit } from './chartTypes';
+export declare function bindTooltip(container: HTMLElement, canvas: HTMLCanvasElement, hitTest: (x: number, y: number) => TooltipHit | null): () => void;

package/dist/src/components/chart/chartTypes.d.ts

@@ -0,0 +1,6 @@
+export interface TooltipHit {
+    datasetIndex: number;
+    pointIndex: number;
+    value: number;
+    label: string;
+}

package/dist/src/components/chart/drawBar.d.ts

@@ -0,0 +1,5 @@
+import { ChartData } from '../../types';
+import { TooltipHit } from './chartTypes';
+export declare function getMaxVal(data: ChartData, stacked: boolean): number;
+export declare function drawBar(ctx: CanvasRenderingContext2D, data: ChartData, w: number, h: number, colors: string[], showAxes: boolean, showGrid: boolean, stacked: boolean): void;
+export declare function hitTestBar(x: number, y: number, data: ChartData, w: number, h: number, showAxes: boolean, stacked: boolean, maxVal: number): TooltipHit | null;

package/dist/src/components/chart/drawLine.d.ts

@@ -0,0 +1,18 @@
+import { ChartData } from '../../types';
+import { TooltipHit } from './chartTypes';
+export declare function drawLine(ctx: CanvasRenderingContext2D, data: ChartData, w: number, h: number, colors: string[], showAxes: boolean, showGrid: boolean, smooth: boolean, fill: boolean): void;
+/**
+ * Compute the {min, max, range} across all dataset values, or null for empty data.
+ * Exposed so the chart component can precompute it once per data change and pass it to
+ * hitTestLine, instead of re-scanning every value on every mousemove.
+ */
+export declare function getLineExtent(data: ChartData): {
+    min: number;
+    max: number;
+    range: number;
+} | null;
+export declare function hitTestLine(x: number, y: number, data: ChartData, w: number, h: number, showAxes: boolean, extent: {
+    min: number;
+    max: number;
+    range: number;
+} | null): TooltipHit | null;

package/dist/src/components/chart/drawPie.d.ts

@@ -0,0 +1,4 @@
+import { ChartData } from '../../types';
+import { TooltipHit } from './chartTypes';
+export declare function drawPie(ctx: CanvasRenderingContext2D, data: ChartData, w: number, h: number, colors: string[]): void;
+export declare function hitTestPie(x: number, y: number, data: ChartData, w: number, h: number): TooltipHit | null;

package/dist/{components → src/components}/dndStore.d.ts

@@ -1,4 +1,5 @@
 export declare const setActiveDrag: (payload: unknown, group: string) => void;
+export declare const resetDndStoreForSSR: () => void;
 export declare const clearActiveDrag: () => void;
 export declare const getActiveDrag: () => {
     payload: unknown;

package/dist/{components → src/components}/index.d.ts

@@ -10,6 +10,7 @@ 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 VibeHero } from './VibeHero.vue';
 import { default as VibeBreadcrumb } from './VibeBreadcrumb.vue';
 import { default as VibeNav } from './VibeNav.vue';
 import { default as VibeNavbar } from './VibeNavbar.vue';
@@ -34,6 +35,9 @@ import { default as VibeTooltip } from './VibeTooltip.vue';
 import { default as VibePopover } from './VibePopover.vue';
 import { default as VibeScrollspy } from './VibeScrollspy.vue';
 import { default as VibeIcon } from './VibeIcon.vue';
+import { default as VibeChartLine } from './VibeChartLine.vue';
+import { default as VibeChartBar } from './VibeChartBar.vue';
+import { default as VibeChartPie } from './VibeChartPie.vue';
 import { default as VibeDataTable } from './VibeDataTable.vue';
 import { default as VibeFormInput } from './VibeFormInput.vue';
 import { default as VibeFormSelect } from './VibeFormSelect.vue';
@@ -57,6 +61,6 @@ import { default as VibeFormWysiwyg } from './VibeFormWysiwyg.vue';
 import { default as VibeInputGroup } from './VibeInputGroup.vue';
 import { default as VibeLink } from './VibeLink.vue';
 import { Plugin } from 'vue';
-export { VibeAlert, VibeBadge, VibeButton, VibeButtonGroup, VibeCloseButton, VibeSpinner, VibePlaceholder, VibeSkeleton, VibeContainer, VibeRow, VibeCol, VibeCard, VibeBreadcrumb, VibeNav, VibeNavbar, VibeNavbarBrand, VibeNavbarToggle, VibeNavbarNav, VibePagination, VibeTabContent, VibeTabs, VibeTab, VibeListGroup, VibeProgress, VibeAccordion, VibeCollapse, VibeDropdown, VibeModal, VibeOffcanvas, VibeToast, VibeToastHost, VibeCarousel, VibeTooltip, VibePopover, VibeScrollspy, VibeIcon, VibeDataTable, VibeFormInput, VibeFormSelect, VibeFormTextarea, VibeFormSpinbutton, VibeFormDatepicker, VibeFileInput, VibeSlider, VibeStepper, VibeAutocomplete, VibeSortable, VibeDraggable, VibeDroppable, VibeResizable, VibeDatePicker, VibeFormCheckbox, VibeFormRadio, VibeFormSwitch, VibeFormGroup, VibeFormWysiwyg, VibeInputGroup, VibeLink };
+export { VibeAlert, VibeBadge, VibeButton, VibeButtonGroup, VibeCloseButton, VibeSpinner, VibePlaceholder, VibeSkeleton, VibeContainer, VibeRow, VibeCol, VibeCard, VibeHero, VibeBreadcrumb, VibeNav, VibeNavbar, VibeNavbarBrand, VibeNavbarToggle, VibeNavbarNav, VibePagination, VibeTabContent, VibeTabs, VibeTab, VibeListGroup, VibeProgress, VibeAccordion, VibeCollapse, VibeDropdown, VibeModal, VibeOffcanvas, VibeToast, VibeToastHost, VibeCarousel, VibeTooltip, VibePopover, VibeScrollspy, VibeIcon, VibeChartLine, VibeChartBar, VibeChartPie, VibeDataTable, VibeFormInput, VibeFormSelect, VibeFormTextarea, VibeFormSpinbutton, VibeFormDatepicker, VibeFileInput, VibeSlider, VibeStepper, VibeAutocomplete, VibeSortable, VibeDraggable, VibeDroppable, VibeResizable, VibeDatePicker, VibeFormCheckbox, VibeFormRadio, VibeFormSwitch, VibeFormGroup, VibeFormWysiwyg, VibeInputGroup, VibeLink };
 declare const VibeUIPlugin: Plugin;
 export default VibeUIPlugin;

package/dist/{composables → src/composables}/useBreakpoints.d.ts

@@ -10,4 +10,5 @@ export declare function useBreakpoints(): {
     isXxl: import('vue').Ref<boolean, boolean>;
     isMobile: import('vue').ComputedRef<boolean>;
     isTablet: import('vue').ComputedRef<boolean>;
+    cleanup: () => void;
 };

package/dist/{composables → src/composables}/useColorMode.d.ts

@@ -5,7 +5,7 @@ export declare function useColorMode(): {
     toggleColorMode: () => void;
     initColorMode: () => void;
     clearColorMode: () => void;
-    onColorModeChange: (callback: (mode: ColorMode) => void) => void;
+    onColorModeChange: (callback: (mode: ColorMode) => void) => () => void;
 };
 /**
  * For testing only — not re-exported from the package index.

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

@@ -0,0 +1,2 @@
+export declare function useId(prefix?: string): string;
+export declare function _resetIdCounter(): void;

package/dist/{directives → src/directives}/vTooltip.d.ts

@@ -1,5 +1,5 @@
 import { Directive } from 'vue';
-import { Placement } from '../types';
+import { TooltipPlacement } from '../types';
 interface BootstrapTooltipInstance {
     dispose: () => void;
     setContent: (content: Record<string, string>) => void;
@@ -8,9 +8,8 @@ interface TooltipOptions {
     title?: string;
     text?: string;
     content?: string;
-    placement?: Placement;
+    placement?: TooltipPlacement;
     trigger?: string;
-    html?: boolean;
 }
 type TooltipBindingValue = string | TooltipOptions | undefined;
 declare const INSTANCE_KEY: unique symbol;

package/dist/src/injectionKeys.d.ts

@@ -0,0 +1,28 @@
+import { InjectionKey, ComputedRef } from 'vue';
+export interface FormGroupContext {
+    /** The group's computed element id — shared with the first control that calls consumeId(). */
+    id: ComputedRef<string>;
+    /**
+     * Claim the group id for label association.
+     * Only the first control that calls this receives the id — subsequent calls get null.
+     * Prevents duplicate id attributes when multiple controls are inside one group.
+     */
+    consumeId: () => string | null;
+    hasLabel: ComputedRef<boolean>;
+    hasValidation: ComputedRef<boolean>;
+    hasHelp: ComputedRef<boolean>;
+}
+export declare const FORM_GROUP_KEY: InjectionKey<FormGroupContext | null>;
+export interface NavbarCollapseContext {
+    collapseStates: Record<string, boolean>;
+    toggleCollapse: (id: string) => void;
+}
+export declare const NAVBAR_COLLAPSE_KEY: InjectionKey<NavbarCollapseContext | null>;
+export interface TabsContext {
+    register: (name: string, label: string, disabled: boolean) => void;
+    unregister: (name: string) => void;
+    isActive: (name: string) => boolean;
+    hasBeenActive: (name: string) => boolean;
+    lazy: boolean;
+}
+export declare const TABS_CONTEXT_KEY: InjectionKey<TabsContext | null>;

package/dist/{types.d.ts → src/types.d.ts}

@@ -1,9 +1,15 @@
+/** Payload emitted by the `component-error` event on all Bootstrap-backed components. */
+export interface ComponentError {
+    message: string;
+    componentName: string;
+    originalError: unknown;
+}
 export type ColorMode = 'light' | 'dark' | 'auto';
 export type Variant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
 export type ButtonVariant = Variant | 'link';
 export type Size = 'sm' | 'lg';
 export type ButtonType = 'button' | 'submit' | 'reset';
-export type Placement = 'top' | 'bottom' | 'start' | 'end';
+export type TooltipPlacement = 'top' | 'bottom' | 'start' | 'end';
 export type Tag = 'div' | 'span' | 'section' | 'article' | 'nav' | 'aside' | 'header' | 'footer' | 'main';
 export type Direction = 'up' | 'down' | 'start' | 'end';
 export type SpinnerType = 'border' | 'grow';
@@ -49,6 +55,8 @@ export interface NavItem {
     text: string;
     href?: string;
     to?: string | object;
+    /** Tab panel ID (e.g. '#panel-id') for tabs/pills mode when using router-link */
+    target?: string;
     active?: boolean;
     disabled?: boolean;
     children?: DropdownItem[];
@@ -108,7 +116,8 @@ export interface TabPane {
 }
 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>;
+/** Return true for valid, false for invalid (uses rule.message), or a non-empty string as the error message (also invalid). */
+export type ValidatorFunction = (value: unknown) => boolean | string | Promise<boolean | string>;
 export interface ValidationRule {
     validator: ValidatorFunction;
     message?: string;
@@ -123,3 +132,13 @@ export interface FormSelectOption {
     text: string;
     disabled?: boolean;
 }
+export interface ChartDataset {
+    label: string;
+    data: number[];
+    color?: string;
+}
+export interface ChartData {
+    labels: string[];
+    datasets: ChartDataset[];
+}
+export type ChartLegendPosition = 'top' | 'bottom' | 'none';

package/dist/src/utils/safeCss.d.ts

@@ -0,0 +1,16 @@
+export declare const SAFE_COLUMN_STYLE_PROPS: Set<string>;
+/**
+ * Validate a CSS length/size prop (width, height, fontSize, etc.).
+ * Returns the value unchanged if safe, undefined otherwise.
+ */
+export declare function safeLength(value: string | undefined): string | undefined;
+/**
+ * Validate a CSS color prop.
+ * Returns the value unchanged if it matches a known-safe color form, undefined otherwise.
+ */
+export declare function safeColor(value: string | undefined): string | undefined;
+/**
+ * Filter a consumer-supplied CSS style object to an allowlist of known-safe property names.
+ * Use for thStyle / tdStyle column config in VibeDataTable.
+ */
+export declare function safeCssObject(obj: Record<string, string> | undefined): Record<string, string>;

package/dist/src/utils/safeHref.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Sanitize an href prop value against javascript: / data: / vbscript: injection.
+ *
+ * Returns the original value unchanged if it matches a safe pattern, or
+ * undefined otherwise so the attribute is omitted from the DOM entirely.
+ */
+export declare function safeHref(href: string | undefined): string | undefined;