@dolanske/vui 1.6.2 → 1.6.3

package/dist/components/Input/Textarea.vue.d.ts

@@ -15,15 +15,21 @@ declare function __VLS_template(): {
         before?(_: {}): any;
         after?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        textarea: HTMLTextAreaElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textarea: HTMLTextAreaElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/vui.js

@@ -2,7 +2,7 @@ var Ss = Object.defineProperty;
 var Bs = (e, t, a) => t in e ? Ss(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var ge = (e, t, a) => Bs(e, typeof t != "symbol" ? t + "" : t, a);
 import * as Ql from "vue";
-import { createElementVNode as U, toRef as Ha, readonly as La, ref as E, customRef as Rs, onMounted as Ye, nextTick as et, getCurrentInstance as Kt, watch as Ae, hasInjectionContext as Wo, inject as vn, getCurrentScope as sr, onScopeDispose as ur, shallowRef as Qe, shallowReadonly as Ea, toValue as qe, isRef as Zr, computed as O, watchEffect as Mt, unref as v, reactive as va, toRaw as Es, defineComponent as ie, useTemplateRef as bt, onBeforeMount as zo, createElementBlock as D, openBlock as y, normalizeClass as ye, renderSlot as I, createBlock as te, createCommentVNode as L, createTextVNode as We, toDisplayString as Te, normalizeStyle as Ve, Fragment as be, useSlots as pt, useId as oa, renderList as Ne, resolveDynamicComponent as ia, createVNode as he, h as Vt, withCtx as q, onUnmounted as ha, mergeProps as Se, createSlots as mt, normalizeProps as Xe, guardReactiveProps as ut, Teleport as mn, Transition as Gt, render as Kl, withModifiers as ma, useAttrs as Aa, onBeforeUpdate as Is, withDirectives as zt, vShow as Xn, withKeys as Ls, mergeModels as $t, useModel as Bt, vModelCheckbox as qo, Comment as Ns, cloneVNode as Ys, effectScope as jo, onBeforeUnmount as Uo, provide as cl, toRefs as fl, toHandlerKey as Fs, camelize as Vs, vModelText as Jn, createPropsRestProxy as vl, vModelRadio as Hs, useCssVars as Ws, markRaw as Or, TransitionGroup as zs } from "vue";
+import { createElementVNode as U, toRef as Ha, readonly as La, ref as E, customRef as Rs, onMounted as Ye, nextTick as et, getCurrentInstance as Kt, watch as Ae, hasInjectionContext as Wo, inject as vn, getCurrentScope as sr, onScopeDispose as ur, shallowRef as Qe, shallowReadonly as Ea, toValue as qe, isRef as Zr, computed as O, watchEffect as $t, unref as v, reactive as va, toRaw as Es, defineComponent as ie, useTemplateRef as gt, onBeforeMount as zo, createElementBlock as D, openBlock as y, normalizeClass as ye, renderSlot as I, createBlock as te, createCommentVNode as L, createTextVNode as We, toDisplayString as Te, normalizeStyle as Ve, Fragment as be, useSlots as pt, useId as oa, renderList as Ne, resolveDynamicComponent as ia, createVNode as he, h as Vt, withCtx as q, onUnmounted as ha, mergeProps as Se, createSlots as mt, normalizeProps as Xe, guardReactiveProps as ut, Teleport as mn, Transition as Gt, render as Kl, withModifiers as ma, useAttrs as Aa, onBeforeUpdate as Is, withDirectives as zt, vShow as Xn, withKeys as Ls, mergeModels as Dt, useModel as Bt, vModelCheckbox as qo, Comment as Ns, cloneVNode as Ys, effectScope as jo, onBeforeUnmount as Uo, provide as cl, toRefs as fl, toHandlerKey as Fs, camelize as Vs, vModelText as Jn, createPropsRestProxy as vl, vModelRadio as Hs, useCssVars as Ws, markRaw as Or, TransitionGroup as zs } from "vue";
 const qs = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M117.66 170.34a8 8 0 0 1 0 11.32l-32 32a8 8 0 0 1-11.32 0l-32-32a8 8 0 0 1 11.32-11.32L72 188.69V48a8 8 0 0 1 16 0v140.69l18.34-18.35a8 8 0 0 1 11.32 0m96-96l-32-32a8 8 0 0 0-11.32 0l-32 32a8 8 0 0 0 11.32 11.32L168 67.31V208a8 8 0 0 0 16 0V67.31l18.34 18.35a8 8 0 0 0 11.32-11.32"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), js = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M214.86 180.12a8 8 0 0 1-11 2.74L136 142.13V216a8 8 0 0 1-16 0v-73.87l-67.88 40.73a8 8 0 1 1-8.23-13.72L112.45 128L43.89 86.86a8 8 0 1 1 8.23-13.72L120 113.87V40a8 8 0 0 1 16 0v73.87l67.88-40.73a8 8 0 1 1 8.23 13.72L143.55 128l68.56 41.14a8 8 0 0 1 2.75 10.98"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Gl = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16M72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160z"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Us = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M205.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L131.31 128ZM51.31 128l74.35-74.34a8 8 0 0 0-11.32-11.32l-80 80a8 8 0 0 0 0 11.32l80 80a8 8 0 0 0 11.32-11.32Z"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Qs = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="m141.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L124.69 128L50.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32m80-11.32l-80-80a8 8 0 0 0-11.32 11.32L204.69 128l-74.35 74.34a8 8 0 0 0 11.32 11.32l80-80a8 8 0 0 0 0-11.32"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), ml = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Qo = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), pl = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Ko = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Ks = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M132 24A100.11 100.11 0 0 0 32 124v84a16 16 0 0 0 16 16h84a100 100 0 0 0 0-200m0 184H48v-84a84 84 0 1 1 84 84"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Gs = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Xs = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), hl = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-34.34 77.66l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Zs = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), Js = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), eu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M247.31 124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57 61.26 162.88 48 128 48S61.43 61.26 36.34 86.35C17.51 105.18 9 124 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208s66.57-13.26 91.66-38.34c18.83-18.83 27.3-37.61 27.65-38.4a8 8 0 0 0 0-6.5M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.5 133.5 0 0 1 25 128a133.3 133.3 0 0 1 23.07-30.75C70.33 75.19 97.22 64 128 64s57.67 11.19 79.93 33.25A133.5 133.5 0 0 1 231.05 128c-7.21 13.46-38.62 64-103.05 64m0-112a48 48 0 1 0 48 48a48.05 48.05 0 0 0-48-48m0 80a32 32 0 1 1 32-32a32 32 0 0 1-32 32"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), tu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), au = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="m213.66 82.34l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66M160 51.31L188.69 80H160ZM200 216H56V40h88v48a8 8 0 0 0 8 8h48z"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), nu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m16-40a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m-32-92a12 12 0 1 1 12 12a12 12 0 0 1-12-12"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), ru = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), lu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), ou = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M200.77 53.89A103.27 103.27 0 0 0 128 24h-1.07A104 104 0 0 0 24 128c0 43 26.58 79.06 69.36 94.17A32 32 0 0 0 136 192a16 16 0 0 1 16-16h46.21a31.81 31.81 0 0 0 31.2-24.88a104.4 104.4 0 0 0 2.59-24a103.28 103.28 0 0 0-31.23-73.23m13 93.71a15.89 15.89 0 0 1-15.56 12.4H152a32 32 0 0 0-32 32a16 16 0 0 1-21.31 15.07C62.49 194.3 40 164 40 128a88 88 0 0 1 87.09-88h.9a88.35 88.35 0 0 1 88 87.25a89 89 0 0 1-2.18 20.35ZM140 76a12 12 0 1 1-12-12a12 12 0 0 1 12 12m-44 24a12 12 0 1 1-12-12a12 12 0 0 1 12 12m0 56a12 12 0 1 1-12-12a12 12 0 0 1 12 12m88-56a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), iu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), su = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m56-88a56 56 0 1 1-56-56a56.06 56.06 0 0 1 56 56"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), uu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M128 128a8 8 0 0 1-8 8H48a8 8 0 0 1 0-16h72a8 8 0 0 1 8 8M48 72h136a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16m56 112H48a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16m125.66-21.66a8 8 0 0 0-11.32 0L192 188.69V112a8 8 0 0 0-16 0v76.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l40 40a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0 0-11.32"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), du = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M40 128a8 8 0 0 1 8-8h72a8 8 0 0 1 0 16H48a8 8 0 0 1-8-8m8-56h56a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16m136 112H48a8 8 0 0 0 0 16h136a8 8 0 0 0 0-16m45.66-101.66l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32L176 67.31V144a8 8 0 0 0 16 0V67.31l26.34 26.35a8 8 0 0 0 11.32-11.32"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), yl = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m0 176H48V48h160z"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), cu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M221.87 83.16A104.1 104.1 0 1 1 195.67 49l22.67-22.68a8 8 0 0 1 11.32 11.32l-96 96a8 8 0 0 1-11.32-11.32l27.72-27.72a40 40 0 1 0 17.87 31.09a8 8 0 1 1 16-.9a56 56 0 1 1-22.38-41.65l22.75-22.75a87.88 87.88 0 1 0 23.13 29.67a8 8 0 0 1 14.44-6.9"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), fu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M230.92 212c-15.23-26.33-38.7-45.21-66.09-54.16a72 72 0 1 0-73.66 0c-27.39 8.94-50.86 27.82-66.09 54.16a8 8 0 1 0 13.85 8c18.84-32.56 52.14-52 89.07-52s70.23 19.44 89.07 52a8 8 0 1 0 13.85-8M72 96a56 56 0 1 1 56 56a56.06 56.06 0 0 1-56-56"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), vu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), mu = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M128 72a8 8 0 0 1 8 8v56a8 8 0 0 1-16 0V80a8 8 0 0 1 8-8m-12 100a12 12 0 1 0 12-12a12 12 0 0 0-12 12m124-44a15.85 15.85 0 0 1-4.67 11.28l-96.05 96.06a16 16 0 0 1-22.56 0l-96-96.06a16 16 0 0 1 0-22.56l96.05-96.06a16 16 0 0 1 22.56 0l96.05 96.06A15.85 15.85 0 0 1 240 128m-16 0l-96-96l-96 96l96 96Z"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16), dr = (e) => U("svg", { "aria-hidden": !0, role: "img", innerHTML: '<path fill="currentColor" d="M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"/>', width: "1em", height: "1em", viewBox: "0 0 256 256", ...e }, null, 16);
 function cr(e) {
   return sr() ? (ur(e), !0) : !1;
@@ -327,7 +327,7 @@ function Ru(e, t = {}) {
   const { window: a = It, ssrWidth: n = Bu() } = t, r = Cn(() => a && "matchMedia" in a && typeof a.matchMedia == "function"), l = Qe(typeof n == "number"), o = Qe(), i = Qe(!1), s = (d) => {
     i.value = d.matches;
   };
-  return Mt(() => {
+  return $t(() => {
     if (l.value) {
       l.value = !r.value;
       const d = qe(e).split(",");
@@ -839,8 +839,8 @@ const Ku = ["aria-hidden"], Gu = {
   },
   emits: ["open", "close"],
   setup(e, { expose: t, emit: a }) {
-    const n = e, r = a, l = E(!1), o = bt("content"), i = E(0);
-    Mt(() => {
+    const n = e, r = a, l = E(!1), o = gt("content"), i = E(0);
+    $t(() => {
       l.value = n.open;
     }, {
       flush: "post"
@@ -910,13 +910,13 @@ function Sn(e) {
     };
     return l(n), r;
   }
-  return Mt(() => {
+  return $t(() => {
     const n = (e == null ? void 0 : e()) ?? [];
     t.value = a(n);
   }), O(() => t.value);
 }
 function Bn(e, t) {
-  Mt(() => {
+  $t(() => {
     if (e.value.some((a) => a.type.__name !== t))
       throw new Error(`You can only pass \`<${t} />\` components as children.`);
   });
@@ -1182,7 +1182,7 @@ const fd = /* @__PURE__ */ ie({
       })
     }, null, 6));
   }
-}), wt = ie({
+}), bt = ie({
   name: "VuiButton",
   props: {
     href: String,
@@ -4560,10 +4560,10 @@ Ol.compatConfig = {
 };
 const Pt = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) : new Date(e), Al = (e, t, a) => nl(e, t, a) || re(), bf = (e, t, a) => {
   const n = t.dateInTz ? Pt(new Date(e), t.dateInTz) : re(e);
-  return a ? gt(n, !0) : n;
+  return a ? wt(n, !0) : n;
 }, nl = (e, t, a) => {
   if (!e) return null;
-  const n = a ? gt(re(e), !0) : re(e);
+  const n = a ? wt(re(e), !0) : re(e);
   return t ? t.exactMatch ? bf(e, t, a) : Pt(n, t.timezone) : n;
 }, kf = (e) => {
   const t = new Date(e.getFullYear(), 0, 1).getTimezoneOffset();
@@ -4575,7 +4575,7 @@ const Pt = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) :
 };
 var Yt = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e))(Yt || {}), Ft = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(Ft || {}), Ya = /* @__PURE__ */ ((e) => (e.header = "header", e.calendar = "calendar", e.timePicker = "timePicker", e))(Ya || {}), _t = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e.calendar = "calendar", e.time = "time", e.minutes = "minutes", e.hours = "hours", e.seconds = "seconds", e))(_t || {});
 const $f = ["timestamp", "date", "iso"];
-var xt = /* @__PURE__ */ ((e) => (e.up = "up", e.down = "down", e.left = "left", e.right = "right", e))(xt || {}), Ge = /* @__PURE__ */ ((e) => (e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.enter = "Enter", e.space = " ", e.esc = "Escape", e.tab = "Tab", e.home = "Home", e.end = "End", e.pageUp = "PageUp", e.pageDown = "PageDown", e))(Ge || {}), an = /* @__PURE__ */ ((e) => (e.MONTH_AND_YEAR = "MM-yyyy", e.YEAR = "yyyy", e.DATE = "dd-MM-yyyy", e))(an || {});
+var Tt = /* @__PURE__ */ ((e) => (e.up = "up", e.down = "down", e.left = "left", e.right = "right", e))(Tt || {}), Ge = /* @__PURE__ */ ((e) => (e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.enter = "Enter", e.space = " ", e.esc = "Escape", e.tab = "Tab", e.home = "Home", e.end = "End", e.pageUp = "PageUp", e.pageDown = "PageDown", e))(Ge || {}), an = /* @__PURE__ */ ((e) => (e.MONTH_AND_YEAR = "MM-yyyy", e.YEAR = "yyyy", e.DATE = "dd-MM-yyyy", e))(an || {});
 function ho(e) {
   return (t) => {
     const a = new Intl.DateTimeFormat(e, {
@@ -4687,7 +4687,7 @@ function Af(e, t) {
   if (n >= 0 && (t ? n - 1 >= 0 : n + 1 <= a.length))
     return a[n + (t ? -1 : 1)];
 }
-const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t}"]`), Bi = (e, t) => new Intl.NumberFormat(t, { useGrouping: !1, style: "decimal" }).format(e), Bl = (e, t) => na(e, t ?? an.DATE), Br = (e) => Array.isArray(e), ar = (e, t, a) => t.get(Bl(e, a)), Cf = (e, t) => e ? t ? t instanceof Map ? !!ar(e, t) : t(re(e)) : !1 : !0, Tt = (e, t, a = !1, n) => {
+const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t}"]`), Bi = (e, t) => new Intl.NumberFormat(t, { useGrouping: !1, style: "decimal" }).format(e), Bl = (e, t) => na(e, t ?? an.DATE), Br = (e) => Array.isArray(e), ar = (e, t, a) => t.get(Bl(e, a)), Cf = (e, t) => e ? t ? t instanceof Map ? !!ar(e, t) : t(re(e)) : !1 : !0, Mt = (e, t, a = !1, n) => {
   if (e.key === Ge.enter || e.key === Ge.space)
     return a && e.preventDefault(), t();
   if (n) return n(e);
@@ -4725,15 +4725,15 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     e.getUTCSeconds()
   );
   return new Date(n).toISOString();
-}, gt = (e, t) => {
+}, wt = (e, t) => {
   const a = re(JSON.parse(JSON.stringify(e))), n = Ue(a, { hours: 0, minutes: 0, seconds: 0, milliseconds: 0 });
   return t ? xd(n) : n;
 }, xa = (e, t, a, n) => {
   let r = e ? re(e) : re();
   return (t || t === 0) && (r = yf(r, +t)), (a || a === 0) && (r = gf(r, +a)), (n || n === 0) && (r = Mi(r, +n)), Ti(r, 0);
-}, lt = (e, t) => !e || !t ? !1 : on(gt(e), gt(t)), Le = (e, t) => !e || !t ? !1 : tn(gt(e), gt(t)), st = (e, t) => !e || !t ? !1 : Wa(gt(e), gt(t)), On = (e, t, a) => e != null && e[0] && e != null && e[1] ? st(a, e[0]) && lt(a, e[1]) : e != null && e[0] && t ? st(a, e[0]) && lt(a, t) || lt(a, e[0]) && st(a, t) : !1, Ht = (e) => {
+}, lt = (e, t) => !e || !t ? !1 : on(wt(e), wt(t)), Le = (e, t) => !e || !t ? !1 : tn(wt(e), wt(t)), st = (e, t) => !e || !t ? !1 : Wa(wt(e), wt(t)), On = (e, t, a) => e != null && e[0] && e != null && e[1] ? st(a, e[0]) && lt(a, e[1]) : e != null && e[0] && t ? st(a, e[0]) && lt(a, t) || lt(a, e[0]) && st(a, t) : !1, Ht = (e) => {
   const t = Ue(new Date(e), { date: 1 });
-  return gt(t);
+  return wt(t);
 }, Rr = (e, t, a) => t && (a || a === 0) ? Object.fromEntries(
   ["hours", "minutes", "seconds"].map((n) => n === t ? [n, a] : [n, isNaN(+e[n]) ? void 0 : +e[n]])
 ) : {
@@ -4813,7 +4813,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     const n = `${Ei(a + 1)}-${t}`;
     return e.size ? e.has(n) : !1;
   }
-  return typeof e == "function" ? e(gt(Ue(re(), { month: a, year: t }), !0)) : !1;
+  return typeof e == "function" ? e(wt(Ue(re(), { month: a, year: t }), !0)) : !1;
 }, Ff = (e, t, a) => {
   if (e instanceof Map) {
     const n = `${Ei(a + 1)}-${t}`;
@@ -4821,7 +4821,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   }
   return !0;
 }, Hi = (e, t, a) => typeof e == "function" ? e({ month: t, year: a }) : !!e.months.find((n) => n.month === t && n.year === a), Rl = (e, t) => typeof e == "function" ? e(t) : e.years.includes(t), ol = (e) => `dp-${na(e, "yyyy-MM-dd")}`, ko = (e, t) => {
-  const a = Di(gt(t), e), n = Rt(gt(t), e);
+  const a = Di(wt(t), e), n = Rt(wt(t), e);
   return { before: a, after: n };
 }, kn = va({
   menuFocused: !1,
@@ -5483,14 +5483,14 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: N[0] || (N[0] = (A) => S.$emit("close-picker")),
-              onKeydown: N[1] || (N[1] = (A) => v(Tt)(A, () => S.$emit("close-picker")))
+              onKeydown: N[1] || (N[1] = (A) => v(Mt)(A, () => S.$emit("close-picker")))
             }, Te(S.cancelText), 545)) : L("", !0),
             v(r).showNow ? (y(), D("button", {
               key: 1,
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: N[2] || (N[2] = (A) => S.$emit("select-now")),
-              onKeydown: N[3] || (N[3] = (A) => v(Tt)(A, () => S.$emit("select-now")))
+              onKeydown: N[3] || (N[3] = (A) => v(Mt)(A, () => S.$emit("select-now")))
             }, Te(S.nowButtonLabel), 33)) : L("", !0),
             v(r).showSelect ? (y(), D("button", {
               key: 2,
@@ -5500,7 +5500,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               class: "dp__action_button dp__action_select",
               disabled: M.value,
               "data-test-id": "select-button",
-              onKeydown: N[4] || (N[4] = (A) => v(Tt)(A, () => me())),
+              onKeydown: N[4] || (N[4] = (A) => v(Mt)(A, () => me())),
               onClick: me
             }, Te(S.selectText), 41, iv)) : L("", !0)
           ], 64))
@@ -5665,7 +5665,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               tabindex: "0",
               "data-test-id": H.text,
               onClick: ma((Fe) => me(H), ["prevent"]),
-              onKeydown: (Fe) => v(Tt)(Fe, () => me(H), !0),
+              onKeydown: (Fe) => v(Mt)(Fe, () => me(H), !0),
               onMouseover: (Fe) => Q(H.value)
             }, [
               U("div", {
@@ -5757,7 +5757,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       "aria-label": r.ariaLabel,
       "aria-disabled": r.disabled || void 0,
       onClick: l[0] || (l[0] = (o) => r.$emit("activate")),
-      onKeydown: l[1] || (l[1] = (o) => v(Tt)(o, () => r.$emit("activate"), !0))
+      onKeydown: l[1] || (l[1] = (o) => v(Mt)(o, () => r.$emit("activate"), !0))
     }, [
       U("span", {
         class: ye(["dp__inner_nav", { dp__inner_nav_disabled: r.disabled }])
@@ -6240,7 +6240,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     selectYear: (k) => {
       var _;
       if (t("update-month-year", { instance: 0, year: k }), o.value.enabled)
-        return n.value ? Array.isArray(n.value) && (((_ = n.value) == null ? void 0 : _.map((w) => Oe(w))).includes(k) ? n.value = n.value.filter((w) => Oe(w) !== k) : n.value.push(aa(gt(re()), k))) : n.value = [aa(gt(Mn(re())), k)], t("auto-apply", !0);
+        return n.value ? Array.isArray(n.value) && (((_ = n.value) == null ? void 0 : _.map((w) => Oe(w))).includes(k) ? n.value = n.value.filter((w) => Oe(w) !== k) : n.value.push(aa(wt(re()), k))) : n.value = [aa(wt(Mn(re())), k)], t("auto-apply", !0);
       s.value.enabled ? (n.value = Il(n, b(k), t), et().then(() => {
         yr(n.value, t, e.autoApply, e.modelAuto);
       })) : (n.value = b(k), t("auto-apply"));
@@ -6461,7 +6461,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 "data-test-id": `${K.type}-time-inc-btn-${r.order}`,
                 "aria-label": ($e = v(i)) == null ? void 0 : $e.incrementValue(K.type),
                 tabindex: "0",
-                onKeydown: (B) => v(Tt)(B, () => ve(K.type, !0, { keyboard: !0 }), !0),
+                onKeydown: (B) => v(Mt)(B, () => ve(K.type, !0, { keyboard: !0 }), !0),
                 onClick: (B) => v(u).timeArrowHoldThreshold ? void 0 : ve(K.type, !0),
                 onMousedown: (B) => v(u).timeArrowHoldThreshold ? ve(K.type, !0) : void 0,
                 onMouseup: H
@@ -6492,7 +6492,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 disabled: X(K.type),
                 tabindex: "0",
                 "data-test-id": `${K.type}-toggle-overlay-btn-${r.order}`,
-                onKeydown: (B) => v(Tt)(B, () => ee(K.type), !0),
+                onKeydown: (B) => v(Mt)(B, () => ee(K.type), !0),
                 onClick: (B) => ee(K.type)
               }, [
                 $.$slots[K.type] ? I($.$slots, K.type, {
@@ -6519,7 +6519,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 "data-test-id": `${K.type}-time-dec-btn-${r.order}`,
                 "aria-label": (Be = v(i)) == null ? void 0 : Be.decrementValue(K.type),
                 tabindex: "0",
-                onKeydown: (B) => v(Tt)(B, () => ve(K.type, !1, { keyboard: !0 }), !0),
+                onKeydown: (B) => v(Mt)(B, () => ve(K.type, !1, { keyboard: !0 }), !0),
                 onClick: (B) => v(u).timeArrowHoldThreshold ? void 0 : ve(K.type, !1),
                 onMousedown: (B) => v(u).timeArrowHoldThreshold ? ve(K.type, !1) : void 0,
                 onMouseup: H
@@ -6554,7 +6554,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             tabindex: "0",
             "data-compact": N.value,
             onClick: j,
-            onKeydown: se[0] || (se[0] = (K) => v(Tt)(K, () => j(), !0))
+            onKeydown: se[0] || (se[0] = (K) => v(Mt)(K, () => j(), !0))
           }, Te(b.value), 41, Tv))
         ])),
         (y(!0), D(be, null, Ne(Z.value, (K, _e) => (y(), te(Gt, {
@@ -6695,7 +6695,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           "aria-label": (z = v(d)) == null ? void 0 : z.openTimePicker,
           tabindex: Q.noOverlayFocus ? void 0 : 0,
           "data-test-id": "open-time-picker-btn",
-          onKeydown: de[0] || (de[0] = (we) => v(Tt)(we, () => R(!0))),
+          onKeydown: de[0] || (de[0] = (we) => v(Mt)(we, () => R(!0))),
           onClick: de[1] || (de[1] = (we) => R(!0))
         }, [
           Q.$slots["clock-icon"] ? I(Q.$slots, "clock-icon", { key: 0 }) : L("", !0),
@@ -6786,7 +6786,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     class: ye({ ...V.value, "dp--hidden-el": P.value }),
                     "aria-label": (C = v(d)) == null ? void 0 : C.closeTimePicker,
                     tabindex: "0",
-                    onKeydown: de[3] || (de[3] = (W) => v(Tt)(W, () => R(!1))),
+                    onKeydown: de[3] || (de[3] = (W) => v(Mt)(W, () => R(!1))),
                     onClick: de[4] || (de[4] = (W) => R(!1))
                   }, [
                     Q.$slots["calendar-icon"] ? I(Q.$slots, "calendar-icon", { key: 0 }) : L("", !0),
@@ -7135,7 +7135,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   "aria-label": `${j.text}-${j.ariaLabel}`,
                   "data-test-id": `${j.type}-toggle-overlay-${e.instance}`,
                   onClick: j.toggle,
-                  onKeydown: (ne) => v(Tt)(ne, () => j.toggle(), !0)
+                  onKeydown: (ne) => v(Mt)(ne, () => j.toggle(), !0)
                 }, [
                   C.$slots[j.type] ? I(C.$slots, j.type, {
                     key: 0,
@@ -7296,8 +7296,8 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     });
     const R = (j) => j ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", V = (j, Ce) => {
       if (r.transitions) {
-        const ne = gt(fa(re(), r.month, r.year));
-        _.value = st(gt(fa(re(), j, Ce)), ne) ? o.value[R(!0)] : o.value[R(!1)], k.value = !1, et(() => {
+        const ne = wt(fa(re(), r.month, r.year));
+        _.value = st(wt(fa(re(), j, Ce)), ne) ? o.value[R(!0)] : o.value[R(!1)], k.value = !1, et(() => {
           k.value = !0;
         });
       }
@@ -7431,7 +7431,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     "data-test-id": v(ol)($.value),
                     onClick: ma(($e) => H($e, $), ["prevent"]),
                     onTouchend: ($e) => H($e, $, !1),
-                    onKeydown: ($e) => v(Tt)($e, () => j.$emit("select-date", $)),
+                    onKeydown: ($e) => v(Mt)($e, () => j.$emit("select-date", $)),
                     onMouseenter: ($e) => ae($, ce, se),
                     onMouseleave: ($e) => Q($),
                     onMousedown: ($e) => Fe($),
@@ -7649,7 +7649,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     const Me = [], Ee = new Date(ue, Y), J = new Date(ue, Y + 1, 0), pe = e.weekStart, De = jt(Ee, { weekStartsOn: pe }), ua = (Zt) => {
       const Ra = _e(Zt, Y);
       if (Me.push({ days: Ra }), !Me[Me.length - 1].days.some(
-        (wa) => Le(gt(wa.value), gt(J))
+        (wa) => Le(wt(wa.value), wt(J))
       )) {
         const wa = Rt(Zt, 7);
         ua(wa);
@@ -7682,7 +7682,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     if (Be(Y.value) || !M(Y.value, s.value, h.value.fixedStart ? 0 : 1))
       return t("invalid-date", Y.value);
     r.value = ji(re(Y.value), s, t, h);
-  }, Dt = (Y, ue) => {
+  }, xt = (Y, ue) => {
     if (B(), h.value.autoRange) return oe(Y, ue);
     if (h.value.fixedStart || h.value.fixedEnd) return Ze(Y);
     r.value[0] ? M(re(Y.value), s.value) && !Be(Y.value) ? lt(re(Y.value), re(r.value[0])) ? (r.value.unshift(re(Y.value)), t("range-end", r.value[0])) : (r.value[1] = re(Y.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", Y.value), t("invalid-date", Y.value)) : (r.value[0] = re(Y.value), t("range-start", r.value[0]));
@@ -7701,7 +7701,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   }, Ba = (Y, ue = !1) => {
     if (P(Y.value) || !Y.current && e.hideOffsetDates) return t("invalid-date", Y.value);
     if (o.value = JSON.parse(JSON.stringify(Y)), !h.value.enabled) return xe(Y);
-    Do(u.hours) && Do(u.minutes) && !_.value.enabled && (Dt(Y, ue), Lt());
+    Do(u.hours) && Do(u.minutes) && !_.value.enabled && (xt(Y, ue), Lt());
   }, gn = (Y, ue) => {
     var Me;
     A(Y, ue.month, ue.year, !0), f.value.count && !f.value.solo && Fe(Y), t("update-month-year", { instance: Y, month: ue.month, year: ue.year }), a(f.value.solo ? Y : void 0);
@@ -8282,11 +8282,11 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       r.escClose && (n("close-picker"), g(B));
     }, Fe = (B) => {
       if (r.arrowNavigation) {
-        if (B === xt.up) return le();
-        if (B === xt.down) return G();
-        if (B === xt.left) return V();
-        if (B === xt.right) return R();
-      } else B === xt.left || B === xt.up ? $("handleArrow", xt.left, 0, B === xt.up) : $("handleArrow", xt.right, 0, B === xt.down);
+        if (B === Tt.up) return le();
+        if (B === Tt.down) return G();
+        if (B === Tt.left) return V();
+        if (B === Tt.right) return R();
+      } else B === Tt.left || B === Tt.up ? $("handleArrow", Tt.left, 0, B === Tt.up) : $("handleArrow", Tt.right, 0, B === Tt.down);
     }, j = (B) => {
       s(B.shiftKey), !r.disableMonthYearSelect && B.code === Ge.tab && B.target.classList.contains("dp__menu") && d.value.shiftKeyInMenu && (B.preventDefault(), Da(B, p.value, !0), n("close-picker"));
     }, Ce = () => {
@@ -8295,8 +8295,8 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       var oe, Re, Ze;
       (oe = T.value) == null || oe.toggleTimePicker(!1, !1), (Re = T.value) == null || Re.toggleMonthPicker(!1, !1, B), (Ze = T.value) == null || Ze.toggleYearPicker(!1, !1, B);
     }, ce = (B, oe = 0) => {
-      var Re, Ze, Dt;
-      return B === "month" ? (Re = T.value) == null ? void 0 : Re.toggleMonthPicker(!1, !0, oe) : B === "year" ? (Ze = T.value) == null ? void 0 : Ze.toggleYearPicker(!1, !0, oe) : B === "time" ? (Dt = T.value) == null ? void 0 : Dt.toggleTimePicker(!0, !1) : ne(oe);
+      var Re, Ze, xt;
+      return B === "month" ? (Re = T.value) == null ? void 0 : Re.toggleMonthPicker(!1, !0, oe) : B === "year" ? (Ze = T.value) == null ? void 0 : Ze.toggleYearPicker(!1, !0, oe) : B === "time" ? (xt = T.value) == null ? void 0 : xt.toggleTimePicker(!0, !1) : ne(oe);
     }, $ = (B, ...oe) => {
       var Re, Ze;
       (Re = T.value) != null && Re[B] && ((Ze = T.value) == null || Ze[B](...oe));
@@ -8322,13 +8322,13 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         case Ge.esc:
           return ve(B);
         case Ge.arrowLeft:
-          return $e(B, xt.left);
+          return $e(B, Tt.left);
         case Ge.arrowRight:
-          return $e(B, xt.right);
+          return $e(B, Tt.right);
         case Ge.arrowUp:
-          return $e(B, xt.up);
+          return $e(B, Tt.up);
         case Ge.arrowDown:
-          return $e(B, xt.down);
+          return $e(B, Tt.down);
         default:
           return;
       }
@@ -8345,7 +8345,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         (oe = (B = T.value) == null ? void 0 : B.setStartTime) == null || oe.call(B);
       }
     }), (B, oe) => {
-      var Re, Ze, Dt;
+      var Re, Ze, xt;
       return y(), D("div", {
         id: B.uid ? `dp-menu-${B.uid}` : void 0,
         ref_key: "dpMenuRef",
@@ -8379,7 +8379,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           ref: w,
           class: ye({
             dp__menu_content_wrapper: ((Ze = B.presetDates) == null ? void 0 : Ze.length) || !!B.$slots["left-sidebar"] || !!B.$slots["right-sidebar"],
-            "dp--menu-content-wrapper-collapsed": e.collapse && (((Dt = B.presetDates) == null ? void 0 : Dt.length) || !!B.$slots["left-sidebar"] || !!B.$slots["right-sidebar"])
+            "dp--menu-content-wrapper-collapsed": e.collapse && (((xt = B.presetDates) == null ? void 0 : xt.length) || !!B.$slots["left-sidebar"] || !!B.$slots["right-sidebar"])
           }),
           "data-dp-mobile": v(b),
           style: Ve({ "--dp-menu-width": `${_.value}px` })
@@ -8406,7 +8406,7 @@ const rl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 "data-test-id": ke.testId ?? void 0,
                 "data-dp-mobile": v(b),
                 onClick: ma((Ot) => fe(ke.value, ke.noTz), ["prevent"]),
-                onKeydown: (Ot) => v(Tt)(Ot, () => fe(ke.value, ke.noTz), !0)
+                onKeydown: (Ot) => v(Mt)(Ot, () => fe(ke.value, ke.noTz), !0)
               }, Te(ke.label), 47, om))
             ], 64))), 128))
           ], 10, lm)) : L("", !0),
@@ -9177,7 +9177,7 @@ const um = ({
             "aria-label": (X = v(o)) == null ? void 0 : X.clearInput,
             class: "dp--clear-btn",
             type: "button",
-            onKeydown: we[4] || (we[4] = (ee) => v(Tt)(ee, () => N(ee), !0, de)),
+            onKeydown: we[4] || (we[4] = (ee) => v(Mt)(ee, () => N(ee), !0, de)),
             onClick: we[5] || (we[5] = ma((ee) => N(ee), ["prevent"]))
           }, [
             he(v(Oi), {
@@ -9333,7 +9333,7 @@ const um = ({
       Ze(), H(), V.value.closeOnAutoApply && !J && rt();
     }, Ze = () => {
       c.value && F.value.enabled && c.value.setParsedDate(ee.value);
-    }, Dt = (J = !1) => {
+    }, xt = (J = !1) => {
       r.autoApply && M(ee.value) && B() && (G.value.enabled && Array.isArray(ee.value) ? (G.value.partialRange || ee.value.length === 2) && Re(J) : Re(J));
     }, ke = () => {
       F.value.enabled || (ee.value = null);
@@ -9346,7 +9346,7 @@ const um = ({
         return;
       }
       const ua = Array.isArray(J) ? !J.some((Ra) => !T(Ra)) : T(J), Zt = M(J);
-      ua && Zt ? (k.value = !0, ee.value = J, pe ? (h.value = De, oe(), n("text-submit")) : r.autoApply && Dt(), et().then(() => {
+      ua && Zt ? (k.value = !0, ee.value = J, pe ? (h.value = De, oe(), n("text-submit")) : r.autoApply && xt(), et().then(() => {
         k.value = !1;
       })) : n("invalid-date", J);
     }, Lt = () => {
@@ -9457,7 +9457,7 @@ const um = ({
                   "is-text-input-date": k.value,
                   onClosePicker: rt,
                   onSelectDate: oe,
-                  onAutoApply: Dt,
+                  onAutoApply: xt,
                   onTimeUpdate: Lt,
                   onFlowStep: pe[4] || (pe[4] = (De) => J.$emit("flow-step", De)),
                   onUpdateMonthYear: pe[5] || (pe[5] = (De) => J.$emit("update-month-year", De)),
@@ -9748,7 +9748,7 @@ const vy = /* @__PURE__ */ ie({
   class: "vui-checkbox-content"
 }, my = /* @__PURE__ */ ie({
   __name: "Checkbox",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     label: {},
     disabled: { type: Boolean },
     checked: { type: Boolean },
@@ -9757,7 +9757,7 @@ const vy = /* @__PURE__ */ ie({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ $t(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Dt(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const a = t, n = pt(), r = Bt(e, "modelValue"), l = oa();
     return (o, i) => (y(), D("div", {
@@ -10845,7 +10845,7 @@ const py = /* @__PURE__ */ ie({
     Ye(() => {
       n.value || console.error("Clipboard API is not supported. This component will not work"), typeof l.value == "string" && r.confirm && console.warn("[ClipBoard] You are using the 'confirm' prop and slot. The slot will take precedence.");
     });
-    const o = bt("anchor"), i = bt("tooltip"), { floatingStyles: s } = ms(o, i, {
+    const o = gt("anchor"), i = gt("tooltip"), { floatingStyles: s } = ms(o, i, {
       whileElementsMounted: us,
       transform: !1,
       strategy: "fixed",
@@ -11355,7 +11355,7 @@ function Np(e, t) {
   var l;
   const a = ((l = t == null ? void 0 : t.value) == null ? void 0 : l.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), n = E(!1), r = E(() => {
   });
-  return Mt((o) => {
+  return $t((o) => {
     if (!Qa)
       return;
     const i = async (d) => {
@@ -11394,7 +11394,7 @@ function Np(e, t) {
 function Yp(e, t) {
   var r;
   const a = ((r = t == null ? void 0 : t.value) == null ? void 0 : r.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), n = E(!1);
-  return Mt((l) => {
+  return $t((l) => {
     if (!Qa)
       return;
     const o = async (i) => {
@@ -11445,11 +11445,11 @@ const da = va({
       s.value === i.value.size - 1 && (n("escapeKeyDown", h), h.defaultPrevented || n("dismiss"));
     });
     let p;
-    return Mt((h) => {
+    return $t((h) => {
       l.value && (a.disableOutsidePointerEvents && (da.layersWithOutsidePointerEventsDisabled.size === 0 && (p = o.value.body.style.pointerEvents, o.value.body.style.pointerEvents = "none"), da.layersWithOutsidePointerEventsDisabled.add(l.value)), i.value.add(l.value), h(() => {
         a.disableOutsidePointerEvents && da.layersWithOutsidePointerEventsDisabled.size === 1 && (o.value.body.style.pointerEvents = p);
       }));
-    }), Mt((h) => {
+    }), $t((h) => {
       h(() => {
         l.value && (i.value.delete(l.value), da.layersWithOutsidePointerEventsDisabled.delete(l.value));
       });
@@ -11591,7 +11591,7 @@ const Zp = /* @__PURE__ */ ie({
         this.paused = !1;
       }
     });
-    Mt((u) => {
+    $t((u) => {
       if (!Qa)
         return;
       const c = l.value;
@@ -11617,7 +11617,7 @@ const Zp = /* @__PURE__ */ ie({
       c && g.observe(c, { childList: !0, subtree: !0 }), u(() => {
         document.removeEventListener("focusin", f), document.removeEventListener("focusout", p), g.disconnect();
       });
-    }), Mt(async (u) => {
+    }), $t(async (u) => {
       const c = l.value;
       if (await et(), !c)
         return;
@@ -12476,19 +12476,19 @@ function Ph(e) {
   function j(K) {
     var _e, $e, xe, Be, B, oe;
     if (A.value && T.value) {
-      const Re = g.value === "bottom" || g.value === "right" ? 1 : -1, Ze = (S.value - (ft(g.value) ? K.clientY : K.clientX)) * Re, Dt = Ze > 0, ke = ae.value && !o.value && !Dt;
+      const Re = g.value === "bottom" || g.value === "right" ? 1 : -1, Ze = (S.value - (ft(g.value) ? K.clientY : K.clientX)) * Re, xt = Ze > 0, ke = ae.value && !o.value && !xt;
       if (ke && z.value === 0)
         return;
       const rt = Math.abs(Ze), Ot = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
       let Lt = rt / Z.value;
-      const Ba = ee(rt, Dt);
-      if (Ba !== null && (Lt = Ba), ke && Lt >= 1 || !le.value && !ve(K.target, Dt))
+      const Ba = ee(rt, xt);
+      if (Ba !== null && (Lt = Ba), ke && Lt >= 1 || !le.value && !ve(K.target, xt))
         return;
       if ((_e = A == null ? void 0 : A.value) == null || _e.$el.classList.add(Fo), le.value = !0, yt(($e = A.value) == null ? void 0 : $e.$el, {
         transition: "none"
       }), yt((xe = x.value) == null ? void 0 : xe.$el, {
         transition: "none"
-      }), ae.value && W({ draggedDistance: Ze }), Dt && !ae.value) {
+      }), ae.value && W({ draggedDistance: Ze }), xt && !ae.value) {
         const Nt = kh(Ze), ga = Math.min(Nt * -1, 0) * Re;
         yt((Be = A.value) == null ? void 0 : Be.$el, {
           transform: ft(g.value) ? `translate3d(0, ${ga}px, 0)` : `translate3d(${ga}px, 0, 0)`
@@ -12558,7 +12558,7 @@ function Ph(e) {
       ae.value && (p.value = ae.value[0]);
     }, at.DURATION * 1e3));
   }
-  Mt(() => {
+  $t(() => {
     if (!w.value && d.value && hh) {
       const K = setTimeout(() => {
         bh(document.body);
@@ -12769,7 +12769,7 @@ function Sh() {
   function i() {
     return (window.innerWidth - Ps) / window.innerWidth;
   }
-  Mt((s) => {
+  $t((s) => {
     if (t.value && a.value) {
       l.value && clearTimeout(l.value);
       const d = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
@@ -12836,7 +12836,7 @@ const Bh = /* @__PURE__ */ ie({
     function P(T) {
       g.value || i(T);
     }
-    return Mt(() => {
+    return $t(() => {
       r.value && window.requestAnimationFrame(() => {
         b.value = !0;
       });
@@ -12939,7 +12939,7 @@ const Bh = /* @__PURE__ */ ie({
   },
   emits: ["clickOutside"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = Aa(), l = bt("popout"), o = O(() => a.anchor), { floatingStyles: i } = ms(o, l, {
+    const a = e, n = t, r = Aa(), l = gt("popout"), o = O(() => a.anchor), { floatingStyles: i } = ms(o, l, {
       whileElementsMounted: us,
       strategy: "fixed",
       transform: !1,
@@ -12988,7 +12988,7 @@ const Bh = /* @__PURE__ */ ie({
   },
   emits: ["close"],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = bt("anchor"), l = E(!1);
+    const n = a, r = gt("anchor"), l = E(!1);
     function o() {
       l.value = !0;
     }
@@ -13152,7 +13152,7 @@ const Bh = /* @__PURE__ */ ie({
   class: "vui-input-errors"
 }, yn = /* @__PURE__ */ ie({
   __name: "Input",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     type: { default: "text" },
     label: {},
     hint: {},
@@ -13181,8 +13181,8 @@ const Bh = /* @__PURE__ */ ie({
       set(o) {
         return e.readonly || to(o) > Number(e.limit) ? e.modelValue : o;
       }
-    }), n = oa(), r = bt("input");
-    Mt(() => {
+    }), n = oa(), r = gt("input");
+    $t(() => {
       var o;
       e.focus && ((o = r.value) == null || o.focus({ preventScroll: !0 }));
     }), t({
@@ -13242,7 +13242,7 @@ const Bh = /* @__PURE__ */ ie({
   }
 }), Xh = ["id"], Zh = ["for"], Jh = ["placeholder"], wy = /* @__PURE__ */ ie({
   __name: "Color",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     type: {},
     label: {},
     hint: {},
@@ -13300,7 +13300,7 @@ const Bh = /* @__PURE__ */ ie({
   }
 }), e0 = /* @__PURE__ */ ie({
   __name: "Counter",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     label: {},
     hint: {},
     limit: {},
@@ -13340,7 +13340,7 @@ const Bh = /* @__PURE__ */ ie({
       end: q(() => [
         he(vd, null, {
           default: q(() => [
-            n.hideDecrement ? L("", !0) : (y(), te(wt, {
+            n.hideDecrement ? L("", !0) : (y(), te(bt, {
               key: "decrease",
               disabled: !n.decrementEnabled,
               style: { "border-top-left-radius": 0, "border-bottom-left-radius": 0, marginRight: "-1px" },
@@ -13352,7 +13352,7 @@ const Bh = /* @__PURE__ */ ie({
               ]),
               _: 1
             }, 8, ["disabled"])),
-            n.hideIncrement ? L("", !0) : (y(), te(wt, {
+            n.hideIncrement ? L("", !0) : (y(), te(bt, {
               key: "increase",
               disabled: !n.incrementEnabled,
               onClick: r[1] || (r[1] = (l) => a.value += n.incrementBy)
@@ -13393,7 +13393,7 @@ const Bh = /* @__PURE__ */ ie({
       const d = s ? i.target.files : i.dataTransfer.files;
       d.length > 0 && n("files", d);
     }
-    const o = bt("dropzone");
+    const o = gt("dropzone");
     return Ye(() => {
       Je(o, "dragenter", l, !1), Je(o, "dragleave", l, !1), Je(o, "dragover", l, !1), Je(o, "drop", l, !1), Je(o, "input", (i) => l(i, !0), !1);
     }), (i, s) => (y(), te(yn, Se(a, {
@@ -13485,7 +13485,7 @@ const Bh = /* @__PURE__ */ ie({
       autocomplete: "off"
     }), {
       end: q(() => [
-        he(wt, {
+        he(bt, {
           square: "",
           "aria-label": a.value ? "Hide" : "Reveal",
           onClick: r[0] || (r[0] = (l) => a.value = !a.value)
@@ -13518,7 +13518,7 @@ const Bh = /* @__PURE__ */ ie({
   class: "vui-input-errors"
 }, Dy = /* @__PURE__ */ ie({
   __name: "Textarea",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     label: {},
     hint: {},
     limit: {},
@@ -13545,49 +13545,58 @@ const Bh = /* @__PURE__ */ ie({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const t = Bt(e, "modelValue", {
-      set(l) {
-        return e.readonly || l.length > Number(e.limit) ? e.modelValue : l;
+  setup(e, { expose: t }) {
+    const a = Bt(e, "modelValue", {
+      set(i) {
+        return e.readonly || i.length > Number(e.limit) ? e.modelValue : i;
       }
-    }), a = oa(), n = O(() => e.resize === !0 ? "both" : e.resize || "initial"), r = O(() => e.autoResize ? "content" : "auto");
-    return (l, o) => (y(), D("div", {
-      class: ye(["vui-input-container", { expand: l.expand, required: l.required, readonly: l.readonly, "has-errors": l.errors.length > 0, disabled: l.disabled }])
+    }), n = oa(), r = O(() => e.resize === !0 ? "both" : e.resize || "initial"), l = O(() => e.autoResize ? "content" : "auto"), o = gt("textarea");
+    return $t(() => {
+      var i;
+      e.focus && ((i = o.value) == null || i.focus({ preventScroll: !0 }));
+    }), t({
+      focus: () => {
+        var i;
+        (i = o.value) == null || i.focus({ preventScroll: !0 });
+      }
+    }), (i, s) => (y(), D("div", {
+      class: ye(["vui-input-container", { expand: i.expand, required: i.required, readonly: i.readonly, "has-errors": i.errors.length > 0, disabled: i.disabled }])
     }, [
-      I(l.$slots, "before"),
+      I(i.$slots, "before"),
       U("div", n0, [
-        l.label ? (y(), D("label", {
+        i.label ? (y(), D("label", {
           key: 0,
-          for: v(a)
-        }, Te(l.label), 9, r0)) : L("", !0),
-        l.hint ? (y(), D("p", l0, Te(l.hint), 1)) : L("", !0),
+          for: v(n)
+        }, Te(i.label), 9, r0)) : L("", !0),
+        i.hint ? (y(), D("p", l0, Te(i.hint), 1)) : L("", !0),
         zt(U("textarea", {
-          id: v(a),
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => t.value = i),
-          readonly: l.readonly,
+          id: v(n),
+          ref: "textarea",
+          "onUpdate:modelValue": s[0] || (s[0] = (d) => a.value = d),
+          readonly: i.readonly,
           name: "id",
-          placeholder: l.placeholder,
-          required: l.required,
-          disabled: l.disabled,
-          max: l.limit,
-          rows: l.rows,
-          cols: l.cols,
+          placeholder: i.placeholder,
+          required: i.required,
+          disabled: i.disabled,
+          max: i.limit,
+          rows: i.rows,
+          cols: i.cols,
           style: Ve({
-            resize: n.value,
+            resize: r.value,
             // @ts-expect-error Early-adoption CSS attribute
-            fieldSizing: r.value,
+            fieldSizing: l.value,
             // Add 1 to the width to account for the border
-            ...l.cols ? { width: `${l.cols + 1}ch` } : {}
+            ...i.cols ? { width: `${i.cols + 1}ch` } : {}
           })
         }, null, 12, o0), [
-          [Jn, t.value]
+          [Jn, a.value]
         ])
       ]),
-      l.limit ? (y(), D("p", i0, Te(`${t.value.length}/${l.limit}`), 1)) : L("", !0),
-      l.errors.length > 0 ? (y(), D("ul", s0, [
-        (y(!0), D(be, null, Ne(l.errors, (i) => (y(), D("li", { key: i }, Te(i), 1))), 128))
+      i.limit ? (y(), D("p", i0, Te(`${a.value.length}/${i.limit}`), 1)) : L("", !0),
+      i.errors.length > 0 ? (y(), D("ul", s0, [
+        (y(!0), D(be, null, Ne(i.errors, (d) => (y(), D("li", { key: d }, Te(d), 1))), 128))
       ])) : L("", !0),
-      I(l.$slots, "after")
+      I(i.$slots, "after")
     ], 2));
   }
 }), xy = /* @__PURE__ */ ie({
@@ -13679,7 +13688,7 @@ const Bh = /* @__PURE__ */ ie({
               }), [
                 he(Xi, Xe(ut(o.card)), mt({
                   "header-end": q(() => [
-                    o.canDismiss ? (y(), te(wt, {
+                    o.canDismiss ? (y(), te(bt, {
                       key: 0,
                       class: "vui-modal-close",
                       plain: "",
@@ -13765,7 +13774,7 @@ const Bh = /* @__PURE__ */ ie({
       footer: q(() => [
         he(Ma, { "x-end": "" }, {
           default: q(() => [
-            a.showCancel ? (y(), te(wt, {
+            a.showCancel ? (y(), te(bt, {
               key: 0,
               plain: "",
               onClick: l[0] || (l[0] = (o) => (n("cancel"), n("close")))
@@ -13775,7 +13784,7 @@ const Bh = /* @__PURE__ */ ie({
               ]),
               _: 1
             })) : L("", !0),
-            he(wt, {
+            he(bt, {
               variant: a.confirmVariant,
               onClick: l[1] || (l[1] = (o) => (n("confirm"), n("close")))
             }, {
@@ -13793,7 +13802,7 @@ const Bh = /* @__PURE__ */ ie({
   }
 }), f0 = { class: "vui-otp" }, v0 = ["inputmode"], m0 = { class: "vui-otp-items" }, p0 = "^\\d+$", h0 = "^[a-z]+$", y0 = "^[a-z0-9]+$", Py = /* @__PURE__ */ ie({
   __name: "OTP",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     mode: { default: "both" },
     redacted: { type: Boolean, default: !1 }
   }, {
@@ -13802,9 +13811,9 @@ const Bh = /* @__PURE__ */ ie({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ $t(["change", "complete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Dt(["change", "complete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = t, n = Bt(e, "modelValue"), r = E(-1), l = O(() => e.mode === "num" ? new RegExp(p0) : e.mode === "char" ? new RegExp(h0, "i") : new RegExp(y0, "i")), o = E(0), i = bt("inputRef");
+    const a = t, n = Bt(e, "modelValue"), r = E(-1), l = O(() => e.mode === "num" ? new RegExp(p0) : e.mode === "char" ? new RegExp(h0, "i") : new RegExp(y0, "i")), o = E(0), i = gt("inputRef");
     cl("otp-context", {
       otpValue: n,
       cursorIndex: r,
@@ -13918,7 +13927,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const t = Aa(), a = bt("popoutAnchor"), n = E(!1), r = E(!1);
+    const t = Aa(), a = gt("popoutAnchor"), n = E(!1), r = E(!1);
     let l;
     Ae(n, (d) => {
       if (d) {
@@ -13992,7 +14001,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
               U("p", null, "First page", -1)
             ])),
             default: q(() => [
-              he(wt, {
+              he(bt, {
                 plain: "",
                 disabled: a.pagination.startPage === a.pagination.currentPage,
                 square: "",
@@ -14016,7 +14025,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
               U("p", null, "Previous page", -1)
             ])),
             default: q(() => [
-              he(wt, {
+              he(bt, {
                 plain: "",
                 disabled: !l.value,
                 square: "",
@@ -14036,7 +14045,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
           gap: "xxs"
         }, {
           default: q(() => [
-            (y(!0), D(be, null, Ne(a.pagination.pages, (u) => (y(), te(wt, {
+            (y(!0), D(be, null, Ne(a.pagination.pages, (u) => (y(), te(bt, {
               key: u,
               square: "",
               plain: a.pagination.currentPage !== u,
@@ -14060,7 +14069,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
               U("p", null, "Next page", -1)
             ])),
             default: q(() => [
-              he(wt, {
+              he(bt, {
                 plain: "",
                 disabled: !r.value,
                 square: "",
@@ -14081,7 +14090,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
               U("p", null, "Last page", -1)
             ])),
             default: q(() => [
-              he(wt, {
+              he(bt, {
                 plain: "",
                 disabled: a.pagination.endPage === a.pagination.currentPage,
                 square: "",
@@ -14102,7 +14111,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
   }
 }), Cy = /* @__PURE__ */ ie({
   __name: "Progress",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     fake: { type: Boolean },
     color: { default: "var(--color-accent)" },
     fixed: { type: Boolean },
@@ -14113,14 +14122,14 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ $t(["done"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Dt(["done"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const a = t, n = Bt(e, "modelValue", {
       set(s) {
         return ro(0, 100, s);
       }
-    }), r = bt("progress");
-    Mt(() => {
+    }), r = gt("progress");
+    $t(() => {
       r.value && !mr(e.height) && r.value.style.setProperty(
         "--vui-progress-height",
         Et(e.height)
@@ -14157,7 +14166,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
   class: "vui-radio-content"
 }, Sy = /* @__PURE__ */ ie({
   __name: "Radio",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     label: {},
     disabled: { type: Boolean },
     value: {},
@@ -14194,7 +14203,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
   }
 }), By = /* @__PURE__ */ ie({
   __name: "RadioGroup",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     disabled: { type: Boolean },
     inline: { type: Boolean },
     wrap: { type: Boolean },
@@ -14252,7 +14261,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
   class: "vui-input-errors"
 }, Ry = /* @__PURE__ */ ie({
   __name: "Select",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     single: { type: Boolean, default: !0 },
     readonly: { type: Boolean },
     options: {},
@@ -14272,7 +14281,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Bt(e, "modelValue"), a = bt("trigger");
+    const t = Bt(e, "modelValue"), a = gt("trigger");
     function n(u) {
       var c, f, p;
       if (e.single)
@@ -14287,7 +14296,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
     Ye(() => {
       e.readonly && e.showClear && console.warn("[Select] readonly and showClear are mutually exclusive props. The clear button will not show up if required is present.");
     });
-    const i = bt("dropdown");
+    const i = gt("dropdown");
     function s() {
       var u;
       t.value = void 0, (u = i.value) == null || u.close();
@@ -14321,7 +14330,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
               U("span", null, Te(o.value), 1),
               u.showClear && !u.required && t.value && t.value.length > 0 ? (y(), D(be, { key: 0 }, [
                 c[2] || (c[2] = U("div", { class: "flex-1" }, null, -1)),
-                he(wt, {
+                he(bt, {
                   plain: "",
                   square: "",
                   size: "s",
@@ -14435,7 +14444,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
                 style: r.value
               }, { ...i.card, ...v(n) }), mt({
                 "header-end": q(() => [
-                  he(wt, {
+                  he(bt, {
                     plain: "",
                     square: "",
                     onClick: s[0] || (s[0] = (d) => a("close"))
@@ -14488,7 +14497,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
   class: "vui-sidebar-footer"
 }, Xr = 32, Iy = /* @__PURE__ */ ie({
   __name: "Sidebar",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     width: { default: 224 },
     mini: { type: Boolean, default: !1 },
     appear: { type: Boolean },
@@ -14499,7 +14508,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = bt("sidebar"), n = Bt(e, "modelValue"), r = pt(), l = zu("--vui-sidebar-float-offset", a, {
+    const t = e, a = gt("sidebar"), n = Bt(e, "modelValue"), r = pt(), l = zu("--vui-sidebar-float-offset", a, {
       initialValue: "8px"
     }), o = O(() => t.mini ? t.floaty ? "73px" : "65px" : t.floaty ? `calc(${t.width}px + ${l.value})` : `${t.width}px`), i = O(() => ({
       mini: t.mini,
@@ -14509,7 +14518,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
       close: () => n.value = !1
     })), { start: s, stop: d, isPending: u } = ei(() => {
       t.appear && (n.value = !0);
-    }, 250), c = bt("wrap"), { elementX: f } = Qu(c);
+    }, 250), c = gt("wrap"), { elementX: f } = Qu(c);
     return zo(() => {
       t.appear && n.value && (n.value = !1);
     }), Pu(f, (p) => {
@@ -14573,7 +14582,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
   class: "vui-switch-content"
 }, Ny = /* @__PURE__ */ ie({
   __name: "Switch",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     label: {},
     disabled: { type: Boolean },
     accent: { type: Boolean }
@@ -14612,7 +14621,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
 }, W0 = /* @__PURE__ */ ie({
   __name: "Cell",
   setup(e) {
-    const t = pt(), a = bt("context"), n = O(() => {
+    const t = pt(), a = gt("context"), n = O(() => {
       var l;
       return !t.context || !window ? {} : {
         paddingRight: `${((l = a.value) == null ? void 0 : l.getBoundingClientRect().width) ?? 0}px`
@@ -14676,7 +14685,7 @@ const w0 = ["aria-describedby"], b0 = /* @__PURE__ */ ie({
             ];
           }),
           default: q(() => [
-            he(wt, {
+            he(bt, {
               class: "vui-table-sort-button",
               size: "s",
               plain: !t.header.sortKey,
@@ -14856,7 +14865,7 @@ const j0 = { key: 0 }, U0 = {
       key: 0,
       class: ye(["vui-table-interactive-cell", { selected: v(t) }])
     }, [
-      he(wt, {
+      he(bt, {
         square: "",
         plain: "",
         onClick: l[0] || (l[0] = (o) => v(n)())
@@ -14883,7 +14892,7 @@ const j0 = { key: 0 }, U0 = {
       key: 0,
       class: ye(["vui-table-interactive-cell", { selected: l.value }])
     }, [
-      he(wt, {
+      he(bt, {
         square: "",
         plain: "",
         onClick: i[0] || (i[0] = (s) => v(n)(t.row))
@@ -14929,7 +14938,7 @@ const j0 = { key: 0 }, U0 = {
   class: "vui-tab-underline"
 }, Hy = /* @__PURE__ */ ie({
   __name: "Tabs",
-  props: /* @__PURE__ */ $t({
+  props: /* @__PURE__ */ Dt({
     variant: { default: "default" },
     expand: { type: Boolean },
     disabled: { type: Boolean }
@@ -14939,7 +14948,7 @@ const j0 = { key: 0 }, U0 = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = pt(), a = Bt(e, "modelValue"), n = bt("underline"), r = bt("tabs");
+    const t = pt(), a = Bt(e, "modelValue"), n = gt("underline"), r = gt("tabs");
     function l() {
       var i;
       if (window && r.value && n.value) {
@@ -15039,7 +15048,7 @@ const ey = { class: "vui-toast-item-content" }, ty = { key: 0 }, ay = /* @__PURE
                   ref_for: !0
                 }, { data: r.bodyProps, toastId: n }), null, 16)) : L("", !0)
               ]),
-              r.action ? (y(), te(wt, {
+              r.action ? (y(), te(bt, {
                 key: 0,
                 onClick: (l) => r.action.handler(r.id)
               }, {
@@ -15065,7 +15074,7 @@ export {
   uy as Badge,
   dy as BreadcrumbItem,
   cy as Breadcrumbs,
-  wt as Button,
+  bt as Button,
   vd as ButtonGroup,
   vy as Calendar,
   Xi as Card,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dolanske/vui",
   "type": "module",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "private": false,
   "description": "Brother in Christ there's a new UI library",
   "author": "dolanske",