@poppy-ui/vue 0.0.0-dev.36.93ba5b2

package/dist/components/data/public.es.js

@@ -0,0 +1,1816 @@
+import { t as e } from "../../symbol-CziS7Pho.js";
+import { n as t } from "../../use-component-config-CaJQbJOW.js";
+import { n } from "../../build-class.util-Cp-ZBFgO.js";
+import { t as r } from "../../_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as i, r as a, t as o } from "../../use-select-counter-D_-Qwz61.js";
+import { _ as s } from "../../public-Dqelew6J.js";
+import { a as c, i as l } from "../../public-H9TCdoJr.js";
+import { Fragment as u, Transition as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, inject as b, mergeModels as x, mergeProps as S, nextTick as C, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as E, onMounted as D, openBlock as O, provide as k, ref as A, renderList as j, renderSlot as M, shallowReactive as ee, shallowRef as N, toDisplayString as P, unref as F, useAttrs as I, useCssVars as L, useId as R, useModel as z, useSlots as B, useTemplateRef as V, watch as H, watchEffect as U, withCtx as W, withModifiers as G } from "vue";
+import { ChevronDownIcon as te, LoaderCircleIcon as ne, XIcon as re } from "@lucide/vue";
+import { onClickOutside as ie, useDebounceFn as ae, useTemplateRefsList as oe, useVirtualList as se } from "@vueuse/core";
+//#region src/components/data/checkbox/checkbox.context.ts
+var ce = e("checkbox"), K = [
+	"checked",
+	"disabled",
+	"required",
+	"aria-invalid"
+], le = { class: "flex flex-col gap-0.5" }, ue = {
+	key: 0,
+	class: "label-text leading-snug"
+}, de = {
+	key: 0,
+	class: "text-error ml-0.5",
+	"aria-hidden": "true"
+}, fe = {
+	key: 1,
+	class: "label-text text-xs text-base-content/60 leading-snug"
+}, pe = [
+	"checked",
+	"disabled",
+	"required",
+	"aria-invalid"
+], me = {
+	neutral: "checkbox-neutral",
+	primary: "checkbox-primary",
+	secondary: "checkbox-secondary",
+	accent: "checkbox-accent",
+	info: "checkbox-info",
+	success: "checkbox-success",
+	warning: "checkbox-warning",
+	error: "checkbox-error"
+}, q = {
+	xs: "checkbox-xs",
+	sm: "checkbox-sm",
+	md: "checkbox-md",
+	lg: "checkbox-lg",
+	xl: "checkbox-xl"
+}, he = /* @__PURE__ */ y({
+	__name: "Checkbox",
+	props: /*@__PURE__*/ x({
+		indeterminate: { type: Boolean },
+		description: {},
+		hint: {},
+		readonly: { type: Boolean },
+		color: {},
+		size: {},
+		disabled: { type: [Boolean, String] },
+		required: { type: [Boolean, String] }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: r }) {
+		let a = e, o = z(e, "modelValue"), s = t(ce, a, { size: "md" }), c = V("inputEl"), l = B();
+		U(() => {
+			c.value && (c.value.indeterminate = !!a.indeterminate);
+		});
+		let { field: u, fieldValue: d, onBlur: p, clearError: v } = i({
+			required: f(() => !!a.required),
+			inputEl: c
+		}), y = f(() => u ? d.value : o.value);
+		function b(e) {
+			if (a.readonly) {
+				e.preventDefault();
+				return;
+			}
+			let t = e.target.checked;
+			o.value = t, u?.setValue(t), u?.setDirty(!0), v();
+		}
+		let x = f(() => !!u?.error.value), S = f(() => !!(a.description || l.description)), C = f(() => !!(a.hint || l.hint)), T = f(() => S.value || C.value);
+		return r({
+			$el: c,
+			focus: () => c.value?.focus()
+		}), (t, r) => T.value ? (O(), h("label", {
+			key: 0,
+			class: w(["flex cursor-pointer items-start gap-2", { "opacity-60 pointer-events-none": e.disabled || e.readonly }])
+		}, [g("input", {
+			ref_key: "inputEl",
+			ref: c,
+			type: "checkbox",
+			class: w(["checkbox mt-0.5", [
+				F(n)(me, F(s).color),
+				F(n)(q, F(s).size),
+				{ "checkbox-error": x.value },
+				{ validator: e.required }
+			]]),
+			checked: y.value,
+			disabled: e.disabled,
+			required: e.required,
+			"aria-invalid": x.value || void 0,
+			onChange: b,
+			onBlur: r[0] ||= (...e) => F(p) && F(p)(...e)
+		}, null, 42, K), g("span", le, [S.value ? (O(), h("span", ue, [M(t.$slots, "description", {}, () => [_(P(e.description), 1)]), e.required ? (O(), h("span", de, "*")) : m("", !0)])) : m("", !0), C.value ? (O(), h("span", fe, [M(t.$slots, "hint", {}, () => [_(P(e.hint), 1)])])) : m("", !0)])], 2)) : (O(), h("input", {
+			key: 1,
+			ref_key: "inputEl",
+			ref: c,
+			type: "checkbox",
+			class: w(["checkbox", [
+				F(n)(me, F(s).color),
+				F(n)(q, F(s).size),
+				{ "checkbox-error": x.value },
+				{ validator: e.required }
+			]]),
+			checked: y.value,
+			disabled: e.disabled,
+			required: e.required,
+			"aria-invalid": x.value || void 0,
+			onChange: b,
+			onBlur: r[1] ||= (...e) => F(p) && F(p)(...e)
+		}, null, 42, pe));
+	}
+}), ge = {
+	key: 0,
+	class: "fieldset-legend"
+}, J = /* @__PURE__ */ y({
+	__name: "FieldSet",
+	props: {
+		legend: {},
+		bordered: { type: Boolean },
+		background: { type: Boolean }
+	},
+	setup(e) {
+		return (t, n) => (O(), h("fieldset", { class: w(["fieldset w-full", [e.bordered && "border border-base-300 rounded-box p-4", e.background && "bg-base-200"]]) }, [
+			e.legend || t.$slots.legend ? (O(), h("legend", ge, [M(t.$slots, "legend", {}, () => [_(P(e.legend), 1)])])) : m("", !0),
+			M(t.$slots, "header"),
+			M(t.$slots, "default"),
+			M(t.$slots, "footer")
+		], 2));
+	}
+});
+//#endregion
+//#region src/utils/path.ts
+function Y(e, t) {
+	if (!e || !t) return;
+	let n = ve(t), r = e;
+	for (let e of n) {
+		if (typeof r != "object" || !r) return;
+		r = r[e];
+	}
+	return r;
+}
+function _e(e, t, n) {
+	if (!t) return;
+	let r = ve(t), i = e;
+	for (let e = 0; e < r.length - 1; e++) {
+		let t = r[e], n = r[e + 1];
+		i[t] === void 0 && (ye(n) ? i[t] = [] : i[t] = {}), (typeof i[t] != "object" || i[t] === null) && (ye(n) ? i[t] = [] : i[t] = {}), i = i[t];
+	}
+	let a = r[r.length - 1];
+	if (ye(a)) {
+		let e = i, t = Number.parseInt(a, 10);
+		for (; e.length <= t;) e.push(void 0);
+		e[t] = n;
+	} else i[a] = n;
+}
+function ve(e) {
+	return e.trim() ? e.split(".").filter((e) => e !== "") : [];
+}
+function ye(e) {
+	return /^\d+$/.test(e);
+}
+//#endregion
+//#region src/components/data/form/form.context.ts
+var X = Symbol("FormContext"), Z = {
+	class: "text-error text-sm mt-2",
+	role: "alert"
+}, be = /* @__PURE__ */ y({
+	__name: "Form",
+	props: /*@__PURE__*/ x({
+		serializer: { type: Function },
+		counter: { type: Boolean },
+		counterFormat: { type: [String, Function] }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ x(["submit", "reset"], ["update:modelValue"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = z(e, "modelValue"), a = n, o = JSON.parse(JSON.stringify(i.value ?? {})), s = ee({ ...i.value }), c = N({}), l = ee({});
+		H(i, (e) => Object.assign(s, e));
+		let u = N(r.counter === void 0 ? void 0 : r.counter), d = N(r.counterFormat);
+		H(() => r.counter, (e) => {
+			u.value = e === void 0 ? void 0 : e;
+		}), H(() => r.counterFormat, (e) => {
+			d.value = e;
+		});
+		function f(e) {
+			return l[e] || (l[e] = {
+				value: Y(s, e),
+				isDirty: !1,
+				isTouched: !1,
+				isValid: !0,
+				hasError: !1,
+				error: void 0
+			}), l[e];
+		}
+		function p(e, t) {
+			_e(s, e, t);
+			let n = f(e);
+			n.value = t, i.value = { ...s };
+		}
+		function _(e) {
+			return Y(s, e);
+		}
+		function v(e) {
+			Object.assign(s, e), i.value = { ...s };
+		}
+		function y(e) {
+			return c.value[e];
+		}
+		function b(e, t) {
+			c.value = {
+				...c.value,
+				[e]: t
+			};
+			let n = f(e);
+			n.error = t, n.isValid = !t, n.hasError = !!t;
+		}
+		function x(e) {
+			c.value = { ...e };
+			for (let [t, n] of Object.entries(e)) {
+				let e = f(t);
+				e.error = n, e.isValid = !n, e.hasError = !!n;
+			}
+		}
+		function S(e) {
+			if (e != null) {
+				let { [e]: t, ...n } = c.value;
+				c.value = n;
+				let r = l[e];
+				r && (r.error = void 0, r.isValid = !0, r.hasError = !1);
+			} else {
+				c.value = {};
+				for (let e of Object.values(l)) e.error = void 0, e.isValid = !0, e.hasError = !1;
+			}
+		}
+		function C(e) {
+			return f(e);
+		}
+		function w(e, t = !0) {
+			f(e).isDirty = t;
+		}
+		function T(e, t = !0) {
+			f(e).isTouched = t;
+		}
+		let E = /* @__PURE__ */ new Map();
+		function D(e, t) {
+			E.set(e, t);
+		}
+		function A(e) {
+			E.delete(e);
+		}
+		function j() {
+			let e = !0;
+			for (let [, t] of E) t() || (e = !1);
+			return e;
+		}
+		function F() {
+			for (let e of Object.keys(s)) delete s[e];
+			Object.assign(s, JSON.parse(JSON.stringify(o))), i.value = { ...s }, S();
+			for (let e of Object.keys(l)) l[e] = {
+				value: Y(s, e),
+				isDirty: !1,
+				isTouched: !1,
+				isValid: !0,
+				hasError: !1,
+				error: void 0
+			};
+			a("reset");
+		}
+		let I = {
+			errors: c,
+			data: s,
+			counter: u,
+			counterFormat: d,
+			setFieldValue: p,
+			getFieldValue: _,
+			setValues: v,
+			getFieldError: y,
+			setFieldError: b,
+			setErrors: x,
+			clearErrors: S,
+			getFieldState: C,
+			setDirty: w,
+			setTouched: T,
+			validate: j,
+			reset: F,
+			registerValidator: D,
+			unregisterValidator: A
+		};
+		k(X, I), t(I);
+		function L() {
+			j() && a("submit", r.serializer?.({ ...s }) ?? { ...s });
+		}
+		return (e, t) => (O(), h("form", {
+			novalidate: "",
+			onSubmit: G(L, ["prevent"]),
+			onReset: G(F, ["prevent"])
+		}, [M(e.$slots, "default"), c.value.$ ? M(e.$slots, "error", {
+			key: 0,
+			error: c.value.$
+		}, () => [g("p", Z, P(c.value.$), 1)]) : m("", !0)], 32));
+	}
+}), xe = { class: "fieldset w-full" }, Se = {
+	key: 0,
+	class: "floating-label"
+}, Ce = { key: 0 }, we = {
+	key: 0,
+	class: "text-error ml-0.5",
+	"aria-hidden": "true"
+}, Te = {
+	key: 0,
+	class: "fieldset-legend"
+}, Ee = {
+	key: 0,
+	class: "text-error ml-0.5",
+	"aria-hidden": "true"
+}, De = {
+	key: 2,
+	class: "flex items-center justify-between gap-2 mt-1"
+}, Oe = {
+	key: "error",
+	class: "label text-error text-xs",
+	role: "alert"
+}, Q = {
+	key: "hint",
+	class: "label text-xs"
+}, ke = { key: "empty" }, Ae = /*#__PURE__*/ r(/* @__PURE__ */ y({
+	__name: "FormField",
+	props: {
+		name: {},
+		label: {},
+		hint: {},
+		floating: { type: Boolean },
+		counter: { type: Boolean },
+		counterFormat: { type: [String, Function] }
+	},
+	setup(e) {
+		let t = e, n = b(X, null), r = N(!1), i = N(t.counter === void 0 ? void 0 : t.counter), o = N(t.counterFormat);
+		H(() => t.counter, (e) => {
+			i.value = e === void 0 ? void 0 : e;
+		}), H(() => t.counterFormat, (e) => {
+			o.value = e;
+		});
+		let s = N(""), c = N("");
+		function l(e, t) {
+			s.value = e, c.value = t;
+		}
+		let p = f(() => n?.getFieldValue(t.name)), g = f(() => n?.getFieldError(t.name)), y = f(() => n?.getFieldState(t.name) ?? {
+			value: void 0,
+			isDirty: !1,
+			isTouched: !1,
+			isValid: !0,
+			hasError: !1,
+			error: void 0
+		});
+		function x(e) {
+			n?.setFieldValue(t.name, e);
+		}
+		function S(e) {
+			r.value = e;
+		}
+		function C(e = !0) {
+			n?.setDirty(t.name, e);
+		}
+		function T(e = !0) {
+			n?.setTouched(t.name, e);
+		}
+		function E(e) {
+			n?.setFieldError(t.name, e);
+		}
+		function D(e, t) {
+			n?.registerValidator(e, t);
+		}
+		function A(e) {
+			n?.unregisterValidator(e);
+		}
+		k(a, {
+			name: t.name,
+			required: r,
+			value: p,
+			error: g,
+			state: y,
+			counter: i,
+			counterFormat: o,
+			counterText: s,
+			counterColor: c,
+			setValue: x,
+			setRequired: S,
+			setDirty: C,
+			setTouched: T,
+			setError: E,
+			setCounterText: l,
+			registerValidator: D,
+			unregisterValidator: A
+		});
+		let j = f(() => !!(g.value || t.hint || s.value));
+		return (t, n) => (O(), h("fieldset", xe, [e.floating ? (O(), h("label", Se, [e.label || t.$slots.label ? (O(), h("span", Ce, [M(t.$slots, "label", { required: r.value }, () => [_(P(e.label), 1), r.value ? (O(), h("span", we, "*")) : m("", !0)], !0)])) : m("", !0), M(t.$slots, "default", {}, void 0, !0)])) : (O(), h(u, { key: 1 }, [e.label || t.$slots.label ? (O(), h("legend", Te, [M(t.$slots, "label", { required: r.value }, () => [_(P(e.label), 1), r.value ? (O(), h("span", Ee, "*")) : m("", !0)], !0)])) : m("", !0), M(t.$slots, "default", {}, void 0, !0)], 64)), j.value ? (O(), h("div", De, [v(d, {
+			name: "field-message",
+			mode: "out-in"
+		}, {
+			default: W(() => [g.value ? (O(), h("p", Oe, [M(t.$slots, "error", { error: g.value }, () => [_(P(g.value), 1)], !0)])) : e.hint ? (O(), h("p", Q, [M(t.$slots, "hint", {}, () => [_(P(e.hint), 1)], !0)])) : (O(), h("span", ke))]),
+			_: 3
+		}), s.value ? (O(), h("span", {
+			key: 0,
+			class: w(["label text-xs shrink-0", c.value])
+		}, P(s.value), 3)) : m("", !0)])) : m("", !0)]));
+	}
+}), [["__scopeId", "data-v-5c368088"]]), je = e("input"), $ = [
+	"type",
+	"value",
+	"disabled",
+	"readonly",
+	"required",
+	"placeholder",
+	"autocomplete",
+	"pattern",
+	"title",
+	"maxlength",
+	"minlength"
+], Me = {
+	key: 0,
+	class: "flex justify-end mt-1"
+}, Ne = [
+	"type",
+	"value",
+	"disabled",
+	"readonly",
+	"required",
+	"placeholder",
+	"autocomplete",
+	"pattern",
+	"title",
+	"maxlength",
+	"minlength"
+], Pe = {
+	key: 0,
+	class: "flex justify-end mt-1"
+}, Fe = {
+	neutral: "input-neutral",
+	primary: "input-primary",
+	secondary: "input-secondary",
+	accent: "input-accent",
+	info: "input-info",
+	success: "input-success",
+	warning: "input-warning",
+	error: "input-error"
+}, Ie = {
+	xs: "input-xs",
+	sm: "input-sm",
+	md: "input-md",
+	lg: "input-lg",
+	xl: "input-xl"
+}, Le = {
+	bordered: "input-bordered",
+	ghost: "input-ghost"
+}, Re = /* @__PURE__ */ y({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: /*@__PURE__*/ x({
+		type: {},
+		defaultValue: {},
+		clearable: { type: Boolean },
+		color: {},
+		size: {},
+		variant: {},
+		counter: { type: Boolean },
+		minLength: {},
+		maxLength: {},
+		counterFormat: { type: [String, Function] },
+		disabled: { type: [Boolean, String] },
+		readonly: { type: [Boolean, String] },
+		required: { type: [Boolean, String] },
+		placeholder: {},
+		autocomplete: {},
+		pattern: {},
+		title: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: r }) {
+		let o = e, s = z(e, "modelValue"), c = b(X, null), l = b(a, null), d = t(je, o, {
+			size: "md",
+			type: "text",
+			counter: !1
+		}, {
+			get counter() {
+				return l?.counter.value ?? c?.counter.value;
+			},
+			get counterFormat() {
+				return l?.counterFormat.value ?? c?.counterFormat.value;
+			}
+		}), p = V("inputEl"), _ = I(), y = B(), x = f(() => !!y.start || !!y.end || o.clearable), { field: C, onBlur: T, clearError: E } = i({
+			required: f(() => !!o.required),
+			inputEl: p
+		}), D = f(() => C ? C.value.value : s.value ?? o.defaultValue);
+		function k(e) {
+			let t = e.target.value;
+			s.value = t, C?.setValue(t), C?.setDirty(!0), E();
+		}
+		function A() {
+			s.value = void 0, C?.setValue(void 0), E(), p.value?.focus();
+		}
+		let j = f(() => !!o.required || !!_.pattern || _.minlength != null || _.maxlength != null || _.min != null || _.max != null), ee = f(() => String(D.value ?? "").length), N = f(() => d.value.counter), L = f(() => {
+			if (!N.value) return "";
+			let e = d.value.counterFormat ?? "{current} / {max}", t = ee.value, n = d.value.minLength, r = d.value.maxLength;
+			return typeof e == "function" ? e(t, n, r) : e.replace("{current}", String(t)).replace("{min}", n == null ? "" : String(n)).replace("{max}", r == null ? "" : String(r));
+		}), R = f(() => {
+			let e = d.value.maxLength, t = d.value.minLength, n = ee.value;
+			return e != null && n > e ? "text-error" : t != null && n < t ? "text-warning" : "";
+		});
+		U(() => {
+			C && C.setCounterText(N.value ? L.value : "", N.value ? R.value : "");
+		});
+		let H = f(() => !!C?.error.value), W = f(() => [
+			n(Fe, d.value.color),
+			n(Ie, d.value.size),
+			n(Le, d.value.variant),
+			{ "input-error": H.value },
+			{ validator: j.value }
+		]);
+		return r({
+			$el: p,
+			focus: () => p.value?.focus()
+		}), (t, n) => x.value ? (O(), h(u, { key: 0 }, [g("label", { class: w(["input w-full", W.value]) }, [
+			M(t.$slots, "start"),
+			g("input", S({
+				ref_key: "inputEl",
+				ref: p
+			}, t.$attrs, {
+				class: "grow",
+				type: F(d).type,
+				value: D.value,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				required: e.required,
+				placeholder: e.placeholder,
+				autocomplete: e.autocomplete,
+				pattern: e.pattern,
+				title: e.title,
+				maxlength: F(d).maxLength,
+				minlength: F(d).minLength,
+				onInput: k,
+				onBlur: n[0] ||= (...e) => F(T) && F(T)(...e)
+			}), null, 16, $),
+			e.clearable && D.value != null && D.value !== "" ? (O(), h("button", {
+				key: 0,
+				type: "button",
+				class: "btn btn-ghost btn-xs btn-circle opacity-50 hover:opacity-100",
+				tabindex: "-1",
+				onClick: G(A, ["stop"])
+			}, [v(F(re), { class: "size-3" })])) : m("", !0),
+			M(t.$slots, "end")
+		], 2), !F(C) && N.value ? (O(), h("div", Me, [g("span", { class: w(["text-xs", R.value]) }, P(L.value), 3)])) : m("", !0)], 64)) : (O(), h(u, { key: 1 }, [g("input", S({
+			ref_key: "inputEl",
+			ref: p
+		}, t.$attrs, {
+			class: ["input w-full", W.value],
+			type: F(d).type,
+			value: D.value,
+			disabled: e.disabled,
+			readonly: e.readonly,
+			required: e.required,
+			placeholder: e.placeholder,
+			autocomplete: e.autocomplete,
+			pattern: e.pattern,
+			title: e.title,
+			maxlength: F(d).maxLength,
+			minlength: F(d).minLength,
+			onInput: k,
+			onBlur: n[1] ||= (...e) => F(T) && F(T)(...e)
+		}), null, 16, Ne), !F(C) && N.value ? (O(), h("div", Pe, [g("span", { class: w(["text-xs", R.value]) }, P(L.value), 3)])) : m("", !0)], 64));
+	}
+}), ze = Symbol("RadioGroupContext"), Be = e("radio"), Ve = [
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"required",
+	"aria-invalid"
+], He = { class: "flex flex-col gap-0.5" }, Ue = {
+	key: 0,
+	class: "label-text leading-snug"
+}, We = {
+	key: 0,
+	class: "text-error ml-0.5",
+	"aria-hidden": "true"
+}, Ge = {
+	key: 1,
+	class: "label-text text-xs text-base-content/60 leading-snug"
+}, Ke = [
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"required",
+	"aria-invalid"
+], qe = {
+	neutral: "radio-neutral",
+	primary: "radio-primary",
+	secondary: "radio-secondary",
+	accent: "radio-accent",
+	info: "radio-info",
+	success: "radio-success",
+	warning: "radio-warning",
+	error: "radio-error"
+}, Je = {
+	xs: "radio-xs",
+	sm: "radio-sm",
+	md: "radio-md",
+	lg: "radio-lg",
+	xl: "radio-xl"
+}, Ye = /* @__PURE__ */ y({
+	__name: "Radio",
+	props: /*@__PURE__*/ x({
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		description: {},
+		hint: {},
+		color: {},
+		size: {},
+		disabled: { type: [Boolean, String] },
+		required: { type: [Boolean, String] },
+		name: {}
+	}, {
+		modelValue: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: r }) {
+		let o = e, s = z(e, "modelValue"), c = V("inputEl"), l = B(), u = t(Be, o, { size: "md" }), d = `radio-${R()}`, p = b(a, null), v = b(ze, null), y = f(() => o.name ?? p?.name ?? v?.name ?? "radio-group"), { field: x, onBlur: S, clearError: C } = i({
+			required: f(() => !!o.required || !!v?.required.value),
+			inputEl: c
+		}), T = f(() => x ? x.value.value : v ? v.modelValue.value : s.value), E = f(() => T.value === o.value);
+		function D() {
+			s.value = o.value, x ? (x.setValue(o.value), x.setDirty(!0), C()) : v && v.setValue(o.value);
+		}
+		let k = f(() => !!x?.error.value), A = f(() => !!(o.description || l.description)), j = f(() => !!(o.hint || l.hint)), ee = f(() => A.value || j.value);
+		return r({
+			$el: c,
+			focus: () => c.value?.focus()
+		}), (t, r) => ee.value ? (O(), h("label", {
+			key: 0,
+			for: d,
+			class: w(["flex cursor-pointer items-start gap-2", { "opacity-60 pointer-events-none": e.disabled }])
+		}, [g("input", {
+			id: d,
+			ref_key: "inputEl",
+			ref: c,
+			type: "radio",
+			class: w(["radio mt-0.5", [
+				F(n)(qe, F(u).color),
+				F(n)(Je, F(u).size),
+				{ "radio-error": k.value },
+				{ validator: e.required }
+			]]),
+			name: y.value,
+			value: e.value,
+			checked: E.value,
+			disabled: e.disabled,
+			required: e.required,
+			"aria-invalid": k.value || void 0,
+			onChange: D,
+			onBlur: r[0] ||= (...e) => F(S) && F(S)(...e)
+		}, null, 42, Ve), g("span", He, [A.value ? (O(), h("span", Ue, [M(t.$slots, "description", {}, () => [_(P(e.description), 1)]), e.required ? (O(), h("span", We, "*")) : m("", !0)])) : m("", !0), j.value ? (O(), h("span", Ge, [M(t.$slots, "hint", {}, () => [_(P(e.hint), 1)])])) : m("", !0)])], 2)) : (O(), h("input", {
+			key: 1,
+			id: d,
+			ref_key: "inputEl",
+			ref: c,
+			type: "radio",
+			class: w(["radio", [
+				F(n)(qe, F(u).color),
+				F(n)(Je, F(u).size),
+				{ "radio-error": k.value },
+				{ validator: e.required }
+			]]),
+			name: y.value,
+			value: e.value,
+			checked: E.value,
+			disabled: e.disabled,
+			required: e.required,
+			"aria-invalid": k.value || void 0,
+			onChange: D,
+			onBlur: r[1] ||= (...e) => F(S) && F(S)(...e)
+		}, null, 42, Ke));
+	}
+}), Xe = { role: "radiogroup" }, Ze = /* @__PURE__ */ y({
+	__name: "RadioGroup",
+	props: /*@__PURE__*/ x({
+		name: {},
+		required: { type: Boolean }
+	}, {
+		modelValue: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = e, n = z(e, "modelValue"), r = b(a, null), i = `radio-group-${R()}`, o = f(() => t.name ?? i), s = N(!!t.required);
+		H(() => t.required, (e) => {
+			s.value = !!e;
+		});
+		let c = f(() => r ? r.value.value : n.value);
+		function l(e) {
+			r ? (r.setValue(e), r.setDirty(!0)) : n.value = e;
+		}
+		return k(ze, {
+			name: o.value,
+			modelValue: c,
+			required: s,
+			setValue: l
+		}), (e, t) => (O(), h("div", Xe, [M(e.$slots, "default")]));
+	}
+}), Qe = e("rating"), $e = ["required", "checked"], et = ["disabled", "checked"], tt = [
+	"checked",
+	"disabled",
+	"onChange"
+], nt = {
+	neutral: "bg-neutral",
+	primary: "bg-primary",
+	secondary: "bg-secondary",
+	accent: "bg-accent",
+	info: "bg-info",
+	success: "bg-success",
+	warning: "bg-warning",
+	error: "bg-error"
+}, rt = {
+	xs: "rating-xs",
+	sm: "rating-sm",
+	md: "rating-md",
+	lg: "rating-lg",
+	xl: "rating-xl"
+}, it = {
+	"hexagon-2": "mask-hexagon-2",
+	"star-2": "mask-star-2",
+	"triangle-2": "mask-triangle-2",
+	"triangle-3": "mask-triangle-3",
+	"triangle-4": "mask-triangle-4",
+	circle: "mask-circle",
+	decagon: "mask-decagon",
+	diamond: "mask-diamond",
+	heart: "mask-heart",
+	hexagon: "mask-hexagon",
+	pentagon: "mask-pentagon",
+	square: "mask-square",
+	squircle: "mask-squircle",
+	star: "mask-star",
+	triangle: "mask-triangle"
+}, at = /* @__PURE__ */ y({
+	__name: "Rating",
+	props: /*@__PURE__*/ x({
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		color: {},
+		size: {},
+		count: {},
+		half: { type: Boolean },
+		clearable: { type: Boolean },
+		mask: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: r }) {
+		let a = e, o = z(e, "modelValue"), s = t(Qe, a, {
+			size: "md",
+			count: 5,
+			half: !1,
+			clearable: !0,
+			mask: "star"
+		}), c = V("rootEl"), l = V("hiddenEl"), { field: d, fieldValue: p, onBlur: _, clearError: v } = i({
+			required: f(() => !!a.required),
+			inputEl: l
+		}), y = f(() => d ? p.value ?? 0 : o.value ?? 0);
+		function b(e) {
+			o.value = e, d?.setValue(e), d?.setDirty(!0), v();
+		}
+		let x = f(() => {
+			let e = s.value.count ?? 5, t = s.value.half, r = [], i = n(it, s.value.mask);
+			for (let n = 1; n <= e; n++) t ? (r.push({
+				key: `${n}-left`,
+				value: n - .5,
+				maskClass: `mask ${i} mask-half-1`
+			}), r.push({
+				key: `${n}-right`,
+				value: n,
+				maskClass: `mask ${i} mask-half-2`
+			})) : r.push({
+				key: String(n),
+				value: n,
+				maskClass: `mask ${i}`
+			});
+			return r;
+		}), S = f(() => !!d?.error.value);
+		return r({
+			$el: c,
+			focus: () => c.value?.querySelector("input[type=\"radio\"]:not(.hidden):not(.rating-hidden)")?.focus()
+		}), (t, r) => (O(), h("div", {
+			ref_key: "rootEl",
+			ref: c,
+			class: w(["rating", [
+				F(n)(rt, F(s).size),
+				{ "rating-half": F(s).half },
+				{ "opacity-50 pointer-events-none": e.disabled }
+			]]),
+			onBlurCapture: r[1] ||= (...e) => F(_) && F(_)(...e)
+		}, [
+			g("input", {
+				ref_key: "hiddenEl",
+				ref: l,
+				type: "radio",
+				class: "hidden",
+				required: e.required,
+				checked: y.value > 0
+			}, null, 8, $e),
+			F(s).clearable ? (O(), h("input", {
+				key: 0,
+				type: "radio",
+				class: "rating-hidden",
+				name: "rating",
+				disabled: e.disabled,
+				checked: y.value === 0,
+				onChange: r[0] ||= (e) => b(0)
+			}, null, 40, et)) : m("", !0),
+			(O(!0), h(u, null, j(x.value, (t) => (O(), h("input", {
+				key: t.key,
+				type: "radio",
+				name: "rating",
+				class: w([
+					t.maskClass,
+					F(n)(nt, F(s).color),
+					{ "border-error": S.value }
+				]),
+				checked: y.value === t.value,
+				disabled: e.disabled,
+				onChange: (e) => b(t.value)
+			}, null, 42, tt))), 128))
+		], 34));
+	}
+}), ot = e("select"), st = { class: "w-full flex flex-col gap-1" }, ct = ["name", "value"], lt = [
+	"tabindex",
+	"disabled",
+	"aria-readonly"
+], ut = { class: "flex items-center gap-2 min-w-0" }, dt = {
+	key: 0,
+	class: "flex flex-wrap gap-1 flex-1 min-w-0"
+}, ft = ["onClick"], pt = { class: "flex-1 min-w-0 truncate" }, mt = {
+	key: 2,
+	class: "opacity-40 flex-1 min-w-0 truncate"
+}, ht = {
+	key: 0,
+	class: "anchor-dropdown absolute z-50 w-full bg-base-100 border border-base-300 rounded-box shadow-lg overflow-hidden"
+}, gt = {
+	key: 0,
+	class: "p-2 border-b border-base-200"
+}, _t = ["value", "placeholder"], vt = {
+	key: 0,
+	class: "px-4 py-6 flex justify-center"
+}, yt = {
+	key: 1,
+	class: "px-4 py-3 text-sm text-center text-error"
+}, bt = {
+	key: 1,
+	class: "px-4 py-3 text-sm opacity-40 text-center"
+}, xt = {
+	key: 3,
+	class: "px-4 py-2 flex justify-center"
+}, St = {
+	key: 0,
+	class: "px-4 py-3 text-sm opacity-40 text-center pointer-events-none"
+}, Ct = {
+	key: 0,
+	class: "flex justify-end"
+}, wt = {
+	neutral: "select-neutral",
+	primary: "select-primary",
+	secondary: "select-secondary",
+	accent: "select-accent",
+	info: "select-info",
+	success: "select-success",
+	warning: "select-warning",
+	error: "select-error"
+}, Tt = {
+	xs: "select-xs",
+	sm: "select-sm",
+	md: "select-md",
+	lg: "select-lg",
+	xl: "select-xl"
+}, Et = {
+	bordered: "select-bordered",
+	ghost: "select-ghost"
+}, Dt = /*#__PURE__*/ r(/* @__PURE__ */ y({
+	inheritAttrs: !1,
+	__name: "Select",
+	props: /*@__PURE__*/ x({
+		name: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		placeholder: {},
+		options: {},
+		equals: { type: Function },
+		multiple: { type: Boolean },
+		searchable: { type: Boolean },
+		search: { type: Function },
+		debounce: {},
+		minChars: {},
+		limit: {},
+		itemHeight: {},
+		color: {},
+		variant: {},
+		size: {},
+		clearable: { type: Boolean },
+		counterFormatter: { type: Function }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ x(["clear"], ["update:modelValue"]),
+	setup(e, { expose: r, emit: a }) {
+		L((e) => ({ v0593ec67: oe }));
+		let y = a, b = V("containerEl"), x = V("triggerEl"), E = V("searchInputEl"), k = V("ulRef"), A = N(-1), ee = z(e, "modelValue"), B = e, U = t(ot, B, {
+			size: "md",
+			clearable: !1
+		}), oe = `--select-anchor-${R()}`, ce = I(), K = N(!1), le = N([]), { field: ue, fieldValue: de, hasServerError: fe, onBlur: pe, clearError: me } = i({ required: f(() => B.required ?? !1) });
+		ie(b, () => {
+			K.value && (K.value = !1, pe());
+		});
+		let q = f(() => ue ? de.value : ee.value), he = f(() => ce.min ? Number(ce.min) : void 0), ge = f(() => ce.max ? Number(ce.max) : void 0), { counterText: J, counterColor: Y, isAtMax: _e } = o(f(() => !B.multiple || !Array.isArray(q.value) ? 0 : q.value.length), {
+			multiple: f(() => B.multiple),
+			min: he,
+			max: ge,
+			formatter: f(() => U.value.counterFormatter)
+		}), ve = f(() => B.multiple ? Array.isArray(q.value) && q.value.length > 0 : q.value !== void 0 && q.value !== null && q.value !== ""), ye = f(() => {
+			let e = q.value;
+			if (!e) return [];
+			let t = [
+				...B.options ?? [],
+				...$.value,
+				...le.value
+			];
+			if (B.multiple && Array.isArray(e)) return e.reduce((e, n) => {
+				let r = t.find((e) => X(e.value, n));
+				return r ? [...e, r] : e;
+			}, []);
+			let n = t.find((t) => X(t.value, e));
+			return n ? [n] : [];
+		});
+		function X(e, t) {
+			return B.equals ? typeof B.equals == "function" ? B.equals(e, t) : e?.[B.equals] === t?.[B.equals] : e === t;
+		}
+		function Z(e) {
+			let t = q.value;
+			return B.multiple && Array.isArray(t) ? t.some((t) => X(t, e.value)) : X(t, e.value);
+		}
+		function be(e) {
+			return e.disabled === !0 || _e.value && !Z(e);
+		}
+		function xe(e) {
+			ee.value = e, ue && (ue.setValue(e), ue.setDirty(!0), me());
+		}
+		function Se() {
+			return Array.isArray(q.value) ? q.value : [];
+		}
+		function Ce(e) {
+			if (!be(e)) {
+				if (le.value.some((t) => X(t.value, e.value)) || (le.value = [...le.value, e]), B.multiple) {
+					let t = Se();
+					xe(t.some((t) => X(t, e.value)) ? t.filter((t) => !X(t, e.value)) : [...t, e.value]);
+					return;
+				}
+				if (Z(e)) {
+					U.value.clearable && (xe(void 0), K.value = !1);
+					return;
+				}
+				xe(e.value), K.value = !1;
+			}
+		}
+		function we(e) {
+			B.multiple && xe(Se().filter((t) => !X(t, e.value)));
+		}
+		function Te() {
+			xe(B.multiple ? [] : void 0), y("clear");
+		}
+		function Ee() {
+			B.disabled || B.readonly || (K.value = !0);
+		}
+		function De() {
+			B.disabled || (K.value = !1);
+		}
+		function Oe() {
+			K.value ? De() : Ee();
+		}
+		let Q = N(""), ke = N(!1), Ae = N(!1), je = N(null), $ = N([]), Me = N(1), Ne = N(!0), Pe = f(() => {
+			let e = B.options ?? [];
+			if (!Q.value) return e;
+			let t = Q.value.toLowerCase();
+			return e.filter((e) => e.label.toLowerCase().includes(t));
+		}), Fe = f(() => B.search ? $.value : B.searchable ? Pe.value : B.options ?? []), Ie = f(() => B.itemHeight ?? 36), Le = f(() => {
+			let e = Fe.value.length;
+			return e === 0 ? 0 : Math.min(e * Ie.value, 224);
+		}), { list: Re, containerProps: ze, wrapperProps: Be, scrollTo: Ve } = se(Fe, {
+			itemHeight: () => Ie.value,
+			overscan: 5
+		});
+		function He(e) {
+			if (ze.onScroll(), !B.search || !Ne.value || Ae.value) return;
+			let t = e.target;
+			if (t.scrollHeight - t.scrollTop - t.clientHeight < 50) {
+				let e = Me.value + 1;
+				Me.value = e, Ue(Q.value, e, !0);
+			}
+		}
+		async function Ue(e, t, n) {
+			if (!B.search) return;
+			let r = B.limit ?? 20;
+			n ? Ae.value = !0 : (ke.value = !0, je.value = null);
+			try {
+				let i = n ? $.value.at(-1)?.value : void 0, a = await B.search({
+					term: e,
+					limit: r,
+					page: t,
+					lastItem: i
+				});
+				if ($.value = n ? [...$.value, ...a] : a, Ne.value = a.length >= r, Ne.value && $.value.length * Ie.value <= 224) {
+					Me.value = t + 1, Ue(e, Me.value, !0);
+					return;
+				}
+			} catch (e) {
+				je.value = e instanceof Error ? e : Error(String(e)), n || ($.value = []);
+			}
+			ke.value = !1, Ae.value = !1;
+		}
+		function We() {
+			Ue(Q.value, 1, !1);
+		}
+		let Ge = ae((e) => {
+			Me.value = 1, Ue(e, 1, !1);
+		}, f(() => B.debounce ?? 300));
+		function Ke(e) {
+			Q.value = e, A.value = -1, B.search && (e.length >= (B.minChars ?? 0) ? Ge(e) : ($.value = [], Ne.value = !0));
+		}
+		D(() => {
+			B.search && ve.value && Ue("", 1, !1);
+		}), H(K, async (e) => {
+			if (e) {
+				A.value = -1, B.searchable && (await C(), E.value?.focus()), B.search && $.value.length === 0 && Ue("", 1, !1);
+				return;
+			}
+			A.value = -1, Q.value !== "" && ($.value = [], Me.value = 1, je.value = null, Ne.value = !0), Q.value = "";
+		});
+		function qe() {
+			if (B.searchable || B.search) {
+				Ve(A.value);
+				return;
+			}
+			C(() => {
+				(k.value?.$el)?.children[A.value]?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function Je() {
+			let e = Fe.value;
+			e.length !== 0 && (A.value = A.value >= e.length - 1 ? 0 : A.value + 1, qe());
+		}
+		function Ye() {
+			let e = Fe.value;
+			e.length !== 0 && (A.value = A.value <= 0 ? e.length - 1 : A.value - 1, qe());
+		}
+		function Xe() {
+			let e = Fe.value[A.value];
+			e && Ce(e);
+		}
+		function Ze(e) {
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), K.value ? Je() : (Ee(), C(Je));
+					break;
+				case "ArrowUp":
+					e.preventDefault(), K.value ? Ye() : (Ee(), C(Ye));
+					break;
+				case "Enter":
+				case " ":
+					K.value && A.value >= 0 && (e.preventDefault(), Xe());
+					break;
+				case "Escape":
+					K.value && (e.preventDefault(), De());
+					break;
+				case "Tab":
+					K.value && De();
+					break;
+			}
+		}
+		function Qe(e) {
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), Je();
+					break;
+				case "ArrowUp":
+					e.preventDefault(), Ye();
+					break;
+				case "Enter":
+					A.value >= 0 && (e.preventDefault(), Xe());
+					break;
+				case "Escape":
+					e.preventDefault(), De();
+					break;
+				case "Tab":
+					De();
+					break;
+			}
+		}
+		return r({
+			$el: x,
+			clear: Te,
+			open: Ee,
+			close: De,
+			toggle: Oe
+		}), (t, r) => (O(), h("div", st, [g("div", S({
+			ref_key: "containerEl",
+			ref: b,
+			class: "relative w-full anchor-trigger"
+		}, t.$attrs), [
+			g("input", {
+				type: "hidden",
+				name: F(ue)?.name ?? e.name,
+				value: ee.value
+			}, null, 8, ct),
+			g("button", {
+				ref_key: "triggerEl",
+				ref: x,
+				type: "button",
+				class: w(["select w-full text-left min-h-10 h-auto py-2", [
+					F(n)(wt, F(U).color),
+					F(n)(Tt, F(U).size),
+					F(n)(Et, F(U).variant),
+					e.disabled && "select-disabled",
+					F(fe) && "select-error",
+					e.readonly && "cursor-default",
+					F(U).clearable && ve.value ? "pr-14" : "pr-10"
+				]]),
+				tabindex: e.disabled ? "-1" : void 0,
+				disabled: e.disabled,
+				"aria-readonly": e.readonly || void 0,
+				onClick: r[0] ||= (e) => Oe(),
+				onKeydown: Ze
+			}, [g("div", ut, [
+				M(t.$slots, "start", {}, void 0, !0),
+				e.multiple && ye.value.length > 0 ? (O(), h("div", dt, [(O(!0), h(u, null, j(ye.value, (n) => M(t.$slots, "selected", {
+					key: String(n.value),
+					option: n,
+					remove: () => we(n)
+				}, () => [v(F(s), {
+					color: "primary",
+					size: "sm",
+					class: "gap-1 cursor-default"
+				}, {
+					default: W(() => [_(P(n.label) + " ", 1), e.readonly ? m("", !0) : (O(), h("button", {
+						key: 0,
+						type: "button",
+						class: "hover:opacity-70",
+						onClick: G((e) => we(n), ["stop"])
+					}, [v(F(re), { class: "size-3" })], 8, ft))]),
+					_: 2
+				}, 1024)], !0)), 128))])) : !e.multiple && ye.value.length > 0 ? M(t.$slots, "selected", {
+					key: 1,
+					option: ye.value[0],
+					remove: Te
+				}, () => [g("span", pt, P(ye.value[0]?.label), 1)], !0) : (O(), h("span", mt, P(e.placeholder || t.$t("common.field.select.placeholder")), 1)),
+				M(t.$slots, "end", {}, void 0, !0)
+			])], 42, lt),
+			v(F(te), { class: w(["absolute right-3 top-1/2 -translate-y-1/2 size-4 opacity-40 pointer-events-none transition-transform", K.value && "rotate-180"]) }, null, 8, ["class"]),
+			F(U).clearable && ve.value && !e.readonly ? (O(), h("button", {
+				key: 0,
+				type: "button",
+				class: "absolute right-8 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle opacity-50 hover:opacity-100",
+				onClick: Te
+			}, [v(F(re), { class: "size-3" })])) : m("", !0),
+			v(d, { name: "dropdown" }, {
+				default: W(() => [K.value && (e.options || e.searchable || e.search) ? (O(), h("div", ht, [e.searchable ? (O(), h("div", gt, [g("input", {
+					ref_key: "searchInputEl",
+					ref: E,
+					value: Q.value,
+					type: "text",
+					class: "input input-sm w-full",
+					placeholder: t.$t("common.field.select.search"),
+					onInput: r[1] ||= (e) => Ke(e.target.value),
+					onKeydown: Qe
+				}, null, 40, _t)])) : m("", !0), e.searchable || e.search ? (O(), h(u, { key: 1 }, [ke.value ? (O(), h("div", vt, [M(t.$slots, "loading", { query: Q.value }, () => [v(F(ne), { class: "size-4 animate-spin opacity-40" })], !0)])) : je.value ? (O(), h("div", yt, [M(t.$slots, "error", {
+					query: Q.value,
+					retry: We
+				}, () => [_(P(je.value.message), 1)], !0)])) : (O(), h(u, { key: 2 }, [Fe.value.length > 0 ? (O(), h("div", {
+					key: 0,
+					ref: F(ze).ref,
+					style: T({
+						height: `${Le.value}px`,
+						overflowY: "auto"
+					}),
+					onScroll: He
+				}, [v(F(c), S({
+					size: F(U).size,
+					class: "flex-nowrap"
+				}, F(Be)), {
+					default: W(() => [(O(!0), h(u, null, j(F(Re), ({ data: e, index: n }) => (O(), p(F(l), {
+						key: String(e.value),
+						active: Z(e),
+						disabled: be(e),
+						style: T({ height: `${Ie.value}px` }),
+						class: w(n === A.value && !Z(e) && "highlighted"),
+						onClick: G((t) => Ce(e), ["prevent"])
+					}, {
+						default: W(() => [M(t.$slots, "option", {
+							option: e,
+							selected: Z(e),
+							index: n
+						}, () => [_(P(e.label), 1)], !0)]),
+						_: 2
+					}, 1032, [
+						"active",
+						"disabled",
+						"style",
+						"class",
+						"onClick"
+					]))), 128))]),
+					_: 3
+				}, 16, ["size"])], 36)) : (O(), h("div", bt, [M(t.$slots, "empty", { query: Q.value }, () => [_(P(t.$t("common.field.select.empty")), 1)], !0)]))], 64)), Ae.value ? (O(), h("div", xt, [M(t.$slots, "loading-more", { page: Me.value }, () => [v(F(ne), { class: "size-3 animate-spin opacity-40" })], !0)])) : m("", !0)], 64)) : (O(), p(F(c), {
+					key: 2,
+					ref_key: "ulRef",
+					ref: k,
+					size: F(U).size,
+					class: "max-h-56 overflow-y-auto w-full flex-nowrap"
+				}, {
+					default: W(() => [(O(!0), h(u, null, j(e.options ?? [], (e, n) => (O(), p(F(l), {
+						key: String(e.value),
+						active: Z(e),
+						disabled: be(e),
+						class: w(n === A.value && !Z(e) && "highlighted"),
+						onClick: G((t) => Ce(e), ["prevent"])
+					}, {
+						default: W(() => [M(t.$slots, "option", {
+							option: e,
+							selected: Z(e)
+						}, () => [_(P(e.label), 1)], !0)]),
+						_: 2
+					}, 1032, [
+						"active",
+						"disabled",
+						"class",
+						"onClick"
+					]))), 128)), (e.options ?? []).length === 0 ? (O(), h("li", St, [M(t.$slots, "empty", { query: "" }, () => [_(P(t.$t("common.field.select.empty")), 1)], !0)])) : m("", !0)]),
+					_: 3
+				}, 8, ["size"]))])) : m("", !0)]),
+				_: 3
+			})
+		], 16), e.multiple && F(J) ? (O(), h("div", Ct, [g("span", { class: w(["text-xs", F(Y)]) }, P(F(J)), 3)])) : m("", !0)]));
+	}
+}), [["__scopeId", "data-v-3650afc1"]]), Ot = e("slider"), kt = ["aria-label"], At = [
+	"value",
+	"required",
+	"min",
+	"max"
+], jt = {
+	class: "slider-rail",
+	ref: "railRef"
+}, Mt = [
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-label",
+	"aria-orientation",
+	"aria-disabled",
+	"onMousedown",
+	"onTouchstart",
+	"onMouseenter",
+	"onKeydown",
+	"onFocus"
+], Nt = {
+	neutral: "slider--neutral",
+	primary: "slider--primary",
+	secondary: "slider--secondary",
+	accent: "slider--accent",
+	info: "slider--info",
+	success: "slider--success",
+	warning: "slider--warning",
+	error: "slider--error"
+}, Pt = {
+	xs: "slider--xs",
+	sm: "slider--sm",
+	md: "slider--md",
+	lg: "slider--lg",
+	xl: "slider--xl"
+}, Ft = /*#__PURE__*/ r(/* @__PURE__ */ y({
+	__name: "Slider",
+	props: /*@__PURE__*/ x({
+		range: { type: Boolean },
+		min: {},
+		max: {},
+		step: {},
+		disableSwap: { type: Boolean },
+		scale: { type: Function },
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		ariaLabel: {},
+		orientation: {},
+		showTooltip: {},
+		color: {},
+		size: {},
+		track: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ x(["input", "change"], ["update:modelValue"]),
+	setup(e, { expose: r, emit: a }) {
+		let o = e, s = z(e, "modelValue"), c = t(Ot, o, {
+			color: void 0,
+			size: "md",
+			track: "normal",
+			min: 0,
+			max: 100,
+			step: 1,
+			range: !1,
+			orientation: "horizontal",
+			showTooltip: "hover",
+			disableSwap: !1
+		}), l = a, d = V("sliderRoot"), p = V("anchorEl"), _ = oe(), { field: v } = i({
+			required: f(() => !!o.required),
+			inputEl: p
+		}), y = N(!1), b = N(null), x = N(!1), S = N(null), C = A([]), D = () => {
+			let e = o.min ?? 0, t = o.max ?? 100;
+			if (o.range || Array.isArray(s.value)) {
+				let n = s.value && Array.isArray(s.value) ? s.value : [e, t];
+				C.value = [Math.max(e, Math.min(t, n[0])), Math.max(e, Math.min(t, n[1]))];
+			} else {
+				let n = s.value ?? e;
+				C.value = [Math.max(e, Math.min(t, n))];
+			}
+		};
+		D(), H(() => [
+			s.value,
+			o.range,
+			o.min,
+			o.max
+		], () => {
+			y.value || D();
+		}, { deep: !0 });
+		let k = f(() => o.range || C.value.length > 1), M = f(() => C.value), ee = f(() => c.value.track !== "none"), I = f(() => c.value.min), L = f(() => c.value.max), R = f(() => c.value.step), B = f(() => o.scale?.(I.value) ?? I.value), U = f(() => o.scale?.(L.value) ?? L.value), W = f(() => o.disableSwap ?? !1), te = (e) => {
+			let t = L.value - I.value;
+			return t === 0 ? 0 : (e - I.value) / t * 100;
+		}, ne = (e) => {
+			let t = L.value - I.value, n = I.value + e / 100 * t;
+			if (R.value > 0) {
+				let e = Math.round((n - I.value) / R.value);
+				n = I.value + e * R.value;
+			}
+			return Math.min(L.value, Math.max(I.value, n));
+		}, re = f(() => {
+			let e = te(M.value[0]), t = k.value ? te(M.value[1]) : 0, n = Math.min(e, t), r = Math.max(e, t);
+			return k.value ? c.value.track === "inverted" ? { display: "none" } : o.orientation === "vertical" ? {
+				bottom: `${n}%`,
+				height: `${r - n}%`
+			} : {
+				left: `${n}%`,
+				width: `${r - n}%`
+			} : c.value.track === "inverted" ? o.orientation === "vertical" ? {
+				bottom: `${e}%`,
+				height: `${100 - e}%`
+			} : {
+				left: `${e}%`,
+				width: `${100 - e}%`
+			} : o.orientation === "vertical" ? {
+				bottom: "0%",
+				height: `${e}%`
+			} : {
+				left: "0%",
+				width: `${e}%`
+			};
+		}), ie = f(() => {
+			if (!k.value || c.value.track !== "inverted") return {};
+			let e = te(Math.min(M.value[0], M.value[1]));
+			return o.orientation === "vertical" ? {
+				bottom: "0%",
+				height: `${e}%`
+			} : {
+				left: "0%",
+				width: `${e}%`
+			};
+		}), ae = f(() => {
+			if (!k.value || c.value.track !== "inverted") return {};
+			let e = te(Math.max(M.value[0], M.value[1]));
+			return o.orientation === "vertical" ? {
+				bottom: `${e}%`,
+				height: `${100 - e}%`
+			} : {
+				left: `${e}%`,
+				width: `${100 - e}%`
+			};
+		}), se = (e) => {
+			let t = te(M.value[e]);
+			return o.orientation === "vertical" ? {
+				bottom: `${t}%`,
+				left: "50%",
+				transform: "translateX(-50%)"
+			} : {
+				left: `${t}%`,
+				top: "50%",
+				transform: "translate(-50%, -50%)"
+			};
+		}, ce = (e) => {
+			let t = te(M.value[e]);
+			return o.orientation === "vertical" ? {
+				bottom: `${t + 10}%`,
+				left: "50%",
+				transform: "translateX(-50%)"
+			} : {
+				left: `${t}%`,
+				top: "-32px",
+				transform: "translateX(-50%)"
+			};
+		}, K = (e) => o.scale ? String(o.scale(e)) : String(e), le = (e) => o.scale ? o.scale(M.value[e]) : M.value[e], ue = (e) => o.showTooltip === "never" ? !1 : o.showTooltip === "always" ? !0 : x.value && S.value === e || y.value && b.value === e, de = f(() => o.ariaLabel || "Slider"), fe = (e) => k.value ? e === 0 ? `${de.value} - Minimum` : `${de.value} - Maximum` : de.value;
+		function pe(e, t) {
+			if (!d.value) return I.value;
+			let n = d.value.getBoundingClientRect(), r;
+			return r = o.orientation === "vertical" ? 1 - (t - n.top) / n.height : (e - n.left) / n.width, r = Math.max(0, Math.min(1, r)), ne(r * 100);
+		}
+		function me(e) {
+			return k.value ? Math.abs(e - M.value[0]) < Math.abs(e - M.value[1]) ? 0 : 1 : 0;
+		}
+		function q(e, t) {
+			if (k.value) {
+				let n = [...M.value];
+				W.value ? t === 0 ? n[0] = Math.min(e, n[1]) : n[1] = Math.max(e, n[0]) : (n[t] = e, n[0] > n[1] && ([n[0], n[1]] = [n[1], n[0]], y.value && b.value !== null && (b.value = +(b.value === 0)))), C.value = n, s.value = [o.scale ? o.scale(n[0]) : n[0], o.scale ? o.scale(n[1]) : n[1]];
+			} else C.value = [e], s.value = o.scale ? o.scale(e) : e;
+			v?.setValue(s.value), v?.setDirty(!0), l("input", s.value);
+		}
+		function he(e) {
+			if (o.disabled) return;
+			let t = pe("touches" in e ? e.touches[0].clientX : e.clientX, "touches" in e ? e.touches[0].clientY : e.clientY), n = me(t);
+			q(t, n), (e.type === "mousedown" || "touches" in e && e.touches.length > 0) && (y.value = !0, b.value = n, window.addEventListener("mousemove", J), window.addEventListener("mouseup", Y), window.addEventListener("touchmove", J, { passive: !1 }), window.addEventListener("touchend", Y));
+		}
+		function ge(e, t) {
+			o.disabled || (e.preventDefault(), e.stopPropagation(), y.value = !0, b.value = t, window.addEventListener("mousemove", J), window.addEventListener("mouseup", Y), window.addEventListener("touchmove", J, { passive: !1 }), window.addEventListener("touchend", Y));
+		}
+		function J(e) {
+			!y.value || b.value === null || q(pe("touches" in e ? e.touches[0].clientX : e.clientX, "touches" in e ? e.touches[0].clientY : e.clientY), b.value);
+		}
+		function Y() {
+			y.value && (y.value = !1, b.value = null, window.removeEventListener("mousemove", J), window.removeEventListener("mouseup", Y), window.removeEventListener("touchmove", J), window.removeEventListener("touchend", Y), l("change", s.value));
+		}
+		function _e(e) {
+			x.value = !0, S.value = e;
+		}
+		function ve() {
+			x.value = !1, S.value = null;
+		}
+		function ye() {
+			l("change", s.value);
+		}
+		function X(e) {
+			o.disabled || e.key === "Tab" && !x.value && (e.preventDefault(), _.value[0]?.focus());
+		}
+		function Z(e, t) {
+			if (o.disabled) return;
+			let n = M.value[t], r, i = (L.value - I.value) * .1, a = R.value;
+			switch (e.key) {
+				case "ArrowRight":
+				case "ArrowUp":
+					r = n + a;
+					break;
+				case "ArrowLeft":
+				case "ArrowDown":
+					r = n - a;
+					break;
+				case "PageUp":
+					r = n + i;
+					break;
+				case "PageDown":
+					r = n - i;
+					break;
+				case "Home":
+					r = I.value;
+					break;
+				case "End":
+					r = L.value;
+					break;
+				case "Escape":
+					y.value = !1, b.value = null, l("change", s.value);
+					return;
+				default: return;
+			}
+			if (e.preventDefault(), r = Math.min(L.value, Math.max(I.value, r)), k.value && W.value) {
+				let e = t === 0 ? M.value[1] : M.value[0];
+				r = t === 0 ? Math.min(r, e) : Math.max(r, e);
+			}
+			q(r, t), l("change", s.value);
+		}
+		return r({
+			$el: d,
+			focus: () => _.value[0]?.focus()
+		}), E(() => {
+			window.removeEventListener("mousemove", J), window.removeEventListener("mouseup", Y), window.removeEventListener("touchmove", J), window.removeEventListener("touchend", Y);
+		}), (t, r) => (O(), h("div", {
+			ref_key: "sliderRoot",
+			ref: d,
+			class: w(["slider-root", [
+				F(n)(Nt, F(c).color),
+				F(n)(Pt, F(c).size),
+				{
+					"slider-vertical": e.orientation === "vertical",
+					"slider-horizontal": e.orientation === "horizontal",
+					"slider-disabled": e.disabled,
+					"slider-range": k.value
+				}
+			]]),
+			role: "group",
+			"aria-label": de.value,
+			onMousedown: he,
+			onTouchstart: G(he, ["prevent"]),
+			onKeydown: X
+		}, [
+			g("input", {
+				ref_key: "anchorEl",
+				ref: p,
+				type: "number",
+				class: "sr-only",
+				tabindex: "-1",
+				"aria-hidden": "true",
+				value: Array.isArray(s.value) ? s.value[0] : s.value,
+				required: e.required,
+				min: e.min,
+				max: e.max
+			}, null, 8, At),
+			g("div", jt, null, 512),
+			ee.value ? (O(), h("div", {
+				key: 0,
+				class: "slider-track",
+				style: T(re.value)
+			}, null, 4)) : m("", !0),
+			k.value && F(c).track === "inverted" ? (O(), h(u, { key: 1 }, [g("div", {
+				class: "slider-track slider-track--inverted-start",
+				style: T(ie.value)
+			}, null, 4), g("div", {
+				class: "slider-track slider-track--inverted-end",
+				style: T(ae.value)
+			}, null, 4)], 64)) : m("", !0),
+			(O(!0), h(u, null, j(M.value, (t, n) => (O(), h("div", {
+				key: `thumb-${n}`,
+				ref_for: !0,
+				ref: F(_).set,
+				class: w(["slider-thumb", {
+					"slider-thumb-active": y.value && b.value === n,
+					"slider-thumb-hover": x.value && S.value === n
+				}]),
+				style: T(se(n)),
+				role: "slider",
+				tabindex: "0",
+				"aria-valuemin": B.value,
+				"aria-valuemax": U.value,
+				"aria-valuenow": le(n),
+				"aria-label": fe(n),
+				"aria-orientation": e.orientation,
+				"aria-disabled": e.disabled || void 0,
+				onMousedown: G((e) => ge(e, n), ["stop"]),
+				onTouchstart: G((e) => ge(e, n), ["stop", "prevent"]),
+				onMouseenter: () => _e(n),
+				onMouseleave: r[0] ||= () => ve(),
+				onKeydown: G((e) => Z(e, n), ["stop"]),
+				onFocus: () => void 0,
+				onBlur: ye
+			}, [ue(n) ? (O(), h("div", {
+				key: 0,
+				class: w(["slider-value-label", { "slider-value-label-visible": y.value || x.value }]),
+				style: T(ce(n))
+			}, P(K(t)), 7)) : m("", !0)], 46, Mt))), 128))
+		], 42, kt));
+	}
+}), [["__scopeId", "data-v-70f09f1a"]]), It = e("textarea"), Lt = [
+	"value",
+	"disabled",
+	"readonly",
+	"required",
+	"placeholder",
+	"rows"
+], Rt = {
+	key: 0,
+	class: "flex justify-end mt-1"
+}, zt = {
+	neutral: "textarea-neutral",
+	primary: "textarea-primary",
+	secondary: "textarea-secondary",
+	accent: "textarea-accent",
+	info: "textarea-info",
+	success: "textarea-success",
+	warning: "textarea-warning",
+	error: "textarea-error"
+}, Bt = {
+	xs: "textarea-xs",
+	sm: "textarea-sm",
+	md: "textarea-md",
+	lg: "textarea-lg",
+	xl: "textarea-xl"
+}, Vt = {
+	bordered: "textarea-bordered",
+	ghost: "textarea-ghost"
+}, Ht = /* @__PURE__ */ y({
+	inheritAttrs: !1,
+	__name: "Textarea",
+	props: /*@__PURE__*/ x({
+		color: {},
+		size: {},
+		variant: {},
+		autoGrow: { type: Boolean },
+		counter: { type: Boolean },
+		minLength: {},
+		maxLength: {},
+		counterFormat: { type: [String, Function] },
+		disabled: { type: [Boolean, String] },
+		readonly: { type: [Boolean, String] },
+		required: { type: [Boolean, String] },
+		placeholder: {},
+		rows: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: r }) {
+		let o = e, s = z(e, "modelValue"), c = b(X, null), l = b(a, null), d = t(It, o, {
+			size: "md",
+			counter: !1
+		}, {
+			get counter() {
+				return l?.counter.value ?? c?.counter.value;
+			},
+			get counterFormat() {
+				return l?.counterFormat.value ?? c?.counterFormat.value;
+			}
+		}), p = V("textareaEl"), _ = I(), { field: v, onBlur: y, clearError: x } = i({
+			required: f(() => !!o.required),
+			inputEl: p
+		}), C = f(() => v ? v.value.value : s.value);
+		function T(e) {
+			let t = e.target.value;
+			s.value = t, v?.setValue(t), v?.setDirty(!0), x();
+		}
+		let E = f(() => !!o.required || _.minlength != null || _.maxlength != null), D = f(() => (C.value ?? "").length), k = f(() => d.value.counter), A = f(() => {
+			if (!k.value) return "";
+			let e = d.value.counterFormat ?? "{current} / {max}", t = D.value, n = d.value.minLength, r = d.value.maxLength;
+			return typeof e == "function" ? e(t, n, r) : e.replace("{current}", String(t)).replace("{min}", n == null ? "" : String(n)).replace("{max}", r == null ? "" : String(r));
+		}), j = f(() => {
+			let e = d.value.maxLength, t = d.value.minLength, n = D.value;
+			return e != null && n > e ? "text-error" : t != null && n < t ? "text-warning" : "";
+		});
+		U(() => {
+			v && v.setCounterText(k.value ? A.value : "", k.value ? j.value : "");
+		});
+		let M = f(() => !!v?.error.value);
+		return r({
+			$el: p,
+			focus: () => p.value?.focus()
+		}), (t, r) => (O(), h(u, null, [g("textarea", S({
+			ref_key: "textareaEl",
+			ref: p
+		}, t.$attrs, {
+			class: ["textarea w-full", [
+				F(n)(zt, F(d).color),
+				F(n)(Bt, F(d).size),
+				F(n)(Vt, F(d).variant),
+				{ "textarea-error": M.value },
+				{ validator: E.value },
+				{ "resize-none": !e.autoGrow }
+			]],
+			value: C.value,
+			disabled: e.disabled,
+			readonly: e.readonly,
+			required: e.required,
+			placeholder: e.placeholder,
+			rows: e.rows,
+			onInput: T,
+			onBlur: r[0] ||= (...e) => F(y) && F(y)(...e)
+		}), null, 16, Lt), !F(v) && k.value ? (O(), h("div", Rt, [g("span", { class: w(["text-xs", j.value]) }, P(A.value), 3)])) : m("", !0)], 64));
+	}
+}), Ut = e("toggle"), Wt = [
+	"checked",
+	"disabled",
+	"required",
+	"aria-invalid"
+], Gt = { class: "flex flex-col gap-0.5" }, Kt = {
+	key: 0,
+	class: "label-text leading-snug"
+}, qt = {
+	key: 0,
+	class: "text-error ml-0.5",
+	"aria-hidden": "true"
+}, Jt = {
+	key: 1,
+	class: "label-text text-xs text-base-content/60 leading-snug"
+}, Yt = [
+	"checked",
+	"disabled",
+	"required",
+	"aria-invalid"
+], Xt = {
+	neutral: "toggle-neutral",
+	primary: "toggle-primary",
+	secondary: "toggle-secondary",
+	accent: "toggle-accent",
+	info: "toggle-info",
+	success: "toggle-success",
+	warning: "toggle-warning",
+	error: "toggle-error"
+}, Zt = {
+	xs: "toggle-xs",
+	sm: "toggle-sm",
+	md: "toggle-md",
+	lg: "toggle-lg",
+	xl: "toggle-xl"
+}, Qt = /* @__PURE__ */ y({
+	__name: "Toggle",
+	props: /*@__PURE__*/ x({
+		description: {},
+		hint: {},
+		readonly: { type: Boolean },
+		color: {},
+		size: {},
+		disabled: { type: [Boolean, String] },
+		required: { type: [Boolean, String] }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: r }) {
+		let a = e, o = z(e, "modelValue"), s = t(Ut, a, { size: "md" }), c = V("inputEl"), l = B(), { field: u, fieldValue: d, onBlur: p, clearError: v } = i({
+			required: f(() => !!a.required),
+			inputEl: c
+		}), y = f(() => u ? d.value : o.value);
+		function b(e) {
+			if (a.readonly) {
+				e.preventDefault();
+				return;
+			}
+			let t = e.target.checked;
+			o.value = t, u?.setValue(t), u?.setDirty(!0), v();
+		}
+		let x = f(() => !!u?.error.value), S = f(() => !!(a.description || l.description)), C = f(() => !!(a.hint || l.hint)), T = f(() => S.value || C.value);
+		return r({
+			$el: c,
+			focus: () => c.value?.focus()
+		}), (t, r) => T.value ? (O(), h("label", {
+			key: 0,
+			class: w(["flex cursor-pointer items-start gap-2", { "opacity-60 pointer-events-none": e.disabled || e.readonly }])
+		}, [g("input", {
+			ref_key: "inputEl",
+			ref: c,
+			type: "checkbox",
+			role: "switch",
+			class: w(["toggle mt-0.5", [
+				F(n)(Xt, F(s).color),
+				F(n)(Zt, F(s).size),
+				{ "toggle-error": x.value },
+				{ validator: e.required }
+			]]),
+			checked: y.value,
+			disabled: e.disabled,
+			required: e.required,
+			"aria-invalid": x.value || void 0,
+			onChange: b,
+			onBlur: r[0] ||= (...e) => F(p) && F(p)(...e)
+		}, null, 42, Wt), g("span", Gt, [S.value ? (O(), h("span", Kt, [M(t.$slots, "description", {}, () => [_(P(e.description), 1)]), e.required ? (O(), h("span", qt, "*")) : m("", !0)])) : m("", !0), C.value ? (O(), h("span", Jt, [M(t.$slots, "hint", {}, () => [_(P(e.hint), 1)])])) : m("", !0)])], 2)) : (O(), h("input", {
+			key: 1,
+			ref_key: "inputEl",
+			ref: c,
+			type: "checkbox",
+			role: "switch",
+			class: w(["toggle", [
+				F(n)(Xt, F(s).color),
+				F(n)(Zt, F(s).size),
+				{ "toggle-error": x.value },
+				{ validator: e.required }
+			]]),
+			checked: y.value,
+			disabled: e.disabled,
+			required: e.required,
+			"aria-invalid": x.value || void 0,
+			onChange: b,
+			onBlur: r[1] ||= (...e) => F(p) && F(p)(...e)
+		}, null, 42, Yt));
+	}
+});
+//#endregion
+export { he as Checkbox, J as FieldSet, be as Form, Ae as FormField, Re as Input, Ye as Radio, Ze as RadioGroup, at as Rating, Dt as Select, Ft as Slider, Ht as Textarea, Qt as Toggle };
+
+//# sourceMappingURL=public.es.js.map