@velkymx/vibeui 0.8.1 → 0.9.0

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

@@ -0,0 +1,132 @@
+import { PropType } from 'vue';
+export interface StepperStep {
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    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;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    steps: {
+        type: PropType<StepperStep[]>;
+        required: true;
+    };
+    linear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeNext: {
+        type: PropType<StepperGuard>;
+        default: undefined;
+    };
+    beforePrev: {
+        type: PropType<StepperGuard>;
+        default: undefined;
+    };
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    finishText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (index: number) => any;
+    finish: () => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    steps: {
+        type: PropType<StepperStep[]>;
+        required: true;
+    };
+    linear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeNext: {
+        type: PropType<StepperGuard>;
+        default: undefined;
+    };
+    beforePrev: {
+        type: PropType<StepperGuard>;
+        default: undefined;
+    };
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    finishText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((index: number) => any) | undefined;
+    onFinish?: (() => any) | undefined;
+}>, {
+    modelValue: number;
+    vertical: 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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,45 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,82 @@
+import { PropType } from 'vue';
+type TabsVariant = 'tabs' | 'pills' | 'underline';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<TabsVariant>;
+        default: string;
+    };
+    fill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    justified: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (name: string) => any;
+    change: (name: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<TabsVariant>;
+        default: string;
+    };
+    fill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    justified: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((name: string) => any) | undefined;
+    onChange?: ((name: string) => any) | undefined;
+}>, {
+    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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -8,6 +8,8 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
+        header?(_: {}): any;
+        default?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {
@@ -49,6 +51,10 @@ 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;
@@ -101,6 +107,10 @@ 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;
@@ -117,6 +127,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placement: ToastPlacement;
     autohide: boolean;
     delay: number;
+    noContainer: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     toastRef: HTMLDivElement;
 }, any>;

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

@@ -0,0 +1,15 @@
+import { ToastPlacement } from '../types';
+declare const _default: 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>;
+export default _default;

package/dist/components/dndStore.d.ts

@@ -0,0 +1,6 @@
+export declare const setActiveDrag: (payload: unknown, group: string) => void;
+export declare const clearActiveDrag: () => void;
+export declare const getActiveDrag: () => {
+    payload: unknown;
+    group: string;
+} | null;

package/dist/components/index.d.ts

@@ -5,6 +5,7 @@ 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';
@@ -17,6 +18,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,6 +28,7 @@ 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';
@@ -36,6 +40,15 @@ 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 +57,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, 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 };
 declare const VibeUIPlugin: Plugin;
 export default VibeUIPlugin;

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

@@ -0,0 +1,25 @@
+import { Directive } from 'vue';
+import { Placement } from '../types';
+interface BootstrapTooltipInstance {
+    dispose: () => void;
+    setContent: (content: Record<string, string>) => void;
+}
+interface TooltipOptions {
+    title?: string;
+    text?: string;
+    content?: string;
+    placement?: Placement;
+    trigger?: string;
+    html?: boolean;
+}
+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

@@ -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/types.d.ts

@@ -1,5 +1,6 @@
 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';
@@ -18,17 +19,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';
@@ -111,8 +117,9 @@ 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;
 }

package/dist/vibeui.css

@@ -1 +1 @@
-.navbar.fixed-top[data-v-8228b170],.navbar.sticky-top[data-v-8228b170]{padding-top:env(safe-area-inset-top,0)}.navbar.fixed-bottom[data-v-8228b170]{padding-bottom:env(safe-area-inset-bottom,0)}.modal.show .modal-dialog.modal-fullscreen[data-v-c11ac690],.modal.show .modal-dialog.modal-fullscreen .modal-content[data-v-c11ac690]{height:100dvh}.modal-header[data-v-c11ac690]{padding-top:calc(1rem + env(safe-area-inset-top,0))}.modal-footer[data-v-c11ac690]{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.offcanvas.offcanvas-start[data-v-f03bd194],.offcanvas.offcanvas-end[data-v-f03bd194]{height:100dvh}.offcanvas.offcanvas-top[data-v-f03bd194],.offcanvas.offcanvas-bottom[data-v-f03bd194]{max-height:100dvh}.offcanvas-header[data-v-f03bd194]{padding-top:calc(1rem + env(safe-area-inset-top,0))}.offcanvas-body[data-v-f03bd194]{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.vibe-datatable[data-v-c496dc70]{width:100%}.datatable-info[data-v-c496dc70]{padding:.5rem 0;color:var(--bs-secondary-color)}@media(max-width:767.98px){.vibe-table-stack[data-v-c496dc70],.vibe-table-stack tbody[data-v-c496dc70],.vibe-table-stack tr[data-v-c496dc70],.vibe-table-stack td[data-v-c496dc70]{display:block;width:100%}.vibe-table-stack thead[data-v-c496dc70]{display:none}.vibe-table-stack tr[data-v-c496dc70]{margin-bottom:1rem;border:1px solid var(--bs-border-color);border-radius:.375rem;background-color:var(--bs-body-bg)}.vibe-table-stack td[data-v-c496dc70]{text-align:right;padding:.5rem 1rem;position:relative;padding-left:50%;border-top:none;border-bottom:1px solid var(--bs-border-color)}.vibe-table-stack td[data-v-c496dc70]:last-child{border-bottom:none}.vibe-table-stack td[data-v-c496dc70]:before{content:attr(data-label);position:absolute;left:1rem;width:45%;text-align:left;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.input-group-vertical[data-v-49746a62]{flex-direction:column}.input-group-vertical[data-v-49746a62]>*{width:100%}.vibe-wysiwyg-container[data-v-952f7269]{border:1px solid var(--bs-border-color);border-radius:.375rem}.vibe-wysiwyg-container.is-valid[data-v-952f7269]{border-color:var(--bs-success)}.vibe-wysiwyg-container.is-invalid[data-v-952f7269]{border-color:var(--bs-danger)}.vibe-wysiwyg-container.disabled[data-v-952f7269]{background-color:var(--bs-secondary-bg);opacity:.6;cursor:not-allowed}.vibe-wysiwyg-container[data-v-952f7269] .ql-container{border:none;font-size:1rem}.vibe-wysiwyg-container[data-v-952f7269] .ql-toolbar{border:none;border-bottom:1px solid var(--bs-border-color);border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vibe-wysiwyg-container[data-v-952f7269] .ql-editor{min-height:150px}
+.vibe-skeleton[data-v-37d19d6e]{display:block;background-color:var(--bs-secondary-bg, #e9ecef);border-radius:.25rem;position:relative;overflow:hidden}.vibe-skeleton-text[data-v-37d19d6e]{height:.875rem;margin-bottom:.5rem;width:100%}.vibe-skeleton-text[data-v-37d19d6e]:last-child{margin-bottom:0}.vibe-skeleton-rect[data-v-37d19d6e]{width:100%;height:1rem}.vibe-skeleton-circle[data-v-37d19d6e]{border-radius:50%;width:2.5rem;height:2.5rem}.vibe-skeleton-card[data-v-37d19d6e]{display:flex;flex-direction:column;gap:.5rem}.vibe-skeleton-animated[data-v-37d19d6e]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);transform:translate(-100%);animation:vibe-skeleton-shimmer-37d19d6e 1.4s infinite}@keyframes vibe-skeleton-shimmer-37d19d6e{to{transform:translate(100%)}}@media(prefers-color-scheme:dark){.vibe-skeleton[data-v-37d19d6e]{background-color:var(--bs-secondary-bg, #2b3035)}.vibe-skeleton-animated[data-v-37d19d6e]:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%)}}@media(prefers-reduced-motion:reduce){.vibe-skeleton-animated[data-v-37d19d6e]:after{animation:none}}.navbar.fixed-top[data-v-8228b170],.navbar.sticky-top[data-v-8228b170]{padding-top:env(safe-area-inset-top,0)}.navbar.fixed-bottom[data-v-8228b170]{padding-bottom:env(safe-area-inset-bottom,0)}.modal.show .modal-dialog.modal-fullscreen[data-v-c11ac690],.modal.show .modal-dialog.modal-fullscreen .modal-content[data-v-c11ac690]{height:100dvh}.modal-header[data-v-c11ac690]{padding-top:calc(1rem + env(safe-area-inset-top,0))}.modal-footer[data-v-c11ac690]{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.offcanvas.offcanvas-start[data-v-f03bd194],.offcanvas.offcanvas-end[data-v-f03bd194]{height:100dvh}.offcanvas.offcanvas-top[data-v-f03bd194],.offcanvas.offcanvas-bottom[data-v-f03bd194]{max-height:100dvh}.offcanvas-header[data-v-f03bd194]{padding-top:calc(1rem + env(safe-area-inset-top,0))}.offcanvas-body[data-v-f03bd194]{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.vibe-datatable[data-v-3d846265]{width:100%}.datatable-info[data-v-3d846265]{padding:.5rem 0;color:var(--bs-secondary-color)}@media(max-width:767.98px){.vibe-table-stack[data-v-3d846265],.vibe-table-stack tbody[data-v-3d846265],.vibe-table-stack tr[data-v-3d846265],.vibe-table-stack td[data-v-3d846265]{display:block;width:100%}.vibe-table-stack thead[data-v-3d846265]{display:none}.vibe-table-stack tr[data-v-3d846265]{margin-bottom:1rem;border:1px solid var(--bs-border-color);border-radius:.375rem;background-color:var(--bs-body-bg)}.vibe-table-stack td[data-v-3d846265]{text-align:right;padding:.5rem 1rem;position:relative;padding-left:50%;border-top:none;border-bottom:1px solid var(--bs-border-color)}.vibe-table-stack td[data-v-3d846265]:last-child{border-bottom:none}.vibe-table-stack td[data-v-3d846265]:before{content:attr(data-label);position:absolute;left:1rem;width:45%;text-align:left;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.input-group-vertical[data-v-49746a62]{flex-direction:column}.input-group-vertical[data-v-49746a62]>*{width:100%}.vibe-file-input-dropzone[data-v-258bd632]{border:2px dashed var(--bs-border-color, #ced4da);border-radius:.375rem;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.vibe-file-input-dropzone-active[data-v-258bd632]{border-color:var(--bs-primary, #0d6efd);background-color:var(--bs-primary-bg-subtle, rgba(13, 110, 253, .05))}.vibe-file-input-dropzone-disabled[data-v-258bd632]{cursor:not-allowed;opacity:.65}.vibe-slider[data-v-5b520fda]{--vibe-slider-track-height: 6px;--vibe-slider-handle-size: 18px;position:relative;width:100%;padding:calc(var(--vibe-slider-handle-size) / 2) 0;-webkit-user-select:none;user-select:none}.vibe-slider-vertical[data-v-5b520fda]{width:var(--vibe-slider-handle-size);height:200px;padding:0 calc(var(--vibe-slider-handle-size) / 2)}.vibe-slider-track[data-v-5b520fda]{position:relative;width:100%;height:var(--vibe-slider-track-height);background-color:var(--bs-secondary-bg, #e9ecef);border-radius:calc(var(--vibe-slider-track-height) / 2)}.vibe-slider-vertical .vibe-slider-track[data-v-5b520fda]{width:var(--vibe-slider-track-height);height:100%}.vibe-slider-fill[data-v-5b520fda]{position:absolute;inset:0;background-color:var(--bs-primary, #0d6efd);border-radius:inherit}.vibe-slider-handle[data-v-5b520fda]{position:absolute;width:var(--vibe-slider-handle-size);height:var(--vibe-slider-handle-size);background-color:#fff;border:2px solid var(--bs-primary, #0d6efd);border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.vibe-slider-vertical .vibe-slider-handle[data-v-5b520fda]{top:auto;left:50%;transform:translate(-50%,50%)}.vibe-slider-handle[data-v-5b520fda]:focus-visible{outline:2px solid var(--bs-primary, #0d6efd);outline-offset:2px}.vibe-slider-handle[data-v-5b520fda]:active{cursor:grabbing}.vibe-slider-disabled[data-v-5b520fda]{opacity:.55;pointer-events:none}.vibe-stepper-header[data-v-c693b42b]{display:flex;list-style:none;padding:0;margin:0 0 1.5rem;gap:0}.vibe-stepper-vertical .vibe-stepper-header[data-v-c693b42b]{flex-direction:column;gap:.5rem}.vibe-stepper-step[data-v-c693b42b]{display:flex;align-items:center;gap:.5rem;flex:1;cursor:pointer;padding:.5rem .75rem;position:relative;color:var(--bs-secondary-color, #6c757d)}.vibe-stepper-step[data-v-c693b42b]:not(:last-child):after{content:"";flex:1;height:1px;background-color:var(--bs-border-color, #dee2e6);margin-left:.75rem}.vibe-stepper-vertical .vibe-stepper-step[data-v-c693b42b]:not(:last-child):after{display:none}.vibe-stepper-marker[data-v-c693b42b]{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background-color:var(--bs-secondary-bg, #e9ecef);font-weight:600;flex-shrink:0}.vibe-stepper-active .vibe-stepper-marker[data-v-c693b42b]{background-color:var(--bs-primary, #0d6efd);color:#fff}.vibe-stepper-completed .vibe-stepper-marker[data-v-c693b42b]{background-color:var(--bs-success, #198754);color:#fff}.vibe-stepper-active[data-v-c693b42b]{color:var(--bs-body-color, inherit);font-weight:600}.vibe-stepper-locked[data-v-c693b42b],.vibe-stepper-disabled[data-v-c693b42b]{cursor:not-allowed;opacity:.6}.vibe-stepper-label[data-v-c693b42b]{display:flex;flex-direction:column}.vibe-stepper-description[data-v-c693b42b]{font-size:.85em;color:var(--bs-secondary-color, #6c757d);font-weight:400}.vibe-stepper-body[data-v-c693b42b]{margin-bottom:1.5rem}.vibe-stepper-actions[data-v-c693b42b]{display:flex;justify-content:space-between;gap:.5rem}.vibe-autocomplete[data-v-ccd7df7d]{position:relative}.vibe-autocomplete-menu[data-v-ccd7df7d]{position:absolute;top:100%;left:0;right:0;z-index:1050;list-style:none;margin:0;padding:.25rem 0;background-color:var(--bs-body-bg, white);border:1px solid var(--bs-border-color, #dee2e6);border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026;max-height:240px;overflow-y:auto}.vibe-autocomplete-item[data-v-ccd7df7d]{padding:.375rem .75rem;cursor:pointer}.vibe-autocomplete-item-highlighted[data-v-ccd7df7d]{background-color:var(--bs-primary-bg-subtle, #cfe2ff)}.vibe-autocomplete-empty[data-v-ccd7df7d]{padding:.5rem .75rem;color:var(--bs-secondary-color, #6c757d);font-style:italic}.vibe-sortable-item[data-v-651679ac]{cursor:grab}.vibe-sortable-item.vibe-sortable-dragging[data-v-651679ac]{opacity:.4;cursor:grabbing}.vibe-draggable[data-v-633735d3]{cursor:grab}.vibe-draggable-dragging[data-v-633735d3]{opacity:.5;cursor:grabbing}.vibe-draggable-disabled[data-v-633735d3]{cursor:not-allowed}.vibe-droppable-over[data-v-b75c06d6]{outline:2px dashed var(--bs-primary, #0d6efd);outline-offset:-2px}.vibe-droppable-disabled[data-v-b75c06d6]{opacity:.6}.vibe-resizable[data-v-cf1014a7]{position:relative;display:inline-block;box-sizing:border-box}.vibe-resizable-handle[data-v-cf1014a7]{position:absolute;background-color:transparent;z-index:10}.vibe-resizable-active[data-v-cf1014a7]{-webkit-user-select:none;user-select:none}.vibe-resizable-disabled .vibe-resizable-handle[data-v-cf1014a7]{pointer-events:none}.vibe-resizable-handle-n[data-v-cf1014a7],.vibe-resizable-handle-s[data-v-cf1014a7]{left:0;right:0;height:6px;cursor:ns-resize}.vibe-resizable-handle-n[data-v-cf1014a7]{top:-3px}.vibe-resizable-handle-s[data-v-cf1014a7]{bottom:-3px}.vibe-resizable-handle-e[data-v-cf1014a7],.vibe-resizable-handle-w[data-v-cf1014a7]{top:0;bottom:0;width:6px;cursor:ew-resize}.vibe-resizable-handle-e[data-v-cf1014a7]{right:-3px}.vibe-resizable-handle-w[data-v-cf1014a7]{left:-3px}.vibe-resizable-handle-ne[data-v-cf1014a7],.vibe-resizable-handle-nw[data-v-cf1014a7],.vibe-resizable-handle-se[data-v-cf1014a7],.vibe-resizable-handle-sw[data-v-cf1014a7]{width:12px;height:12px;z-index:11}.vibe-resizable-handle-ne[data-v-cf1014a7]{top:-6px;right:-6px;cursor:nesw-resize}.vibe-resizable-handle-nw[data-v-cf1014a7]{top:-6px;left:-6px;cursor:nwse-resize}.vibe-resizable-handle-se[data-v-cf1014a7]{bottom:-6px;right:-6px;cursor:nwse-resize}.vibe-resizable-handle-sw[data-v-cf1014a7]{bottom:-6px;left:-6px;cursor:nesw-resize}.vibe-datepicker[data-v-d18ee62c]{position:relative;display:inline-block;width:100%}.vibe-datepicker-popover[data-v-d18ee62c]{position:absolute;top:100%;left:0;z-index:1050;margin-top:.25rem;padding:.75rem;background-color:var(--bs-body-bg, white);border:1px solid var(--bs-border-color, #dee2e6);border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026;min-width:280px}.vibe-datepicker-header[data-v-d18ee62c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.vibe-datepicker-nav[data-v-d18ee62c]{background:none;border:0;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem}.vibe-datepicker-title[data-v-d18ee62c]{font-weight:600}.vibe-datepicker-weekdays[data-v-d18ee62c],.vibe-datepicker-grid[data-v-d18ee62c]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.vibe-datepicker-weekday[data-v-d18ee62c]{text-align:center;font-size:.75rem;color:var(--bs-secondary-color, #6c757d);padding:.25rem 0}.vibe-datepicker-day[data-v-d18ee62c]{background:none;border:0;border-radius:.25rem;padding:.4rem 0;cursor:pointer;font-size:.875rem}.vibe-datepicker-day[data-v-d18ee62c]:hover:not(:disabled){background-color:var(--bs-secondary-bg, #e9ecef)}.vibe-datepicker-day-outside[data-v-d18ee62c]{opacity:.4}.vibe-datepicker-day-disabled[data-v-d18ee62c]{opacity:.3;cursor:not-allowed}.vibe-datepicker-day-today[data-v-d18ee62c]{font-weight:700;text-decoration:underline}.vibe-datepicker-day-selected[data-v-d18ee62c],.vibe-datepicker-day-range-start[data-v-d18ee62c],.vibe-datepicker-day-range-end[data-v-d18ee62c]{background-color:var(--bs-primary, #0d6efd);color:#fff}.vibe-datepicker-day-in-range[data-v-d18ee62c]{background-color:var(--bs-primary-bg-subtle, #cfe2ff)}.vibe-wysiwyg-container[data-v-10ea0dd0]{border:1px solid var(--bs-border-color);border-radius:.375rem}.vibe-wysiwyg-container.is-valid[data-v-10ea0dd0]{border-color:var(--bs-success)}.vibe-wysiwyg-container.is-invalid[data-v-10ea0dd0]{border-color:var(--bs-danger)}.vibe-wysiwyg-container.disabled[data-v-10ea0dd0]{background-color:var(--bs-secondary-bg);opacity:.6;cursor:not-allowed}.vibe-wysiwyg-container[data-v-10ea0dd0] .ql-container{border:none;font-size:1rem}.vibe-wysiwyg-container[data-v-10ea0dd0] .ql-toolbar{border:none;border-bottom:1px solid var(--bs-border-color);border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vibe-wysiwyg-container[data-v-10ea0dd0] .ql-editor{min-height:150px}