@velkymx/vibeui 0.9.0 → 1.1.0

package/dist/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_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => 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/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/components/VibeTooltip.vue.d.ts

@@ -1,20 +1,13 @@
-import { Placement } from '../types';
+import { TooltipPlacement, ComponentError } from '../types';
 interface BootstrapTooltip {
     dispose: () => void;
     setContent: (content: object) => void;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        tooltipRef: HTMLSpanElement;
-    };
-    rootEl: HTMLSpanElement;
+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<{
     content: {
         type: StringConstructor;
         default: undefined;
@@ -24,27 +17,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: undefined;
     };
     placement: {
-        type: () => Placement;
+        type: () => TooltipPlacement;
         default: string;
     };
     trigger: {
         type: StringConstructor;
         default: string;
     };
-    html: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>, {
-    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;
+    _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;
@@ -55,31 +38,25 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: undefined;
     };
     placement: {
-        type: () => Placement;
+        type: () => TooltipPlacement;
         default: string;
     };
     trigger: {
         type: StringConstructor;
         default: string;
     };
-    html: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & Readonly<{
-    "onComponent-error"?: ((...args: any[]) => any) | undefined;
+    "onComponent-error"?: ((error: ComponentError) => any) | undefined;
 }>, {
-    html: boolean;
     text: string;
-    placement: Placement;
     content: string;
+    placement: TooltipPlacement;
     trigger: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    tooltipRef: HTMLSpanElement;
-}, HTMLSpanElement>;
-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/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/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/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/components/chart/chartTypes.d.ts

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

package/dist/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/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/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/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/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';
@@ -53,10 +57,11 @@ import { default as VibeFormCheckbox } from './VibeFormCheckbox.vue';
 import { default as VibeFormRadio } from './VibeFormRadio.vue';
 import { default as VibeFormSwitch } from './VibeFormSwitch.vue';
 import { default as VibeFormGroup } from './VibeFormGroup.vue';
+import { default as VibeFormErrorSummary } from './VibeFormErrorSummary.vue';
 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, VibeFormErrorSummary, VibeFormWysiwyg, VibeInputGroup, VibeLink };
 declare const VibeUIPlugin: Plugin;
 export default VibeUIPlugin;

package/dist/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/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/composables/useId.d.ts

@@ -1,5 +1,2 @@
-/**
- * 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;
+export declare function _resetIdCounter(): void;

package/dist/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/injectionKeys.d.ts

@@ -0,0 +1,34 @@
+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>;
+    /**
+     * WCAG 1.3.1 / 3.3.1: ids of the help text and feedback elements rendered by
+     * this group so nested controls can reference them in aria-describedby.
+     */
+    helpId: ComputedRef<string | null>;
+    feedbackId: ComputedRef<string | null>;
+}
+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>;