iryx-ui 0.10.2 → 0.12.0

package/dist/components/DropdownMenuItems.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import { ArrowRight01Icon as e } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import t from "./Icon.js";
-import { dropdownMenuTheme as n } from "../theme/dropdown-menu.js";
-import { isSeparator as r, isSubmenu as i } from "../composables/dropdown-menu.js";
-import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderList as m, resolveComponent as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import e from "./Icon.js";
+import { dropdownMenuTheme as t } from "../theme/dropdown-menu.js";
+import { isSeparator as n, isSubmenu as r } from "../composables/dropdown-menu.js";
+import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, resolveComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { ArrowRight01Icon as v } from "@hugeicons/core-free-icons";
 import { DropdownMenuItem as y, DropdownMenuLabel as b, DropdownMenuPortal as x, DropdownMenuSeparator as S, DropdownMenuSub as C, DropdownMenuSubContent as w, DropdownMenuSubTrigger as T } from "reka-ui";
 //#region src/components/DropdownMenuItems.vue?vue&type=script&setup=true&lang.ts
-var E = /*@__PURE__*/ d({
+var E = /*@__PURE__*/ u({
 	__name: "DropdownMenuItems",
 	props: {
 		entries: {},
@@ -15,42 +15,42 @@ var E = /*@__PURE__*/ d({
 		},
 		ui: {}
 	},
-	setup(d) {
-		let E = d;
-		function D(e, t) {
+	setup(u) {
+		let E = u;
+		function D(e, n) {
 			let r = E.ui?.[e];
-			return E.unstyled ? r : n({ danger: t })[e]({ class: r });
+			return E.unstyled ? r : t({ danger: n })[e]({ class: r });
 		}
-		let O = E.unstyled ? void 0 : n().subTriggerIcon();
-		return (n, d) => {
-			let k = h("DropdownMenuItems", !0);
-			return p(!0), c(a, null, m(E.entries, (n, d) => (p(), c(a, { key: d }, [_(r)(n) ? (p(), o(_(S), {
+		let O = E.unstyled ? void 0 : t().subTriggerIcon();
+		return (t, u) => {
+			let k = m("DropdownMenuItems", !0);
+			return f(!0), s(i, null, p(E.entries, (t, u) => (f(), s(i, { key: u }, [g(n)(t) ? (f(), a(g(S), {
 				key: 0,
-				class: f(D("separator"))
-			}, null, 8, ["class"])) : _(i)(n) ? (p(), o(_(C), { key: 1 }, {
-				default: v(() => [u(_(T), {
-					disabled: n.disabled,
-					class: f(D("subTrigger"))
+				class: d(D("separator"))
+			}, null, 8, ["class"])) : g(r)(t) ? (f(), a(g(C), { key: 1 }, {
+				default: _(() => [l(g(T), {
+					disabled: t.disabled,
+					class: d(D("subTrigger"))
 				}, {
-					default: v(() => [
-						n.icon ? (p(), o(t, {
+					default: _(() => [
+						t.icon ? (f(), a(e, {
 							key: 0,
-							icon: n.icon
-						}, null, 8, ["icon"])) : s("", !0),
-						l(" " + g(n.label) + " ", 1),
-						u(t, {
-							icon: _(e),
-							class: f(_(O))
+							icon: t.icon
+						}, null, 8, ["icon"])) : o("", !0),
+						c(" " + h(t.label) + " ", 1),
+						l(e, {
+							icon: g(v),
+							class: d(g(O))
 						}, null, 8, ["icon", "class"])
 					]),
 					_: 2
-				}, 1032, ["disabled", "class"]), u(_(x), null, {
-					default: v(() => [u(_(w), {
-						class: f(D("subContent")),
+				}, 1032, ["disabled", "class"]), l(g(x), null, {
+					default: _(() => [l(g(w), {
+						class: d(D("subContent")),
 						"side-offset": 4
 					}, {
-						default: v(() => [u(k, {
-							entries: n.items,
+						default: _(() => [l(k, {
+							entries: t.items,
 							unstyled: E.unstyled,
 							ui: E.ui
 						}, null, 8, [
@@ -63,26 +63,26 @@ var E = /*@__PURE__*/ d({
 					_: 2
 				}, 1024)]),
 				_: 2
-			}, 1024)) : n.onSelect ? (p(), o(_(y), {
+			}, 1024)) : t.onSelect ? (f(), a(g(y), {
 				key: 3,
-				disabled: n.disabled,
-				class: f(D("item", n.danger)),
-				onSelect: n.onSelect
+				disabled: t.disabled,
+				class: d(D("item", t.danger)),
+				onSelect: t.onSelect
 			}, {
-				default: v(() => [n.icon ? (p(), o(t, {
+				default: _(() => [t.icon ? (f(), a(e, {
 					key: 0,
-					icon: n.icon
-				}, null, 8, ["icon"])) : s("", !0), l(" " + g(n.label), 1)]),
+					icon: t.icon
+				}, null, 8, ["icon"])) : o("", !0), c(" " + h(t.label), 1)]),
 				_: 2
 			}, 1032, [
 				"disabled",
 				"class",
 				"onSelect"
-			])) : (p(), o(_(b), {
+			])) : (f(), a(g(b), {
 				key: 2,
-				class: f(D("label"))
+				class: d(D("label"))
 			}, {
-				default: v(() => [l(g(n.label), 1)]),
+				default: _(() => [c(h(t.label), 1)]),
 				_: 2
 			}, 1032, ["class"]))], 64))), 128);
 		};

package/dist/components/FileUpload.vue_vue_type_script_setup_true_lang.js

@@ -1,25 +1,25 @@
-import { Delete02Icon as e, File01Icon as t, Upload05Icon as n } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as r } from "../config.js";
-import i from "./Icon.js";
-import a from "./Button.js";
-import { useFormField as o } from "../composables/form.js";
-import { fileUploadTheme as s } from "../theme/file-upload.js";
-import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, normalizeClass as _, onBeforeUnmount as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, useModel as w, watch as T, withCtx as E, withModifiers as D } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import n from "./Button.js";
+import { useFormField as r } from "../composables/form.js";
+import { fileUploadTheme as i } from "../theme/file-upload.js";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as ee, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, onBeforeUnmount as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, useModel as b, watch as x, withCtx as S, withModifiers as C } from "vue";
+import { Delete02Icon as w, File01Icon as T, Upload05Icon as E } from "@hugeicons/core-free-icons";
 //#region src/components/FileUpload.vue?vue&type=script&setup=true&lang.ts
-var O = [
+var D = [
 	"id",
 	"multiple",
 	"accept",
 	"disabled",
 	"aria-invalid",
 	"aria-describedby"
-], k = ["src"], A = [
+], O = ["src"], k = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], j = /*@__PURE__*/ h({
+], A = /*@__PURE__*/ d({
 	__name: "FileUpload",
-	props: /*@__PURE__*/ g({
+	props: /*@__PURE__*/ f({
 		multiple: { type: Boolean },
 		accept: {},
 		maxSize: {},
@@ -47,16 +47,16 @@ var O = [
 		modelValue: { default: () => [] },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ g(["reject"], ["update:modelValue"]),
-	setup(h, { emit: g }) {
-		let j = h, ee = g, M = w(h, "modelValue"), N = o(), P = l(() => j.id ?? N?.id.value), F = l(() => j.invalid ?? N?.invalid.value ?? !1), I = r(), L = l(() => j.unstyled ?? I.unstyled), R = b([]);
+	emits: /*@__PURE__*/ f(["reject"], ["update:modelValue"]),
+	setup(d, { emit: f }) {
+		let A = d, j = f, M = b(d, "modelValue"), N = r(), P = o(() => A.id ?? N?.id.value), F = o(() => A.invalid ?? N?.invalid.value ?? !1), I = e(), L = o(() => A.unstyled ?? I.unstyled), R = g([]);
 		function z(e) {
-			if (!j.accept) return !0;
+			if (!A.accept) return !0;
 			let t = e.name.toLowerCase(), n = e.type.toLowerCase();
-			return j.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean).some((e) => e.startsWith(".") ? t.endsWith(e) : e.endsWith("/*") ? n.startsWith(e.slice(0, -1)) : n === e);
+			return A.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean).some((e) => e.startsWith(".") ? t.endsWith(e) : e.endsWith("/*") ? n.startsWith(e.slice(0, -1)) : n === e);
 		}
 		function B(e) {
-			let t = [], n = [], r = j.multiple ? M.value : [];
+			let t = [], n = [], r = A.multiple ? M.value : [];
 			for (let i of e) {
 				if (!z(i)) {
 					n.push({
@@ -65,14 +65,14 @@ var O = [
 					});
 					continue;
 				}
-				if (j.maxSize != null && i.size > j.maxSize) {
+				if (A.maxSize != null && i.size > A.maxSize) {
 					n.push({
 						file: i,
 						reason: "size"
 					});
 					continue;
 				}
-				let e = j.multiple ? j.maxFiles : 1;
+				let e = A.multiple ? A.maxFiles : 1;
 				if (e != null && r.length + t.length >= e) {
 					n.push({
 						file: i,
@@ -82,9 +82,9 @@ var O = [
 				}
 				t.push(i);
 			}
-			R.value = n, n.length && ee("reject", n), t.length && (M.value = [...r, ...t]);
+			R.value = n, n.length && j("reject", n), t.length && (M.value = [...r, ...t]);
 		}
-		let V = b();
+		let V = g();
 		function H(e) {
 			let t = e.target;
 			B([...t.files ?? []]), t.value = "";
@@ -92,24 +92,24 @@ var O = [
 		function U(e) {
 			M.value = M.value.filter((t, n) => n !== e);
 		}
-		let W = b(0), G = l(() => W.value > 0);
+		let W = g(0), G = o(() => W.value > 0);
 		function K() {
-			j.disabled || W.value++;
+			A.disabled || W.value++;
 		}
 		function q() {
 			W.value > 0 && W.value--;
 		}
 		function J(e) {
-			W.value = 0, !j.disabled && B([...e.dataTransfer?.files ?? []]);
+			W.value = 0, !A.disabled && B([...e.dataTransfer?.files ?? []]);
 		}
-		let Y = b(/* @__PURE__ */ new Map());
-		T(M, (e) => {
+		let Y = g(/* @__PURE__ */ new Map());
+		x(M, (e) => {
 			for (let [t, n] of Y.value) e.includes(t) || (URL.revokeObjectURL(n), Y.value.delete(t));
 			for (let t of e) t.type.startsWith("image/") && !Y.value.has(t) && Y.value.set(t, URL.createObjectURL(t));
 		}, {
 			immediate: !0,
 			deep: !0
-		}), v(() => {
+		}), m(() => {
 			for (let e of Y.value.values()) URL.revokeObjectURL(e);
 		});
 		function X(e) {
@@ -123,87 +123,87 @@ var O = [
 			return `${r === 0 ? n : Math.round(n * 10) / 10} ${t[r]}`;
 		}
 		function Z(e) {
-			let t = e.reason === "size" ? j.tooLargeText : e.reason === "type" ? j.wrongTypeText : j.tooManyText;
+			let t = e.reason === "size" ? A.tooLargeText : e.reason === "type" ? A.wrongTypeText : A.tooManyText;
 			return `${e.file.name} ${t}`;
 		}
-		let Q = l(() => s({
+		let Q = o(() => i({
 			dragging: G.value,
 			invalid: F.value,
-			disabled: j.disabled
+			disabled: A.disabled
 		}));
 		function $(e, t) {
-			let n = j.ui?.[e];
+			let n = A.ui?.[e];
 			return L.value ? [n, t] : Q.value[e]({ class: [n, t] });
 		}
-		let te = l(() => L.value ? j.ui?.browse : Q.value.browse({ class: j.ui?.browse }));
-		return (r, o) => (y(), d("div", { class: _($("root", j.class)) }, [
-			f("label", {
-				class: _($("dropzone")),
-				onDragenter: D(K, ["prevent"]),
-				onDragover: o[0] ||= D(() => {}, ["prevent"]),
-				onDragleave: D(q, ["prevent"]),
-				onDrop: D(J, ["prevent"])
+		let te = o(() => L.value ? A.ui?.browse : Q.value.browse({ class: A.ui?.browse }));
+		return (e, r) => (h(), c("div", { class: p($("root", A.class)) }, [
+			l("label", {
+				class: p($("dropzone")),
+				onDragenter: C(K, ["prevent"]),
+				onDragover: r[0] ||= C(() => {}, ["prevent"]),
+				onDragleave: C(q, ["prevent"]),
+				onDrop: C(J, ["prevent"])
 			}, [
-				f("input", {
+				l("input", {
 					id: P.value,
 					ref_key: "inputEl",
 					ref: V,
 					type: "file",
-					multiple: j.multiple,
-					accept: j.accept,
-					disabled: j.disabled,
+					multiple: A.multiple,
+					accept: A.accept,
+					disabled: A.disabled,
 					"aria-invalid": F.value || void 0,
-					"aria-describedby": C(N)?.describedBy.value,
-					class: _($("input")),
+					"aria-describedby": y(N)?.describedBy.value,
+					class: p($("input")),
 					onChange: H
-				}, null, 42, O),
-				f("span", { class: _($("icon")) }, [m(i, { icon: C(n) }, null, 8, ["icon"])], 2),
-				f("span", { class: _($("label")) }, S(j.label), 3),
-				j.hint ? (y(), d("span", {
+				}, null, 42, D),
+				l("span", { class: p($("icon")) }, [u(t, { icon: y(E) }, null, 8, ["icon"])], 2),
+				l("span", { class: p($("label")) }, v(A.label), 3),
+				A.hint ? (h(), c("span", {
 					key: 0,
-					class: _($("hint"))
-				}, S(j.hint), 3)) : u("", !0),
-				m(a, {
+					class: p($("hint"))
+				}, v(A.hint), 3)) : s("", !0),
+				u(n, {
 					as: "span",
 					variant: "outline",
 					size: "sm",
-					class: _(te.value)
+					class: p(te.value)
 				}, {
-					default: E(() => [p(S(j.browseLabel), 1)]),
+					default: S(() => [ee(v(A.browseLabel), 1)]),
 					_: 1
 				}, 8, ["class"])
 			], 34),
-			(y(!0), d(c, null, x(R.value, (e) => (y(), d("p", {
+			(h(!0), c(a, null, _(R.value, (e) => (h(), c("p", {
 				key: e.file.name,
-				class: _($("error"))
-			}, S(Z(e)), 3))), 128)),
-			M.value.length ? (y(), d("ul", {
+				class: p($("error"))
+			}, v(Z(e)), 3))), 128)),
+			M.value.length ? (h(), c("ul", {
 				key: 0,
-				class: _($("list"))
-			}, [(y(!0), d(c, null, x(M.value, (n, r) => (y(), d("li", {
-				key: `${n.name}-${r}`,
-				class: _($("item"))
+				class: p($("list"))
+			}, [(h(!0), c(a, null, _(M.value, (e, n) => (h(), c("li", {
+				key: `${e.name}-${n}`,
+				class: p($("item"))
 			}, [
-				Y.value.get(n) ? (y(), d("img", {
+				Y.value.get(e) ? (h(), c("img", {
 					key: 0,
-					src: Y.value.get(n),
+					src: Y.value.get(e),
 					alt: "",
-					class: _($("thumbnail"))
-				}, null, 10, k)) : (y(), d("span", {
+					class: p($("thumbnail"))
+				}, null, 10, O)) : (h(), c("span", {
 					key: 1,
-					class: _($("placeholder"))
-				}, [m(i, { icon: C(t) }, null, 8, ["icon"])], 2)),
-				f("span", { class: _($("details")) }, [f("span", { class: _($("name")) }, S(n.name), 3), f("span", { class: _($("meta")) }, S(X(n.size)), 3)], 2),
-				f("button", {
+					class: p($("placeholder"))
+				}, [u(t, { icon: y(T) }, null, 8, ["icon"])], 2)),
+				l("span", { class: p($("details")) }, [l("span", { class: p($("name")) }, v(e.name), 3), l("span", { class: p($("meta")) }, v(X(e.size)), 3)], 2),
+				l("button", {
 					type: "button",
-					"aria-label": `${j.removeLabel} ${n.name}`,
-					disabled: j.disabled,
-					class: _($("remove")),
-					onClick: (e) => U(r)
-				}, [m(i, { icon: C(e) }, null, 8, ["icon"])], 10, A)
-			], 2))), 128))], 2)) : u("", !0)
+					"aria-label": `${A.removeLabel} ${e.name}`,
+					disabled: A.disabled,
+					class: p($("remove")),
+					onClick: (e) => U(n)
+				}, [u(t, { icon: y(w) }, null, 8, ["icon"])], 10, k)
+			], 2))), 128))], 2)) : s("", !0)
 		], 2));
 	}
 });
 //#endregion
-export { j as default };
+export { A as default };

package/dist/components/Icon.vue_vue_type_script_setup_true_lang.js

@@ -1,25 +1,25 @@
-import { HugeiconsIcon as e } from "../node_modules/.pnpm/@hugeicons_vue@1.0.7_vue@3.5.35_typescript@6.0.3_/node_modules/@hugeicons/vue/dist/esm/components/HugeiconsIcon.vue.js";
-import { isIconArray as t } from "../composables/icon.js";
-import { computed as n, createBlock as r, createCommentVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, resolveDynamicComponent as c, unref as l } from "vue";
+import { isIconArray as e } from "../composables/icon.js";
+import { computed as t, createBlock as n, createCommentVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, resolveDynamicComponent as s, unref as c } from "vue";
+import { HugeiconsIcon as l } from "@hugeicons/vue";
 //#region src/components/Icon.vue?vue&type=script&setup=true&lang.ts
-var u = /*@__PURE__*/ a({
+var u = /*@__PURE__*/ i({
 	__name: "Icon",
 	props: {
 		icon: {},
 		class: {}
 	},
-	setup(a) {
-		let u = a, d = n(() => u.icon && t(u.icon) ? u.icon : void 0);
-		return (t, n) => d.value ? (s(), r(l(e), {
+	setup(i) {
+		let u = i, d = t(() => u.icon && e(u.icon) ? u.icon : void 0);
+		return (e, t) => d.value ? (o(), n(c(l), {
 			key: 0,
 			icon: d.value,
-			class: o(u.class),
+			class: a(u.class),
 			"aria-hidden": "true"
-		}, null, 8, ["icon", "class"])) : u.icon ? (s(), r(c(u.icon), {
+		}, null, 8, ["icon", "class"])) : u.icon ? (o(), n(s(u.icon), {
 			key: 1,
-			class: o(u.class),
+			class: a(u.class),
 			"aria-hidden": "true"
-		}, null, 8, ["class"])) : i("", !0);
+		}, null, 8, ["class"])) : r("", !0);
 	}
 });
 //#endregion

package/dist/components/Input.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import { Cancel01Icon as e, Loading03Icon as t } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as n } from "../config.js";
-import r from "./Icon.js";
-import { useFormField as i } from "../composables/form.js";
-import { inputTheme as a } from "../theme/input.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, normalizeClass as h, onBeforeUnmount as g, openBlock as _, ref as v, renderSlot as y, unref as b, useModel as x, useSlots as S, watch as C, withKeys as w } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { useFormField as n } from "../composables/form.js";
+import { inputTheme as r } from "../theme/input.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, onBeforeUnmount as m, openBlock as h, ref as g, renderSlot as _, unref as v, useModel as y, useSlots as b, watch as x, withKeys as S } from "vue";
+import { Cancel01Icon as C, Loading03Icon as w } from "@hugeicons/core-free-icons";
 //#region src/components/Input.vue?vue&type=script&setup=true&lang.ts
 var T = [
 	"id",
@@ -14,10 +14,10 @@ var T = [
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], E = ["aria-label"], D = /*@__PURE__*/ f({
+], E = ["aria-label"], D = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "Input",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ d({
 		type: { default: "text" },
 		size: {},
 		placeholder: {},
@@ -43,12 +43,12 @@ var T = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(f, { expose: p }) {
-		let D = f, O = x(f, "modelValue"), k = S(), A = i(), j = o(() => D.id ?? A?.id.value), M = o(() => D.invalid ?? A?.invalid.value ?? !1), N = n(), P = o(() => D.unstyled ?? N.unstyled), F = v(O.value), I;
+	setup(u, { expose: d }) {
+		let D = u, O = y(u, "modelValue"), k = b(), A = n(), j = i(() => D.id ?? A?.id.value), M = i(() => D.invalid ?? A?.invalid.value ?? !1), N = e(), P = i(() => D.unstyled ?? N.unstyled), F = g(O.value), I;
 		function L() {
 			I !== void 0 && (clearTimeout(I), I = void 0);
 		}
-		C(O, (e) => {
+		x(O, (e) => {
 			L(), F.value = e;
 		});
 		function R(e) {
@@ -64,13 +64,13 @@ var T = [
 		function z() {
 			I !== void 0 && (L(), O.value = F.value);
 		}
-		g(L);
-		let B = v();
+		m(L);
+		let B = g();
 		function V() {
 			L(), F.value = "", O.value = "", B.value?.focus();
 		}
-		p({ input: B });
-		let H = o(() => F.value !== "" && F.value != null), U = o(() => D.clearable && H.value && !D.disabled), W = o(() => D.loading || U.value || !!k.trailing), G = o(() => a({
+		d({ input: B });
+		let H = i(() => F.value !== "" && F.value != null), U = i(() => D.clearable && H.value && !D.disabled), W = i(() => D.loading || U.value || !!k.trailing), G = i(() => r({
 			size: D.size,
 			invalid: M.value
 		}));
@@ -78,12 +78,12 @@ var T = [
 			let n = D.ui?.[e];
 			return P.value ? [n, t] : G.value[e]({ class: [n, t] });
 		}
-		return (n, i) => (_(), l("div", { class: h(K("root", D.class)) }, [
-			b(k).leading ? (_(), l("span", {
+		return (e, n) => (h(), s("div", { class: p(K("root", D.class)) }, [
+			v(k).leading ? (h(), s("span", {
 				key: 0,
-				class: h(K("leading"))
-			}, [y(n.$slots, "leading")], 2)) : c("", !0),
-			u("input", m({
+				class: p(K("leading"))
+			}, [_(e.$slots, "leading")], 2)) : o("", !0),
+			c("input", f({
 				id: j.value,
 				ref_key: "inputEl",
 				ref: B,
@@ -93,32 +93,32 @@ var T = [
 				disabled: D.disabled,
 				required: D.required,
 				"aria-invalid": M.value || void 0,
-				"aria-describedby": b(A)?.describedBy.value,
+				"aria-describedby": v(A)?.describedBy.value,
 				class: K("input")
-			}, n.$attrs, {
+			}, e.$attrs, {
 				onInput: R,
 				onBlur: z,
-				onKeydown: w(z, ["enter"])
+				onKeydown: S(z, ["enter"])
 			}), null, 16, T),
-			W.value ? (_(), l("span", {
+			W.value ? (h(), s("span", {
 				key: 1,
-				class: h(K("trailing"))
+				class: p(K("trailing"))
 			}, [
-				y(n.$slots, "trailing"),
-				U.value ? (_(), l("button", {
+				_(e.$slots, "trailing"),
+				U.value ? (h(), s("button", {
 					key: 0,
 					type: "button",
 					tabindex: "-1",
 					"aria-label": D.clearLabel,
-					class: h(K("clear")),
+					class: p(K("clear")),
 					onClick: V
-				}, [d(r, { icon: b(e) }, null, 8, ["icon"])], 10, E)) : c("", !0),
-				D.loading ? (_(), s(r, {
+				}, [l(t, { icon: v(C) }, null, 8, ["icon"])], 10, E)) : o("", !0),
+				D.loading ? (h(), a(t, {
 					key: 1,
-					icon: b(t),
+					icon: v(w),
 					class: "animate-spin"
-				}, null, 8, ["icon"])) : c("", !0)
-			], 2)) : c("", !0)
+				}, null, 8, ["icon"])) : o("", !0)
+			], 2)) : o("", !0)
 		], 2));
 	}
 });