bitboss-ui 2.0.157 → 2.0.159

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

@@ -77,10 +77,10 @@ declare const __VLS_component: import('vue').DefineComponent<BaseDialogProps, {}
         size?: any;
     } & string) | keyof Sizes;
     transition: string;
-    panelClasses: import('../../types/Classes').Classes;
+    transitionDuration: number;
     overlayClasses: import('../../types/Classes').Classes;
+    panelClasses: import('../../types/Classes').Classes;
     showClose: boolean;
-    transitionDuration: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { MaskInputOptions } from 'maska';
 export type BaseTextInputProps = {
     /**
      * Name of the icon to be added at the end of the input.
@@ -28,6 +29,10 @@ export type BaseTextInputProps = {
      * Disables the component
      */
     disabled?: boolean;
+    /**
+     * Emits the masked value of the input.
+     */
+    emitMasked?: boolean;
     /**
      * Define if the component should be in an error state.
      * It usually attaches a CSS class for styling purposes.
@@ -37,10 +42,18 @@ export type BaseTextInputProps = {
      * The identifier of the component.
      */
     id?: HTMLAttributes['id'];
+    /**
+     * The inputmode of the input.
+     */
+    inputMode?: InputHTMLAttributes['inputmode'];
     /**
      * Sets the component in a loading state, usually triggering some visual styles.
      */
     loading?: boolean;
+    /**
+     * The mask to be applied to the input.
+     */
+    mask?: MaskInputOptions;
     /**
      * Used my v-model
      */

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

@@ -84,11 +84,11 @@ declare const __VLS_component: import('vue').DefineComponent<BbOffCanvasProps, {
         size?: any;
     } & string) | keyof Sizes;
     transition: string;
-    panelClasses: import('../../types/Classes').Classes;
-    overlayClasses: import('../../types/Classes').Classes;
-    showClose: boolean;
     transitionDuration: number;
     direction: "left" | "top" | "right" | "bottom";
+    overlayClasses: import('../../types/Classes').Classes;
+    panelClasses: import('../../types/Classes').Classes;
+    showClose: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -87,12 +87,12 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
     onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
 }>, {
-    showClose: boolean;
     transitionDuration: number;
     arrowPadding: number;
     offset: number;
     padding: number;
     placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    showClose: boolean;
     theme: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -29,9 +29,9 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BbSmoothHeightProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbSmoothHeightProps> & Readonly<{}>, {
     transitionDuration: number;
-    tag: keyof Omit<HTMLElementTagNameMap, import('../../types/VoidHtmlElements').VoidHTMLElements>;
-    strategy: "resize" | "mutation";
     mutationOptions: MutationObserverInit;
+    strategy: "resize" | "mutation";
+    tag: keyof Omit<HTMLElementTagNameMap, import('../../types/VoidHtmlElements').VoidHTMLElements>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,5 +1,6 @@
 import { BaseTextInputEvents, BaseTextInputSlots } from '../BaseTextInput/BaseTextInput.vue';
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { MaskOptions } from 'maska';
 export type BbTextInputProps = {
     /**
      * Name of the icon to be added at the end of the input.
@@ -29,6 +30,10 @@ export type BbTextInputProps = {
      * Disables the component
      */
     disabled?: boolean;
+    /**
+     * Emits the masked value of the input.
+     */
+    emitMasked?: boolean;
     /**
      * Can be a string or an array of string containing the messages to display.
      */
@@ -50,6 +55,10 @@ export type BbTextInputProps = {
      * The identifier of the component.
      */
     id?: HTMLAttributes['id'];
+    /**
+     * The inputmode of the input.
+     */
+    inputMode?: InputHTMLAttributes['inputmode'];
     /**
      * Text content of the label of the element.
      */
@@ -62,6 +71,11 @@ export type BbTextInputProps = {
      * Sets the component in a loading state, usually triggering some visual styles.
      */
     loading?: boolean;
+    /**
+     * The mask to be applied to the input.
+     * Please visit https://beholdr.github.io/maska/v3 for syntax examples
+     */
+    mask?: MaskOptions;
     /**
      * Used my v-model
      */

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

@@ -37,11 +37,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BbTooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbTooltipProps> & Readonly<{}>, {
-    showClose: boolean;
     transitionDuration: number;
     arrowPadding: number;
     padding: number;
     placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    showClose: boolean;
     theme: string;
     timeout: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/index100.js

@@ -1,7 +1,7 @@
 import { defineComponent as D, computed as V, toRef as r, reactive as E, watch as m, ref as L, openBlock as b, createElementBlock as B, Fragment as g, renderSlot as i, unref as P, createCommentVNode as R, renderList as j } from "vue";
-import { useItemValue as G } from "./index281.js";
-import { isNil as k } from "./index256.js";
-import { indexBy as U } from "./index298.js";
+import { useItemValue as G } from "./index283.js";
+import { isNil as k } from "./index264.js";
+import { indexBy as U } from "./index306.js";
 import { hash as p } from "./index225.js";
 import { useItemsGetter as W } from "./index221.js";
 import { usePrefill as q } from "./index227.js";

package/dist/index111.js

@@ -1,10 +1,10 @@
 import { defineComponent as ue, ref as K, computed as h, toRef as O, watch as D, reactive as pe, openBlock as n, createBlock as Q, resolveDynamicComponent as me, normalizeClass as p, unref as v, withCtx as fe, createElementBlock as d, toDisplayString as m, createCommentVNode as g, createElementVNode as o, renderSlot as f, Fragment as A, renderList as B, createVNode as X, createTextVNode as ye, mergeProps as he } from "vue";
-import { add as ve } from "./index321.js";
-import { clamp as ke } from "./index207.js";
-import { isNil as T } from "./index256.js";
+import { add as ve } from "./index322.js";
+import { clamp as ke } from "./index218.js";
+import { isNil as T } from "./index264.js";
 import { useId as _e } from "./index8.js";
-import { useItemValue as ge } from "./index281.js";
-import { when as Ce } from "./index210.js";
+import { useItemValue as ge } from "./index283.js";
+import { when as Ce } from "./index251.js";
 import Y from "./index17.js";
 /* empty css        */
 import we from "./index31.js";
@@ -15,7 +15,7 @@ import { usePrefill as Ve } from "./index227.js";
 import { useIndexById as Ae } from "./index222.js";
 import { useBaseOptions as Be } from "./index223.js";
 import { useHashedWatcher as Te } from "./index226.js";
-import { useLocale as $e } from "./index218.js";
+import { useLocale as $e } from "./index217.js";
 const xe = {
   key: 0,
   class: "sr-only"

package/dist/index117.js

@@ -1,9 +1,9 @@
-import { defineComponent as c, ref as b, computed as h, openBlock as f, createBlock as y, withCtx as a, renderSlot as l, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
-import $ from "./index27.js";
+import { defineComponent as c, ref as b, computed as h, openBlock as y, createBlock as f, withCtx as a, renderSlot as n, normalizeProps as k, guardReactiveProps as v, createVNode as B, mergeProps as w } from "vue";
+import g from "./index27.js";
 /* empty css        */
-import k from "./index49.js";
+import $ from "./index49.js";
 /* empty css        */
-const E = /* @__PURE__ */ c({
+const L = /* @__PURE__ */ c({
   __name: "BbTextInput",
   props: {
     "append:icon": {},
@@ -13,14 +13,17 @@ const E = /* @__PURE__ */ c({
     compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
+    emitMasked: { type: Boolean },
     errors: {},
     hasErrors: { type: Boolean },
     hideLabel: { type: Boolean },
     hint: {},
     id: {},
+    inputMode: {},
     label: {},
     labelPosition: {},
     loading: { type: Boolean },
+    mask: {},
     modelValue: {},
     name: {},
     persistentHint: { type: Boolean },
@@ -33,14 +36,14 @@ const E = /* @__PURE__ */ c({
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(s, { emit: i }) {
-    const r = s, o = i, n = b(!1), d = h(() => r.persistentHint || n.value), t = {
+    const l = s, o = i, r = b(!1), d = h(() => l.persistentHint || r.value), t = {
       onBlur: (e) => {
-        n.value = !1, o("blur", e);
+        r.value = !1, o("blur", e);
       },
       onChange: (e) => o("change", e),
       onClick: (e) => o("click", e),
       onFocus: (e) => {
-        n.value = !0, o("focus", e);
+        r.value = !0, o("focus", e);
       },
       onInput: (e) => o("input", e),
       onKeydown: (e) => o("keydown", e),
@@ -48,7 +51,7 @@ const E = /* @__PURE__ */ c({
       onMouseup: (e) => o("mouseup", e),
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, V) => (f(), y($, {
+    return (e, V) => (y(), f(g, {
       id: e.id,
       class: "bb-text-input",
       compact: e.compact,
@@ -65,53 +68,56 @@ const E = /* @__PURE__ */ c({
       "show-hint": d.value
     }, {
       label: a((p) => [
-        l(e.$slots, "label", v(B(p)))
+        n(e.$slots, "label", k(v(p)))
       ]),
       input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
-        w(k, g({
+        B($, w({
           id: p,
-          "append:icon": r["append:icon"],
+          "append:icon": l["append:icon"],
           "aria-describedby": m,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
           clearable: e.clearable,
           compact: e.compact,
           disabled: e.disabled,
+          "emit-masked": e.emitMasked,
           "has-errors": u,
+          "input-mode": e.inputMode,
           loading: e.loading,
+          mask: e.mask,
           "model-value": e.modelValue,
           name: e.name,
           placeholder: e.placeholder,
-          "prepend:icon": r["prepend:icon"],
+          "prepend:icon": l["prepend:icon"],
           readonly: e.readonly,
           required: e.required,
           type: e.type
         }, t), {
           "append-outer": a(() => [
-            l(e.$slots, "append-outer")
+            n(e.$slots, "append-outer")
           ]),
           append: a(() => [
-            l(e.$slots, "append")
+            n(e.$slots, "append")
           ]),
           prefix: a(() => [
-            l(e.$slots, "prefix")
+            n(e.$slots, "prefix")
           ]),
           suffix: a(() => [
-            l(e.$slots, "suffix")
+            n(e.$slots, "suffix")
           ]),
           prepend: a(() => [
-            l(e.$slots, "prepend")
+            n(e.$slots, "prepend")
           ]),
           "prepend-outer": a(() => [
-            l(e.$slots, "prepend-outer")
+            n(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "emit-masked", "has-errors", "input-mode", "loading", "mask", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  E as default
+  L as default
 };

package/dist/index119.js

@@ -1,6 +1,6 @@
 import { defineComponent as l, openBlock as e, createBlock as o, withCtx as r, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as u, createElementBlock as p, Fragment as f, renderList as _, unref as n, mergeProps as d } from "vue";
 import { state as k, useToast as b } from "./index11.js";
-import C from "./index217.js";
+import C from "./index245.js";
 import B from "./index320.js";
 const V = /* @__PURE__ */ l({
   __name: "BbToast",

package/dist/index121.js

@@ -1,15 +1,15 @@
 import { defineComponent as H, ref as o, watch as I, computed as z, openBlock as B, createElementBlock as R, mergeProps as S, createElementVNode as p, renderSlot as C, normalizeProps as U, guardReactiveProps as W, unref as u, createVNode as j, withCtx as L, createBlock as q, createCommentVNode as A } from "vue";
-import { useFloating as G, arrow as J } from "./index262.js";
+import { useFloating as G, arrow as J } from "./index259.js";
 import { useId as K } from "./index8.js";
 import { wait as Q } from "./index130.js";
 import X from "./index13.js";
 /* empty css        */
-import { throttle as b } from "./index212.js";
-import { waitFor as Y } from "./index214.js";
-import Z from "./index240.js";
+import { throttle as b } from "./index270.js";
+import { waitFor as Y } from "./index243.js";
+import Z from "./index210.js";
 /* empty css         */
-import { useLocale as x } from "./index218.js";
-import { autoUpdate as ee, flip as te, shift as oe, hide as ae } from "./index265.js";
+import { useLocale as x } from "./index217.js";
+import { autoUpdate as ee, flip as te, shift as oe, hide as ae } from "./index262.js";
 const ne = { class: "bb-tooltip__content" }, ge = /* @__PURE__ */ H({
   __name: "BbTooltip",
   props: {

package/dist/index123.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index322.js";
+import { flattenTree as T } from "./index317.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index125.js

@@ -1,5 +1,5 @@
 import { defineComponent as i, openBlock as o, createElementBlock as a, createElementVNode as t, renderSlot as p, createTextVNode as b, toDisplayString as m, unref as u, withModifiers as d, createCommentVNode as _ } from "vue";
-import { useLocale as f } from "./index218.js";
+import { useLocale as f } from "./index217.js";
 const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
   __name: "BbChip",
   props: {

package/dist/index127.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, openBlock as h, createElementBlock as $, mergeProps as g } from "vue";
-import { isCssColor as I } from "./index209.js";
+import { isCssColor as I } from "./index250.js";
 const B = ["innerHTML"], k = /* @__PURE__ */ v({
   __name: "BbIcon",
   props: {

package/dist/index128.js

@@ -1,5 +1,5 @@
-import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index212.js";
+import { defineComponent as v, ref as a, onMounted as m, onBeforeUnmount as p, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as d, withCtx as f, renderSlot as h } from "vue";
+import { throttle as g } from "./index270.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {
@@ -10,23 +10,23 @@ const O = /* @__PURE__ */ v({
     transitionDuration: { default: 200 }
   },
   setup(c) {
-    const n = c, s = r(null), e = r(null), t = r(null);
-    globalThis.ResizeObserver && (p(() => {
-      n.strategy === "resize" ? e.value && (t.value = new ResizeObserver(a), t.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (t.value = new MutationObserver(a), t.value.observe(e.value, n.mutationOptions)), a();
-    }), h(() => {
+    const n = c, r = a(null), e = a(null), t = a(null);
+    globalThis.ResizeObserver && (m(() => {
+      n.strategy === "resize" ? e.value && (t.value = new ResizeObserver(s), t.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (t.value = new MutationObserver(s), t.value.observe(e.value, n.mutationOptions)), s();
+    }), p(() => {
       t.value && t.value.disconnect();
     }));
-    const a = g(() => {
-      if (s.value && e.value) {
+    const s = g(() => {
+      if (r.value && e.value) {
         const o = e.value.scrollHeight;
-        s.value.style.height = "0px", s.value.style.height = `${o}px`;
+        r.value.style.height = `${o}px`;
       }
     }, 200);
-    return (o, y) => (i(), l(u(o.tag), {
+    return (o, b) => (i(), l(u(o.tag), {
       ref_key: "container",
-      ref: s,
+      ref: r,
       class: "bb-smooth-height",
-      style: m({ "transition-duration": n.transitionDuration / 1e3 + "s" })
+      style: d({ "transition-duration": n.transitionDuration / 1e3 + "s" })
     }, {
       default: f(() => [
         (i(), l(u(o.tag), {
@@ -35,7 +35,7 @@ const O = /* @__PURE__ */ v({
           class: "content"
         }, {
           default: f(() => [
-            d(o.$slots, "default")
+            h(o.$slots, "default")
           ]),
           _: 3
         }, 512))

package/dist/index129.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as s, openBlock as b, createElementBlock as a, normalizeProps as _, guardReactiveProps as x, createStaticVNode as m } from "vue";
-import { isCssColor as u } from "./index209.js";
+import { isCssColor as u } from "./index250.js";
 const f = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index13.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, getCurrentInstance as h, computed as r, openBlock as i, createBlock as u, mergeProps as c, withCtx as d, renderSlot as p, createTextVNode as f, toDisplayString as v, resolveDynamicComponent as C } from "vue";
-import S from "./index254.js";
+import S from "./index246.js";
 const A = /* @__PURE__ */ m({
   __name: "BaseButton",
   props: {

package/dist/index131.js

@@ -1,4 +1,4 @@
-import { clamp as o } from "./index207.js";
+import { clamp as o } from "./index218.js";
 const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
   value: t = 0,
   originalBounds: e,

package/dist/index133.js

@@ -1,4 +1,4 @@
-import { urlAlphabet as l } from "./index208.js";
+import { urlAlphabet as l } from "./index253.js";
 let o = (t = 21) => {
   let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )

package/dist/index15.js

@@ -1,18 +1,18 @@
 import { defineComponent as H, ref as u, computed as D, openBlock as E, createElementBlock as I, Fragment as M, createVNode as p, normalizeClass as _, withCtx as n, renderSlot as r, unref as s, createElementVNode as c, normalizeStyle as F, withModifiers as T, withDirectives as q, mergeProps as L, nextTick as N } from "vue";
-import { isHex as O } from "./index243.js";
+import { isHex as O } from "./index207.js";
 import { isNotNil as z } from "./index135.js";
-import { useFocusTrap as S } from "./index213.js";
+import { useFocusTrap as S } from "./index208.js";
 import { useId as A } from "./index8.js";
-import { vMaska as K } from "./index239.js";
-import P from "./index240.js";
+import { vMaska as K } from "./index209.js";
+import P from "./index210.js";
 /* empty css         */
-import R from "./index244.js";
+import R from "./index212.js";
 /* empty css         */
-import U from "./index228.js";
+import U from "./index214.js";
 /* empty css         */
-import j from "./index230.js";
+import j from "./index216.js";
 import { wait as G } from "./index130.js";
-import { useLocale as J } from "./index218.js";
+import { useLocale as J } from "./index217.js";
 const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], W = ["aria-label"], X = { class: "bb-common-input-inner-container__suffix" }, ce = /* @__PURE__ */ H({
   __name: "BaseColorInput",
   props: {

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { defineComponent as E, ref as m, computed as n, watch as _, openBlock as p, createElementBlock as h, normalizeProps as i, guardReactiveProps as f, mergeProps as k, createCommentVNode as I, createElementVNode as l, renderSlot as F } from "vue";
-import { isCssColor as y } from "./index209.js";
-import { when as N } from "./index210.js";
-import { booleanishToBoolean as S } from "./index211.js";
+import { isCssColor as y } from "./index250.js";
+import { when as N } from "./index251.js";
+import { booleanishToBoolean as S } from "./index252.js";
 const A = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index207.js

@@ -1,4 +1,6 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  n as clamp
+  x as isHex
 };

package/dist/index208.js

@@ -1,4 +1,43 @@
-const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+import { unrefElement as A } from "./index132.js";
+import { toValue as n, notNullish as g, tryOnScopeDispose as y } from "./index206.js";
+import { ref as i, computed as D, watch as F } from "vue";
+import { createFocusTrap as T } from "./index273.js";
+function E(f, a = {}) {
+  let e;
+  const { immediate: l, ...p } = a, r = i(!1), s = i(!1), c = (t) => e && e.activate(t), u = (t) => e && e.deactivate(t), v = () => {
+    e && (e.pause(), s.value = !0);
+  }, m = () => {
+    e && (e.unpause(), s.value = !1);
+  }, d = D(() => {
+    const t = n(f);
+    return (Array.isArray(t) ? t : [t]).map((h) => {
+      const o = n(h);
+      return typeof o == "string" ? o : A(o);
+    }).filter(g);
+  });
+  return F(
+    d,
+    (t) => {
+      t.length && (e = T(t, {
+        ...p,
+        onActivate() {
+          r.value = !0, a.onActivate && a.onActivate();
+        },
+        onDeactivate() {
+          r.value = !1, a.onDeactivate && a.onDeactivate();
+        }
+      }), l && c());
+    },
+    { flush: "post" }
+  ), y(() => u()), {
+    hasFocus: r,
+    isPaused: s,
+    activate: c,
+    deactivate: u,
+    pause: v,
+    unpause: m
+  };
+}
 export {
-  t as urlAlphabet
+  E as useFocusTrap
 };

package/dist/index209.js

@@ -1,4 +1,22 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { MaskInput as r } from "./index265.js";
+const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
+  if (a.arg == null || a.instance == null) return;
+  const s = "setup" in a.instance.$.type;
+  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
+}, k = (a, n) => {
+  var s;
+  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
+  if (t == null || (t == null ? void 0 : t.type) === "file") return;
+  let e = {};
+  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
+    const l = (o) => {
+      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
+      p(n, i);
+    };
+    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+  }
+  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
+};
 export {
-  s as isCssColor
+  k as vMaska
 };

package/dist/index21.js

@@ -5,22 +5,22 @@ import { _config as C } from "./index4.js";
 import { useId as F } from "./index8.js";
 import f from "./index13.js";
 /* empty css        */
-import s from "./index231.js";
-import G from "./index233.js";
-import J from "./index234.js";
-import K from "./index235.js";
-import Q from "./index236.js";
-import X from "./index246.js";
-import ee from "./index247.js";
+import s from "./index228.js";
+import G from "./index229.js";
+import J from "./index230.js";
+import K from "./index231.js";
+import Q from "./index232.js";
+import X from "./index233.js";
+import ee from "./index234.js";
 import { hash as M } from "./index225.js";
-import { last as ae } from "./index238.js";
-import { useLogger as te } from "./index216.js";
-import oe from "./index248.js";
-import le from "./index249.js";
-import re from "./index250.js";
-import B from "./index251.js";
-import se from "./index252.js";
-import { useLocale as de } from "./index218.js";
+import { last as ae } from "./index235.js";
+import { useLogger as te } from "./index236.js";
+import oe from "./index237.js";
+import le from "./index238.js";
+import re from "./index239.js";
+import B from "./index240.js";
+import se from "./index241.js";
+import { useLocale as de } from "./index217.js";
 const ie = { class: "bb-base-date-picker" }, ne = { class: "bb-base-date-picker__body" }, ue = { class: "bb-base-date-picker__controls" }, me = { class: "sr-only" }, pe = { class: "sr-only" }, ce = { class: "sr-only" }, fe = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",