@velkymx/vibeui 0.8.2 → 1.0.2

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

@@ -1,25 +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;
-        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;
@@ -49,29 +47,25 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => ToastPlacement;
         default: string;
     };
+    noContainer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     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;
@@ -101,13 +95,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => ToastPlacement;
         default: string;
     };
+    noContainer: {
+        type: BooleanConstructor;
+        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;
@@ -117,12 +115,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placement: ToastPlacement;
     autohide: boolean;
     delay: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    toastRef: HTMLDivElement;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    noContainer: 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/src/components/VibeToastHost.vue.d.ts

@@ -0,0 +1,16 @@
+import { ToastPlacement } from '../types';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    defaultPlacement: {
+        type: () => ToastPlacement;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    defaultPlacement: {
+        type: () => ToastPlacement;
+        default: string;
+    };
+}>> & 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/src/components/dndStore.d.ts

@@ -0,0 +1,7 @@
+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;
+    group: string;
+} | null;

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

@@ -5,10 +5,12 @@ import { default as VibeButtonGroup } from './VibeButtonGroup.vue';
 import { default as VibeCloseButton } from './VibeCloseButton.vue';
 import { default as VibeSpinner } from './VibeSpinner.vue';
 import { default as VibePlaceholder } from './VibePlaceholder.vue';
+import { default as VibeSkeleton } from './VibeSkeleton.vue';
 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';
@@ -17,6 +19,8 @@ import { default as VibeNavbarToggle } from './VibeNavbarToggle.vue';
 import { default as VibeNavbarNav } from './VibeNavbarNav.vue';
 import { default as VibePagination } from './VibePagination.vue';
 import { default as VibeTabContent } from './VibeTabContent.vue';
+import { default as VibeTabs } from './VibeTabs.vue';
+import { default as VibeTab } from './VibeTab.vue';
 import { default as VibeListGroup } from './VibeListGroup.vue';
 import { default as VibeProgress } from './VibeProgress.vue';
 import { default as VibeAccordion } from './VibeAccordion.vue';
@@ -25,17 +29,30 @@ import { default as VibeDropdown } from './VibeDropdown.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 VibeToastHost } from './VibeToastHost.vue';
 import { default as VibeCarousel } from './VibeCarousel.vue';
 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';
 import { default as VibeFormTextarea } from './VibeFormTextarea.vue';
 import { default as VibeFormSpinbutton } from './VibeFormSpinbutton.vue';
 import { default as VibeFormDatepicker } from './VibeFormDatepicker.vue';
+import { default as VibeFileInput } from './VibeFileInput.vue';
+import { default as VibeSlider } from './VibeSlider.vue';
+import { default as VibeStepper } from './VibeStepper.vue';
+import { default as VibeAutocomplete } from './VibeAutocomplete.vue';
+import { default as VibeSortable } from './VibeSortable.vue';
+import { default as VibeDraggable } from './VibeDraggable.vue';
+import { default as VibeDroppable } from './VibeDroppable.vue';
+import { default as VibeResizable } from './VibeResizable.vue';
+import { default as VibeDatePicker } from './VibeDatePicker.vue';
 import { default as VibeFormCheckbox } from './VibeFormCheckbox.vue';
 import { default as VibeFormRadio } from './VibeFormRadio.vue';
 import { default as VibeFormSwitch } from './VibeFormSwitch.vue';
@@ -44,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, 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, 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/useForm.d.ts

@@ -0,0 +1,22 @@
+import { ComputedRef } from 'vue';
+import { ValidationRule, ValidatorFunction } from '../types';
+export type FormFieldRules<T> = Partial<Record<keyof T, ValidationRule[] | ValidatorFunction>>;
+export interface FormValidateResult<T> {
+    valid: boolean;
+    errors: Partial<Record<keyof T, string>>;
+}
+export interface UseFormReturn<T extends Record<string, unknown>> {
+    fields: T;
+    errors: Record<keyof T, string>;
+    touched: Record<keyof T, boolean>;
+    isDirty: ComputedRef<boolean>;
+    isValid: ComputedRef<boolean>;
+    values: ComputedRef<T>;
+    validate: (rules: FormFieldRules<T>) => Promise<FormValidateResult<T>>;
+    validateField: <K extends keyof T>(key: K, rule: ValidationRule[] | ValidatorFunction) => Promise<string>;
+    reset: () => void;
+    markTouched: <K extends keyof T>(key: K) => void;
+    markAllTouched: () => void;
+    setField: <K extends keyof T>(key: K, value: T[K]) => void;
+}
+export declare function useForm<T extends Record<string, unknown>>(initial: T): UseFormReturn<T>;

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/src/composables/usePosition.d.ts

@@ -0,0 +1,20 @@
+import { Placement } from '@floating-ui/dom';
+import { Ref, ComputedRef } from 'vue';
+type AnchorPoint = 'top start' | 'top center' | 'top end' | 'center start' | 'center center' | 'center end' | 'bottom start' | 'bottom center' | 'bottom end';
+export interface UsePositionOptions {
+    my?: AnchorPoint;
+    at?: AnchorPoint;
+    offset?: [number, number];
+    collision?: 'flip' | 'shift' | 'flip+shift' | 'none';
+    autoUpdate?: boolean;
+    strategy?: 'absolute' | 'fixed';
+}
+export interface UsePositionReturn {
+    x: Ref<number>;
+    y: Ref<number>;
+    placement: Ref<Placement>;
+    update: () => Promise<void>;
+    stop: () => void;
+}
+export declare function usePosition(target: Ref<HTMLElement | null> | ComputedRef<HTMLElement | null>, anchor: Ref<HTMLElement | null> | ComputedRef<HTMLElement | null>, options?: UsePositionOptions | (() => UsePositionOptions)): UsePositionReturn;
+export {};

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

@@ -0,0 +1,52 @@
+import { DeepReadonly } from 'vue';
+import { Variant, ToastPlacement } from '../types';
+export interface ToastSpec {
+    id: string;
+    title?: string;
+    body: string;
+    variant?: Variant;
+    placement?: ToastPlacement;
+    autohide?: boolean;
+    delay?: number;
+}
+export interface ToastShowOptions {
+    id?: string;
+    title?: string;
+    variant?: Variant;
+    placement?: ToastPlacement;
+    autohide?: boolean;
+    delay?: number;
+}
+export interface UseToastReturn {
+    toasts: DeepReadonly<ToastSpec[]>;
+    show: (body: string, options?: ToastShowOptions) => ToastSpec;
+    success: (body: string, options?: Omit<ToastShowOptions, 'variant'>) => ToastSpec;
+    error: (body: string, options?: Omit<ToastShowOptions, 'variant'>) => ToastSpec;
+    warn: (body: string, options?: Omit<ToastShowOptions, 'variant'>) => ToastSpec;
+    info: (body: string, options?: Omit<ToastShowOptions, 'variant'>) => ToastSpec;
+    dismiss: (id: string) => boolean;
+    clear: () => void;
+}
+export declare function useToast(): UseToastReturn;
+export declare const __resetToastStoreForTests: () => void;
+/**
+ * Resets the toast store between SSR requests. The toast queue is a module
+ * singleton, so the same instance is shared across requests in an SSR runtime.
+ * Call this in your server entry's per-request reset hook to avoid leaking
+ * one request's pending toasts into another's render output.
+ *
+ * Multi-app browser usage shares the same queue; if this is undesirable, use
+ * the component-form `<VibeToast v-model="...">` for app-local toasts.
+ */
+export declare const resetToastStoreForSSR: () => void;
+export declare const __toastStore: {
+    toasts: {
+        id: string;
+        title?: string | undefined;
+        body: string;
+        variant?: Variant | undefined;
+        placement?: ToastPlacement | undefined;
+        autohide?: boolean | undefined;
+        delay?: number | undefined;
+    }[];
+};

package/dist/src/directives/vTooltip.d.ts

@@ -0,0 +1,24 @@
+import { Directive } from 'vue';
+import { TooltipPlacement } from '../types';
+interface BootstrapTooltipInstance {
+    dispose: () => void;
+    setContent: (content: Record<string, string>) => void;
+}
+interface TooltipOptions {
+    title?: string;
+    text?: string;
+    content?: string;
+    placement?: TooltipPlacement;
+    trigger?: string;
+}
+type TooltipBindingValue = string | TooltipOptions | undefined;
+declare const INSTANCE_KEY: unique symbol;
+declare const PENDING_KEY: unique symbol;
+declare const OPTS_KEY: unique symbol;
+interface AugmentedElement extends HTMLElement {
+    [INSTANCE_KEY]?: BootstrapTooltipInstance | null;
+    [PENDING_KEY]?: boolean;
+    [OPTS_KEY]?: TooltipOptions;
+}
+export declare const vTooltip: Directive<AugmentedElement, TooltipBindingValue>;
+export default vTooltip;

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

@@ -2,6 +2,12 @@ import { default as VibeUIPlugin } from './components';
 export * from './components';
 export * from './types';
 export * from './composables/useFormValidation';
+export * from './composables/useForm';
+export { vTooltip } from './directives/vTooltip';
+export { useToast, resetToastStoreForSSR } from './composables/useToast';
+export type { ToastSpec, ToastShowOptions, UseToastReturn } from './composables/useToast';
+export { usePosition } from './composables/usePosition';
+export type { UsePositionOptions, UsePositionReturn } from './composables/usePosition';
 export { useId } from './composables/useId';
 export { useColorMode } from './composables/useColorMode';
 export { useBreakpoints } from './composables/useBreakpoints';

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,8 +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';
@@ -18,17 +25,22 @@ export type OrderValue = 0 | 1 | 2 | 3 | 4 | 5 | 'first' | 'last';
 export type AlignItems = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
 export type JustifyContent = 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly';
 export type SortDirection = 'asc' | 'desc' | null;
-export interface DataTableColumn {
-    key: string;
+export interface DataTableColumn<T extends Record<string, unknown> = Record<string, unknown>> {
+    key: keyof T & string;
     label: string;
     sortable?: boolean;
     searchable?: boolean;
-    formatter?: (value: any, row: any) => string | number;
+    formatter?: (value: T[keyof T], row: T) => string | number;
     class?: string;
     headerClass?: string;
     thStyle?: Record<string, string>;
     tdStyle?: Record<string, string>;
 }
+export interface DataTableCellSlotProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    item: T;
+    value: T[keyof T];
+    index: number;
+}
 export interface DataTableSort {
     key: string;
     direction: 'asc' | 'desc';
@@ -43,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[];
@@ -102,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;
@@ -111,8 +126,19 @@ export interface FormValidationResult {
     valid: boolean;
     message?: string;
 }
+export type FormSelectOptionValue = string | number | boolean | null | undefined;
 export interface FormSelectOption {
-    value: string | number;
+    value: FormSelectOptionValue;
     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;

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

@@ -0,0 +1,13 @@
+export declare const WYSIWYG_PURIFY_CONFIG: {
+    ALLOWED_TAGS: string[];
+    ALLOWED_ATTR: string[];
+};
+export declare function loadDOMPurify(): Promise<void>;
+/**
+ * Sanitize an HTML string if DOMPurify is available.
+ * Falls back to the original string if DOMPurify is not installed — the caller
+ * (Quill's clipboard converter) applies its own Delta-based sanitization regardless.
+ */
+export declare function sanitizeHtml(html: string): string;
+/** Reset state — for use in tests only. */
+export declare function _resetSanitizer(): void;