bootstrap-vue-next 0.44.3 → 0.44.4

package/dist/src/directives/BPopover/index.umd.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_floatingUi = require("../../../floatingUi-syPgL0ve.js");
-const require_utils = require("../../../utils-bUQM0PzD.js");
+const require_floatingUi = require("../../../floatingUi-Cs4rDXmO.js");
+const require_utils = require("../../../utils-CaC78Zdk.js");
 require("vue");
 //#region src/directives/BPopover/index.ts
 var vBPopover = require_utils.createFloatingDirective("$__popover", "BPopover", (text, defaults, binding, el) => ({

package/dist/src/directives/BScrollspy/index.mjs

@@ -1,7 +1,7 @@
 import { i as getSafeDocument } from "../../../dom-AhkaSoh8.mjs";
 import { i as omit } from "../../../object-CHQkkner.mjs";
 import { useScrollspy } from "../../composables/useScrollspy/index.mjs";
-import { r as getDirectiveUid } from "../../../utils-D_vdhVDP.mjs";
+import { r as getDirectiveUid } from "../../../utils-CgwCsk6U.mjs";
 import "vue";
 //#region src/directives/BScrollspy/index.ts
 var bind = (el, binding) => {

package/dist/src/directives/BScrollspy/index.umd.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_dom = require("../../../dom-Bs6DzM72.js");
 const require_object = require("../../../object-BN7QwMcz.js");
 const require_src_composables_useScrollspy_index = require("../../composables/useScrollspy/index.umd.js");
-const require_utils = require("../../../utils-bUQM0PzD.js");
+const require_utils = require("../../../utils-CaC78Zdk.js");
 require("vue");
 //#region src/directives/BScrollspy/index.ts
 var bind = (el, binding) => {

package/dist/src/directives/BToggle/index.mjs

@@ -1,7 +1,7 @@
 import { x as showHideRegistryKey } from "../../../keys-CQKrwmvN.mjs";
 import { h as RX_SPACE_SPLIT, l as RX_HASH, u as RX_HASH_ID } from "../../../constants-BSIK14yA.mjs";
-import { t as getActiveShowHide } from "../../../registryAccess-BO4rk3Sm.mjs";
-import { n as findProvides } from "../../../utils-D_vdhVDP.mjs";
+import { t as getActiveShowHide } from "../../../registryAccess-C1Ti_nxW.mjs";
+import { n as findProvides } from "../../../utils-CgwCsk6U.mjs";
 import "vue";
 //#region src/directives/BToggle/index.ts
 var getTargets = (binding, el) => {

package/dist/src/directives/BToggle/index.umd.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_keys = require("../../../keys-durSVUrO.js");
 const require_constants = require("../../../constants-hccBP09R.js");
-const require_registryAccess = require("../../../registryAccess-ROXkP1Do.js");
-const require_utils = require("../../../utils-bUQM0PzD.js");
+const require_registryAccess = require("../../../registryAccess-D-YxwQJq.js");
+const require_utils = require("../../../utils-CaC78Zdk.js");
 require("vue");
 //#region src/directives/BToggle/index.ts
 var getTargets = (binding, el) => {

package/dist/src/directives/BTooltip/index.mjs

@@ -1,5 +1,5 @@
-import { s as resolveDirectiveProps } from "../../../floatingUi-BErx3eqf.mjs";
-import { t as createFloatingDirective } from "../../../utils-D_vdhVDP.mjs";
+import { s as resolveDirectiveProps } from "../../../floatingUi-DHMrP__c.mjs";
+import { t as createFloatingDirective } from "../../../utils-CgwCsk6U.mjs";
 import "vue";
 //#region src/directives/BTooltip/index.ts
 var vBTooltip = createFloatingDirective("$__tooltip", "BTooltip", (text, defaults, binding, el) => ({

package/dist/src/directives/BTooltip/index.umd.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_floatingUi = require("../../../floatingUi-syPgL0ve.js");
-const require_utils = require("../../../utils-bUQM0PzD.js");
+const require_floatingUi = require("../../../floatingUi-Cs4rDXmO.js");
+const require_utils = require("../../../utils-CaC78Zdk.js");
 require("vue");
 //#region src/directives/BTooltip/index.ts
 var vBTooltip = require_utils.createFloatingDirective("$__tooltip", "BTooltip", (text, defaults, binding, el) => ({

package/dist/src/resolvers/index.mjs

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../../chunk-D1SwGrFN.mjs";
-import { a as directiveNames, n as componentsWithExternalPath, o as directivesWithExternalPath, t as componentNames } from "../../BootstrapVueOptions-Bswes3nS.mjs";
+import { a as directiveNames, n as componentsWithExternalPath, o as directivesWithExternalPath, t as componentNames } from "../../BootstrapVueOptions-BU3rzYio.mjs";
 //#region src/resolvers/index.ts
 var resolvers_exports = /* @__PURE__ */ __exportAll({ BootstrapVueNextResolver: () => BootstrapVueNextResolver });
 var bvKey = "bootstrap-vue-next";

package/dist/src/resolvers/index.umd.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../../chunk-CoQrYLCe.js");
-const require_BootstrapVueOptions = require("../../BootstrapVueOptions-BxTxSFXn.js");
+const require_BootstrapVueOptions = require("../../BootstrapVueOptions-BC3f7hMU.js");
 //#region src/resolvers/index.ts
 var resolvers_exports = /* @__PURE__ */ require_chunk.__exportAll({ BootstrapVueNextResolver: () => BootstrapVueNextResolver });
 var bvKey = "bootstrap-vue-next";

package/dist/src/types/index.mjs

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../../chunk-D1SwGrFN.mjs";
-import { a as directiveNames, i as composablesWithExternalPath, n as componentsWithExternalPath, o as directivesWithExternalPath, r as composableNames, t as componentNames } from "../../BootstrapVueOptions-Bswes3nS.mjs";
+import { a as directiveNames, i as composablesWithExternalPath, n as componentsWithExternalPath, o as directivesWithExternalPath, r as composableNames, t as componentNames } from "../../BootstrapVueOptions-BU3rzYio.mjs";
 //#region src/types/index.ts
 var types_exports = /* @__PURE__ */ __exportAll({
 	componentNames: () => componentNames,

package/dist/src/types/index.umd.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../../chunk-CoQrYLCe.js");
-const require_BootstrapVueOptions = require("../../BootstrapVueOptions-BxTxSFXn.js");
+const require_BootstrapVueOptions = require("../../BootstrapVueOptions-BC3f7hMU.js");
 //#region src/types/index.ts
 var types_exports = /* @__PURE__ */ require_chunk.__exportAll({
 	componentNames: () => require_BootstrapVueOptions.componentNames,

package/dist/types/BootstrapVueOptions.d.mts

@@ -15,6 +15,7 @@ export declare const componentsWithExternalPath: {
     readonly BAccordionItem: "/components/BAccordion";
     readonly BAlert: "/components/BAlert";
     readonly BApp: "/components/BApp";
+    readonly BAutocomplete: "/components/BAutocomplete";
     readonly BAvatar: "/components/BAvatar";
     readonly BAvatarGroup: "/components/BAvatar";
     readonly BBadge: "/components/BBadge";
@@ -89,6 +90,7 @@ export declare const componentsWithExternalPath: {
     readonly BNavbarNav: "/components/BNavbar";
     readonly BNavbarToggle: "/components/BNavbar";
     readonly BOffcanvas: "/components/BOffcanvas";
+    readonly BOtpInput: "/components/BOtpInput";
     readonly BOverlay: "/components/BOverlay";
     readonly BOrchestrator: "/components/BApp";
     readonly BPagination: "/components/BPagination";
@@ -119,7 +121,7 @@ export declare const componentsWithExternalPath: {
     readonly BTimeField: "/components/BTimeField";
     readonly BTimeRangeField: "/components/BDateField";
 };
-export declare const componentNames: readonly ("BAspect" | "BAccordion" | "BAccordionItem" | "BAlert" | "BApp" | "BOrchestrator" | "BAvatar" | "BAvatarGroup" | "BBadge" | "BBreadcrumb" | "BBreadcrumbItem" | "BButton" | "BButtonGroup" | "BButtonToolbar" | "BCloseButton" | "BCard" | "BCardBody" | "BCardFooter" | "BCardGroup" | "BCardHeader" | "BCardImg" | "BCardSubtitle" | "BCardText" | "BCardTitle" | "BCarousel" | "BCarouselSlide" | "BCollapse" | "BCol" | "BContainer" | "BRow" | "BDateField" | "BDateRangeField" | "BTimeRangeField" | "BDatePicker" | "BDateRangePicker" | "BDropdown" | "BDropdownDivider" | "BDropdownForm" | "BDropdownGroup" | "BDropdownHeader" | "BDropdownItem" | "BDropdownItemButton" | "BDropdownText" | "BForm" | "BFormDatalist" | "BFormFloatingLabel" | "BFormInvalidFeedback" | "BFormRow" | "BFormText" | "BFormValidFeedback" | "BFormCheckbox" | "BFormCheckboxGroup" | "BFormFile" | "BFormGroup" | "BFormInput" | "BInput" | "BFormRadio" | "BFormRadioGroup" | "BFormRating" | "BFormSelect" | "BFormSelectOption" | "BFormSelectOptionGroup" | "BFormSpinbutton" | "BFormTags" | "BFormTag" | "BFormTextarea" | "BImg" | "BInputGroup" | "BInputGroupText" | "BLink" | "BListGroup" | "BListGroupItem" | "BModal" | "BNav" | "BNavForm" | "BNavItem" | "BNavItemDropdown" | "BNavText" | "BNavbar" | "BNavbarBrand" | "BNavbarNav" | "BNavbarToggle" | "BOffcanvas" | "BOverlay" | "BPagination" | "BPlaceholder" | "BPlaceholderButton" | "BPlaceholderCard" | "BPlaceholderTable" | "BPlaceholderWrapper" | "BPopover" | "BProgress" | "BProgressBar" | "BSpinner" | "BTable" | "BTableLite" | "BTableSimple" | "BTbody" | "BTd" | "BTfoot" | "BTh" | "BThead" | "BTr" | "BTab" | "BTabs" | "BTimeField" | "BToast" | "BTooltip")[];
+export declare const componentNames: readonly ("BAspect" | "BAccordion" | "BAccordionItem" | "BAlert" | "BApp" | "BOrchestrator" | "BAutocomplete" | "BAvatar" | "BAvatarGroup" | "BBadge" | "BBreadcrumb" | "BBreadcrumbItem" | "BButton" | "BButtonGroup" | "BButtonToolbar" | "BCloseButton" | "BCard" | "BCardBody" | "BCardFooter" | "BCardGroup" | "BCardHeader" | "BCardImg" | "BCardSubtitle" | "BCardText" | "BCardTitle" | "BCarousel" | "BCarouselSlide" | "BCollapse" | "BCol" | "BContainer" | "BRow" | "BDateField" | "BDateRangeField" | "BTimeRangeField" | "BDatePicker" | "BDateRangePicker" | "BDropdown" | "BDropdownDivider" | "BDropdownForm" | "BDropdownGroup" | "BDropdownHeader" | "BDropdownItem" | "BDropdownItemButton" | "BDropdownText" | "BForm" | "BFormDatalist" | "BFormFloatingLabel" | "BFormInvalidFeedback" | "BFormRow" | "BFormText" | "BFormValidFeedback" | "BFormCheckbox" | "BFormCheckboxGroup" | "BFormFile" | "BFormGroup" | "BFormInput" | "BInput" | "BFormRadio" | "BFormRadioGroup" | "BFormRating" | "BFormSelect" | "BFormSelectOption" | "BFormSelectOptionGroup" | "BFormSpinbutton" | "BFormTags" | "BFormTag" | "BFormTextarea" | "BImg" | "BInputGroup" | "BInputGroupText" | "BLink" | "BListGroup" | "BListGroupItem" | "BModal" | "BNav" | "BNavForm" | "BNavItem" | "BNavItemDropdown" | "BNavText" | "BNavbar" | "BNavbarBrand" | "BNavbarNav" | "BNavbarToggle" | "BOffcanvas" | "BOtpInput" | "BOverlay" | "BPagination" | "BPlaceholder" | "BPlaceholderButton" | "BPlaceholderCard" | "BPlaceholderTable" | "BPlaceholderWrapper" | "BPopover" | "BProgress" | "BProgressBar" | "BSpinner" | "BTable" | "BTableLite" | "BTableSimple" | "BTbody" | "BTd" | "BTfoot" | "BTh" | "BThead" | "BTr" | "BTab" | "BTabs" | "BTimeField" | "BToast" | "BTooltip")[];
 export declare const directivesWithExternalPath: {
     readonly vBColorMode: "/directives/BColorMode";
     readonly vBModal: "/directives/BModal";
@@ -183,6 +185,7 @@ export interface BootstrapVueOptions {
 }
 type UnmappedComponentProps<BFormSelectOption = any, BTableLite = any, BTable = any> = {
     BAspect: ComponentProps.BAspectProps;
+    BAutocomplete: ComponentProps.BAutocompleteProps;
     BLink: ComponentProps.BLinkProps;
     BAccordion: ComponentProps.BAccordionProps;
     BApp: ComponentProps.BAppProps;
@@ -286,6 +289,7 @@ type UnmappedComponentProps<BFormSelectOption = any, BTableLite = any, BTable =
     BRow: ComponentProps.BRowProps;
     BInput: ComponentProps.BFormInputProps;
     BTimeField: ComponentProps.BTimeFieldProps;
+    BOtpInput: ComponentProps.BOtpInputProps;
     BDateField: ComponentProps.BDateFieldProps;
     BDatePicker: ComponentProps.BDatePickerProps;
     BDateRangeField: ComponentProps.BDateRangeFieldProps;

package/dist/types/BootstrapVueOptions.d.ts

@@ -15,6 +15,7 @@ export declare const componentsWithExternalPath: {
     readonly BAccordionItem: "/components/BAccordion";
     readonly BAlert: "/components/BAlert";
     readonly BApp: "/components/BApp";
+    readonly BAutocomplete: "/components/BAutocomplete";
     readonly BAvatar: "/components/BAvatar";
     readonly BAvatarGroup: "/components/BAvatar";
     readonly BBadge: "/components/BBadge";
@@ -89,6 +90,7 @@ export declare const componentsWithExternalPath: {
     readonly BNavbarNav: "/components/BNavbar";
     readonly BNavbarToggle: "/components/BNavbar";
     readonly BOffcanvas: "/components/BOffcanvas";
+    readonly BOtpInput: "/components/BOtpInput";
     readonly BOverlay: "/components/BOverlay";
     readonly BOrchestrator: "/components/BApp";
     readonly BPagination: "/components/BPagination";
@@ -119,7 +121,7 @@ export declare const componentsWithExternalPath: {
     readonly BTimeField: "/components/BTimeField";
     readonly BTimeRangeField: "/components/BDateField";
 };
-export declare const componentNames: readonly ("BAspect" | "BAccordion" | "BAccordionItem" | "BAlert" | "BApp" | "BOrchestrator" | "BAvatar" | "BAvatarGroup" | "BBadge" | "BBreadcrumb" | "BBreadcrumbItem" | "BButton" | "BButtonGroup" | "BButtonToolbar" | "BCloseButton" | "BCard" | "BCardBody" | "BCardFooter" | "BCardGroup" | "BCardHeader" | "BCardImg" | "BCardSubtitle" | "BCardText" | "BCardTitle" | "BCarousel" | "BCarouselSlide" | "BCollapse" | "BCol" | "BContainer" | "BRow" | "BDateField" | "BDateRangeField" | "BTimeRangeField" | "BDatePicker" | "BDateRangePicker" | "BDropdown" | "BDropdownDivider" | "BDropdownForm" | "BDropdownGroup" | "BDropdownHeader" | "BDropdownItem" | "BDropdownItemButton" | "BDropdownText" | "BForm" | "BFormDatalist" | "BFormFloatingLabel" | "BFormInvalidFeedback" | "BFormRow" | "BFormText" | "BFormValidFeedback" | "BFormCheckbox" | "BFormCheckboxGroup" | "BFormFile" | "BFormGroup" | "BFormInput" | "BInput" | "BFormRadio" | "BFormRadioGroup" | "BFormRating" | "BFormSelect" | "BFormSelectOption" | "BFormSelectOptionGroup" | "BFormSpinbutton" | "BFormTags" | "BFormTag" | "BFormTextarea" | "BImg" | "BInputGroup" | "BInputGroupText" | "BLink" | "BListGroup" | "BListGroupItem" | "BModal" | "BNav" | "BNavForm" | "BNavItem" | "BNavItemDropdown" | "BNavText" | "BNavbar" | "BNavbarBrand" | "BNavbarNav" | "BNavbarToggle" | "BOffcanvas" | "BOverlay" | "BPagination" | "BPlaceholder" | "BPlaceholderButton" | "BPlaceholderCard" | "BPlaceholderTable" | "BPlaceholderWrapper" | "BPopover" | "BProgress" | "BProgressBar" | "BSpinner" | "BTable" | "BTableLite" | "BTableSimple" | "BTbody" | "BTd" | "BTfoot" | "BTh" | "BThead" | "BTr" | "BTab" | "BTabs" | "BTimeField" | "BToast" | "BTooltip")[];
+export declare const componentNames: readonly ("BAspect" | "BAccordion" | "BAccordionItem" | "BAlert" | "BApp" | "BOrchestrator" | "BAutocomplete" | "BAvatar" | "BAvatarGroup" | "BBadge" | "BBreadcrumb" | "BBreadcrumbItem" | "BButton" | "BButtonGroup" | "BButtonToolbar" | "BCloseButton" | "BCard" | "BCardBody" | "BCardFooter" | "BCardGroup" | "BCardHeader" | "BCardImg" | "BCardSubtitle" | "BCardText" | "BCardTitle" | "BCarousel" | "BCarouselSlide" | "BCollapse" | "BCol" | "BContainer" | "BRow" | "BDateField" | "BDateRangeField" | "BTimeRangeField" | "BDatePicker" | "BDateRangePicker" | "BDropdown" | "BDropdownDivider" | "BDropdownForm" | "BDropdownGroup" | "BDropdownHeader" | "BDropdownItem" | "BDropdownItemButton" | "BDropdownText" | "BForm" | "BFormDatalist" | "BFormFloatingLabel" | "BFormInvalidFeedback" | "BFormRow" | "BFormText" | "BFormValidFeedback" | "BFormCheckbox" | "BFormCheckboxGroup" | "BFormFile" | "BFormGroup" | "BFormInput" | "BInput" | "BFormRadio" | "BFormRadioGroup" | "BFormRating" | "BFormSelect" | "BFormSelectOption" | "BFormSelectOptionGroup" | "BFormSpinbutton" | "BFormTags" | "BFormTag" | "BFormTextarea" | "BImg" | "BInputGroup" | "BInputGroupText" | "BLink" | "BListGroup" | "BListGroupItem" | "BModal" | "BNav" | "BNavForm" | "BNavItem" | "BNavItemDropdown" | "BNavText" | "BNavbar" | "BNavbarBrand" | "BNavbarNav" | "BNavbarToggle" | "BOffcanvas" | "BOtpInput" | "BOverlay" | "BPagination" | "BPlaceholder" | "BPlaceholderButton" | "BPlaceholderCard" | "BPlaceholderTable" | "BPlaceholderWrapper" | "BPopover" | "BProgress" | "BProgressBar" | "BSpinner" | "BTable" | "BTableLite" | "BTableSimple" | "BTbody" | "BTd" | "BTfoot" | "BTh" | "BThead" | "BTr" | "BTab" | "BTabs" | "BTimeField" | "BToast" | "BTooltip")[];
 export declare const directivesWithExternalPath: {
     readonly vBColorMode: "/directives/BColorMode";
     readonly vBModal: "/directives/BModal";
@@ -183,6 +185,7 @@ export interface BootstrapVueOptions {
 }
 type UnmappedComponentProps<BFormSelectOption = any, BTableLite = any, BTable = any> = {
     BAspect: ComponentProps.BAspectProps;
+    BAutocomplete: ComponentProps.BAutocompleteProps;
     BLink: ComponentProps.BLinkProps;
     BAccordion: ComponentProps.BAccordionProps;
     BApp: ComponentProps.BAppProps;
@@ -286,6 +289,7 @@ type UnmappedComponentProps<BFormSelectOption = any, BTableLite = any, BTable =
     BRow: ComponentProps.BRowProps;
     BInput: ComponentProps.BFormInputProps;
     BTimeField: ComponentProps.BTimeFieldProps;
+    BOtpInput: ComponentProps.BOtpInputProps;
     BDateField: ComponentProps.BDateFieldProps;
     BDatePicker: ComponentProps.BDatePickerProps;
     BDateRangeField: ComponentProps.BDateRangeFieldProps;

package/dist/types/ComponentProps.d.mts

@@ -1,4 +1,4 @@
-import { Boundary, Placement as FloatingPlacement, Middleware, Padding, RootBoundary, Strategy } from '@floating-ui/vue';
+import { Boundary, Middleware, Padding, Placement as FloatingPlacement, RootBoundary, Strategy } from '@floating-ui/vue';
 import { AriaAttributes, Component, ComponentPublicInstance, TeleportProps, TransitionProps } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 import { LinkTarget } from './LinkTarget';
@@ -10,7 +10,7 @@ import { AriaInvalid } from './AriaInvalid';
 import { Numberish, TeleporterProps, ValidationState, ValueOrCallBack } from './CommonTypes';
 import { CommonInputProps, FormDebounceOptions } from './FormCommonInputProps';
 import { RadioOption, RadioValue } from './RadioTypes';
-import { ComplexSelectOptionRaw, SelectOptionRaw, SelectValue } from './SelectTypes';
+import { ComplexSelectOptionRaw, SelectOption, SelectOptionRaw, SelectValue } from './SelectTypes';
 import { Breakpoint, ColBreakpointProps, ColsNumbers, ColsOffsetNumbers, ColsOrderNumbers, ContentColsBreakpointProps, GutterNumbers, LabelAlignBreakpointProps, LabelColsBreakpointProps, OffsetBreakpointProps, OrderBreakpointProps, RowColsBreakpointProps } from './BreakpointProps';
 import { AlignmentContent, AlignmentJustifyContent, AlignmentTextHorizontal, AlignmentVertical, CombinedPlacement, Placement, VerticalAlign } from './Alignment';
 import { RadiusElementExtendables } from './RadiusElement';
@@ -26,7 +26,7 @@ import { PopoverPlacement } from './PopoverPlacement';
 import { InputType } from './InputType';
 import { BvnComponentProps } from './BootstrapVueOptions';
 import { OrchestratorArrayValue } from './ComponentOrchestratorTypes';
-import { DateRange, DateValue, TimeValue } from 'reka-ui';
+import { AcceptableValue, DateRange, DateValue, TimeValue } from 'reka-ui';
 type Matcher = (date: DateValue) => boolean;
 type TimeRange = {
     start: TimeValue | undefined;
@@ -102,6 +102,62 @@ export type LinkUnderlineProps = Pick<BLinkProps, 'underlineOffset' | 'underline
 export type LinkOpacityProps = Pick<BLinkProps, 'opacity' | 'opacityHover'>;
 export type LinkIconProps = Pick<BLinkProps, 'icon'>;
 export type LinkVariantProps = Pick<BLinkProps, 'variant'>;
+export interface BAutocompleteProps {
+    ariaInvalid?: AriaInvalid;
+    autocomplete?: string;
+    autofocus?: boolean;
+    by?: string | ((a: unknown, b: unknown) => boolean);
+    dir?: 'ltr' | 'rtl';
+    disabled?: boolean;
+    disabledField?: string;
+    filterFunction?: (options: SelectOption[], searchTerm: string) => SelectOption[];
+    form?: string;
+    formatter?: (val: string, evt: Event) => string;
+    id?: string;
+    lazyFormatter?: boolean;
+    modelValue?: AcceptableValue | AcceptableValue[];
+    multiple?: boolean;
+    name?: string;
+    noToggle?: boolean;
+    open?: boolean;
+    openOnFocus?: boolean;
+    options?: readonly (object | string | number | boolean)[];
+    placeholder?: string;
+    plaintext?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    resetSearchTermOnBlur?: boolean;
+    resetSearchTermOnSelect?: boolean;
+    search?: string;
+    size?: Size;
+    state?: ValidationState;
+    tags?: boolean;
+    teleportTo?: string | HTMLElement;
+    textField?: string;
+    valueField?: string;
+}
+export interface BOtpInputProps {
+    ariaInvalid?: AriaInvalid;
+    ariaLabel?: string;
+    autofocus?: boolean;
+    dir?: 'ltr' | 'rtl';
+    disabled?: boolean;
+    form?: string;
+    id?: string;
+    length?: Numberish;
+    mask?: boolean;
+    modelValue?: string[] | null;
+    name?: string;
+    otp?: boolean;
+    placeholder?: string;
+    plaintext?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    separator?: string;
+    size?: Size;
+    state?: ValidationState;
+    type?: 'text' | 'number';
+}
 export interface BAccordionProps {
     flush?: boolean;
     free?: boolean;

package/dist/types/ComponentProps.d.ts

@@ -1,4 +1,4 @@
-import { Boundary, Placement as FloatingPlacement, Middleware, Padding, RootBoundary, Strategy } from '@floating-ui/vue';
+import { Boundary, Middleware, Padding, Placement as FloatingPlacement, RootBoundary, Strategy } from '@floating-ui/vue';
 import { AriaAttributes, Component, ComponentPublicInstance, TeleportProps, TransitionProps } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 import { LinkTarget } from './LinkTarget';
@@ -10,7 +10,7 @@ import { AriaInvalid } from './AriaInvalid';
 import { Numberish, TeleporterProps, ValidationState, ValueOrCallBack } from './CommonTypes';
 import { CommonInputProps, FormDebounceOptions } from './FormCommonInputProps';
 import { RadioOption, RadioValue } from './RadioTypes';
-import { ComplexSelectOptionRaw, SelectOptionRaw, SelectValue } from './SelectTypes';
+import { ComplexSelectOptionRaw, SelectOption, SelectOptionRaw, SelectValue } from './SelectTypes';
 import { Breakpoint, ColBreakpointProps, ColsNumbers, ColsOffsetNumbers, ColsOrderNumbers, ContentColsBreakpointProps, GutterNumbers, LabelAlignBreakpointProps, LabelColsBreakpointProps, OffsetBreakpointProps, OrderBreakpointProps, RowColsBreakpointProps } from './BreakpointProps';
 import { AlignmentContent, AlignmentJustifyContent, AlignmentTextHorizontal, AlignmentVertical, CombinedPlacement, Placement, VerticalAlign } from './Alignment';
 import { RadiusElementExtendables } from './RadiusElement';
@@ -26,7 +26,7 @@ import { PopoverPlacement } from './PopoverPlacement';
 import { InputType } from './InputType';
 import { BvnComponentProps } from './BootstrapVueOptions';
 import { OrchestratorArrayValue } from './ComponentOrchestratorTypes';
-import { DateRange, DateValue, TimeValue } from 'reka-ui';
+import { AcceptableValue, DateRange, DateValue, TimeValue } from 'reka-ui';
 type Matcher = (date: DateValue) => boolean;
 type TimeRange = {
     start: TimeValue | undefined;
@@ -102,6 +102,62 @@ export type LinkUnderlineProps = Pick<BLinkProps, 'underlineOffset' | 'underline
 export type LinkOpacityProps = Pick<BLinkProps, 'opacity' | 'opacityHover'>;
 export type LinkIconProps = Pick<BLinkProps, 'icon'>;
 export type LinkVariantProps = Pick<BLinkProps, 'variant'>;
+export interface BAutocompleteProps {
+    ariaInvalid?: AriaInvalid;
+    autocomplete?: string;
+    autofocus?: boolean;
+    by?: string | ((a: unknown, b: unknown) => boolean);
+    dir?: 'ltr' | 'rtl';
+    disabled?: boolean;
+    disabledField?: string;
+    filterFunction?: (options: SelectOption[], searchTerm: string) => SelectOption[];
+    form?: string;
+    formatter?: (val: string, evt: Event) => string;
+    id?: string;
+    lazyFormatter?: boolean;
+    modelValue?: AcceptableValue | AcceptableValue[];
+    multiple?: boolean;
+    name?: string;
+    noToggle?: boolean;
+    open?: boolean;
+    openOnFocus?: boolean;
+    options?: readonly (object | string | number | boolean)[];
+    placeholder?: string;
+    plaintext?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    resetSearchTermOnBlur?: boolean;
+    resetSearchTermOnSelect?: boolean;
+    search?: string;
+    size?: Size;
+    state?: ValidationState;
+    tags?: boolean;
+    teleportTo?: string | HTMLElement;
+    textField?: string;
+    valueField?: string;
+}
+export interface BOtpInputProps {
+    ariaInvalid?: AriaInvalid;
+    ariaLabel?: string;
+    autofocus?: boolean;
+    dir?: 'ltr' | 'rtl';
+    disabled?: boolean;
+    form?: string;
+    id?: string;
+    length?: Numberish;
+    mask?: boolean;
+    modelValue?: string[] | null;
+    name?: string;
+    otp?: boolean;
+    placeholder?: string;
+    plaintext?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    separator?: string;
+    size?: Size;
+    state?: ValidationState;
+    type?: 'text' | 'number';
+}
 export interface BAccordionProps {
     flush?: boolean;
     free?: boolean;

package/dist/types/ComponentSlots.d.mts

@@ -85,6 +85,20 @@ export type BAccordionItemSlots = {
     default?: (props: Record<string, never>) => any;
     title?: (props: Record<string, never>) => any;
 };
+export type BAutocompleteSlots = {
+    'default'?: (props: Record<string, never>) => any;
+    'empty'?: (props: Record<string, never>) => any;
+    'option'?: (props: SelectOption) => any;
+    'option-indicator'?: (props: Record<string, never>) => any;
+    'tags'?: (props: {
+        selected: SelectOption[];
+        remove: (option: SelectOption) => void;
+        pendingDelete: boolean;
+    }) => any;
+    'toggle-icon'?: (props: {
+        isOpen: boolean;
+    }) => any;
+};
 export type BAccordionSlots = {
     default?: (props: Record<string, never>) => any;
 };

package/dist/types/ComponentSlots.d.ts

@@ -85,6 +85,20 @@ export type BAccordionItemSlots = {
     default?: (props: Record<string, never>) => any;
     title?: (props: Record<string, never>) => any;
 };
+export type BAutocompleteSlots = {
+    'default'?: (props: Record<string, never>) => any;
+    'empty'?: (props: Record<string, never>) => any;
+    'option'?: (props: SelectOption) => any;
+    'option-indicator'?: (props: Record<string, never>) => any;
+    'tags'?: (props: {
+        selected: SelectOption[];
+        remove: (option: SelectOption) => void;
+        pendingDelete: boolean;
+    }) => any;
+    'toggle-icon'?: (props: {
+        isOpen: boolean;
+    }) => any;
+};
 export type BAccordionSlots = {
     default?: (props: Record<string, never>) => any;
 };

package/dist/{useAlignment-DMST4-tc.mjs → useAlignment-BiCREohQ.mjs}

@@ -7,4 +7,4 @@ var useAlignment = (align) => computed(() => {
 //#endregion
 export { useAlignment as t };
 
-//# sourceMappingURL=useAlignment-DMST4-tc.mjs.map
+//# sourceMappingURL=useAlignment-BiCREohQ.mjs.map

package/dist/{useAlignment-DMST4-tc.mjs.map → useAlignment-BiCREohQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useAlignment-DMST4-tc.mjs","names":[],"sources":["../src/composables/useAlignment.ts"],"sourcesContent":["import {computed, type MaybeRefOrGetter, toValue} from 'vue'\nimport type {AlignmentJustifyContent} from '../types/Alignment'\n\nexport const useAlignment = (align: MaybeRefOrGetter<AlignmentJustifyContent | undefined>) =>\n  computed(() => {\n    const value = toValue(align)\n    return !value ? '' : `justify-content-${value}`\n  })\n"],"mappings":";;AAGA,IAAa,gBAAgB,UAC3B,eAAe;CACb,MAAM,QAAQ,QAAQ,MAAM;AAC5B,QAAO,CAAC,QAAQ,KAAK,mBAAmB;EACxC"}
+{"version":3,"file":"useAlignment-BiCREohQ.mjs","names":[],"sources":["../src/composables/useAlignment.ts"],"sourcesContent":["import {computed, type MaybeRefOrGetter, toValue} from 'vue'\nimport type {AlignmentJustifyContent} from '../types/Alignment'\n\nexport const useAlignment = (align: MaybeRefOrGetter<AlignmentJustifyContent | undefined>) =>\n  computed(() => {\n    const value = toValue(align)\n    return !value ? '' : `justify-content-${value}`\n  })\n"],"mappings":";;AAGA,IAAa,gBAAgB,UAC3B,eAAe;CACb,MAAM,QAAQ,QAAQ,MAAM;AAC5B,QAAO,CAAC,QAAQ,KAAK,mBAAmB;EACxC"}

package/dist/{useAlignment-Dus_TOxG.js → useAlignment-D5xKBRez.js}

@@ -13,4 +13,4 @@ Object.defineProperty(exports, "useAlignment", {
 	}
 });
 
-//# sourceMappingURL=useAlignment-Dus_TOxG.js.map
+//# sourceMappingURL=useAlignment-D5xKBRez.js.map

package/dist/{useAlignment-Dus_TOxG.js.map → useAlignment-D5xKBRez.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useAlignment-Dus_TOxG.js","names":[],"sources":["../src/composables/useAlignment.ts"],"sourcesContent":["import {computed, type MaybeRefOrGetter, toValue} from 'vue'\nimport type {AlignmentJustifyContent} from '../types/Alignment'\n\nexport const useAlignment = (align: MaybeRefOrGetter<AlignmentJustifyContent | undefined>) =>\n  computed(() => {\n    const value = toValue(align)\n    return !value ? '' : `justify-content-${value}`\n  })\n"],"mappings":";;;AAGA,IAAa,gBAAgB,WAAA,GAAA,IAAA,gBACZ;CACb,MAAM,SAAA,GAAA,IAAA,SAAgB,MAAM;AAC5B,QAAO,CAAC,QAAQ,KAAK,mBAAmB;EACxC"}
+{"version":3,"file":"useAlignment-D5xKBRez.js","names":[],"sources":["../src/composables/useAlignment.ts"],"sourcesContent":["import {computed, type MaybeRefOrGetter, toValue} from 'vue'\nimport type {AlignmentJustifyContent} from '../types/Alignment'\n\nexport const useAlignment = (align: MaybeRefOrGetter<AlignmentJustifyContent | undefined>) =>\n  computed(() => {\n    const value = toValue(align)\n    return !value ? '' : `justify-content-${value}`\n  })\n"],"mappings":";;;AAGA,IAAa,gBAAgB,WAAA,GAAA,IAAA,gBACZ;CACb,MAAM,SAAA,GAAA,IAAA,SAAgB,MAAM;AAC5B,QAAO,CAAC,QAAQ,KAAK,mBAAmB;EACxC"}

package/dist/{useAriaInvalid-CsUHLhSs.js → useAriaInvalid-CHHPHNLU.js}

@@ -14,4 +14,4 @@ Object.defineProperty(exports, "useAriaInvalid", {
 	}
 });
 
-//# sourceMappingURL=useAriaInvalid-CsUHLhSs.js.map
+//# sourceMappingURL=useAriaInvalid-CHHPHNLU.js.map

package/dist/{useAriaInvalid-CsUHLhSs.js.map → useAriaInvalid-CHHPHNLU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useAriaInvalid-CsUHLhSs.js","names":[],"sources":["../src/composables/useAriaInvalid.ts"],"sourcesContent":["import type {AriaInvalid} from '../types/AriaInvalid'\nimport {computed, type MaybeRefOrGetter, toValue} from 'vue'\n\nexport const useAriaInvalid = (\n  ariaInvalid: MaybeRefOrGetter<AriaInvalid | undefined>,\n  state: MaybeRefOrGetter<boolean | null | undefined>\n) =>\n  computed(() => {\n    const resolvedAriaInvalid = toValue(ariaInvalid)\n    const resolvedState = toValue(state)\n\n    const resolvedAriaInvalidValue =\n      resolvedAriaInvalid === true\n        ? 'true'\n        : typeof resolvedAriaInvalid === 'string'\n          ? resolvedAriaInvalid\n          : resolvedState === false\n            ? 'true'\n            : resolvedAriaInvalid === false\n              ? 'false'\n              : undefined\n\n    return resolvedAriaInvalidValue\n  })\n"],"mappings":";;;AAGA,IAAa,kBACX,aACA,WAAA,GAAA,IAAA,gBAEe;CACb,MAAM,uBAAA,GAAA,IAAA,SAA8B,YAAY;CAChD,MAAM,iBAAA,GAAA,IAAA,SAAwB,MAAM;AAapC,QAVE,wBAAwB,OACpB,SACA,OAAO,wBAAwB,WAC7B,sBACA,kBAAkB,QAChB,SACA,wBAAwB,QACtB,UACA,KAAA;EAGZ"}
+{"version":3,"file":"useAriaInvalid-CHHPHNLU.js","names":[],"sources":["../src/composables/useAriaInvalid.ts"],"sourcesContent":["import type {AriaInvalid} from '../types/AriaInvalid'\nimport {computed, type MaybeRefOrGetter, toValue} from 'vue'\n\nexport const useAriaInvalid = (\n  ariaInvalid: MaybeRefOrGetter<AriaInvalid | undefined>,\n  state: MaybeRefOrGetter<boolean | null | undefined>\n) =>\n  computed(() => {\n    const resolvedAriaInvalid = toValue(ariaInvalid)\n    const resolvedState = toValue(state)\n\n    const resolvedAriaInvalidValue =\n      resolvedAriaInvalid === true\n        ? 'true'\n        : typeof resolvedAriaInvalid === 'string'\n          ? resolvedAriaInvalid\n          : resolvedState === false\n            ? 'true'\n            : resolvedAriaInvalid === false\n              ? 'false'\n              : undefined\n\n    return resolvedAriaInvalidValue\n  })\n"],"mappings":";;;AAGA,IAAa,kBACX,aACA,WAAA,GAAA,IAAA,gBAEe;CACb,MAAM,uBAAA,GAAA,IAAA,SAA8B,YAAY;CAChD,MAAM,iBAAA,GAAA,IAAA,SAAwB,MAAM;AAapC,QAVE,wBAAwB,OACpB,SACA,OAAO,wBAAwB,WAC7B,sBACA,kBAAkB,QAChB,SACA,wBAAwB,QACtB,UACA,KAAA;EAGZ"}

package/dist/{useAriaInvalid-DcG6BhdW.mjs → useAriaInvalid-apOwgexm.mjs}

@@ -8,4 +8,4 @@ var useAriaInvalid = (ariaInvalid, state) => computed(() => {
 //#endregion
 export { useAriaInvalid as t };
 
-//# sourceMappingURL=useAriaInvalid-DcG6BhdW.mjs.map
+//# sourceMappingURL=useAriaInvalid-apOwgexm.mjs.map

package/dist/{useAriaInvalid-DcG6BhdW.mjs.map → useAriaInvalid-apOwgexm.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useAriaInvalid-DcG6BhdW.mjs","names":[],"sources":["../src/composables/useAriaInvalid.ts"],"sourcesContent":["import type {AriaInvalid} from '../types/AriaInvalid'\nimport {computed, type MaybeRefOrGetter, toValue} from 'vue'\n\nexport const useAriaInvalid = (\n  ariaInvalid: MaybeRefOrGetter<AriaInvalid | undefined>,\n  state: MaybeRefOrGetter<boolean | null | undefined>\n) =>\n  computed(() => {\n    const resolvedAriaInvalid = toValue(ariaInvalid)\n    const resolvedState = toValue(state)\n\n    const resolvedAriaInvalidValue =\n      resolvedAriaInvalid === true\n        ? 'true'\n        : typeof resolvedAriaInvalid === 'string'\n          ? resolvedAriaInvalid\n          : resolvedState === false\n            ? 'true'\n            : resolvedAriaInvalid === false\n              ? 'false'\n              : undefined\n\n    return resolvedAriaInvalidValue\n  })\n"],"mappings":";;AAGA,IAAa,kBACX,aACA,UAEA,eAAe;CACb,MAAM,sBAAsB,QAAQ,YAAY;CAChD,MAAM,gBAAgB,QAAQ,MAAM;AAapC,QAVE,wBAAwB,OACpB,SACA,OAAO,wBAAwB,WAC7B,sBACA,kBAAkB,QAChB,SACA,wBAAwB,QACtB,UACA,KAAA;EAGZ"}
+{"version":3,"file":"useAriaInvalid-apOwgexm.mjs","names":[],"sources":["../src/composables/useAriaInvalid.ts"],"sourcesContent":["import type {AriaInvalid} from '../types/AriaInvalid'\nimport {computed, type MaybeRefOrGetter, toValue} from 'vue'\n\nexport const useAriaInvalid = (\n  ariaInvalid: MaybeRefOrGetter<AriaInvalid | undefined>,\n  state: MaybeRefOrGetter<boolean | null | undefined>\n) =>\n  computed(() => {\n    const resolvedAriaInvalid = toValue(ariaInvalid)\n    const resolvedState = toValue(state)\n\n    const resolvedAriaInvalidValue =\n      resolvedAriaInvalid === true\n        ? 'true'\n        : typeof resolvedAriaInvalid === 'string'\n          ? resolvedAriaInvalid\n          : resolvedState === false\n            ? 'true'\n            : resolvedAriaInvalid === false\n              ? 'false'\n              : undefined\n\n    return resolvedAriaInvalidValue\n  })\n"],"mappings":";;AAGA,IAAa,kBACX,aACA,UAEA,eAAe;CACb,MAAM,sBAAsB,QAAQ,YAAY;CAChD,MAAM,gBAAgB,QAAQ,MAAM;AAapC,QAVE,wBAAwB,OACpB,SACA,OAAO,wBAAwB,WAC7B,sBACA,kBAAkB,QAChB,SACA,wBAAwB,QACtB,UACA,KAAA;EAGZ"}

package/dist/{useCountdownHover-D044mFuX.js → useCountdownHover-8bwLWYoN.js}

@@ -1,5 +1,5 @@
 require("./chunk-CoQrYLCe.js");
-const require_dist = require("./dist-B_c893QG.js");
+const require_dist = require("./dist-BJ15ThEs.js");
 let vue = require("vue");
 //#region src/composables/useCountdown.ts
 /**
@@ -101,4 +101,4 @@ Object.defineProperty(exports, "useCountdownHover", {
 	}
 });
 
-//# sourceMappingURL=useCountdownHover-D044mFuX.js.map
+//# sourceMappingURL=useCountdownHover-8bwLWYoN.js.map

package/dist/{useCountdownHover-D044mFuX.js.map → useCountdownHover-8bwLWYoN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useCountdownHover-D044mFuX.js","names":[],"sources":["../src/composables/useCountdown.ts","../src/composables/useCountdownHover.ts"],"sourcesContent":["import {useDocumentVisibility, useTimestamp, type UseTimestampOptions} from '@vueuse/core'\nimport {computed, type MaybeRefOrGetter, readonly, ref, toRef, watch} from 'vue'\n\n/**\n * A simple interval timer that counts down the remaining seconds\n *\n * @param {MaybeRefOrGetter<number>} length the total amount of time to loop through in ms\n * @param {MaybeRefOrGetter<number>} interval how often the interval should refresh. Default 1000\n * @param {Readonly<UseIntervalFnOptions>} intervalOpts opts to pass to the interval fn. Default {}\n */\nexport const useCountdown = (\n  length: MaybeRefOrGetter<number>,\n  interval: number | 'requestAnimationFrame',\n  timestampOpts: UseTimestampOptions<true> = {}\n) => {\n  const resolvedLength = readonly(toRef(length))\n\n  const isPaused = ref(false)\n\n  const target = ref(Date.now() + resolvedLength.value)\n\n  const {isActive, pause, resume, timestamp} = useTimestamp({\n    interval,\n    controls: true,\n    callback: (v) => {\n      if (v >= target.value) {\n        isPaused.value = false\n        pause()\n      }\n    },\n    ...timestampOpts,\n  })\n\n  // Watch for document visibility changes to handle tab switching\n  // When tab becomes visible again, check if countdown has already expired\n  const visibility = useDocumentVisibility()\n  watch(visibility, (newVisibility) => {\n    if (newVisibility === 'visible' && isActive.value && !isPaused.value) {\n      // Check if the countdown has already expired while tab was inactive\n      if (Date.now() >= target.value) {\n        isPaused.value = false\n        pause()\n      }\n    }\n  })\n\n  const value = computed(() => target.value - timestamp.value)\n\n  const restart = () => {\n    target.value = Date.now() + resolvedLength.value\n    resume()\n  }\n  watch(resolvedLength, () => {\n    if (resolvedLength.value > 0) {\n      restart()\n    }\n  })\n\n  const myPause = () => {\n    isPaused.value = true\n    pause()\n  }\n  const myResume = () => {\n    isPaused.value = false\n    const remainingTime = target.value - timestamp.value\n    target.value = Date.now() + remainingTime\n    resume()\n  }\n  const stop = () => {\n    pause()\n    timestamp.value = target.value\n    isPaused.value = false\n  }\n\n  return {\n    isActive: readonly(isActive),\n    isPaused: readonly(isPaused),\n    stop,\n    pause: myPause,\n    resume: myResume,\n    restart,\n    value,\n  }\n}\n","import {useElementHover} from '@vueuse/core'\nimport {type MaybeRefOrGetter, type Ref, toValue, watch} from 'vue'\n\nexport const useCountdownHover = (\n  element: Ref<HTMLElement | null>,\n  {\n    modelValueIgnoresHover,\n    noHoverPause,\n    noResumeOnHoverLeave,\n  }: {\n    noHoverPause?: MaybeRefOrGetter<boolean>\n    noResumeOnHoverLeave?: MaybeRefOrGetter<boolean>\n    /**\n     * Countdown/hover rules don't apply to static model-values (boolean)\n     */\n    modelValueIgnoresHover?: MaybeRefOrGetter<boolean>\n  },\n  actions: {\n    pause: () => void\n    resume: () => void\n  }\n) => {\n  const isHovering = useElementHover(element)\n\n  const onMouseEnter = () => {\n    if (toValue(noHoverPause)) return\n    actions.pause()\n  }\n  const onMouseLeave = () => {\n    if (toValue(noResumeOnHoverLeave)) return\n    actions.resume()\n  }\n\n  watch(isHovering, (newValue) => {\n    if (toValue(modelValueIgnoresHover)) return\n    if (newValue) {\n      onMouseEnter()\n      return\n    }\n    onMouseLeave()\n  })\n\n  return {\n    isHovering,\n  }\n}\n"],"mappings":";;;;;;;;;;;AAUA,IAAa,gBACX,QACA,UACA,gBAA2C,EAAE,KAC1C;CACH,MAAM,kBAAA,GAAA,IAAA,WAAA,GAAA,IAAA,OAAgC,OAAO,CAAC;CAE9C,MAAM,YAAA,GAAA,IAAA,KAAe,MAAM;CAE3B,MAAM,UAAA,GAAA,IAAA,KAAa,KAAK,KAAK,GAAG,eAAe,MAAM;CAErD,MAAM,EAAC,UAAU,OAAO,QAAQ,cAAa,aAAA,aAAa;EACxD;EACA,UAAU;EACV,WAAW,MAAM;AACf,OAAI,KAAK,OAAO,OAAO;AACrB,aAAS,QAAQ;AACjB,WAAO;;;EAGX,GAAG;EACJ,CAAC;AAKF,EAAA,GAAA,IAAA,OADmB,aAAA,uBAAuB,GACvB,kBAAkB;AACnC,MAAI,kBAAkB,aAAa,SAAS,SAAS,CAAC,SAAS;OAEzD,KAAK,KAAK,IAAI,OAAO,OAAO;AAC9B,aAAS,QAAQ;AACjB,WAAO;;;GAGX;CAEF,MAAM,SAAA,GAAA,IAAA,gBAAuB,OAAO,QAAQ,UAAU,MAAM;CAE5D,MAAM,gBAAgB;AACpB,SAAO,QAAQ,KAAK,KAAK,GAAG,eAAe;AAC3C,UAAQ;;AAEV,EAAA,GAAA,IAAA,OAAM,sBAAsB;AAC1B,MAAI,eAAe,QAAQ,EACzB,UAAS;GAEX;CAEF,MAAM,gBAAgB;AACpB,WAAS,QAAQ;AACjB,SAAO;;CAET,MAAM,iBAAiB;AACrB,WAAS,QAAQ;EACjB,MAAM,gBAAgB,OAAO,QAAQ,UAAU;AAC/C,SAAO,QAAQ,KAAK,KAAK,GAAG;AAC5B,UAAQ;;CAEV,MAAM,aAAa;AACjB,SAAO;AACP,YAAU,QAAQ,OAAO;AACzB,WAAS,QAAQ;;AAGnB,QAAO;EACL,WAAA,GAAA,IAAA,UAAmB,SAAS;EAC5B,WAAA,GAAA,IAAA,UAAmB,SAAS;EAC5B;EACA,OAAO;EACP,QAAQ;EACR;EACA;EACD;;;;AC/EH,IAAa,qBACX,SACA,EACE,wBACA,cACA,wBASF,YAIG;CACH,MAAM,aAAa,aAAA,gBAAgB,QAAQ;CAE3C,MAAM,qBAAqB;AACzB,OAAA,GAAA,IAAA,SAAY,aAAa,CAAE;AAC3B,UAAQ,OAAO;;CAEjB,MAAM,qBAAqB;AACzB,OAAA,GAAA,IAAA,SAAY,qBAAqB,CAAE;AACnC,UAAQ,QAAQ;;AAGlB,EAAA,GAAA,IAAA,OAAM,aAAa,aAAa;AAC9B,OAAA,GAAA,IAAA,SAAY,uBAAuB,CAAE;AACrC,MAAI,UAAU;AACZ,iBAAc;AACd;;AAEF,gBAAc;GACd;AAEF,QAAO,EACL,YACD"}
+{"version":3,"file":"useCountdownHover-8bwLWYoN.js","names":[],"sources":["../src/composables/useCountdown.ts","../src/composables/useCountdownHover.ts"],"sourcesContent":["import {useDocumentVisibility, useTimestamp, type UseTimestampOptions} from '@vueuse/core'\nimport {computed, type MaybeRefOrGetter, readonly, ref, toRef, watch} from 'vue'\n\n/**\n * A simple interval timer that counts down the remaining seconds\n *\n * @param {MaybeRefOrGetter<number>} length the total amount of time to loop through in ms\n * @param {MaybeRefOrGetter<number>} interval how often the interval should refresh. Default 1000\n * @param {Readonly<UseIntervalFnOptions>} intervalOpts opts to pass to the interval fn. Default {}\n */\nexport const useCountdown = (\n  length: MaybeRefOrGetter<number>,\n  interval: number | 'requestAnimationFrame',\n  timestampOpts: UseTimestampOptions<true> = {}\n) => {\n  const resolvedLength = readonly(toRef(length))\n\n  const isPaused = ref(false)\n\n  const target = ref(Date.now() + resolvedLength.value)\n\n  const {isActive, pause, resume, timestamp} = useTimestamp({\n    interval,\n    controls: true,\n    callback: (v) => {\n      if (v >= target.value) {\n        isPaused.value = false\n        pause()\n      }\n    },\n    ...timestampOpts,\n  })\n\n  // Watch for document visibility changes to handle tab switching\n  // When tab becomes visible again, check if countdown has already expired\n  const visibility = useDocumentVisibility()\n  watch(visibility, (newVisibility) => {\n    if (newVisibility === 'visible' && isActive.value && !isPaused.value) {\n      // Check if the countdown has already expired while tab was inactive\n      if (Date.now() >= target.value) {\n        isPaused.value = false\n        pause()\n      }\n    }\n  })\n\n  const value = computed(() => target.value - timestamp.value)\n\n  const restart = () => {\n    target.value = Date.now() + resolvedLength.value\n    resume()\n  }\n  watch(resolvedLength, () => {\n    if (resolvedLength.value > 0) {\n      restart()\n    }\n  })\n\n  const myPause = () => {\n    isPaused.value = true\n    pause()\n  }\n  const myResume = () => {\n    isPaused.value = false\n    const remainingTime = target.value - timestamp.value\n    target.value = Date.now() + remainingTime\n    resume()\n  }\n  const stop = () => {\n    pause()\n    timestamp.value = target.value\n    isPaused.value = false\n  }\n\n  return {\n    isActive: readonly(isActive),\n    isPaused: readonly(isPaused),\n    stop,\n    pause: myPause,\n    resume: myResume,\n    restart,\n    value,\n  }\n}\n","import {useElementHover} from '@vueuse/core'\nimport {type MaybeRefOrGetter, type Ref, toValue, watch} from 'vue'\n\nexport const useCountdownHover = (\n  element: Ref<HTMLElement | null>,\n  {\n    modelValueIgnoresHover,\n    noHoverPause,\n    noResumeOnHoverLeave,\n  }: {\n    noHoverPause?: MaybeRefOrGetter<boolean>\n    noResumeOnHoverLeave?: MaybeRefOrGetter<boolean>\n    /**\n     * Countdown/hover rules don't apply to static model-values (boolean)\n     */\n    modelValueIgnoresHover?: MaybeRefOrGetter<boolean>\n  },\n  actions: {\n    pause: () => void\n    resume: () => void\n  }\n) => {\n  const isHovering = useElementHover(element)\n\n  const onMouseEnter = () => {\n    if (toValue(noHoverPause)) return\n    actions.pause()\n  }\n  const onMouseLeave = () => {\n    if (toValue(noResumeOnHoverLeave)) return\n    actions.resume()\n  }\n\n  watch(isHovering, (newValue) => {\n    if (toValue(modelValueIgnoresHover)) return\n    if (newValue) {\n      onMouseEnter()\n      return\n    }\n    onMouseLeave()\n  })\n\n  return {\n    isHovering,\n  }\n}\n"],"mappings":";;;;;;;;;;;AAUA,IAAa,gBACX,QACA,UACA,gBAA2C,EAAE,KAC1C;CACH,MAAM,kBAAA,GAAA,IAAA,WAAA,GAAA,IAAA,OAAgC,OAAO,CAAC;CAE9C,MAAM,YAAA,GAAA,IAAA,KAAe,MAAM;CAE3B,MAAM,UAAA,GAAA,IAAA,KAAa,KAAK,KAAK,GAAG,eAAe,MAAM;CAErD,MAAM,EAAC,UAAU,OAAO,QAAQ,cAAa,aAAA,aAAa;EACxD;EACA,UAAU;EACV,WAAW,MAAM;AACf,OAAI,KAAK,OAAO,OAAO;AACrB,aAAS,QAAQ;AACjB,WAAO;;;EAGX,GAAG;EACJ,CAAC;AAKF,EAAA,GAAA,IAAA,OADmB,aAAA,uBAAuB,GACvB,kBAAkB;AACnC,MAAI,kBAAkB,aAAa,SAAS,SAAS,CAAC,SAAS;OAEzD,KAAK,KAAK,IAAI,OAAO,OAAO;AAC9B,aAAS,QAAQ;AACjB,WAAO;;;GAGX;CAEF,MAAM,SAAA,GAAA,IAAA,gBAAuB,OAAO,QAAQ,UAAU,MAAM;CAE5D,MAAM,gBAAgB;AACpB,SAAO,QAAQ,KAAK,KAAK,GAAG,eAAe;AAC3C,UAAQ;;AAEV,EAAA,GAAA,IAAA,OAAM,sBAAsB;AAC1B,MAAI,eAAe,QAAQ,EACzB,UAAS;GAEX;CAEF,MAAM,gBAAgB;AACpB,WAAS,QAAQ;AACjB,SAAO;;CAET,MAAM,iBAAiB;AACrB,WAAS,QAAQ;EACjB,MAAM,gBAAgB,OAAO,QAAQ,UAAU;AAC/C,SAAO,QAAQ,KAAK,KAAK,GAAG;AAC5B,UAAQ;;CAEV,MAAM,aAAa;AACjB,SAAO;AACP,YAAU,QAAQ,OAAO;AACzB,WAAS,QAAQ;;AAGnB,QAAO;EACL,WAAA,GAAA,IAAA,UAAmB,SAAS;EAC5B,WAAA,GAAA,IAAA,UAAmB,SAAS;EAC5B;EACA,OAAO;EACP,QAAQ;EACR;EACA;EACD;;;;AC/EH,IAAa,qBACX,SACA,EACE,wBACA,cACA,wBASF,YAIG;CACH,MAAM,aAAa,aAAA,gBAAgB,QAAQ;CAE3C,MAAM,qBAAqB;AACzB,OAAA,GAAA,IAAA,SAAY,aAAa,CAAE;AAC3B,UAAQ,OAAO;;CAEjB,MAAM,qBAAqB;AACzB,OAAA,GAAA,IAAA,SAAY,qBAAqB,CAAE;AACnC,UAAQ,QAAQ;;AAGlB,EAAA,GAAA,IAAA,OAAM,aAAa,aAAa;AAC9B,OAAA,GAAA,IAAA,SAAY,uBAAuB,CAAE;AACrC,MAAI,UAAU;AACZ,iBAAc;AACd;;AAEF,gBAAc;GACd;AAEF,QAAO,EACL,YACD"}

package/dist/{useCountdownHover-DqREghQi.mjs → useCountdownHover-t9O7DHoK.mjs}

@@ -1,4 +1,4 @@
-import { S as useTimestamp, f as useElementHover, u as useDocumentVisibility } from "./dist-Dn5blevd.mjs";
+import { S as useTimestamp, f as useElementHover, u as useDocumentVisibility } from "./dist-B10a-gZ8.mjs";
 import { computed, readonly, ref, toRef, toValue, watch } from "vue";
 //#region src/composables/useCountdown.ts
 /**
@@ -89,4 +89,4 @@ var useCountdownHover = (element, { modelValueIgnoresHover, noHoverPause, noResu
 //#endregion
 export { useCountdown as n, useCountdownHover as t };
 
-//# sourceMappingURL=useCountdownHover-DqREghQi.mjs.map
+//# sourceMappingURL=useCountdownHover-t9O7DHoK.mjs.map

package/dist/{useCountdownHover-DqREghQi.mjs.map → useCountdownHover-t9O7DHoK.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useCountdownHover-DqREghQi.mjs","names":[],"sources":["../src/composables/useCountdown.ts","../src/composables/useCountdownHover.ts"],"sourcesContent":["import {useDocumentVisibility, useTimestamp, type UseTimestampOptions} from '@vueuse/core'\nimport {computed, type MaybeRefOrGetter, readonly, ref, toRef, watch} from 'vue'\n\n/**\n * A simple interval timer that counts down the remaining seconds\n *\n * @param {MaybeRefOrGetter<number>} length the total amount of time to loop through in ms\n * @param {MaybeRefOrGetter<number>} interval how often the interval should refresh. Default 1000\n * @param {Readonly<UseIntervalFnOptions>} intervalOpts opts to pass to the interval fn. Default {}\n */\nexport const useCountdown = (\n  length: MaybeRefOrGetter<number>,\n  interval: number | 'requestAnimationFrame',\n  timestampOpts: UseTimestampOptions<true> = {}\n) => {\n  const resolvedLength = readonly(toRef(length))\n\n  const isPaused = ref(false)\n\n  const target = ref(Date.now() + resolvedLength.value)\n\n  const {isActive, pause, resume, timestamp} = useTimestamp({\n    interval,\n    controls: true,\n    callback: (v) => {\n      if (v >= target.value) {\n        isPaused.value = false\n        pause()\n      }\n    },\n    ...timestampOpts,\n  })\n\n  // Watch for document visibility changes to handle tab switching\n  // When tab becomes visible again, check if countdown has already expired\n  const visibility = useDocumentVisibility()\n  watch(visibility, (newVisibility) => {\n    if (newVisibility === 'visible' && isActive.value && !isPaused.value) {\n      // Check if the countdown has already expired while tab was inactive\n      if (Date.now() >= target.value) {\n        isPaused.value = false\n        pause()\n      }\n    }\n  })\n\n  const value = computed(() => target.value - timestamp.value)\n\n  const restart = () => {\n    target.value = Date.now() + resolvedLength.value\n    resume()\n  }\n  watch(resolvedLength, () => {\n    if (resolvedLength.value > 0) {\n      restart()\n    }\n  })\n\n  const myPause = () => {\n    isPaused.value = true\n    pause()\n  }\n  const myResume = () => {\n    isPaused.value = false\n    const remainingTime = target.value - timestamp.value\n    target.value = Date.now() + remainingTime\n    resume()\n  }\n  const stop = () => {\n    pause()\n    timestamp.value = target.value\n    isPaused.value = false\n  }\n\n  return {\n    isActive: readonly(isActive),\n    isPaused: readonly(isPaused),\n    stop,\n    pause: myPause,\n    resume: myResume,\n    restart,\n    value,\n  }\n}\n","import {useElementHover} from '@vueuse/core'\nimport {type MaybeRefOrGetter, type Ref, toValue, watch} from 'vue'\n\nexport const useCountdownHover = (\n  element: Ref<HTMLElement | null>,\n  {\n    modelValueIgnoresHover,\n    noHoverPause,\n    noResumeOnHoverLeave,\n  }: {\n    noHoverPause?: MaybeRefOrGetter<boolean>\n    noResumeOnHoverLeave?: MaybeRefOrGetter<boolean>\n    /**\n     * Countdown/hover rules don't apply to static model-values (boolean)\n     */\n    modelValueIgnoresHover?: MaybeRefOrGetter<boolean>\n  },\n  actions: {\n    pause: () => void\n    resume: () => void\n  }\n) => {\n  const isHovering = useElementHover(element)\n\n  const onMouseEnter = () => {\n    if (toValue(noHoverPause)) return\n    actions.pause()\n  }\n  const onMouseLeave = () => {\n    if (toValue(noResumeOnHoverLeave)) return\n    actions.resume()\n  }\n\n  watch(isHovering, (newValue) => {\n    if (toValue(modelValueIgnoresHover)) return\n    if (newValue) {\n      onMouseEnter()\n      return\n    }\n    onMouseLeave()\n  })\n\n  return {\n    isHovering,\n  }\n}\n"],"mappings":";;;;;;;;;;AAUA,IAAa,gBACX,QACA,UACA,gBAA2C,EAAE,KAC1C;CACH,MAAM,iBAAiB,SAAS,MAAM,OAAO,CAAC;CAE9C,MAAM,WAAW,IAAI,MAAM;CAE3B,MAAM,SAAS,IAAI,KAAK,KAAK,GAAG,eAAe,MAAM;CAErD,MAAM,EAAC,UAAU,OAAO,QAAQ,cAAa,aAAa;EACxD;EACA,UAAU;EACV,WAAW,MAAM;AACf,OAAI,KAAK,OAAO,OAAO;AACrB,aAAS,QAAQ;AACjB,WAAO;;;EAGX,GAAG;EACJ,CAAC;AAKF,OADmB,uBAAuB,GACvB,kBAAkB;AACnC,MAAI,kBAAkB,aAAa,SAAS,SAAS,CAAC,SAAS;OAEzD,KAAK,KAAK,IAAI,OAAO,OAAO;AAC9B,aAAS,QAAQ;AACjB,WAAO;;;GAGX;CAEF,MAAM,QAAQ,eAAe,OAAO,QAAQ,UAAU,MAAM;CAE5D,MAAM,gBAAgB;AACpB,SAAO,QAAQ,KAAK,KAAK,GAAG,eAAe;AAC3C,UAAQ;;AAEV,OAAM,sBAAsB;AAC1B,MAAI,eAAe,QAAQ,EACzB,UAAS;GAEX;CAEF,MAAM,gBAAgB;AACpB,WAAS,QAAQ;AACjB,SAAO;;CAET,MAAM,iBAAiB;AACrB,WAAS,QAAQ;EACjB,MAAM,gBAAgB,OAAO,QAAQ,UAAU;AAC/C,SAAO,QAAQ,KAAK,KAAK,GAAG;AAC5B,UAAQ;;CAEV,MAAM,aAAa;AACjB,SAAO;AACP,YAAU,QAAQ,OAAO;AACzB,WAAS,QAAQ;;AAGnB,QAAO;EACL,UAAU,SAAS,SAAS;EAC5B,UAAU,SAAS,SAAS;EAC5B;EACA,OAAO;EACP,QAAQ;EACR;EACA;EACD;;;;AC/EH,IAAa,qBACX,SACA,EACE,wBACA,cACA,wBASF,YAIG;CACH,MAAM,aAAa,gBAAgB,QAAQ;CAE3C,MAAM,qBAAqB;AACzB,MAAI,QAAQ,aAAa,CAAE;AAC3B,UAAQ,OAAO;;CAEjB,MAAM,qBAAqB;AACzB,MAAI,QAAQ,qBAAqB,CAAE;AACnC,UAAQ,QAAQ;;AAGlB,OAAM,aAAa,aAAa;AAC9B,MAAI,QAAQ,uBAAuB,CAAE;AACrC,MAAI,UAAU;AACZ,iBAAc;AACd;;AAEF,gBAAc;GACd;AAEF,QAAO,EACL,YACD"}
+{"version":3,"file":"useCountdownHover-t9O7DHoK.mjs","names":[],"sources":["../src/composables/useCountdown.ts","../src/composables/useCountdownHover.ts"],"sourcesContent":["import {useDocumentVisibility, useTimestamp, type UseTimestampOptions} from '@vueuse/core'\nimport {computed, type MaybeRefOrGetter, readonly, ref, toRef, watch} from 'vue'\n\n/**\n * A simple interval timer that counts down the remaining seconds\n *\n * @param {MaybeRefOrGetter<number>} length the total amount of time to loop through in ms\n * @param {MaybeRefOrGetter<number>} interval how often the interval should refresh. Default 1000\n * @param {Readonly<UseIntervalFnOptions>} intervalOpts opts to pass to the interval fn. Default {}\n */\nexport const useCountdown = (\n  length: MaybeRefOrGetter<number>,\n  interval: number | 'requestAnimationFrame',\n  timestampOpts: UseTimestampOptions<true> = {}\n) => {\n  const resolvedLength = readonly(toRef(length))\n\n  const isPaused = ref(false)\n\n  const target = ref(Date.now() + resolvedLength.value)\n\n  const {isActive, pause, resume, timestamp} = useTimestamp({\n    interval,\n    controls: true,\n    callback: (v) => {\n      if (v >= target.value) {\n        isPaused.value = false\n        pause()\n      }\n    },\n    ...timestampOpts,\n  })\n\n  // Watch for document visibility changes to handle tab switching\n  // When tab becomes visible again, check if countdown has already expired\n  const visibility = useDocumentVisibility()\n  watch(visibility, (newVisibility) => {\n    if (newVisibility === 'visible' && isActive.value && !isPaused.value) {\n      // Check if the countdown has already expired while tab was inactive\n      if (Date.now() >= target.value) {\n        isPaused.value = false\n        pause()\n      }\n    }\n  })\n\n  const value = computed(() => target.value - timestamp.value)\n\n  const restart = () => {\n    target.value = Date.now() + resolvedLength.value\n    resume()\n  }\n  watch(resolvedLength, () => {\n    if (resolvedLength.value > 0) {\n      restart()\n    }\n  })\n\n  const myPause = () => {\n    isPaused.value = true\n    pause()\n  }\n  const myResume = () => {\n    isPaused.value = false\n    const remainingTime = target.value - timestamp.value\n    target.value = Date.now() + remainingTime\n    resume()\n  }\n  const stop = () => {\n    pause()\n    timestamp.value = target.value\n    isPaused.value = false\n  }\n\n  return {\n    isActive: readonly(isActive),\n    isPaused: readonly(isPaused),\n    stop,\n    pause: myPause,\n    resume: myResume,\n    restart,\n    value,\n  }\n}\n","import {useElementHover} from '@vueuse/core'\nimport {type MaybeRefOrGetter, type Ref, toValue, watch} from 'vue'\n\nexport const useCountdownHover = (\n  element: Ref<HTMLElement | null>,\n  {\n    modelValueIgnoresHover,\n    noHoverPause,\n    noResumeOnHoverLeave,\n  }: {\n    noHoverPause?: MaybeRefOrGetter<boolean>\n    noResumeOnHoverLeave?: MaybeRefOrGetter<boolean>\n    /**\n     * Countdown/hover rules don't apply to static model-values (boolean)\n     */\n    modelValueIgnoresHover?: MaybeRefOrGetter<boolean>\n  },\n  actions: {\n    pause: () => void\n    resume: () => void\n  }\n) => {\n  const isHovering = useElementHover(element)\n\n  const onMouseEnter = () => {\n    if (toValue(noHoverPause)) return\n    actions.pause()\n  }\n  const onMouseLeave = () => {\n    if (toValue(noResumeOnHoverLeave)) return\n    actions.resume()\n  }\n\n  watch(isHovering, (newValue) => {\n    if (toValue(modelValueIgnoresHover)) return\n    if (newValue) {\n      onMouseEnter()\n      return\n    }\n    onMouseLeave()\n  })\n\n  return {\n    isHovering,\n  }\n}\n"],"mappings":";;;;;;;;;;AAUA,IAAa,gBACX,QACA,UACA,gBAA2C,EAAE,KAC1C;CACH,MAAM,iBAAiB,SAAS,MAAM,OAAO,CAAC;CAE9C,MAAM,WAAW,IAAI,MAAM;CAE3B,MAAM,SAAS,IAAI,KAAK,KAAK,GAAG,eAAe,MAAM;CAErD,MAAM,EAAC,UAAU,OAAO,QAAQ,cAAa,aAAa;EACxD;EACA,UAAU;EACV,WAAW,MAAM;AACf,OAAI,KAAK,OAAO,OAAO;AACrB,aAAS,QAAQ;AACjB,WAAO;;;EAGX,GAAG;EACJ,CAAC;AAKF,OADmB,uBAAuB,GACvB,kBAAkB;AACnC,MAAI,kBAAkB,aAAa,SAAS,SAAS,CAAC,SAAS;OAEzD,KAAK,KAAK,IAAI,OAAO,OAAO;AAC9B,aAAS,QAAQ;AACjB,WAAO;;;GAGX;CAEF,MAAM,QAAQ,eAAe,OAAO,QAAQ,UAAU,MAAM;CAE5D,MAAM,gBAAgB;AACpB,SAAO,QAAQ,KAAK,KAAK,GAAG,eAAe;AAC3C,UAAQ;;AAEV,OAAM,sBAAsB;AAC1B,MAAI,eAAe,QAAQ,EACzB,UAAS;GAEX;CAEF,MAAM,gBAAgB;AACpB,WAAS,QAAQ;AACjB,SAAO;;CAET,MAAM,iBAAiB;AACrB,WAAS,QAAQ;EACjB,MAAM,gBAAgB,OAAO,QAAQ,UAAU;AAC/C,SAAO,QAAQ,KAAK,KAAK,GAAG;AAC5B,UAAQ;;CAEV,MAAM,aAAa;AACjB,SAAO;AACP,YAAU,QAAQ,OAAO;AACzB,WAAS,QAAQ;;AAGnB,QAAO;EACL,UAAU,SAAS,SAAS;EAC5B,UAAU,SAAS,SAAS;EAC5B;EACA,OAAO;EACP,QAAQ;EACR;EACA;EACD;;;;AC/EH,IAAa,qBACX,SACA,EACE,wBACA,cACA,wBASF,YAIG;CACH,MAAM,aAAa,gBAAgB,QAAQ;CAE3C,MAAM,qBAAqB;AACzB,MAAI,QAAQ,aAAa,CAAE;AAC3B,UAAQ,OAAO;;CAEjB,MAAM,qBAAqB;AACzB,MAAI,QAAQ,qBAAqB,CAAE;AACnC,UAAQ,QAAQ;;AAGlB,OAAM,aAAa,aAAa;AAC9B,MAAI,QAAQ,uBAAuB,CAAE;AACrC,MAAI,UAAU;AACZ,iBAAc;AACd;;AAEF,gBAAc;GACd;AAEF,QAAO,EACL,YACD"}