@a-drowned-fish/rox-v 1.0.32 → 1.0.33

package/dist/es/collapse/collapse.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./collapse.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                         */
 //#region components/collapse/collapse.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-cc071022"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-46a0054a"]]);
 //#endregion
 export { n as default };

package/dist/es/collapse/collapse.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,7 @@ var l = /* @__PURE__ */ i({
 			default: !1
 		},
 		maxHeight: { default: "100dvh" },
-		duration: { default: 300 }
+		duration: { default: 200 }
 	},
 	setup(i) {
 		let l = i;

package/dist/es/collapse/style.css

@@ -1 +1 @@
-.collapse-content[data-v-cc071022]{width:max-content}.collapse-enter-from[data-v-cc071022],.collapse-leave-to[data-v-cc071022]{max-height:0!important}.collapse-enter-active[data-v-cc071022],.collapse-leave-active[data-v-cc071022]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}
+.collapse-content[data-v-46a0054a]{width:max-content}.collapse-enter-from[data-v-46a0054a],.collapse-leave-to[data-v-46a0054a]{max-height:0!important}.collapse-enter-active[data-v-46a0054a],.collapse-leave-active[data-v-46a0054a]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}

package/dist/es/input/input.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./input.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                      */
 //#region components/input/input.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-56cf72b9"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-238a598a"]]);
 //#endregion
 export { n as default };

package/dist/es/input/input.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeModels as i, openBlock as a, useModel as o, useTemplateRef as s, vModelDynamic as c, vShow as l, withDirectives as u, withKeys as d } from "vue";
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeModels as i, onMounted as a, openBlock as o, useModel as s, useTemplateRef as c, vModelDynamic as l, vShow as u, watch as d, withDirectives as f, withKeys as p } from "vue";
 //#region components/input/input.vue?vue&type=script&setup=true&lang.ts
-var f = { class: "input-box" }, p = ["type", "placeholder"], m = ["src"], h = /* @__PURE__ */ r({
+var m = { class: "input-box" }, h = ["type", "placeholder"], g = ["src"], _ = /* @__PURE__ */ r({
 	name: "Input",
 	__name: "input",
 	props: /* @__PURE__ */ i({
@@ -10,7 +10,11 @@ var f = { class: "input-box" }, p = ["type", "placeholder"], m = ["src"], h = /*
 			type: Boolean,
 			default: !1
 		},
-		icon: { default: "" }
+		icon: { default: "" },
+		autoFocus: {
+			type: Boolean,
+			default: !1
+		}
 	}, {
 		modelValue: {
 			type: String,
@@ -20,25 +24,29 @@ var f = { class: "input-box" }, p = ["type", "placeholder"], m = ["src"], h = /*
 	}),
 	emits: /* @__PURE__ */ i(["click", "enter"], ["update:modelValue"]),
 	setup(r, { emit: i }) {
-		let h = i, g = s("input"), _ = o(r, "modelValue"), v = r, y = () => {
-			h("click"), g.value?.focus?.(), setTimeout(() => {
-				let e = _.value.length;
-				g.value?.setSelectionRange?.(e, e);
+		let _ = i, v = c("input"), y = s(r, "modelValue"), b = r, x = () => {
+			_("click"), v.value?.focus?.(), setTimeout(() => {
+				let e = y.value.length;
+				v.value?.setSelectionRange?.(e, e);
 			}, 0);
 		};
-		return (r, i) => (a(), t("div", f, [u(n("input", {
-			type: v.type,
-			"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
+		return a(() => {
+			b.autoFocus && v.value?.focus?.();
+		}), d(() => b.autoFocus, (e) => {
+			e && v.value?.focus?.();
+		}), (r, i) => (o(), t("div", m, [f(n("input", {
+			type: b.type,
+			"onUpdate:modelValue": i[0] ||= (e) => y.value = e,
 			ref: "input",
-			placeholder: v.placeholder,
-			onKeyup: i[1] ||= d((e) => r.$emit("enter"), ["enter"])
-		}, null, 40, p), [[c, _.value]]), v.icon ? u((a(), t("img", {
+			placeholder: b.placeholder,
+			onKeyup: i[1] ||= p((e) => r.$emit("enter"), ["enter"])
+		}, null, 40, h), [[l, y.value]]), b.icon ? f((o(), t("img", {
 			key: 0,
-			src: v.icon,
+			src: b.icon,
 			alt: "icon",
-			onClick: y
-		}, null, 8, m)), [[l, v.iconVisible]]) : e("", !0)]));
+			onClick: x
+		}, null, 8, g)), [[u, b.iconVisible]]) : e("", !0)]));
 	}
 });
 //#endregion
-export { h as default };
+export { _ as default };

package/dist/es/input/style.css

@@ -1 +1 @@
-.input-box[data-v-56cf72b9]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-56cf72b9]:focus-within{border-color:#000}.input-box input[data-v-56cf72b9]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-56cf72b9]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-56cf72b9]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-56cf72b9]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-56cf72b9]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}
+.input-box[data-v-238a598a]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-238a598a]:focus-within{border-color:#000}.input-box input[data-v-238a598a]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-238a598a]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-238a598a]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}

package/dist/es/input-otp/input-otp.js

@@ -2,6 +2,6 @@ import e from "./input-otp.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                          */
 import t from "../_virtual/_plugin-vue_export-helper.js";
 //#region components/input-otp/input-otp.vue
-var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-e8da3c38"]]);
+var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-fd524a3d"]]);
 //#endregion
 export { n as default };

package/dist/es/input-otp/input-otp.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, nextTick as i, normalizeClass as a, normalizeStyle as o, openBlock as s, ref as c, renderList as l, toDisplayString as u, vModelText as d, watch as f, withDirectives as p, withKeys as m } from "vue";
+import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, nextTick as i, normalizeClass as a, normalizeStyle as o, onMounted as s, openBlock as c, ref as l, renderList as u, toDisplayString as d, vModelText as f, watch as p, withDirectives as m, withKeys as h } from "vue";
 //#region components/input-otp/input-otp.vue?vue&type=script&setup=true&lang.ts
-var h = ["inputmode", "maxlength"], g = /* @__PURE__ */ r({
+var g = ["inputmode", "maxlength"], _ = /* @__PURE__ */ r({
 	name: "InputOtp",
 	__name: "input-otp",
 	props: {
@@ -10,70 +10,78 @@ var h = ["inputmode", "maxlength"], g = /* @__PURE__ */ r({
 		activeItemClass: { default: "" },
 		gap: { default: "10px" },
 		hasFilledItemClass: { default: "active" },
-		type: { default: "number" }
+		type: { default: "number" },
+		autoFocus: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: [
 		"update:modelValue",
 		"complete",
 		"enter"
 	],
-	setup(r, { emit: g }) {
-		let _ = [
+	setup(r, { emit: _ }) {
+		let v = [
 			"ArrowLeft",
 			"ArrowRight",
 			"Home",
 			"End"
-		], v = r, y = g, b = c(null), x = c(v.modelValue);
-		f(() => v.modelValue, (e) => {
-			e !== x.value && (x.value = e);
+		], y = r, b = _, x = l(null), S = l(y.modelValue);
+		p(() => y.modelValue, (e) => {
+			e !== S.value && (S.value = e);
 		});
-		function S(e) {
+		function C(e) {
 			let t = e.target.value;
-			t = v.type === "text" ? t.replace(/[^\dA-Za-z]/g, "") : t.replace(/\D/g, ""), t = t.slice(0, v.length), x.value = t, y("update:modelValue", t), t.length === v.length && y("complete", t);
+			t = y.type === "text" ? t.replace(/[^\dA-Za-z]/g, "") : t.replace(/\D/g, ""), t = t.slice(0, y.length), S.value = t, b("update:modelValue", t), t.length === y.length && b("complete", t);
 		}
-		function C() {
+		function w() {
 			i(() => {
-				if (b.value) {
-					let e = x.value.length;
-					b.value.setSelectionRange?.(e, e);
+				if (x.value) {
+					let e = S.value.length;
+					x.value.setSelectionRange?.(e, e);
 				}
 			});
 		}
-		function w(e) {
-			let t = x.value, n = e.key;
+		function T(e) {
+			let t = S.value, n = e.key;
 			if (n === "Backspace" || n === "Delete") {
 				if (e.preventDefault(), t.length > 0) {
 					let e = t.slice(0, -1);
-					x.value = e, y("update:modelValue", e), C();
+					S.value = e, b("update:modelValue", e), w();
 				}
-			} else _.includes(n) && e.preventDefault();
-		}
-		function T() {
-			v.modelValue.length >= v.length && y("enter");
+			} else v.includes(n) && e.preventDefault();
 		}
 		function E() {
-			b.value?.focus();
+			y.modelValue.length >= y.length && b("enter");
 		}
-		function D(e) {
-			return e === x.value.length;
+		function D() {
+			x.value?.focus();
 		}
 		function O(e) {
-			return e < x.value.length;
+			return e === S.value.length;
+		}
+		function k(e) {
+			return e < S.value.length;
 		}
-		return (i, c) => (s(), t("div", {
+		return s(() => {
+			y.autoFocus && D();
+		}), p(() => y.autoFocus, (e) => {
+			e && D();
+		}), (i, s) => (c(), t("div", {
 			class: "otp-wrapper",
-			onClick: E
-		}, [p(n("input", {
-			inputmode: v.type === "text" ? "text" : "numeric",
+			onClick: D
+		}, [m(n("input", {
+			inputmode: y.type === "text" ? "text" : "numeric",
 			autocomplete: "one-time-code",
 			ref_key: "inputRef",
-			ref: b,
-			"onUpdate:modelValue": c[0] ||= (e) => x.value = e,
+			ref: x,
+			"onUpdate:modelValue": s[0] ||= (e) => S.value = e,
 			maxlength: r.length,
-			onInput: S,
-			onKeydown: w,
-			onKeyup: m(T, ["enter"]),
-			onFocus: C,
+			onInput: C,
+			onKeydown: T,
+			onKeyup: h(E, ["enter"]),
+			onFocus: w,
 			style: {
 				position: "absolute",
 				opacity: "0",
@@ -81,18 +89,18 @@ var h = ["inputmode", "maxlength"], g = /* @__PURE__ */ r({
 				width: "1px",
 				height: "1px"
 			}
-		}, null, 40, h), [[d, x.value]]), n("div", {
+		}, null, 40, g), [[f, S.value]]), n("div", {
 			class: "otp-box",
-			style: o({ gap: v.gap })
-		}, [(s(!0), t(e, null, l(r.length, (e, n) => (s(), t("div", {
+			style: o({ gap: y.gap })
+		}, [(c(!0), t(e, null, u(r.length, (e, n) => (c(), t("div", {
 			key: n,
 			class: a(["otp-item", [
-				{ [v.activeItemClass]: D(n) },
-				{ [v.hasFilledItemClass]: O(n) },
-				v.itemClass
+				{ [y.activeItemClass]: O(n) },
+				{ [y.hasFilledItemClass]: k(n) },
+				y.itemClass
 			]])
-		}, u(x.value[n] || ""), 3))), 128))], 4)]));
+		}, d(S.value[n] || ""), 3))), 128))], 4)]));
 	}
 });
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/es/input-otp/style.css

@@ -1 +1 @@
-.otp-wrapper[data-v-e8da3c38]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-e8da3c38]{width:100%;display:flex}.otp-item[data-v-e8da3c38]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-e8da3c38]{border-bottom:1px solid #000}
+.otp-wrapper[data-v-fd524a3d]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-fd524a3d]{width:100%;display:flex}.otp-item[data-v-fd524a3d]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-fd524a3d]{border-bottom:1px solid #000}

package/dist/es/popup/popup.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./popup.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                      */
 //#region components/popup/popup.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-f6d3cf05"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-49c688c4"]]);
 //#endregion
 export { n as default };

package/dist/es/popup/popup.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ var g = /* @__PURE__ */ s({
 	props: /* @__PURE__ */ c({
 		to: { default: "body" },
 		bg: { default: "rgba(0, 0, 0, .5)" },
-		duration: { default: 300 },
+		duration: { default: 150 },
 		position: { default: "bottom" },
 		maskClosable: {
 			type: Boolean,

package/dist/es/popup/style.css

@@ -1 +1 @@
-.fade-enter-from[data-v-f6d3cf05],.fade-leave-to[data-v-f6d3cf05]{opacity:0}.popup-container[data-v-f6d3cf05]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-f6d3cf05]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-f6d3cf05]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-top .popup-content[data-v-f6d3cf05]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-f6d3cf05]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-bottom .popup-content[data-v-f6d3cf05]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-f6d3cf05]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-left .popup-content[data-v-f6d3cf05]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-f6d3cf05]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-right .popup-content[data-v-f6d3cf05]{transform:translate(100%)}.popup-container-center .popup-content[data-v-f6d3cf05]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}
+.fade-enter-from[data-v-49c688c4],.fade-leave-to[data-v-49c688c4]{opacity:0}.popup-container[data-v-49c688c4]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-49c688c4]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-49c688c4]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-top .popup-content[data-v-49c688c4]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-49c688c4]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-bottom .popup-content[data-v-49c688c4]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-49c688c4]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-left .popup-content[data-v-49c688c4]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-49c688c4]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-right .popup-content[data-v-49c688c4]{transform:translate(100%)}.popup-container-center .popup-content[data-v-49c688c4]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}

package/dist/es/toast/style.css

@@ -1 +1 @@
-.toaster-box[data-v-496d1bee]{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}[data-v-496d1bee] .toast-item{background-color:var(--toast-bg);box-sizing:border-box;min-width:220px;padding:10px 20px}[data-v-496d1bee] .title-box{justify-content:center;align-items:center;gap:10px;display:flex}[data-v-496d1bee] .message{color:#fff}
+.toaster-box[data-v-7faa65fe]{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}[data-v-7faa65fe] .toast-item{background-color:var(--toast-bg);box-sizing:border-box;min-width:220px;padding:10px 20px}[data-v-7faa65fe] .title-box{justify-content:center;align-items:center;gap:16px;display:flex}[data-v-7faa65fe] .message{color:#fff}

package/dist/es/toast/toaster.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./toaster.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                        */
 //#region components/toast/toaster.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-496d1bee"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-7faa65fe"]]);
 //#endregion
 export { n as default };

package/dist/index.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`rox-v`]={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=Object.defineProperty,r=(e,t)=>{let r={};for(var i in e)n(r,i,{get:e[i],enumerable:!0});return t||n(r,Symbol.toStringTag,{value:`Module`}),r},i=[`inputmode`,`maxlength`],a=(0,t.defineComponent)({name:`InputOtp`,__name:`input-otp`,props:{modelValue:{default:``},length:{default:6},itemClass:{default:``},activeItemClass:{default:``},gap:{default:`10px`},hasFilledItemClass:{default:`active`},type:{default:`number`}},emits:[`update:modelValue`,`complete`,`enter`],setup(e,{emit:n}){let r=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],a=e,o=n,s=(0,t.ref)(null),c=(0,t.ref)(a.modelValue);(0,t.watch)(()=>a.modelValue,e=>{e!==c.value&&(c.value=e)});function l(e){let t=e.target.value;t=a.type===`text`?t.replace(/[^\dA-Za-z]/g,``):t.replace(/\D/g,``),t=t.slice(0,a.length),c.value=t,o(`update:modelValue`,t),t.length===a.length&&o(`complete`,t)}function u(){(0,t.nextTick)(()=>{if(s.value){let e=c.value.length;s.value.setSelectionRange?.(e,e)}})}function d(e){let t=c.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);c.value=e,o(`update:modelValue`,e),u()}}else r.includes(n)&&e.preventDefault()}function f(){a.modelValue.length>=a.length&&o(`enter`)}function p(){s.value?.focus()}function m(e){return e===c.value.length}function h(e){return e<c.value.length}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{inputmode:a.type===`text`?`text`:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:s,"onUpdate:modelValue":r[0]||=e=>c.value=e,maxlength:e.length,onInput:l,onKeydown:d,onKeyup:(0,t.withKeys)(f,[`enter`]),onFocus:u,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,i),[[t.vModelText,c.value]]),(0,t.createElementVNode)(`div`,{class:`otp-box`,style:(0,t.normalizeStyle)({gap:a.gap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.length,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:n,class:(0,t.normalizeClass)([`otp-item`,[{[a.activeItemClass]:m(n)},{[a.hasFilledItemClass]:h(n)},a.itemClass]])},(0,t.toDisplayString)(c.value[n]||``),3))),128))],4)]))}}),o=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},s=o(a,[[`__scopeId`,`data-v-e8da3c38`]]);s.install=e=>(s.name&&e.component(s.name,s),e);var c=s,l=o((0,t.defineComponent)({name:`Popup`,__name:`popup`,props:(0,t.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:300},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,t.useModel)(e,`modelValue`),i=e;function a(){i.maskClosable&&(r.value=!1)}return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:i.to},[(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,style:(0,t.normalizeStyle)({"--duration":`${i.duration}ms`,backgroundColor:i.bg,top:i.top,left:i.left,right:i.right,bottom:i.bottom,zIndex:i.zIndex}),class:(0,t.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,t.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)])],6)):(0,t.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}}),[[`__scopeId`,`data-v-f6d3cf05`]]);l.install=e=>(l.name&&e.component(l.name,l),e);var u=l,d=[`type`],f=o((0,t.defineComponent)({name:`Button`,__name:`button`,props:{padding:{default:`8px 16px`},block:{type:Boolean,default:!1},bg:{default:`transparent`},border:{default:`1px solid #1A171B`},radius:{default:`0`},disabled:{type:Boolean,default:!1},type:{default:`button`},disabledBg:{default:`rgba(26,23,27,0.16)`},enableDisabledClick:{type:Boolean,default:!1}},emits:[`click`],setup(e,{emit:n}){let r=n,i=e,a=e=>{(!i.disabled||i.enableDisabledClick)&&r(`click`,e)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{onClick:a,class:(0,t.normalizeClass)([`button-container`,{block:i.block,disabled:i.disabled}]),type:i.type,style:(0,t.normalizeStyle)({padding:i.padding,border:i.border,borderRadius:i.radius,"--bg":i.bg,"--disabled-bg":i.disabledBg})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],14,d))}}),[[`__scopeId`,`data-v-1d025e54`]]);f.install=e=>(f.name&&e.component(f.name,f),e);var p=f,m=o((0,t.defineComponent)({name:`Collapse`,__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:300}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`collapse`},{default:(0,t.withCtx)(()=>[n.open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,t.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],4)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),[[`__scopeId`,`data-v-cc071022`]]);m.install=e=>(m.name&&e.component(m.name,m),e);var h=m,g={class:`input-box`},_=[`type`,`placeholder`],v=[`src`],y=o((0,t.defineComponent)({name:`Input`,__name:`input`,props:(0,t.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,t.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(e,{emit:n}){let r=n,i=(0,t.useTemplateRef)(`input`),a=(0,t.useModel)(e,`modelValue`),o=e,s=()=>{r(`click`),i.value?.focus?.(),setTimeout(()=>{let e=a.value.length;i.value?.setSelectionRange?.(e,e)},0)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,g,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:o.type,"onUpdate:modelValue":n[0]||=e=>a.value=e,ref:`input`,placeholder:o.placeholder,onKeyup:n[1]||=(0,t.withKeys)(t=>e.$emit(`enter`),[`enter`])},null,40,_),[[t.vModelDynamic,a.value]]),o.icon?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:o.icon,alt:`icon`,onClick:s},null,8,v)),[[t.vShow,o.iconVisible]]):(0,t.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-56cf72b9`]]);y.install=e=>(y.name&&e.component(y.name,y),e);var b=y,x={class:`menu-label`},S=[`src`],C=[`src`],w=(0,t.defineComponent)({name:`MenuItem`,__name:`menu-item`,props:(0,t.mergeModels)({checkedIcon:{},checkedIconClass:{},suffixIcon:{},suffixIconClass:{},itemContainerClass:{},itemGap:{},activeItemClass:{},subMenuContainerClass:{},deep:{},item:{},parentValue:{}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=e,i=(0,t.ref)(!1),a=()=>i.value=!0,o=()=>i.value=!1,s=()=>{r.item.children?.length||(n.value=[...r.parentValue,r.item.value])};return(c,l)=>{let u=(0,t.resolveComponent)(`MenuItem`,!0);return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{onMouseenter:a,onMouseleave:o,style:{padding:`0 8px`}},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-inner`,[r.itemContainerClass,{active:n.value?.[r.deep]===e.item.value},{[r.activeItemClass]:n.value?.[r.deep]===e.item.value}]]),onClick:s},[(0,t.createElementVNode)(`div`,x,(0,t.toDisplayString)(e.item.label),1),e.suffixIcon&&e.item.children?.length?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:r.suffixIcon,class:(0,t.normalizeClass)([`suffix-icon`,r.suffixIconClass]),alt:`suffix-icon`},null,10,S)):(0,t.createCommentVNode)(``,!0),e.checkedIcon&&!e.item.children?.length&&n.value?.[r.deep]===e.item.value?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:1,src:r.checkedIcon,class:(0,t.normalizeClass)([`checked-icon`,r.checkedIconClass]),alt:`checked-icon`},null,10,C)):(0,t.createCommentVNode)(``,!0)],2),e.item.children?.length?((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{key:0,name:`fade`},{default:(0,t.withCtx)(()=>[i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`sub-menu-box list-box`,e.subMenuContainerClass])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.item.children,(i,a)=>((0,t.openBlock)(),(0,t.createBlock)(u,{key:a,modelValue:n.value,"onUpdate:modelValue":l[0]||=e=>n.value=e,item:i,"suffix-icon":e.suffixIcon,"suffix-icon-class":e.suffixIconClass,"checked-icon":e.checkedIcon,"checked-icon-class":e.checkedIconClass,"item-container-class":e.itemContainerClass,"item-gap":e.itemGap,deep:r.deep+1,"active-item-class":r.activeItemClass,"parent-value":r.parentValue.concat(e.item.value)},null,8,[`modelValue`,`item`,`suffix-icon`,`suffix-icon-class`,`checked-icon`,`checked-icon-class`,`item-container-class`,`item-gap`,`deep`,`active-item-class`,`parent-value`]))),128))],2)):(0,t.createCommentVNode)(``,!0)]),_:1})):(0,t.createCommentVNode)(``,!0)],32)}}}),T={key:0,class:`menu-list-box`},E=o((0,t.defineComponent)({name:`Menu`,__name:`menu`,props:(0,t.mergeModels)({duration:{default:100},items:{default:()=>[]},suffixIcon:{},suffixIconClass:{},checkedIcon:{},checkedIconClass:{},listContainerClass:{default:``},subMenuContainerClass:{default:``},defaultContainerClass:{default:``},itemContainerClass:{},itemGap:{default:`4px`},activeItemClass:{default:``}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:(0,t.mergeModels)([`open`,`close`],[`update:modelValue`]),setup(e,{emit:n}){let r=n,i=(0,t.useModel)(e,`modelValue`),a=e,o=(0,t.ref)(!1),s=()=>o.value=!0,c=()=>o.value=!1;return(0,t.watch)(i,()=>{o.value=!1}),(0,t.watch)(o,e=>{r(e?`open`:`close`)}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`menu-box`,style:(0,t.normalizeStyle)({"--duration":a.duration+`ms`})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`default-box`,a.defaultContainerClass]),onMouseenter:s,onMouseleave:c},[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0),(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,T,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-box`,a.listContainerClass]),style:(0,t.normalizeStyle)({"--gap":a.itemGap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:o,class:`menu-item`},[(0,t.createVNode)(w,{modelValue:i.value,"onUpdate:modelValue":r[0]||=e=>i.value=e,item:n,"suffix-icon":e.suffixIcon,"suffix-icon-class":e.suffixIconClass,"checked-icon":e.checkedIcon,"checked-icon-class":e.checkedIconClass,"item-container-class":e.itemContainerClass,"item-gap":a.itemGap,deep:0,"active-item-class":a.activeItemClass,"sub-menu-container-class":a.subMenuContainerClass,"parent-value":[]},null,8,[`modelValue`,`item`,`suffix-icon`,`suffix-icon-class`,`checked-icon`,`checked-icon-class`,`item-container-class`,`item-gap`,`active-item-class`,`sub-menu-container-class`])]))),128))],6)])):(0,t.createCommentVNode)(``,!0)]),_:1})],34)],4))}}),[[`__scopeId`,`data-v-b7084c6e`]]);E.install=e=>(E.name&&e.component(E.name,E),e);var D=E,O={class:`tab-list-container-inner`},k=[`onClick`],A=o((0,t.defineComponent)({name:`Tab`,__name:`tab`,props:(0,t.mergeModels)({items:{default:()=>[]},gap:{default:`10px`},tabContainerClass:{default:``},tabItemClass:{default:``},panelContainerClass:{default:``},panelItemClass:{default:``},activeLineClass:{default:``}},{modelValue:{type:Number,default:0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useTemplateRef)(`item`),r=(0,t.ref)(!0),i=(0,t.useModel)(e,`modelValue`),a=e,o=(0,t.reactive)({left:0,width:0}),s=()=>{if(!n.value)return;let e=n.value[i.value];if(!e)return;let{offsetWidth:t,offsetLeft:r}=e;o.left=r||0,o.width=t||0};return(0,t.watch)(i,()=>{r.value&&=!1,s()}),(0,t.onMounted)(async()=>{s()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`tab-box-container`,style:(0,t.normalizeStyle)({"--gap":a.gap})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`tab-list-container`,a.tabContainerClass])},[(0,t.createElementVNode)(`div`,O,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:(0,t.normalizeClass)([`tab-item-box`,a.tabItemClass]),onClick:e=>i.value=r,ref_for:!0,ref:`item`},[(0,t.renderSlot)(e.$slots,`default`,{item:n,index:r,active:i.value===r},void 0,!0)],10,k))),128)),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`active-tab-item-box`,[{initial:r.value},a.activeLineClass]]),style:(0,t.normalizeStyle)({left:o.left+`px`,width:o.width+`px`})},null,6)])],2),(0,t.renderSlot)(e.$slots,`middle`,{},void 0,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`panel-list-container`,a.panelContainerClass])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:(0,t.normalizeClass)([`panel-item-box`,a.panelItemClass])},[(0,t.renderSlot)(e.$slots,`panel`,{item:n,index:r,active:i.value===r},void 0,!0)],2)),[[t.vShow,i.value===r]])),128))],2)],4))}}),[[`__scopeId`,`data-v-fd2c8809`]]);A.install=e=>(A.name&&e.component(A.name,A),e);var j=(0,t.reactive)({toasts:[]}),M=3e3;function N(){return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,function(e){var t=Math.random()*16|0;return(e==`x`?t:t&3|8).toString(16)})}function P(e){if(e===void 0)j.toasts=[];else{let t=j.toasts.findIndex(t=>t.id===e);t!==-1&&j.toasts.splice(t,1)}}function F(e){let t={id:N(),message:e?.message||``,duration:e?.duration||M,type:e?.type||`info`};return setTimeout(()=>{j.toasts.push(t)},0),setTimeout(()=>{P(t.id)},t.duration),t.id}function I(){return{toast:F,success:(e,t=M)=>F({message:e,duration:t,type:`success`}),error:(e,t=M)=>F({message:e,duration:t,type:`error`}),info:(e,t=M)=>F({message:e,duration:t,type:`info`}),warning:(e,t=M)=>F({message:e,duration:t,type:`warning`}),dismiss:P}}var L=(0,t.readonly)(j),R={class:`toast-item`},z=(0,t.defineComponent)({name:`ToastItem`,__name:`toast-item`,props:{toast:{},bg:{},top:{},toasterClass:{},titleClass:{},messageClass:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,R,[e.toast.message?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`title-box`,e.titleClass])},[n.$slots[`success-icon`]&&e.toast.type===`success`?(0,t.renderSlot)(n.$slots,`success-icon`,{key:0}):(0,t.createCommentVNode)(``,!0),n.$slots[`error-icon`]&&e.toast.type===`error`?(0,t.renderSlot)(n.$slots,`error-icon`,{key:1}):(0,t.createCommentVNode)(``,!0),n.$slots[`info-icon`]&&e.toast.type===`info`?(0,t.renderSlot)(n.$slots,`info-icon`,{key:2}):(0,t.createCommentVNode)(``,!0),n.$slots[`warning-icon`]&&e.toast.type===`warning`?(0,t.renderSlot)(n.$slots,`warning-icon`,{key:3}):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`message`,e.messageClass])},(0,t.toDisplayString)(e.toast.message),3)],2)):(0,t.createCommentVNode)(``,!0)]))}}),B=o((0,t.defineComponent)({name:`Toaster`,__name:`toaster`,props:{to:{default:`body`},bg:{default:`rgba(0, 0, 0, 0.6)`},top:{default:`20px`},toasterClass:{default:``},titleClass:{default:``},messageClass:{default:``}},setup(e){let n=e;return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:e.to},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`toaster-box`,n.toasterClass]),style:(0,t.normalizeStyle)({"--toast-bg":n.bg,top:n.top})},[(0,t.createVNode)(t.TransitionGroup,{name:`toast-fade`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(L).toasts,e=>((0,t.openBlock)(),(0,t.createBlock)(z,{key:e.id,toast:e,"title-class":n.titleClass,"message-class":n.messageClass},{"success-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`success-icon`,{},void 0,!0)]),"error-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`error-icon`,{},void 0,!0)]),"info-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`info-icon`,{},void 0,!0)]),"warning-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`warning-icon`,{},void 0,!0)]),_:3},8,[`toast`,`title-class`,`message-class`]))),128))]),_:3})],6)],8,[`to`]))}}),[[`__scopeId`,`data-v-496d1bee`]]);B.install=function(e){return B.name&&e.component(B.name,B),e};var V=B,H=o((0,t.defineComponent)({name:`Loading`,__name:`loading`,props:{bg:{default:`transparent`},dotColor:{default:`#1a171b`},dotSize:{default:`8px`},dotGap:{default:`4px`},visible:{type:Boolean,default:!1}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[n.visible?((0,t.openBlock)(),(0,t.createElementBlock)(`section`,{key:0,class:`loading-box`,style:(0,t.normalizeStyle)({"--bg":n.bg,"--dot-color":n.dotColor,"--dot-size":n.dotSize,"--dot-gap":n.dotGap})},[...r[0]||=[(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1)]],4)):(0,t.createCommentVNode)(``,!0)]),_:1}))}}),[[`__scopeId`,`data-v-6f040ea9`]]);H.install=e=>(H.name&&e.component(H.name,H),e);var U=H,W=r({Button:()=>p,Collapse:()=>h,Input:()=>b,InputOtp:()=>c,Loading:()=>U,Menu:()=>D,Popup:()=>u,Tab:()=>A,Toaster:()=>V,useToast:()=>I}),G=e=>(Object.keys(W).forEach(t=>{let n=W[t];n.install&&e.use(n)}),e),K={install:G};e.Button=p,e.Collapse=h,e.Input=b,e.InputOtp=c,e.Loading=U,e.Menu=D,e.Popup=u,e.Tab=A,e.Toaster=V,e.default=K,e.install=G,e.useToast=I});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`rox-v`]={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=Object.defineProperty,r=(e,t)=>{let r={};for(var i in e)n(r,i,{get:e[i],enumerable:!0});return t||n(r,Symbol.toStringTag,{value:`Module`}),r},i=[`inputmode`,`maxlength`],a=(0,t.defineComponent)({name:`InputOtp`,__name:`input-otp`,props:{modelValue:{default:``},length:{default:6},itemClass:{default:``},activeItemClass:{default:``},gap:{default:`10px`},hasFilledItemClass:{default:`active`},type:{default:`number`},autoFocus:{type:Boolean,default:!1}},emits:[`update:modelValue`,`complete`,`enter`],setup(e,{emit:n}){let r=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],a=e,o=n,s=(0,t.ref)(null),c=(0,t.ref)(a.modelValue);(0,t.watch)(()=>a.modelValue,e=>{e!==c.value&&(c.value=e)});function l(e){let t=e.target.value;t=a.type===`text`?t.replace(/[^\dA-Za-z]/g,``):t.replace(/\D/g,``),t=t.slice(0,a.length),c.value=t,o(`update:modelValue`,t),t.length===a.length&&o(`complete`,t)}function u(){(0,t.nextTick)(()=>{if(s.value){let e=c.value.length;s.value.setSelectionRange?.(e,e)}})}function d(e){let t=c.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);c.value=e,o(`update:modelValue`,e),u()}}else r.includes(n)&&e.preventDefault()}function f(){a.modelValue.length>=a.length&&o(`enter`)}function p(){s.value?.focus()}function m(e){return e===c.value.length}function h(e){return e<c.value.length}return(0,t.onMounted)(()=>{a.autoFocus&&p()}),(0,t.watch)(()=>a.autoFocus,e=>{e&&p()}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{inputmode:a.type===`text`?`text`:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:s,"onUpdate:modelValue":r[0]||=e=>c.value=e,maxlength:e.length,onInput:l,onKeydown:d,onKeyup:(0,t.withKeys)(f,[`enter`]),onFocus:u,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,i),[[t.vModelText,c.value]]),(0,t.createElementVNode)(`div`,{class:`otp-box`,style:(0,t.normalizeStyle)({gap:a.gap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.length,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:n,class:(0,t.normalizeClass)([`otp-item`,[{[a.activeItemClass]:m(n)},{[a.hasFilledItemClass]:h(n)},a.itemClass]])},(0,t.toDisplayString)(c.value[n]||``),3))),128))],4)]))}}),o=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},s=o(a,[[`__scopeId`,`data-v-fd524a3d`]]);s.install=e=>(s.name&&e.component(s.name,s),e);var c=s,l=o((0,t.defineComponent)({name:`Popup`,__name:`popup`,props:(0,t.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:150},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,t.useModel)(e,`modelValue`),i=e;function a(){i.maskClosable&&(r.value=!1)}return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:i.to},[(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,style:(0,t.normalizeStyle)({"--duration":`${i.duration}ms`,backgroundColor:i.bg,top:i.top,left:i.left,right:i.right,bottom:i.bottom,zIndex:i.zIndex}),class:(0,t.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,t.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)])],6)):(0,t.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}}),[[`__scopeId`,`data-v-49c688c4`]]);l.install=e=>(l.name&&e.component(l.name,l),e);var u=l,d=[`type`],f=o((0,t.defineComponent)({name:`Button`,__name:`button`,props:{padding:{default:`8px 16px`},block:{type:Boolean,default:!1},bg:{default:`transparent`},border:{default:`1px solid #1A171B`},radius:{default:`0`},disabled:{type:Boolean,default:!1},type:{default:`button`},disabledBg:{default:`rgba(26,23,27,0.16)`},enableDisabledClick:{type:Boolean,default:!1}},emits:[`click`],setup(e,{emit:n}){let r=n,i=e,a=e=>{(!i.disabled||i.enableDisabledClick)&&r(`click`,e)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{onClick:a,class:(0,t.normalizeClass)([`button-container`,{block:i.block,disabled:i.disabled}]),type:i.type,style:(0,t.normalizeStyle)({padding:i.padding,border:i.border,borderRadius:i.radius,"--bg":i.bg,"--disabled-bg":i.disabledBg})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],14,d))}}),[[`__scopeId`,`data-v-1d025e54`]]);f.install=e=>(f.name&&e.component(f.name,f),e);var p=f,m=o((0,t.defineComponent)({name:`Collapse`,__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:200}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`collapse`},{default:(0,t.withCtx)(()=>[n.open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,t.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],4)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),[[`__scopeId`,`data-v-46a0054a`]]);m.install=e=>(m.name&&e.component(m.name,m),e);var h=m,g={class:`input-box`},_=[`type`,`placeholder`],v=[`src`],y=o((0,t.defineComponent)({name:`Input`,__name:`input`,props:(0,t.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``},autoFocus:{type:Boolean,default:!1}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,t.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(e,{emit:n}){let r=n,i=(0,t.useTemplateRef)(`input`),a=(0,t.useModel)(e,`modelValue`),o=e,s=()=>{r(`click`),i.value?.focus?.(),setTimeout(()=>{let e=a.value.length;i.value?.setSelectionRange?.(e,e)},0)};return(0,t.onMounted)(()=>{o.autoFocus&&i.value?.focus?.()}),(0,t.watch)(()=>o.autoFocus,e=>{e&&i.value?.focus?.()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,g,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:o.type,"onUpdate:modelValue":n[0]||=e=>a.value=e,ref:`input`,placeholder:o.placeholder,onKeyup:n[1]||=(0,t.withKeys)(t=>e.$emit(`enter`),[`enter`])},null,40,_),[[t.vModelDynamic,a.value]]),o.icon?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:o.icon,alt:`icon`,onClick:s},null,8,v)),[[t.vShow,o.iconVisible]]):(0,t.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-238a598a`]]);y.install=e=>(y.name&&e.component(y.name,y),e);var b=y,x={class:`menu-label`},S=[`src`],C=[`src`],w=(0,t.defineComponent)({name:`MenuItem`,__name:`menu-item`,props:(0,t.mergeModels)({checkedIcon:{},checkedIconClass:{},suffixIcon:{},suffixIconClass:{},itemContainerClass:{},itemGap:{},activeItemClass:{},subMenuContainerClass:{},deep:{},item:{},parentValue:{}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=e,i=(0,t.ref)(!1),a=()=>i.value=!0,o=()=>i.value=!1,s=()=>{r.item.children?.length||(n.value=[...r.parentValue,r.item.value])};return(c,l)=>{let u=(0,t.resolveComponent)(`MenuItem`,!0);return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{onMouseenter:a,onMouseleave:o,style:{padding:`0 8px`}},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-inner`,[r.itemContainerClass,{active:n.value?.[r.deep]===e.item.value},{[r.activeItemClass]:n.value?.[r.deep]===e.item.value}]]),onClick:s},[(0,t.createElementVNode)(`div`,x,(0,t.toDisplayString)(e.item.label),1),e.suffixIcon&&e.item.children?.length?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:r.suffixIcon,class:(0,t.normalizeClass)([`suffix-icon`,r.suffixIconClass]),alt:`suffix-icon`},null,10,S)):(0,t.createCommentVNode)(``,!0),e.checkedIcon&&!e.item.children?.length&&n.value?.[r.deep]===e.item.value?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:1,src:r.checkedIcon,class:(0,t.normalizeClass)([`checked-icon`,r.checkedIconClass]),alt:`checked-icon`},null,10,C)):(0,t.createCommentVNode)(``,!0)],2),e.item.children?.length?((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{key:0,name:`fade`},{default:(0,t.withCtx)(()=>[i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`sub-menu-box list-box`,e.subMenuContainerClass])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.item.children,(i,a)=>((0,t.openBlock)(),(0,t.createBlock)(u,{key:a,modelValue:n.value,"onUpdate:modelValue":l[0]||=e=>n.value=e,item:i,"suffix-icon":e.suffixIcon,"suffix-icon-class":e.suffixIconClass,"checked-icon":e.checkedIcon,"checked-icon-class":e.checkedIconClass,"item-container-class":e.itemContainerClass,"item-gap":e.itemGap,deep:r.deep+1,"active-item-class":r.activeItemClass,"parent-value":r.parentValue.concat(e.item.value)},null,8,[`modelValue`,`item`,`suffix-icon`,`suffix-icon-class`,`checked-icon`,`checked-icon-class`,`item-container-class`,`item-gap`,`deep`,`active-item-class`,`parent-value`]))),128))],2)):(0,t.createCommentVNode)(``,!0)]),_:1})):(0,t.createCommentVNode)(``,!0)],32)}}}),T={key:0,class:`menu-list-box`},E=o((0,t.defineComponent)({name:`Menu`,__name:`menu`,props:(0,t.mergeModels)({duration:{default:100},items:{default:()=>[]},suffixIcon:{},suffixIconClass:{},checkedIcon:{},checkedIconClass:{},listContainerClass:{default:``},subMenuContainerClass:{default:``},defaultContainerClass:{default:``},itemContainerClass:{},itemGap:{default:`4px`},activeItemClass:{default:``}},{modelValue:{type:Array,default:()=>[]},modelModifiers:{}}),emits:(0,t.mergeModels)([`open`,`close`],[`update:modelValue`]),setup(e,{emit:n}){let r=n,i=(0,t.useModel)(e,`modelValue`),a=e,o=(0,t.ref)(!1),s=()=>o.value=!0,c=()=>o.value=!1;return(0,t.watch)(i,()=>{o.value=!1}),(0,t.watch)(o,e=>{r(e?`open`:`close`)}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`menu-box`,style:(0,t.normalizeStyle)({"--duration":a.duration+`ms`})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`default-box`,a.defaultContainerClass]),onMouseenter:s,onMouseleave:c},[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0),(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,T,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`menu-item-box`,a.listContainerClass]),style:(0,t.normalizeStyle)({"--gap":a.itemGap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:o,class:`menu-item`},[(0,t.createVNode)(w,{modelValue:i.value,"onUpdate:modelValue":r[0]||=e=>i.value=e,item:n,"suffix-icon":e.suffixIcon,"suffix-icon-class":e.suffixIconClass,"checked-icon":e.checkedIcon,"checked-icon-class":e.checkedIconClass,"item-container-class":e.itemContainerClass,"item-gap":a.itemGap,deep:0,"active-item-class":a.activeItemClass,"sub-menu-container-class":a.subMenuContainerClass,"parent-value":[]},null,8,[`modelValue`,`item`,`suffix-icon`,`suffix-icon-class`,`checked-icon`,`checked-icon-class`,`item-container-class`,`item-gap`,`active-item-class`,`sub-menu-container-class`])]))),128))],6)])):(0,t.createCommentVNode)(``,!0)]),_:1})],34)],4))}}),[[`__scopeId`,`data-v-b7084c6e`]]);E.install=e=>(E.name&&e.component(E.name,E),e);var D=E,O={class:`tab-list-container-inner`},k=[`onClick`],A=o((0,t.defineComponent)({name:`Tab`,__name:`tab`,props:(0,t.mergeModels)({items:{default:()=>[]},gap:{default:`10px`},tabContainerClass:{default:``},tabItemClass:{default:``},panelContainerClass:{default:``},panelItemClass:{default:``},activeLineClass:{default:``}},{modelValue:{type:Number,default:0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useTemplateRef)(`item`),r=(0,t.ref)(!0),i=(0,t.useModel)(e,`modelValue`),a=e,o=(0,t.reactive)({left:0,width:0}),s=()=>{if(!n.value)return;let e=n.value[i.value];if(!e)return;let{offsetWidth:t,offsetLeft:r}=e;o.left=r||0,o.width=t||0};return(0,t.watch)(i,()=>{r.value&&=!1,s()}),(0,t.onMounted)(async()=>{s()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`tab-box-container`,style:(0,t.normalizeStyle)({"--gap":a.gap})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`tab-list-container`,a.tabContainerClass])},[(0,t.createElementVNode)(`div`,O,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:(0,t.normalizeClass)([`tab-item-box`,a.tabItemClass]),onClick:e=>i.value=r,ref_for:!0,ref:`item`},[(0,t.renderSlot)(e.$slots,`default`,{item:n,index:r,active:i.value===r},void 0,!0)],10,k))),128)),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`active-tab-item-box`,[{initial:r.value},a.activeLineClass]]),style:(0,t.normalizeStyle)({left:o.left+`px`,width:o.width+`px`})},null,6)])],2),(0,t.renderSlot)(e.$slots,`middle`,{},void 0,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`panel-list-container`,a.panelContainerClass])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,(n,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:(0,t.normalizeClass)([`panel-item-box`,a.panelItemClass])},[(0,t.renderSlot)(e.$slots,`panel`,{item:n,index:r,active:i.value===r},void 0,!0)],2)),[[t.vShow,i.value===r]])),128))],2)],4))}}),[[`__scopeId`,`data-v-fd2c8809`]]);A.install=e=>(A.name&&e.component(A.name,A),e);var j=(0,t.reactive)({toasts:[]}),M=3e3;function N(){return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,function(e){var t=Math.random()*16|0;return(e==`x`?t:t&3|8).toString(16)})}function P(e){if(e===void 0)j.toasts=[];else{let t=j.toasts.findIndex(t=>t.id===e);t!==-1&&j.toasts.splice(t,1)}}function F(e){let t={id:N(),message:e?.message||``,duration:e?.duration||M,type:e?.type||`info`};return setTimeout(()=>{j.toasts.push(t)},0),setTimeout(()=>{P(t.id)},t.duration),t.id}function I(){return{toast:F,success:(e,t=M)=>F({message:e,duration:t,type:`success`}),error:(e,t=M)=>F({message:e,duration:t,type:`error`}),info:(e,t=M)=>F({message:e,duration:t,type:`info`}),warning:(e,t=M)=>F({message:e,duration:t,type:`warning`}),dismiss:P}}var L=(0,t.readonly)(j),R={class:`toast-item`},z=(0,t.defineComponent)({name:`ToastItem`,__name:`toast-item`,props:{toast:{},bg:{},top:{},toasterClass:{},titleClass:{},messageClass:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,R,[e.toast.message?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`title-box`,e.titleClass])},[n.$slots[`success-icon`]&&e.toast.type===`success`?(0,t.renderSlot)(n.$slots,`success-icon`,{key:0}):(0,t.createCommentVNode)(``,!0),n.$slots[`error-icon`]&&e.toast.type===`error`?(0,t.renderSlot)(n.$slots,`error-icon`,{key:1}):(0,t.createCommentVNode)(``,!0),n.$slots[`info-icon`]&&e.toast.type===`info`?(0,t.renderSlot)(n.$slots,`info-icon`,{key:2}):(0,t.createCommentVNode)(``,!0),n.$slots[`warning-icon`]&&e.toast.type===`warning`?(0,t.renderSlot)(n.$slots,`warning-icon`,{key:3}):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`message`,e.messageClass])},(0,t.toDisplayString)(e.toast.message),3)],2)):(0,t.createCommentVNode)(``,!0)]))}}),B=o((0,t.defineComponent)({name:`Toaster`,__name:`toaster`,props:{to:{default:`body`},bg:{default:`rgba(0, 0, 0, 0.6)`},top:{default:`20px`},toasterClass:{default:``},titleClass:{default:``},messageClass:{default:``}},setup(e){let n=e;return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:e.to},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`toaster-box`,n.toasterClass]),style:(0,t.normalizeStyle)({"--toast-bg":n.bg,top:n.top})},[(0,t.createVNode)(t.TransitionGroup,{name:`toast-fade`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(L).toasts,e=>((0,t.openBlock)(),(0,t.createBlock)(z,{key:e.id,toast:e,"title-class":n.titleClass,"message-class":n.messageClass},{"success-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`success-icon`,{},void 0,!0)]),"error-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`error-icon`,{},void 0,!0)]),"info-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`info-icon`,{},void 0,!0)]),"warning-icon":(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`warning-icon`,{},void 0,!0)]),_:3},8,[`toast`,`title-class`,`message-class`]))),128))]),_:3})],6)],8,[`to`]))}}),[[`__scopeId`,`data-v-7faa65fe`]]);B.install=function(e){return B.name&&e.component(B.name,B),e};var V=B,H=o((0,t.defineComponent)({name:`Loading`,__name:`loading`,props:{bg:{default:`transparent`},dotColor:{default:`#1a171b`},dotSize:{default:`8px`},dotGap:{default:`4px`},visible:{type:Boolean,default:!1}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[n.visible?((0,t.openBlock)(),(0,t.createElementBlock)(`section`,{key:0,class:`loading-box`,style:(0,t.normalizeStyle)({"--bg":n.bg,"--dot-color":n.dotColor,"--dot-size":n.dotSize,"--dot-gap":n.dotGap})},[...r[0]||=[(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1),(0,t.createElementVNode)(`div`,{class:`loading-dot`},null,-1)]],4)):(0,t.createCommentVNode)(``,!0)]),_:1}))}}),[[`__scopeId`,`data-v-6f040ea9`]]);H.install=e=>(H.name&&e.component(H.name,H),e);var U=H,W=r({Button:()=>p,Collapse:()=>h,Input:()=>b,InputOtp:()=>c,Loading:()=>U,Menu:()=>D,Popup:()=>u,Tab:()=>A,Toaster:()=>V,useToast:()=>I}),G=e=>(Object.keys(W).forEach(t=>{let n=W[t];n.install&&e.use(n)}),e),K={install:G};e.Button=p,e.Collapse=h,e.Input=b,e.InputOtp=c,e.Loading=U,e.Menu=D,e.Popup=u,e.Tab=A,e.Toaster=V,e.default=K,e.install=G,e.useToast=I});

package/dist/lib/collapse/collapse.js

@@ -1 +1 @@
-const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./collapse.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                          */var n=e.default(t.default,[[`__scopeId`,`data-v-cc071022`]]);exports.default=n;
+const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./collapse.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                          */var n=e.default(t.default,[[`__scopeId`,`data-v-46a0054a`]]);exports.default=n;

package/dist/lib/collapse/collapse.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-let e=require(`vue`);var t=(0,e.defineComponent)({name:`Collapse`,__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:300}},setup(t){let n=t;return(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(e.Transition,{name:`collapse`},{default:(0,e.withCtx)(()=>[n.open?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,e.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)],4)):(0,e.createCommentVNode)(``,!0)]),_:3}))}});exports.default=t;
+let e=require(`vue`);var t=(0,e.defineComponent)({name:`Collapse`,__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:200}},setup(t){let n=t;return(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(e.Transition,{name:`collapse`},{default:(0,e.withCtx)(()=>[n.open?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,e.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)],4)):(0,e.createCommentVNode)(``,!0)]),_:3}))}});exports.default=t;

package/dist/lib/collapse/style.css

@@ -1 +1 @@
-.collapse-content[data-v-cc071022]{width:max-content}.collapse-enter-from[data-v-cc071022],.collapse-leave-to[data-v-cc071022]{max-height:0!important}.collapse-enter-active[data-v-cc071022],.collapse-leave-active[data-v-cc071022]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}
+.collapse-content[data-v-46a0054a]{width:max-content}.collapse-enter-from[data-v-46a0054a],.collapse-leave-to[data-v-46a0054a]{max-height:0!important}.collapse-enter-active[data-v-46a0054a],.collapse-leave-active[data-v-46a0054a]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}

package/dist/lib/input/input.js

@@ -1 +1 @@
-const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./input.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                       */var n=e.default(t.default,[[`__scopeId`,`data-v-56cf72b9`]]);exports.default=n;
+const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./input.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                       */var n=e.default(t.default,[[`__scopeId`,`data-v-238a598a`]]);exports.default=n;

package/dist/lib/input/input.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-let e=require(`vue`);var t={class:`input-box`},n=[`type`,`placeholder`],r=[`src`],i=(0,e.defineComponent)({name:`Input`,__name:`input`,props:(0,e.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,e.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(i,{emit:a}){let o=a,s=(0,e.useTemplateRef)(`input`),c=(0,e.useModel)(i,`modelValue`),l=i,u=()=>{o(`click`),s.value?.focus?.(),setTimeout(()=>{let e=c.value.length;s.value?.setSelectionRange?.(e,e)},0)};return(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{type:l.type,"onUpdate:modelValue":a[0]||=e=>c.value=e,ref:`input`,placeholder:l.placeholder,onKeyup:a[1]||=(0,e.withKeys)(e=>i.$emit(`enter`),[`enter`])},null,40,n),[[e.vModelDynamic,c.value]]),l.icon?(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,src:l.icon,alt:`icon`,onClick:u},null,8,r)),[[e.vShow,l.iconVisible]]):(0,e.createCommentVNode)(``,!0)]))}});exports.default=i;
+let e=require(`vue`);var t={class:`input-box`},n=[`type`,`placeholder`],r=[`src`],i=(0,e.defineComponent)({name:`Input`,__name:`input`,props:(0,e.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``},autoFocus:{type:Boolean,default:!1}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,e.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(i,{emit:a}){let o=a,s=(0,e.useTemplateRef)(`input`),c=(0,e.useModel)(i,`modelValue`),l=i,u=()=>{o(`click`),s.value?.focus?.(),setTimeout(()=>{let e=c.value.length;s.value?.setSelectionRange?.(e,e)},0)};return(0,e.onMounted)(()=>{l.autoFocus&&s.value?.focus?.()}),(0,e.watch)(()=>l.autoFocus,e=>{e&&s.value?.focus?.()}),(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{type:l.type,"onUpdate:modelValue":a[0]||=e=>c.value=e,ref:`input`,placeholder:l.placeholder,onKeyup:a[1]||=(0,e.withKeys)(e=>i.$emit(`enter`),[`enter`])},null,40,n),[[e.vModelDynamic,c.value]]),l.icon?(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,src:l.icon,alt:`icon`,onClick:u},null,8,r)),[[e.vShow,l.iconVisible]]):(0,e.createCommentVNode)(``,!0)]))}});exports.default=i;

package/dist/lib/input/style.css

@@ -1 +1 @@
-.input-box[data-v-56cf72b9]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-56cf72b9]:focus-within{border-color:#000}.input-box input[data-v-56cf72b9]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-56cf72b9]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-56cf72b9]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-56cf72b9]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-56cf72b9]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}
+.input-box[data-v-238a598a]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-238a598a]:focus-within{border-color:#000}.input-box input[data-v-238a598a]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-238a598a]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-238a598a]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}

package/dist/lib/input-otp/input-otp.js

@@ -1 +1 @@
-const e=require(`./input-otp.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                           */var t=require(`../_virtual/_plugin-vue_export-helper.js`).default(e.default,[[`__scopeId`,`data-v-e8da3c38`]]);exports.default=t;
+const e=require(`./input-otp.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                           */var t=require(`../_virtual/_plugin-vue_export-helper.js`).default(e.default,[[`__scopeId`,`data-v-fd524a3d`]]);exports.default=t;

package/dist/lib/input-otp/input-otp.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-let e=require(`vue`);var t=[`inputmode`,`maxlength`],n=(0,e.defineComponent)({name:`InputOtp`,__name:`input-otp`,props:{modelValue:{default:``},length:{default:6},itemClass:{default:``},activeItemClass:{default:``},gap:{default:`10px`},hasFilledItemClass:{default:`active`},type:{default:`number`}},emits:[`update:modelValue`,`complete`,`enter`],setup(n,{emit:r}){let i=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],a=n,o=r,s=(0,e.ref)(null),c=(0,e.ref)(a.modelValue);(0,e.watch)(()=>a.modelValue,e=>{e!==c.value&&(c.value=e)});function l(e){let t=e.target.value;t=a.type===`text`?t.replace(/[^\dA-Za-z]/g,``):t.replace(/\D/g,``),t=t.slice(0,a.length),c.value=t,o(`update:modelValue`,t),t.length===a.length&&o(`complete`,t)}function u(){(0,e.nextTick)(()=>{if(s.value){let e=c.value.length;s.value.setSelectionRange?.(e,e)}})}function d(e){let t=c.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);c.value=e,o(`update:modelValue`,e),u()}}else i.includes(n)&&e.preventDefault()}function f(){a.modelValue.length>=a.length&&o(`enter`)}function p(){s.value?.focus()}function m(e){return e===c.value.length}function h(e){return e<c.value.length}return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{inputmode:a.type===`text`?`text`:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:s,"onUpdate:modelValue":i[0]||=e=>c.value=e,maxlength:n.length,onInput:l,onKeydown:d,onKeyup:(0,e.withKeys)(f,[`enter`]),onFocus:u,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,t),[[e.vModelText,c.value]]),(0,e.createElementVNode)(`div`,{class:`otp-box`,style:(0,e.normalizeStyle)({gap:a.gap})},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(n.length,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:n,class:(0,e.normalizeClass)([`otp-item`,[{[a.activeItemClass]:m(n)},{[a.hasFilledItemClass]:h(n)},a.itemClass]])},(0,e.toDisplayString)(c.value[n]||``),3))),128))],4)]))}});exports.default=n;
+let e=require(`vue`);var t=[`inputmode`,`maxlength`],n=(0,e.defineComponent)({name:`InputOtp`,__name:`input-otp`,props:{modelValue:{default:``},length:{default:6},itemClass:{default:``},activeItemClass:{default:``},gap:{default:`10px`},hasFilledItemClass:{default:`active`},type:{default:`number`},autoFocus:{type:Boolean,default:!1}},emits:[`update:modelValue`,`complete`,`enter`],setup(n,{emit:r}){let i=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],a=n,o=r,s=(0,e.ref)(null),c=(0,e.ref)(a.modelValue);(0,e.watch)(()=>a.modelValue,e=>{e!==c.value&&(c.value=e)});function l(e){let t=e.target.value;t=a.type===`text`?t.replace(/[^\dA-Za-z]/g,``):t.replace(/\D/g,``),t=t.slice(0,a.length),c.value=t,o(`update:modelValue`,t),t.length===a.length&&o(`complete`,t)}function u(){(0,e.nextTick)(()=>{if(s.value){let e=c.value.length;s.value.setSelectionRange?.(e,e)}})}function d(e){let t=c.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);c.value=e,o(`update:modelValue`,e),u()}}else i.includes(n)&&e.preventDefault()}function f(){a.modelValue.length>=a.length&&o(`enter`)}function p(){s.value?.focus()}function m(e){return e===c.value.length}function h(e){return e<c.value.length}return(0,e.onMounted)(()=>{a.autoFocus&&p()}),(0,e.watch)(()=>a.autoFocus,e=>{e&&p()}),(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{inputmode:a.type===`text`?`text`:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:s,"onUpdate:modelValue":i[0]||=e=>c.value=e,maxlength:n.length,onInput:l,onKeydown:d,onKeyup:(0,e.withKeys)(f,[`enter`]),onFocus:u,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,t),[[e.vModelText,c.value]]),(0,e.createElementVNode)(`div`,{class:`otp-box`,style:(0,e.normalizeStyle)({gap:a.gap})},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(n.length,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:n,class:(0,e.normalizeClass)([`otp-item`,[{[a.activeItemClass]:m(n)},{[a.hasFilledItemClass]:h(n)},a.itemClass]])},(0,e.toDisplayString)(c.value[n]||``),3))),128))],4)]))}});exports.default=n;

package/dist/lib/input-otp/style.css

@@ -1 +1 @@
-.otp-wrapper[data-v-e8da3c38]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-e8da3c38]{width:100%;display:flex}.otp-item[data-v-e8da3c38]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-e8da3c38]{border-bottom:1px solid #000}
+.otp-wrapper[data-v-fd524a3d]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-fd524a3d]{width:100%;display:flex}.otp-item[data-v-fd524a3d]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-fd524a3d]{border-bottom:1px solid #000}

package/dist/lib/popup/popup.js

@@ -1 +1 @@
-const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./popup.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                       */var n=e.default(t.default,[[`__scopeId`,`data-v-f6d3cf05`]]);exports.default=n;
+const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./popup.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                       */var n=e.default(t.default,[[`__scopeId`,`data-v-49c688c4`]]);exports.default=n;

package/dist/lib/popup/popup.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-let e=require(`vue`);var t=(0,e.defineComponent)({name:`Popup`,__name:`popup`,props:(0,e.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:300},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(t){let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,e.useModel)(t,`modelValue`),i=t;function a(){i.maskClosable&&(r.value=!1)}return(t,o)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:i.to},[(0,e.createVNode)(e.Transition,{name:`fade`},{default:(0,e.withCtx)(()=>[r.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,style:(0,e.normalizeStyle)({"--duration":`${i.duration}ms`,backgroundColor:i.bg,top:i.top,left:i.left,right:i.right,bottom:i.bottom,zIndex:i.zIndex}),class:(0,e.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,e.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)])],6)):(0,e.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}});exports.default=t;
+let e=require(`vue`);var t=(0,e.defineComponent)({name:`Popup`,__name:`popup`,props:(0,e.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:150},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(t){let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,e.useModel)(t,`modelValue`),i=t;function a(){i.maskClosable&&(r.value=!1)}return(t,o)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:i.to},[(0,e.createVNode)(e.Transition,{name:`fade`},{default:(0,e.withCtx)(()=>[r.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,style:(0,e.normalizeStyle)({"--duration":`${i.duration}ms`,backgroundColor:i.bg,top:i.top,left:i.left,right:i.right,bottom:i.bottom,zIndex:i.zIndex}),class:(0,e.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,e.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)])],6)):(0,e.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}});exports.default=t;

package/dist/lib/popup/style.css

@@ -1 +1 @@
-.fade-enter-from[data-v-f6d3cf05],.fade-leave-to[data-v-f6d3cf05]{opacity:0}.popup-container[data-v-f6d3cf05]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-f6d3cf05]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-f6d3cf05]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-top .popup-content[data-v-f6d3cf05]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-f6d3cf05]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-bottom .popup-content[data-v-f6d3cf05]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-f6d3cf05]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-left .popup-content[data-v-f6d3cf05]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-f6d3cf05]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-right .popup-content[data-v-f6d3cf05]{transform:translate(100%)}.popup-container-center .popup-content[data-v-f6d3cf05]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}
+.fade-enter-from[data-v-49c688c4],.fade-leave-to[data-v-49c688c4]{opacity:0}.popup-container[data-v-49c688c4]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-49c688c4]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-49c688c4]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-top .popup-content[data-v-49c688c4]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-49c688c4]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-bottom .popup-content[data-v-49c688c4]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-49c688c4]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-left .popup-content[data-v-49c688c4]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-49c688c4]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-right .popup-content[data-v-49c688c4]{transform:translate(100%)}.popup-container-center .popup-content[data-v-49c688c4]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}

package/dist/lib/toast/style.css

@@ -1 +1 @@
-.toaster-box[data-v-496d1bee]{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}[data-v-496d1bee] .toast-item{background-color:var(--toast-bg);box-sizing:border-box;min-width:220px;padding:10px 20px}[data-v-496d1bee] .title-box{justify-content:center;align-items:center;gap:10px;display:flex}[data-v-496d1bee] .message{color:#fff}
+.toaster-box[data-v-7faa65fe]{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}[data-v-7faa65fe] .toast-item{background-color:var(--toast-bg);box-sizing:border-box;min-width:220px;padding:10px 20px}[data-v-7faa65fe] .title-box{justify-content:center;align-items:center;gap:16px;display:flex}[data-v-7faa65fe] .message{color:#fff}

package/dist/lib/toast/toaster.js

@@ -1 +1 @@
-const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./toaster.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                         */var n=e.default(t.default,[[`__scopeId`,`data-v-496d1bee`]]);exports.default=n;
+const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./toaster.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                         */var n=e.default(t.default,[[`__scopeId`,`data-v-7faa65fe`]]);exports.default=n;

package/dist/style.css

@@ -1,2 +1,2 @@
-.otp-wrapper[data-v-e8da3c38]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-e8da3c38]{width:100%;display:flex}.otp-item[data-v-e8da3c38]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-e8da3c38]{border-bottom:1px solid #000}.fade-enter-from[data-v-f6d3cf05],.fade-leave-to[data-v-f6d3cf05]{opacity:0}.popup-container[data-v-f6d3cf05]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-f6d3cf05]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-f6d3cf05]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-top .popup-content[data-v-f6d3cf05]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-f6d3cf05]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-bottom .popup-content[data-v-f6d3cf05]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-f6d3cf05]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-left .popup-content[data-v-f6d3cf05]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-f6d3cf05]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-right .popup-content[data-v-f6d3cf05]{transform:translate(100%)}.popup-container-center .popup-content[data-v-f6d3cf05]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}.button-container[data-v-1d025e54]{background-color:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container[data-v-1d025e54]:focus{outline:none}.button-container.block[data-v-1d025e54]{width:100%;display:block}.button-container.disabled[data-v-1d025e54]{background-color:var(--disabled-bg);border-color:#0000!important}.collapse-content[data-v-cc071022]{width:max-content}.collapse-enter-from[data-v-cc071022],.collapse-leave-to[data-v-cc071022]{max-height:0!important}.collapse-enter-active[data-v-cc071022],.collapse-leave-active[data-v-cc071022]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}.input-box[data-v-56cf72b9]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-56cf72b9]:focus-within{border-color:#000}.input-box input[data-v-56cf72b9]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-56cf72b9]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-56cf72b9]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-56cf72b9]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-56cf72b9]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}.menu-box[data-v-b7084c6e]{display:inline-flex;position:relative}.default-box[data-v-b7084c6e]{box-sizing:border-box;border:1px solid #0003;align-items:center;min-width:240px;min-height:30px;padding:8px 16px;display:flex}.fade-enter-from[data-v-b7084c6e],[data-v-b7084c6e] .fade-enter-from,.fade-leave-to[data-v-b7084c6e],[data-v-b7084c6e] .fade-leave-to{opacity:0}.fade-enter-active[data-v-b7084c6e],[data-v-b7084c6e] .fade-enter-active,.fade-leave-active[data-v-b7084c6e],[data-v-b7084c6e] .fade-leave-active{transition:opacity var(--duration) ease-in-out}.menu-list-box[data-v-b7084c6e]{z-index:99;box-sizing:border-box;width:100%;padding-top:8px;position:absolute;top:100%;left:0}.menu-item-box[data-v-b7084c6e]{gap:var(--gap);box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;padding:16px 0;display:flex;position:relative;box-shadow:0 0 16px #0000000f}[data-v-b7084c6e] .menu-item-inner{box-sizing:border-box;cursor:pointer;will-change:background-color;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 16px;transition:background-color .1s linear;display:flex}[data-v-b7084c6e] .menu-item-inner.active,[data-v-b7084c6e] .menu-item-inner:hover{background-color:#f8f9f9}[data-v-b7084c6e] .menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}[data-v-b7084c6e] .sub-menu-box{z-index:99;gap:var(--gap);box-sizing:border-box;background-color:#fff;border-left:1px solid #0000000f;flex-direction:column;padding:16px 8px;display:flex;position:absolute;top:0;left:100%;box-shadow:0 -16px 16px -16px #0000000f,16px 0 16px -16px #0000000f,0 16px 16px -16px #0000000f}[data-v-b7084c6e] .suffix-icon,[data-v-b7084c6e] .checked-icon{-o-object-fit:contain;object-fit:contain;width:18px;height:18px}.tab-box-container[data-v-fd2c8809]{width:100%}.tab-list-container[data-v-fd2c8809]{width:100%;overflow-x:scroll}.tab-list-container[data-v-fd2c8809]::-webkit-scrollbar{display:none}.tab-list-container-inner[data-v-fd2c8809]{flex-wrap:nowrap;display:inline-flex;position:relative}.tab-item-box[data-v-fd2c8809]{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center}.tab-item-box~.tab-item-box[data-v-fd2c8809]{margin-left:var(--gap)}.active-tab-item-box[data-v-fd2c8809]{width:100px;height:1px;transition:left var(--transition-duration,.15s) ease-in-out, width var(--transition-duration,.15s) ease-in-out;background-color:#000;position:absolute;bottom:0;left:0}.active-tab-item-box.initial[data-v-fd2c8809]{transition:none}.panel-list-container[data-v-fd2c8809]{width:100%;min-height:200px;position:relative}.panel-item-box[data-v-fd2c8809]{width:100%;height:100%;position:absolute;top:0;left:0}.toaster-box[data-v-496d1bee]{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}[data-v-496d1bee] .toast-item{background-color:var(--toast-bg);box-sizing:border-box;min-width:220px;padding:10px 20px}[data-v-496d1bee] .title-box{justify-content:center;align-items:center;gap:10px;display:flex}[data-v-496d1bee] .message{color:#fff}.fade-enter-from[data-v-6f040ea9],.fade-leave-to[data-v-6f040ea9]{opacity:0}.fade-enter-active[data-v-6f040ea9],.fade-leave-active[data-v-6f040ea9]{transition:opacity .15s ease-in-out}.loading-box[data-v-6f040ea9]{background-color:var(--bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@keyframes bounce-6f040ea9{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loading-dot[data-v-6f040ea9]{width:var(--dot-size);height:var(--dot-size);background-color:var(--dot-color);border-radius:50%;animation:1s ease-in-out infinite bounce-6f040ea9}.loading-dot~.loading-dot[data-v-6f040ea9]{margin-left:var(--dot-gap)}.loading-dot[data-v-6f040ea9]:first-child{animation-delay:0s}.loading-dot[data-v-6f040ea9]:nth-child(2){animation-delay:.2s}.loading-dot[data-v-6f040ea9]:nth-child(3){animation-delay:.4s}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}input:focus,textarea:focus,button:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
+.otp-wrapper[data-v-fd524a3d]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-fd524a3d]{width:100%;display:flex}.otp-item[data-v-fd524a3d]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-fd524a3d]{border-bottom:1px solid #000}.fade-enter-from[data-v-49c688c4],.fade-leave-to[data-v-49c688c4]{opacity:0}.popup-container[data-v-49c688c4]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-49c688c4]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-49c688c4]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-top .popup-content[data-v-49c688c4]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-49c688c4]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-bottom .popup-content[data-v-49c688c4]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-49c688c4]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-left .popup-content[data-v-49c688c4]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-49c688c4]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-49c688c4],.fade-leave-to.popup-container-right .popup-content[data-v-49c688c4]{transform:translate(100%)}.popup-container-center .popup-content[data-v-49c688c4]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}.button-container[data-v-1d025e54]{background-color:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container[data-v-1d025e54]:focus{outline:none}.button-container.block[data-v-1d025e54]{width:100%;display:block}.button-container.disabled[data-v-1d025e54]{background-color:var(--disabled-bg);border-color:#0000!important}.collapse-content[data-v-46a0054a]{width:max-content}.collapse-enter-from[data-v-46a0054a],.collapse-leave-to[data-v-46a0054a]{max-height:0!important}.collapse-enter-active[data-v-46a0054a],.collapse-leave-active[data-v-46a0054a]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}.input-box[data-v-238a598a]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-238a598a]:focus-within{border-color:#000}.input-box input[data-v-238a598a]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-238a598a]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-238a598a]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-238a598a]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}.menu-box[data-v-b7084c6e]{display:inline-flex;position:relative}.default-box[data-v-b7084c6e]{box-sizing:border-box;border:1px solid #0003;align-items:center;min-width:240px;min-height:30px;padding:8px 16px;display:flex}.fade-enter-from[data-v-b7084c6e],[data-v-b7084c6e] .fade-enter-from,.fade-leave-to[data-v-b7084c6e],[data-v-b7084c6e] .fade-leave-to{opacity:0}.fade-enter-active[data-v-b7084c6e],[data-v-b7084c6e] .fade-enter-active,.fade-leave-active[data-v-b7084c6e],[data-v-b7084c6e] .fade-leave-active{transition:opacity var(--duration) ease-in-out}.menu-list-box[data-v-b7084c6e]{z-index:99;box-sizing:border-box;width:100%;padding-top:8px;position:absolute;top:100%;left:0}.menu-item-box[data-v-b7084c6e]{gap:var(--gap);box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;padding:16px 0;display:flex;position:relative;box-shadow:0 0 16px #0000000f}[data-v-b7084c6e] .menu-item-inner{box-sizing:border-box;cursor:pointer;will-change:background-color;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 16px;transition:background-color .1s linear;display:flex}[data-v-b7084c6e] .menu-item-inner.active,[data-v-b7084c6e] .menu-item-inner:hover{background-color:#f8f9f9}[data-v-b7084c6e] .menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}[data-v-b7084c6e] .sub-menu-box{z-index:99;gap:var(--gap);box-sizing:border-box;background-color:#fff;border-left:1px solid #0000000f;flex-direction:column;padding:16px 8px;display:flex;position:absolute;top:0;left:100%;box-shadow:0 -16px 16px -16px #0000000f,16px 0 16px -16px #0000000f,0 16px 16px -16px #0000000f}[data-v-b7084c6e] .suffix-icon,[data-v-b7084c6e] .checked-icon{-o-object-fit:contain;object-fit:contain;width:18px;height:18px}.tab-box-container[data-v-fd2c8809]{width:100%}.tab-list-container[data-v-fd2c8809]{width:100%;overflow-x:scroll}.tab-list-container[data-v-fd2c8809]::-webkit-scrollbar{display:none}.tab-list-container-inner[data-v-fd2c8809]{flex-wrap:nowrap;display:inline-flex;position:relative}.tab-item-box[data-v-fd2c8809]{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center}.tab-item-box~.tab-item-box[data-v-fd2c8809]{margin-left:var(--gap)}.active-tab-item-box[data-v-fd2c8809]{width:100px;height:1px;transition:left var(--transition-duration,.15s) ease-in-out, width var(--transition-duration,.15s) ease-in-out;background-color:#000;position:absolute;bottom:0;left:0}.active-tab-item-box.initial[data-v-fd2c8809]{transition:none}.panel-list-container[data-v-fd2c8809]{width:100%;min-height:200px;position:relative}.panel-item-box[data-v-fd2c8809]{width:100%;height:100%;position:absolute;top:0;left:0}.toaster-box[data-v-7faa65fe]{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}[data-v-7faa65fe] .toast-item{background-color:var(--toast-bg);box-sizing:border-box;min-width:220px;padding:10px 20px}[data-v-7faa65fe] .title-box{justify-content:center;align-items:center;gap:16px;display:flex}[data-v-7faa65fe] .message{color:#fff}.fade-enter-from[data-v-6f040ea9],.fade-leave-to[data-v-6f040ea9]{opacity:0}.fade-enter-active[data-v-6f040ea9],.fade-leave-active[data-v-6f040ea9]{transition:opacity .15s ease-in-out}.loading-box[data-v-6f040ea9]{background-color:var(--bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@keyframes bounce-6f040ea9{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loading-dot[data-v-6f040ea9]{width:var(--dot-size);height:var(--dot-size);background-color:var(--dot-color);border-radius:50%;animation:1s ease-in-out infinite bounce-6f040ea9}.loading-dot~.loading-dot[data-v-6f040ea9]{margin-left:var(--dot-gap)}.loading-dot[data-v-6f040ea9]:first-child{animation-delay:0s}.loading-dot[data-v-6f040ea9]:nth-child(2){animation-delay:.2s}.loading-dot[data-v-6f040ea9]:nth-child(3){animation-delay:.4s}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}input:focus,textarea:focus,button:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
 /*$vite$:1*/

package/dist/types/components/input/input.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     type: import('vue').InputTypeHTMLAttribute;
+    autoFocus: boolean;
     placeholder: string;
     iconVisible: boolean;
     icon: string;

package/dist/types/components/input/types.d.ts

@@ -4,4 +4,5 @@ export interface RoxVInputProps {
     type?: InputTypeHTMLAttribute;
     iconVisible?: boolean;
     icon?: string;
+    autoFocus?: boolean;
 }

package/dist/types/components/input-otp/input-otp.vue.d.ts

@@ -15,6 +15,7 @@ declare const _default: import('vue').DefineComponent<RoxVInputOtpProps, {}, {},
     gap: string;
     hasFilledItemClass: string;
     type: "number" | "text";
+    autoFocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
 }, HTMLDivElement>;

package/dist/types/components/input-otp/types.d.ts

@@ -6,4 +6,5 @@ export interface RoxVInputOtpProps {
     gap?: string;
     hasFilledItemClass?: string;
     type?: "number" | "text";
+    autoFocus?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-drowned-fish/rox-v",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "description": "vue3 组件库，提供常用的 ui 组件，如按钮、输入框、下拉选择框、选项卡等",
   "main": "dist/lib/index.js",
   "module": "dist/es/index.js",