@velkymx/vibeui 0.6.0 → 0.8.0

package/README.md

@@ -41,19 +41,19 @@ createApp(App).use(VibeUI).mount('#app');
 
 ## Advanced Interactivity
 
-VibeUI v0.6.0+ fully abstracts Bootstrap's JavaScript. You no longer need to manually initialize tooltips, modals, or collapses.
+VibeUI v0.8.0 is optimized for mobile and hybrid apps, and fully abstracts Bootstrap's JavaScript. You no longer need to manually initialize tooltips, modals, or collapses.
 
 ```vue
 <template>
   <div>
-    <!-- Automatic tooltip initialization -->
+    <!-- Automatic tooltip initialization with touch optimization -->
     <VibeTooltip text="I just work!">
-      <VibeButton>Hover Me</VibeButton>
+      <VibeButton>Hover or Tap Me</VibeButton>
     </VibeTooltip>
 
-    <!-- Full v-model support for Modals -->
+    <!-- Full v-model support for Modals with Android back button support -->
     <VibeModal v-model="showModal" title="Hello!">
-      Fully reactive and automated.
+      Fully reactive, automated, and hybrid-ready.
     </VibeModal>
   </div>
 </template>
@@ -69,6 +69,11 @@ VibeUI handles accessibility and IDs for you.
   <VibeFormGroup label="Email Address">
     <VibeFormInput v-model="email" type="email" />
   </VibeFormGroup>
+
+  <!-- New in v0.8.0: Input Groups -->
+  <VibeInputGroup prepend="@">
+    <VibeFormInput v-model="username" noWrapper />
+  </VibeInputGroup>
 </template>
 ```
 
@@ -77,11 +82,11 @@ VibeUI handles accessibility and IDs for you.
 VibeUI includes all major Bootstrap 5.3 components, fully wrapped for Vue 3:
 
 * **Layout**: Container, Row, Col
-* **Core**: Alert, Badge, Button, ButtonGroup, CloseButton, Spinner, Placeholder, Icon
+* **Core**: Alert, Badge, Button, ButtonGroup, CloseButton, Spinner, Placeholder, Icon, Link
 * **Navigation**: Breadcrumb, Nav, Navbar, Pagination, Scrollspy
 * **Interactive**: Accordion, Collapse, Dropdown, Modal, Offcanvas, Toast, Carousel
-* **Data**: DataTable
-* **Forms**: Input, Select, Textarea, Spinbutton, Datepicker, Checkbox, Radio, Switch, Wysiwyg, FormGroup
+* **Data**: DataTable (with mobile Stack mode)
+* **Forms**: Input, InputGroup, Select, Textarea, Spinbutton, Datepicker, Checkbox, Radio, Switch, Wysiwyg, FormGroup
 
 ## Full Documentation
 

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

@@ -45,8 +45,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     refresh: () => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
-    "item-click": (...args: any[]) => void;
     show: (...args: any[]) => void;
+    "item-click": (...args: any[]) => void;
     shown: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     hidden: (...args: any[]) => void;
@@ -69,8 +69,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
-    "onItem-click"?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
     onShown?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onHidden?: ((...args: any[]) => any) | undefined;

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

@@ -14,6 +14,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    subtle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -40,6 +44,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    subtle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,6 +71,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
 }>, {
     variant: string;
+    subtle: boolean;
     modelValue: boolean;
     dismissable: boolean;
     fade: boolean;

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

@@ -13,6 +13,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => Variant;
         default: string;
     };
+    subtle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     pill: {
         type: BooleanConstructor;
         default: boolean;
@@ -28,6 +32,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => Variant;
         default: string;
     };
+    subtle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     pill: {
         type: BooleanConstructor;
         default: boolean;
@@ -40,6 +48,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
 }>, {
     variant: Variant;
+    subtle: boolean;
     pill: boolean;
     tag: "a" | Tag;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -41,6 +41,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    focusRing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
     click: (...args: any[]) => void;
@@ -77,6 +81,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    focusRing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
@@ -89,6 +97,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     href: string;
     to: string | Record<string, any>;
     active: boolean;
+    focusRing: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -10,6 +10,7 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
         bordered: boolean;
         borderless: boolean;
         responsive: boolean;
+        stack: boolean;
         searchable: boolean;
         sortable: boolean;
         paginated: boolean;
@@ -32,6 +33,7 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
         readonly bordered: boolean;
         readonly borderless: boolean;
         readonly responsive: boolean;
+        readonly stack: boolean;
         readonly searchable: boolean;
         readonly sortable: boolean;
         readonly paginated: boolean;
@@ -51,7 +53,7 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
         readonly "onUpdate:sortBy"?: ((value: string | undefined) => any) | undefined;
         readonly "onUpdate:sortDesc"?: ((value: boolean) => any) | undefined;
         readonly "onRow-clicked"?: ((...args: any[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "variant" | "small" | "items" | "hover" | "rowKey" | "striped" | "bordered" | "borderless" | "responsive" | "searchable" | "sortable" | "paginated" | "searchPlaceholder" | "searchDebounce" | "showEmpty" | "emptyText" | "showPerPage" | "showInfo" | "infoText" | "filteredInfoText" | "perPageOptions">, "onComponent-error" | "onUpdate:currentPage" | "columns" | "onUpdate:perPage" | "onUpdate:sortBy" | "onUpdate:sortDesc" | "onRow-clicked" | ("variant" | "small" | "items" | "hover" | "rowKey" | "striped" | "bordered" | "borderless" | "responsive" | "searchable" | "sortable" | "paginated" | "searchPlaceholder" | "searchDebounce" | "showEmpty" | "emptyText" | "showPerPage" | "showInfo" | "infoText" | "filteredInfoText" | "perPageOptions")> & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "variant" | "small" | "items" | "hover" | "rowKey" | "striped" | "bordered" | "borderless" | "responsive" | "stack" | "searchable" | "sortable" | "paginated" | "searchPlaceholder" | "searchDebounce" | "showEmpty" | "emptyText" | "showPerPage" | "showInfo" | "infoText" | "filteredInfoText" | "perPageOptions">, "onComponent-error" | "onUpdate:currentPage" | "columns" | "onUpdate:perPage" | "onUpdate:sortBy" | "onUpdate:sortDesc" | "onRow-clicked" | ("variant" | "small" | "items" | "hover" | "rowKey" | "striped" | "bordered" | "borderless" | "responsive" | "stack" | "searchable" | "sortable" | "paginated" | "searchPlaceholder" | "searchDebounce" | "showEmpty" | "emptyText" | "showPerPage" | "showInfo" | "infoText" | "filteredInfoText" | "perPageOptions")> & {
         currentPage?: number;
         perPage?: number;
         sortBy?: string | undefined;

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

@@ -62,8 +62,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     toggle: () => void | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
-    "item-click": (...args: any[]) => void;
     show: (...args: any[]) => void;
+    "item-click": (...args: any[]) => void;
     shown: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     hidden: (...args: any[]) => void;
@@ -106,8 +106,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
-    "onItem-click"?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
     onShown?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onHidden?: ((...args: any[]) => any) | undefined;

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

@@ -61,6 +61,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    noWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusRing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     blur: (...args: any[]) => void;
@@ -129,6 +137,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    noWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusRing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -143,6 +159,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     label: string;
     size: Size;
     disabled: boolean;
+    focusRing: boolean;
     placeholder: string;
     plaintext: boolean;
     id: string;
@@ -152,5 +169,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     validationRules: ValidatorFunction | ValidationRule[];
     validateOn: "blur" | "change" | "input";
     helpText: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    noWrapper: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -37,6 +37,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<unknown[] | string | boolean>;
         default: undefined;
     };
+    mobileToolbar: {
+        type: PropType<unknown[] | string | boolean>;
+        default: undefined;
+    };
     validationState: {
         type: PropType<ValidationState>;
         default: null;
@@ -105,6 +109,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<unknown[] | string | boolean>;
         default: undefined;
     };
+    mobileToolbar: {
+        type: PropType<unknown[] | string | boolean>;
+        default: undefined;
+    };
     validationState: {
         type: PropType<ValidationState>;
         default: null;
@@ -152,6 +160,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     validateOn: "blur" | "change";
     helpText: string;
     toolbar: string | boolean | unknown[];
+    mobileToolbar: string | boolean | unknown[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     editorContainer: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+import { Size, Tag } from '../types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prepend?(_: {}): any;
+        default?(_: {}): any;
+        append?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<Size>;
+        default: undefined;
+    };
+    prepend: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    append: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tag: {
+        type: PropType<Tag>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<Size>;
+        default: undefined;
+    };
+    prepend: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    append: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tag: {
+        type: PropType<Tag>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    tag: Tag;
+    size: Size;
+    prepend: string;
+    append: string;
+}, {}, {}, {}, 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/VibeLink.vue.d.ts

@@ -0,0 +1,112 @@
+import { PropType } from 'vue';
+import { Tag, Variant } from '../types';
+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<{
+    tag: {
+        type: PropType<Tag | "a">;
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    variant: {
+        type: PropType<Variant>;
+        default: undefined;
+    };
+    underline: {
+        type: PropType<boolean | "0" | "1" | "2" | "3">;
+        default: boolean;
+    };
+    underlineVariant: {
+        type: PropType<Variant>;
+        default: undefined;
+    };
+    underlineOpacity: {
+        type: PropType<"0" | "10" | "25" | "50" | "75" | "100" | 0 | 10 | 25 | 50 | 75 | 100>;
+        default: undefined;
+    };
+    offset: {
+        type: PropType<"1" | "2" | "3" | 1 | 2 | 3>;
+        default: undefined;
+    };
+    opacity: {
+        type: PropType<"10" | "25" | "50" | "75" | "100" | 10 | 25 | 50 | 75 | 100>;
+        default: undefined;
+    };
+    focusRing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tag: {
+        type: PropType<Tag | "a">;
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    variant: {
+        type: PropType<Variant>;
+        default: undefined;
+    };
+    underline: {
+        type: PropType<boolean | "0" | "1" | "2" | "3">;
+        default: boolean;
+    };
+    underlineVariant: {
+        type: PropType<Variant>;
+        default: undefined;
+    };
+    underlineOpacity: {
+        type: PropType<"0" | "10" | "25" | "50" | "75" | "100" | 0 | 10 | 25 | 50 | 75 | 100>;
+        default: undefined;
+    };
+    offset: {
+        type: PropType<"1" | "2" | "3" | 1 | 2 | 3>;
+        default: undefined;
+    };
+    opacity: {
+        type: PropType<"10" | "25" | "50" | "75" | "100" | 10 | 25 | 50 | 75 | 100>;
+        default: undefined;
+    };
+    focusRing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    variant: Variant;
+    tag: "a" | Tag;
+    href: string;
+    to: string | Record<string, any>;
+    focusRing: boolean;
+    offset: 1 | "1" | "2" | "3" | 2 | 3;
+    underline: boolean | "0" | "1" | "2" | "3";
+    underlineVariant: Variant;
+    underlineOpacity: 0 | "0" | 10 | 100 | "10" | 25 | 50 | "25" | "50" | "75" | "100" | 75;
+    opacity: 10 | 100 | "10" | 25 | 50 | "25" | "50" | "75" | "100" | 75;
+}, {}, {}, {}, 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/VibeNav.vue.d.ts

@@ -28,6 +28,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    underline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tag: {
         type: StringConstructor;
         default: string;
@@ -37,8 +41,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     refresh: () => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "component-error": (...args: any[]) => void;
-    "item-click": (...args: any[]) => void;
     show: (...args: any[]) => void;
+    "item-click": (...args: any[]) => void;
     shown: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     hidden: (...args: any[]) => void;
@@ -67,14 +71,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    underline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tag: {
         type: StringConstructor;
         default: string;
     };
 }>> & Readonly<{
     "onComponent-error"?: ((...args: any[]) => any) | undefined;
-    "onItem-click"?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
     onShown?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onHidden?: ((...args: any[]) => any) | undefined;
@@ -85,6 +93,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     pills: boolean;
     tabs: boolean;
     justified: boolean;
+    underline: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     navRef: unknown;
 }, any>;

package/dist/components/index.d.ts

@@ -41,7 +41,9 @@ import { default as VibeFormRadio } from './VibeFormRadio.vue';
 import { default as VibeFormSwitch } from './VibeFormSwitch.vue';
 import { default as VibeFormGroup } from './VibeFormGroup.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, 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 };
+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 };
 declare const VibeUIPlugin: Plugin;
 export default VibeUIPlugin;

package/dist/composables/useBackButton.d.ts

@@ -0,0 +1,9 @@
+type CloseAction = () => void;
+/**
+ * Composable to manage closing active UI layers when the hardware back button is pressed.
+ * Useful for Android devices in hybrid mobile environments.
+ *
+ * @param closeAction The function to call when the back button is pressed.
+ */
+export declare function useBackButton(closeAction: CloseAction): void;
+export {};

package/dist/composables/useBreakpoints.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Composable for programmatic breakpoint detection using Bootstrap standard sizes.
+ */
+export declare function useBreakpoints(): {
+    isXs: import('vue').ComputedRef<boolean>;
+    isSm: import('vue').Ref<boolean, boolean>;
+    isMd: import('vue').Ref<boolean, boolean>;
+    isLg: import('vue').Ref<boolean, boolean>;
+    isXl: import('vue').Ref<boolean, boolean>;
+    isXxl: import('vue').Ref<boolean, boolean>;
+    isMobile: import('vue').ComputedRef<boolean>;
+    isTablet: import('vue').ComputedRef<boolean>;
+};

package/dist/composables/useColorMode.d.ts

@@ -0,0 +1,15 @@
+import { ColorMode } from '../types';
+export declare function useColorMode(): {
+    colorMode: import('vue').Ref<ColorMode, ColorMode>;
+    setColorMode: (mode: ColorMode) => void;
+    toggleColorMode: () => void;
+    initColorMode: () => void;
+    clearColorMode: () => void;
+    onColorModeChange: (callback: (mode: ColorMode) => void) => void;
+};
+/**
+ * For testing only — not re-exported from the package index.
+ * Resets singleton state and removes the storage key.
+ * Must be called in beforeEach to guarantee clean state between tests.
+ */
+export declare function _resetColorMode(): void;

package/dist/index.d.ts

@@ -3,4 +3,7 @@ export * from './components';
 export * from './types';
 export * from './composables/useFormValidation';
 export { useId } from './composables/useId';
+export { useColorMode } from './composables/useColorMode';
+export { useBreakpoints } from './composables/useBreakpoints';
+export { useBackButton } from './composables/useBackButton';
 export default VibeUIPlugin;

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+export type ColorMode = 'light' | 'dark' | 'auto';
 export type Variant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
 export type Size = 'sm' | 'lg';
 export type ButtonType = 'button' | 'submit' | 'reset';

package/dist/vibeui.css

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