@mudakit/ui 0.2.0 → 0.4.0

package/dist/{MudaFormField-CFLLQiTa.js → MudaFormField-dOZRdslO.js}

@@ -2,7 +2,7 @@ import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r
 //#region src/components/MudaFormField/MudaFormFieldErrors.vue?vue&type=script&setup=true&lang.ts
 var h = {
 	key: 0,
-	class: "m-0 list-none fill-muda-danger p-0 text-muda-danger"
+	class: "muda:m-0 muda:list-none muda:fill-danger muda:p-0 muda:text-danger"
 }, g = /* @__PURE__ */ s({
 	__name: "MudaFormFieldErrors",
 	props: { errors: {} },
@@ -10,10 +10,10 @@ var h = {
 		let n = t;
 		return (t, a) => n.errors && n.errors.length > 0 ? (l(), i("ul", h, [(l(!0), i(e, null, u(n.errors, (e, t) => (l(), i("li", {
 			key: `${e.message}-${t}`,
-			class: "text-xs wrap-break-word"
+			class: "muda:text-xs muda:wrap-break-word"
 		}, p(e.message), 1))), 128))])) : r("", !0);
 	}
-}), _ = { class: "flex flex-col gap-2" }, v = /* @__PURE__ */ s({
+}), _ = { class: "muda:flex muda:flex-col muda:gap-2" }, v = /* @__PURE__ */ s({
 	__name: "MudaFormField",
 	props: {
 		axis: { default: "vertical" },
@@ -23,16 +23,16 @@ var h = {
 	},
 	setup(s) {
 		let u = s, p = t(() => u.errors && u.errors.length > 0);
-		return (t, s) => (l(), i("div", _, [(l(), n(f(u.as), { class: c(["flex cursor-pointer text-sm leading-6 font-medium", {
-			"flex-col gap-1": u.axis === "vertical",
-			"flex-row items-center gap-2": u.axis === "horizontal"
+		return (t, s) => (l(), i("div", _, [(l(), n(f(u.as), { class: c(["muda:flex muda:cursor-pointer muda:text-sm muda:leading-6 muda:font-medium", {
+			"muda:flex-col muda:gap-1": u.axis === "vertical",
+			"muda:flex-row muda:items-center muda:gap-2": u.axis === "horizontal"
 		}]) }, {
-			default: m(() => [u.labelPosition === "before" ? (l(), i(e, { key: 0 }, [a("span", { class: c(["block", {
-				"text-muda-secondary-dark": !p.value,
-				"text-muda-danger": p.value
-			}]) }, [d(t.$slots, "label")], 2), d(t.$slots, "default")], 64)) : u.labelPosition === "after" ? (l(), i(e, { key: 1 }, [d(t.$slots, "default"), a("span", { class: c(["block", {
-				"text-muda-secondary-dark": !p.value,
-				"text-muda-danger": p.value
+			default: m(() => [u.labelPosition === "before" ? (l(), i(e, { key: 0 }, [a("span", { class: c(["muda:block", {
+				"muda:text-secondary-dark": !p.value,
+				"muda:text-danger": p.value
+			}]) }, [d(t.$slots, "label")], 2), d(t.$slots, "default")], 64)) : u.labelPosition === "after" ? (l(), i(e, { key: 1 }, [d(t.$slots, "default"), a("span", { class: c(["muda:block", {
+				"muda:text-secondary-dark": !p.value,
+				"muda:text-danger": p.value
 			}]) }, [d(t.$slots, "label")], 2)], 64)) : r("", !0)]),
 			_: 3
 		}, 8, ["class"])), o(g, { errors: u.errors }, null, 8, ["errors"])]));

package/dist/{MudaFormInput-BYoht_A0.js → MudaFormInput-D1-kQq9y.js}

@@ -1,6 +1,6 @@
 import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, getCurrentInstance as a, mergeModels as o, mergeProps as s, normalizeClass as c, openBlock as l, renderSlot as u, useModel as d, useSlots as f, useTemplateRef as p, vModelDynamic as m, withDirectives as h } from "vue";
 //#region src/components/MudaFormInput/MudaFormInput.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "relative inline-block w-full" }, _ = { class: "flex size-6 items-center justify-center" }, v = { class: "flex size-6 items-center justify-center" }, y = /* @__PURE__ */ i({
+var g = { class: "muda:relative muda:inline-block muda:w-full" }, _ = { class: "muda:flex muda:size-6 muda:items-center muda:justify-center" }, v = { class: "muda:flex muda:size-6 muda:items-center muda:justify-center" }, y = /* @__PURE__ */ i({
 	inheritAttrs: !1,
 	__name: "MudaFormInput",
 	props: /*@__PURE__*/ o({ isInvalid: { type: Boolean } }, {
@@ -21,31 +21,37 @@ var g = { class: "relative inline-block w-full" }, _ = { class: "flex size-6 ite
 		return (e, i) => (l(), n("span", g, [
 			x.before == null ? t("", !0) : (l(), n("span", {
 				key: 0,
-				class: c(["absolute inset-y-0 left-2 flex items-center", {
-					"fill-muda-primary text-muda-primary": !b.isInvalid,
-					"fill-muda-danger text-muda-danger": b.isInvalid,
-					"pointer-events-none": !w.value,
-					"cursor-pointer": w.value
+				class: c(["muda:absolute muda:inset-y-0 muda:left-2 muda:flex muda:items-center", {
+					"muda:fill-primary muda:text-primary": !b.isInvalid,
+					"muda:fill-danger muda:text-danger": b.isInvalid,
+					"muda:pointer-events-none": !w.value,
+					"muda:cursor-pointer": w.value
 				}]),
 				onClick: i[0] ||= (e) => C("click:before", e)
 			}, [r("span", _, [u(e.$slots, "before")])], 2)),
 			h(r("input", s(e.$attrs, {
 				"onUpdate:modelValue": i[1] ||= (e) => S.value = e,
 				ref: "input",
-				class: ["muda-control-reset block h-10 w-full rounded-md border bg-muda-form-background px-2 text-muda-secondary-dark placeholder:text-muda-secondary-light focus:ring-2 focus:outline-hidden disabled:border-muda-secondary-dark/20 disabled:bg-muda-secondary-light disabled:text-muda-secondary-light", {
-					"border-muda-secondary-light focus:ring-muda-primary-light": !b.isInvalid,
-					"border-muda-danger focus:ring-muda-danger-light": b.isInvalid,
-					"pl-9": x.before != null,
-					"pr-9": x.after != null
-				}]
+				class: [
+					"muda-control-reset",
+					"muda:focus:ring-2 muda:focus:outline-hidden",
+					"muda:disabled:border-secondary-dark/20 muda:disabled:bg-secondary-light/20 muda:disabled:text-secondary-light",
+					"muda:block muda:h-10 muda:w-full muda:rounded-md muda:border muda:bg-form-background muda:px-2 muda:text-secondary-dark muda:placeholder:text-secondary-light",
+					{
+						"muda:border-secondary-light muda:focus:ring-primary-light": !b.isInvalid,
+						"muda:border-danger muda:focus:ring-danger-light": b.isInvalid,
+						"muda:pl-9": x.before != null,
+						"muda:pr-9": x.after != null
+					}
+				]
 			}), null, 16), [[m, S.value]]),
 			x.after == null ? t("", !0) : (l(), n("span", {
 				key: 1,
-				class: c(["absolute inset-y-0 right-2 flex items-center", {
-					"fill-muda-primary text-muda-primary": !b.isInvalid,
-					"fill-muda-danger text-muda-danger": b.isInvalid,
-					"pointer-events-none": !T.value,
-					"cursor-pointer": T.value
+				class: c(["muda:absolute muda:inset-y-0 muda:right-2 muda:flex muda:items-center", {
+					"muda:fill-primary muda:text-primary": !b.isInvalid,
+					"muda:fill-danger muda:text-danger": b.isInvalid,
+					"muda:pointer-events-none": !T.value,
+					"muda:cursor-pointer": T.value
 				}]),
 				onClick: i[2] ||= (e) => C("click:after", e)
 			}, [r("span", v, [u(e.$slots, "after")])], 2))

package/dist/{MudaFormRadio-B-1viZTW.js → MudaFormRadio-BXj-XnwW.js}

@@ -13,7 +13,7 @@ var s = /* @__PURE__ */ t({
 		return (t, i) => o((r(), e("input", n(t.$attrs, {
 			"onUpdate:modelValue": i[0] ||= (e) => s.value = e,
 			type: "radio",
-			class: "muda-control-reset h-4 w-4 bg-muda-form-background text-muda-primary focus:ring-muda-primary"
+			class: "muda-control-reset muda:h-4 muda:w-4 muda:bg-form-background muda:text-primary muda:focus:ring-primary"
 		}), null, 16)), [[a, s.value]]);
 	}
 });

package/dist/MudaFormRadioGroup-DnsZT-0C.js

@@ -0,0 +1,48 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderList as c, renderSlot as l, toDisplayString as u, useModel as d, useSlots as f, vModelRadio as p, withDirectives as m } from "vue";
+//#region src/components/MudaFormRadioGroup/MudaFormRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	class: "muda:flex",
+	role: "radiogroup"
+}, g = ["value", "disabled"], _ = /* @__PURE__ */ i({
+	__name: "MudaFormRadioGroup",
+	props: /*@__PURE__*/ a({
+		items: {},
+		size: { default: "medium" },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let a = i, _ = f(), v = d(i, "modelValue");
+		return (i, d) => (s(), t("div", h, [(s(!0), t(e, null, c(a.items, (c, f) => (s(), t("label", {
+			key: c.value ?? f,
+			class: o(["muda:relative muda:w-full muda:flex-1 muda:border-t muda:border-b muda:border-secondary-light muda:text-center muda:text-sm muda:whitespace-nowrap muda:after:absolute muda:after:top-0 muda:after:right-0 muda:after:bottom-0 muda:after:w-px muda:after:bg-secondary-light muda:after:content-[\\'\\'] muda:first:rounded-l-lg muda:first:border-l muda:last:rounded-r-lg muda:last:border-r muda:last:after:hidden", {
+				"muda:bg-primary muda:text-white": v.value === c.value && (c.variant === "primary" || c.variant == null),
+				"muda:bg-secondary muda:text-white": v.value === c.value && c.variant === "secondary",
+				"muda:bg-success muda:text-white": v.value === c.value && c.variant === "success",
+				"muda:bg-danger muda:text-white": v.value === c.value && c.variant === "danger",
+				"muda:bg-warning muda:text-white": v.value === c.value && c.variant === "warning",
+				"muda:bg-info muda:text-white": v.value === c.value && c.variant === "info",
+				"muda:bg-form-background muda:text-secondary-dark": v.value !== c.value,
+				"muda:cursor-not-allowed muda:border-secondary-dark/20 muda:bg-secondary-light/70 muda:text-secondary-light muda:after:bg-secondary-light/20": a.disabled,
+				"muda:cursor-pointer": !a.disabled,
+				"muda:px-2.5 muda:py-1.5": a.size === "small",
+				"muda:px-3 muda:py-2": a.size === "medium",
+				"muda:px-3.5 muda:py-2.5": a.size === "large"
+			}])
+		}, [m(n("input", {
+			type: "radio",
+			value: c.value,
+			disabled: a.disabled,
+			"onUpdate:modelValue": d[0] ||= (e) => v.value = e,
+			class: "muda:peer muda:hidden"
+		}, null, 8, g), [[p, v.value]]), _.label == null ? (s(), t(e, { key: 0 }, [r(u(c.label), 1)], 64)) : l(i.$slots, "label", {
+			item: c,
+			isSelected: c.value === v.value
+		}, void 0, void 0, 1)], 2))), 128))]));
+	}
+});
+//#endregion
+export { _ as t };

package/dist/{MudaFormSelect-ScHiVKOB.js → MudaFormSelect-CLmsuMQG.js}

@@ -3,11 +3,11 @@ import { createElementBlock as t, createElementVNode as n, defineComponent as r,
 //#region src/components/MudaFormSelect/MudaFormSelect.vue?vue&type=script&setup=true&lang.ts
 var f = { class: /*@__PURE__*/ o([
 	"muda-form-select",
-	"relative inline-block w-full",
-	"after:content-[' '] after:pointer-events-none after:absolute after:block",
-	"after:h-2 after:w-3",
-	"after:bg-muda-primary",
-	"after:top-4 after:right-4"
+	"muda:relative muda:inline-block muda:w-full",
+	"muda:after:content-[' '] muda:after:pointer-events-none muda:after:absolute muda:after:block",
+	"muda:after:h-2 muda:after:w-3",
+	"muda:after:bg-primary",
+	"muda:after:top-4 muda:after:right-4"
 ]) }, p = /*#__PURE__*/ e(/* @__PURE__ */ r({
 	inheritAttrs: !1,
 	__name: "MudaFormSelect",
@@ -18,11 +18,11 @@ var f = { class: /*@__PURE__*/ o([
 	emits: ["update:modelValue"],
 	setup(e) {
 		let r = e, i = l(e, "modelValue");
-		return (e, o) => (s(), t("span", f, [d(n("select", a({ "onUpdate:modelValue": o[0] ||= (e) => i.value = e }, e.$attrs, { class: ["muda-control-reset h-10 w-full appearance-none rounded-md border bg-muda-form-background px-2 text-muda-secondary-dark focus:ring-2 focus:outline-hidden disabled:border-muda-secondary-dark/20 disabled:text-muda-secondary-light", {
-			"border-muda-secondary-light focus:ring-muda-primary-light": !r.isInvalid,
-			"border-muda-danger focus:ring-muda-danger-light": r.isInvalid
+		return (e, o) => (s(), t("span", f, [d(n("select", a({ "onUpdate:modelValue": o[0] ||= (e) => i.value = e }, e.$attrs, { class: ["muda-control-reset muda:h-10 muda:w-full muda:appearance-none muda:rounded-md muda:border muda:bg-form-background muda:px-2 muda:text-secondary-dark muda:focus:ring-2 muda:focus:outline-hidden muda:disabled:border-secondary-dark/20 muda:disabled:text-secondary-light", {
+			"muda:border-secondary-light muda:focus:ring-primary-light": !r.isInvalid,
+			"muda:border-danger muda:focus:ring-danger-light": r.isInvalid
 		}] }), [c(e.$slots, "default", {}, void 0, !0)], 16), [[u, i.value]])]));
 	}
-}), [["__scopeId", "data-v-18e2b254"]]);
+}), [["__scopeId", "data-v-5c7dda51"]]);
 //#endregion
 export { p as t };

package/dist/MudaFormSwitch-C2Hx0mfr.js

@@ -0,0 +1,33 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, mergeModels as r, mergeProps as i, normalizeClass as a, openBlock as o, useModel as s, vModelCheckbox as c, withDirectives as l } from "vue";
+//#region src/components/MudaFormSwitch/MudaFormSwitch.vue?vue&type=script&setup=true&lang.ts
+var u = ["disabled"], d = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	__name: "MudaFormSwitch",
+	props: /*@__PURE__*/ r({ disabled: { type: Boolean } }, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let r = n, d = s(n, "modelValue");
+		return (n, s) => (o(), e("label", { class: a(["muda:inline-flex muda:items-center", r.disabled ? "muda:cursor-not-allowed" : "muda:cursor-pointer"]) }, [l(t("input", i(n.$attrs, {
+			"onUpdate:modelValue": s[0] ||= (e) => d.value = e,
+			type: "checkbox",
+			disabled: r.disabled,
+			class: "muda:peer muda:sr-only"
+		}), null, 16, u), [[c, d.value]]), s[1] ||= t("span", { class: a([
+			"muda:peer",
+			"muda:relative muda:h-6 muda:w-11",
+			"muda:bg-form-background",
+			"muda:ring-1 muda:ring-secondary-light",
+			"muda:rounded-full",
+			"muda:after:absolute muda:after:start-0.5 muda:after:top-0.5 muda:after:h-5 muda:after:w-5 muda:after:rounded-full muda:after:bg-secondary-light muda:after:transition-all muda:after:content-['']",
+			"muda:peer-focus:ring-2 muda:peer-focus:ring-primary-light muda:peer-focus:outline-hidden",
+			"muda:peer-checked:bg-primary",
+			"muda:peer-checked:after:translate-x-full muda:peer-checked:after:bg-form-background muda:peer-checked:rtl:after:-translate-x-full",
+			"muda:peer-disabled:bg-secondary-light/70 muda:peer-disabled:ring-secondary-dark/20 muda:peer-disabled:after:bg-secondary-light"
+		]) }, null, -1)], 2));
+	}
+});
+//#endregion
+export { d as t };

package/dist/{MudaFormText-D3jIuX5V.js → MudaFormText-DbSiSTGh.js}

@@ -12,9 +12,9 @@ var c = /* @__PURE__ */ t({
 		let n = t, c = a(t, "modelValue");
 		return (t, a) => s((i(), e("textarea", r(t.$attrs, {
 			"onUpdate:modelValue": a[0] ||= (e) => c.value = e,
-			class: ["muda-control-reset block w-full rounded-md border bg-muda-form-background p-2 focus:ring-2 focus:outline-hidden disabled:border-muda-secondary-dark/20 disabled:text-muda-secondary-light", {
-				"border-muda-secondary-light text-muda-secondary-dark placeholder:text-muda-secondary-light focus:ring-muda-primary-light": !n.isInvalid,
-				"border-muda-danger text-muda-danger-dark placeholder:text-muda-danger-light focus:ring-muda-danger-light": n.isInvalid
+			class: ["muda-control-reset muda:block muda:w-full muda:rounded-md muda:border muda:bg-form-background muda:p-2 muda:focus:ring-2 muda:focus:outline-hidden muda:disabled:border-secondary-dark/20 muda:disabled:text-secondary-light", {
+				"muda:border-secondary-light muda:text-secondary-dark muda:placeholder:text-secondary-light muda:focus:ring-primary-light": !n.isInvalid,
+				"muda:border-danger muda:text-danger-dark muda:placeholder:text-danger-light muda:focus:ring-danger-light": n.isInvalid
 			}]
 		}), null, 16)), [[o, c.value]]);
 	}

package/dist/MudaIcon-BwqQQnti.js

@@ -0,0 +1,254 @@
+import { computed as e, createBlock as t, createElementBlock as n, defineAsyncComponent as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, resolveDynamicComponent as c, toRef as l, unref as u } from "vue";
+//#region src/components/MudaIcon/MudaIcon.types.ts
+var d = ":", f = (e) => r({
+	loader: async () => (await e()).default,
+	onError(e, t, n, r) {
+		if (r === 1) {
+			t();
+			return;
+		}
+		n();
+	}
+}), p = {
+	account_balance: f(() => import("./account_balance-BmErsHd0.js")),
+	add_circle: f(() => import("./add_circle_outline-MsRqf_OK.js")),
+	add: f(() => import("./add-D2cvAtJe.js")),
+	analytics: f(() => import("./analytics-CpcyaSAp.js")),
+	apartment: f(() => import("./apartment-CETJMe3t.js")),
+	arrow_circle_down: f(() => import("./arrow_circle_down-BwCFrIqa.js")),
+	arrow_circle_up: f(() => import("./arrow_circle_up-Cp-iKQyc.js")),
+	arrow_downward: f(() => import("./arrow_downward-7VWFHCu5.js")),
+	arrow_upward: f(() => import("./arrow_upward-XjPMQ06h.js")),
+	attractions: f(() => import("./attractions-CwW2FVLV.js")),
+	bathtub: f(() => import("./bathtub-b7TDc5v-.js")),
+	beach_access: f(() => import("./beach_access-DTRZT4Jv.js")),
+	bed: f(() => import("./bed-HeV_-94z.js")),
+	bento: f(() => import("./bento-DWRFwlnT.js")),
+	build: f(() => import("./build-BLdosRGW.js")),
+	calendar: f(() => import("./calendar_month-DpNgvCXe.js")),
+	checkroom: f(() => import("./checkroom-DBZmH6i2.js")),
+	chevron_left: f(() => import("./chevron_left-DrJs76xi.js")),
+	chevron_right: f(() => import("./chevron_right-DdmjREcG.js")),
+	close: f(() => import("./close-BfAvLDBA.js")),
+	coffee: f(() => import("./coffee-JEvx_gqz.js")),
+	computer: f(() => import("./computer-_eTmrjWP.js")),
+	credit_card: f(() => import("./credit_card-BF0PCZ4I.js")),
+	dark_mode: f(() => import("./dark_mode-yiTavHSR.js")),
+	dashboard: f(() => import("./dashboard-CUJui7qd.js")),
+	delete: f(() => import("./delete-DaBAI2xv.js")),
+	directions_bike: f(() => import("./directions_bike-YFTcyvgs.js")),
+	directions_boat: f(() => import("./directions_boat-OgUqCRMo.js")),
+	drafts: f(() => import("./drafts-BMbYrukl.js")),
+	drag_handle: f(() => import("./drag_handle-CCjTexiG.js")),
+	drag_indicator: f(() => import("./drag_indicator-CJQBuyRj.js")),
+	edit: f(() => import("./edit-MgFCuBNQ.js")),
+	emergency: f(() => import("./emergency-fQbaIK4w.js")),
+	family_restroom: f(() => import("./family_restroom-wEp2GU0w.js")),
+	favorite: f(() => import("./favorite-D5Kud2hE.js")),
+	filter_list: f(() => import("./filter_list-oBCpOrSD.js")),
+	fitness_center: f(() => import("./fitness_center-Cy3Jg136.js")),
+	flight: f(() => import("./flight-BRnb5bJN.js")),
+	hiking: f(() => import("./hiking-DZpTUdoK.js")),
+	home: f(() => import("./home-ytyD_rY9.js")),
+	hotel: f(() => import("./hotel-BTJ75Y--.js")),
+	image: f(() => import("./image-DJGkuiHl.js")),
+	key: f(() => import("./key-DUMqZolm.js")),
+	keyboard_arrow_down: f(() => import("./keyboard_arrow_down-DUzfoxBf.js")),
+	keyboard_arrow_left: f(() => import("./keyboard_arrow_left-D5-UXrRT.js")),
+	keyboard_arrow_right: f(() => import("./keyboard_arrow_right-CVc7r6m4.js")),
+	keyboard_arrow_up: f(() => import("./keyboard_arrow_up-CAx_p6IE.js")),
+	keyboard_double_arrow_left: f(() => import("./keyboard_double_arrow_left-Cq-hW20X.js")),
+	keyboard_double_arrow_right: f(() => import("./keyboard_double_arrow_right-CIA6VRuX.js")),
+	language: f(() => import("./language-Z_LllhiT.js")),
+	light_mode: f(() => import("./light_mode-D0qhOULS.js")),
+	liquor: f(() => import("./liquor-_iGP0siy.js")),
+	local_convenience_store: f(() => import("./local_convenience_store-CoM_pcC-.js")),
+	local_dining: f(() => import("./local_dining-BrdGDDyt.js")),
+	local_florist: f(() => import("./local_florist-BdX8h1WC.js")),
+	local_mall: f(() => import("./local_mall-BkYyNUqw.js")),
+	local_shipping: f(() => import("./local_shipping-JbfSq7fd.js")),
+	local_taxi: f(() => import("./local_taxi-xq-APFdR.js")),
+	logout: f(() => import("./logout-CA3aq5AS.js")),
+	luggage: f(() => import("./luggage-CLDWWe7g.js")),
+	medical_services: f(() => import("./medical_services-30HMGuZm.js")),
+	more_horiz: f(() => import("./more_horiz-DaweDpbj.js")),
+	more_vert: f(() => import("./more_vert-BuRZlRdH.js")),
+	museum: f(() => import("./museum-C25ZKzOo.js")),
+	nightlife: f(() => import("./nightlife-DALODvah.js")),
+	notifications: f(() => import("./notifications-uMOpwIBb.js")),
+	paid: f(() => import("./paid-DJ4LyArv.js")),
+	palette: f(() => import("./palette-BMWwXzx_.js")),
+	payments: f(() => import("./payments-CzQR5E7T.js")),
+	pedal_bike: f(() => import("./pedal_bike-C6wJxF3X.js")),
+	phone_iphone: f(() => import("./phone_iphone-pkLRXxcg.js")),
+	photo_camera: f(() => import("./photo_camera-DIls2mt9.js")),
+	priority_high: f(() => import("./priority_high-Dc0nnZDJ.js")),
+	ramen_dining: f(() => import("./ramen_dining-DDijlOTS.js")),
+	remove: f(() => import("./remove-CkgPqY2G.js")),
+	restaurant: f(() => import("./restaurant-BgZQKwAE.js")),
+	sailing: f(() => import("./sailing-CH2WplcU.js")),
+	school: f(() => import("./school-BmYrQbKC.js")),
+	search: f(() => import("./search-CwfCD_cN.js")),
+	settings: f(() => import("./settings-BXHasWZ_.js")),
+	shopping_cart: f(() => import("./shopping_cart-BdiDaMJa.js")),
+	spa: f(() => import("./spa-i-sfVE4O.js")),
+	sports_bar: f(() => import("./sports_bar-D6OWYSX2.js")),
+	sports_basketball: f(() => import("./sports_basketball-CZUfGORO.js")),
+	sports_esports: f(() => import("./sports_esports-DN_FAF-r.js")),
+	sports_mma: f(() => import("./sports_mma-CapZTk8U.js")),
+	star: f(() => import("./star-D9yqnkQb.js")),
+	store: f(() => import("./store-D0QR2a7Q.js")),
+	storefront: f(() => import("./storefront-DefJd4hU.js")),
+	table_rows: f(() => import("./table_rows-n20uf-mV.js")),
+	train: f(() => import("./train---bxhtsh.js")),
+	travel_explore: f(() => import("./travel_explore-CGAVeP7N.js")),
+	tv: f(() => import("./tv-DOTKkCQ3.js")),
+	vaccines: f(() => import("./vaccines-DPz-Vvlr.js")),
+	videogame_asset: f(() => import("./videogame_asset-DLzDqatI.js")),
+	visibility_off: f(() => import("./visibility_off-CAxP4CIc.js")),
+	visibility: f(() => import("./visibility-DjqJXfAb.js")),
+	watch: f(() => import("./watch-DtMTtb1o.js"))
+}, m = {
+	account_balance: f(() => import("./account_balance-CWz44xKB.js")),
+	add_circle: f(() => import("./add_circle_outline-5o6eIa47.js")),
+	add: f(() => import("./add-rvZP2sHX.js")),
+	analytics: f(() => import("./analytics-DIm0Yxdf.js")),
+	apartment: f(() => import("./apartment-CWt5ZOL-.js")),
+	arrow_circle_down: f(() => import("./arrow_circle_down-Csh1eUsQ.js")),
+	arrow_circle_up: f(() => import("./arrow_circle_up-oZaIiuSi.js")),
+	arrow_downward: f(() => import("./arrow_downward-Dfa0oZxc.js")),
+	arrow_upward: f(() => import("./arrow_upward-DEF9cNhm.js")),
+	attractions: f(() => import("./attractions-DciIGXRL.js")),
+	bathtub: f(() => import("./bathtub-NojUk-T0.js")),
+	beach_access: f(() => import("./beach_access-CyhuhjPw.js")),
+	bed: f(() => import("./bed-LHDVwJdQ.js")),
+	bento: f(() => import("./bento-BwVLN_kS.js")),
+	build: f(() => import("./build-DiU7WHSC.js")),
+	calendar: f(() => import("./calendar_month-BFnXbnOp.js")),
+	checkroom: f(() => import("./checkroom-DqXypzAa.js")),
+	chevron_left: f(() => import("./chevron_left-D_3zWcsm.js")),
+	chevron_right: f(() => import("./chevron_right-CNll6Y3S.js")),
+	close: f(() => import("./close-CX4SOrGw.js")),
+	coffee: f(() => import("./coffee-DV2tgOQL.js")),
+	computer: f(() => import("./computer-Cf2SnyrR.js")),
+	credit_card: f(() => import("./credit_card-DPCblgwC.js")),
+	dark_mode: f(() => import("./dark_mode-DWL6lgML.js")),
+	dashboard: f(() => import("./dashboard-zcCxWnlb.js")),
+	delete: f(() => import("./delete-B5kr-Jk9.js")),
+	directions_bike: f(() => import("./directions_bike-BPsPkTiR.js")),
+	directions_boat: f(() => import("./directions_boat-DL9yluG7.js")),
+	drafts: f(() => import("./drafts-CS1Ew_u6.js")),
+	drag_handle: f(() => import("./drag_handle-CSAsf1Tk.js")),
+	drag_indicator: f(() => import("./drag_indicator-BH0WhhN4.js")),
+	edit: f(() => import("./edit-jX6NNLPk.js")),
+	emergency: f(() => import("./emergency-BFPrbMbK.js")),
+	family_restroom: f(() => import("./family_restroom-D70pHe2a.js")),
+	favorite: f(() => import("./favorite-CGzqftTR.js")),
+	filter_list: f(() => import("./filter_list-Cp0yKGE4.js")),
+	fitness_center: f(() => import("./fitness_center-DFalYdT8.js")),
+	flight: f(() => import("./flight-Sq1R4P4N.js")),
+	hiking: f(() => import("./hiking-CIsVPiSa.js")),
+	home: f(() => import("./home-ksFtIQ2F.js")),
+	hotel: f(() => import("./hotel-BleyNfcl.js")),
+	image: f(() => import("./image-DPVSEOjy.js")),
+	key: f(() => import("./key-DDsqEVLy.js")),
+	keyboard_arrow_down: f(() => import("./keyboard_arrow_down-CmhdsGR0.js")),
+	keyboard_arrow_left: f(() => import("./keyboard_arrow_left-DbBZoJym.js")),
+	keyboard_arrow_right: f(() => import("./keyboard_arrow_right-DA3EDFIi.js")),
+	keyboard_arrow_up: f(() => import("./keyboard_arrow_up-DbFTiHxW.js")),
+	keyboard_double_arrow_left: f(() => import("./keyboard_double_arrow_left-DvHuc67V.js")),
+	keyboard_double_arrow_right: f(() => import("./keyboard_double_arrow_right-BaXuQJdM.js")),
+	language: f(() => import("./language-DoO3pudk.js")),
+	light_mode: f(() => import("./light_mode-7whzRp4h.js")),
+	liquor: f(() => import("./liquor-B4gtFvv6.js")),
+	local_convenience_store: f(() => import("./local_convenience_store-D_6nVugd.js")),
+	local_dining: f(() => import("./local_dining--rxEkSh6.js")),
+	local_florist: f(() => import("./local_florist-DKmog42c.js")),
+	local_mall: f(() => import("./local_mall-MRCDBd1Z.js")),
+	local_shipping: f(() => import("./local_shipping-DnDPf-JZ.js")),
+	local_taxi: f(() => import("./local_taxi-D7KtwE7S.js")),
+	logout: f(() => import("./logout-B-SGWbA0.js")),
+	luggage: f(() => import("./luggage-hxmo1e5B.js")),
+	medical_services: f(() => import("./medical_services-BrIW9Wlb.js")),
+	more_horiz: f(() => import("./more_horiz-DuVZ8Hbd.js")),
+	more_vert: f(() => import("./more_vert-LQMmaXbK.js")),
+	museum: f(() => import("./museum-Ctwglpgd.js")),
+	nightlife: f(() => import("./nightlife-BjBQjMTt.js")),
+	notifications: f(() => import("./notifications-BGh1eCk0.js")),
+	paid: f(() => import("./paid-b4sjJ7Mn.js")),
+	palette: f(() => import("./palette-CYdvb7AL.js")),
+	payments: f(() => import("./payments-ToBupJUB.js")),
+	pedal_bike: f(() => import("./pedal_bike-CycNXRhB.js")),
+	phone_iphone: f(() => import("./phone_iphone-mCdV3m_Y.js")),
+	photo_camera: f(() => import("./photo_camera-Bv8cj2DP.js")),
+	priority_high: f(() => import("./priority_high-_V-92NeV.js")),
+	ramen_dining: f(() => import("./ramen_dining-Cg_hHZ62.js")),
+	remove: f(() => import("./remove-BkPqKAH0.js")),
+	restaurant: f(() => import("./restaurant-BbAhHpIL.js")),
+	sailing: f(() => import("./sailing-9mYnUpyD.js")),
+	school: f(() => import("./school-BhQtXoZ4.js")),
+	search: f(() => import("./search-C9jPs_WJ.js")),
+	settings: f(() => import("./settings-dKggSubL.js")),
+	shopping_cart: f(() => import("./shopping_cart-im_u263M.js")),
+	spa: f(() => import("./spa-Io8deEpn.js")),
+	sports_bar: f(() => import("./sports_bar-CsvYXy6k.js")),
+	sports_basketball: f(() => import("./sports_basketball-BD72tYCt.js")),
+	sports_esports: f(() => import("./sports_esports-D_6PBbRO.js")),
+	sports_mma: f(() => import("./sports_mma-BPfau8mM.js")),
+	star: f(() => import("./star-OmuqhgCR.js")),
+	store: f(() => import("./store-CrZ8GX9I.js")),
+	storefront: f(() => import("./storefront-DX77axJA.js")),
+	table_rows: f(() => import("./table_rows-BRh8OjP3.js")),
+	train: f(() => import("./train-C_K6jBta.js")),
+	travel_explore: f(() => import("./travel_explore-DASqNY5E.js")),
+	tv: f(() => import("./tv-CZNBvHWU.js")),
+	vaccines: f(() => import("./vaccines-C3ejQMry.js")),
+	videogame_asset: f(() => import("./videogame_asset-BvsLBch2.js")),
+	visibility_off: f(() => import("./visibility_off-Dbaxthhl.js")),
+	visibility: f(() => import("./visibility-BQGvHowR.js")),
+	watch: f(() => import("./watch-Bhdosh3B.js"))
+}, h = (e) => m[e] != null || p[e] != null, g = (e) => e === "outlined" || e === "filled", _ = (e, t) => `${e}:${t}`, v = (e) => {
+	if (e == null) return;
+	let t = e.split(":")[0];
+	if (h(t)) return t;
+}, y = (e) => {
+	if (e == null) return "outlined";
+	let t = e.split(":")[1];
+	return g(t) ? t : "outlined";
+}, b = (t) => e(() => {
+	switch (t.value) {
+		case "outlined": return m;
+		case "filled": return p;
+		default: return m;
+	}
+}), x = () => e(() => Object.keys(m).sort()), S = (t) => {
+	let n = e(() => v(t.value)), r = b(e(() => y(t.value)));
+	return e(() => {
+		if (n.value != null) return r.value[n.value];
+	});
+}, C = /* @__PURE__ */ i({
+	__name: "MudaIcon",
+	props: {
+		icon: {},
+		name: {},
+		size: { default: "medium" },
+		color: {}
+	},
+	setup(e) {
+		let r = e, i = S(l(() => r.icon || r.name));
+		return (e, l) => (s(), n("span", { class: a(["muda:relative muda:shrink-0", {
+			"muda:size-4": r.size === "small",
+			"muda:size-5": r.size === "medium",
+			"muda:size-6": r.size === "large"
+		}]) }, [(s(), t(c(u(i)), {
+			style: o({ fill: r.color }),
+			class: a(["muda:-mt-0.5 muda:-ml-0.5", {
+				"muda:size-5": r.size === "small",
+				"muda:size-6": r.size === "medium",
+				"muda:size-7": r.size === "large"
+			}])
+		}, null, 8, ["style", "class"]))], 2));
+	}
+});
+//#endregion
+export { h as a, x as c, y as i, b as l, _ as n, g as o, v as r, S as s, C as t, d as u };

package/dist/{MudaIconPicker-BUsNMKFC.js → MudaIconPicker-X5xJ_lbO.js}

@@ -1,12 +1,12 @@
-import { i as e, l as t, n, r } from "./MudaIcon-D_siyzw0.js";
-import { t as i } from "./MudaPopover-BU9CWFeP.js";
-import { t as a } from "./MudaFormRadioGroup-D_sW4A2-.js";
+import { i as e, l as t, n, r } from "./MudaIcon-BwqQQnti.js";
+import { t as i } from "./MudaPopover-C1fDWbPf.js";
+import { t as a } from "./MudaFormRadioGroup-DnsZT-0C.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, resolveDynamicComponent as b, toRef as x, unref as S, useModel as C, watch as w, withCtx as T, withModifiers as E } from "vue";
 //#region src/components/MudaIconPicker/useMudaIconPickerList.ts
 var D = /* @__PURE__ */ new Set(/* @__PURE__ */ "account_balance.analytics.apartment.bathtub.bed.bento.checkroom.coffee.credit_card.directions_bike.directions_boat.emergency.family_restroom.fitness_center.flight.hiking.home.hotel.image.key.language.local_convenience_store.local_florist.local_mall.local_shipping.local_taxi.medical_services.museum.nightlife.paid.palette.payments.pedal_bike.phone_iphone.restaurant.sailing.school.shopping_cart.sports_bar.sports_basketball.sports_esports.sports_mma.store.storefront.table_rows.train.travel_explore.tv.vaccines.videogame_asset".split(".")), O = (e) => {
 	let n = t(e);
 	return s(() => Object.entries(n.value).filter(([e]) => D.has(e)));
-}, k = { class: "grid grid-cols-7 gap-2" }, A = ["disabled", "onClick"], j = ["disabled"], M = /* @__PURE__ */ p({
+}, k = { class: "muda:grid muda:grid-cols-7 muda:gap-2" }, A = ["disabled", "onClick"], j = ["disabled"], M = /* @__PURE__ */ p({
 	__name: "MudaIconPickerList",
 	props: /*@__PURE__*/ m({
 		disabled: { type: Boolean },
@@ -22,24 +22,24 @@ var D = /* @__PURE__ */ new Set(/* @__PURE__ */ "account_balance.analytics.apart
 			key: e,
 			type: "button",
 			disabled: t.disabled,
-			class: g(["muda-button-reset flex size-min min-h-10 w-full items-center justify-center rounded-md", {
-				"fill-muda-secondary-light/30": t.disabled,
-				"fill-muda-secondary-dark hover:bg-muda-primary-light hover:fill-white": !t.disabled,
-				"bg-muda-primary fill-white!": e === n.value
+			class: g(["muda-button-reset muda:flex muda:size-min muda:min-h-10 muda:w-full muda:items-center muda:justify-center muda:rounded-md", {
+				"muda:fill-secondary-light/30": t.disabled,
+				"muda:fill-secondary-dark muda:hover:bg-primary-light muda:hover:fill-white": !t.disabled,
+				"muda:bg-primary muda:fill-white!": e === n.value
 			}]),
 			onClick: (t) => n.value = e
-		}, [(_(), c(b(r), { class: "size-6" }))], 10, A))), 128)), d("button", {
+		}, [(_(), c(b(r), { class: "muda:size-6" }))], 10, A))), 128)), d("button", {
 			type: "button",
 			disabled: t.disabled,
-			class: g(["muda-button-reset flex size-min min-h-10 w-full items-center justify-center rounded-md", {
-				"fill-muda-secondary-light/30": t.disabled,
-				"fill-muda-secondary-dark hover:bg-muda-primary-light hover:fill-white": !t.disabled,
-				"bg-muda-primary fill-white": n.value == null
+			class: g(["muda-button-reset muda:flex muda:size-min muda:min-h-10 muda:w-full muda:items-center muda:justify-center muda:rounded-md", {
+				"muda:fill-secondary-light/30": t.disabled,
+				"muda:fill-secondary-dark muda:hover:bg-primary-light muda:hover:fill-white": !t.disabled,
+				"muda:bg-primary muda:fill-white": n.value == null
 			}]),
 			onClick: i[0] ||= E((e) => n.value = void 0, ["prevent"])
-		}, [...i[1] ||= [d("span", { class: "block size-6" }, null, -1)]], 10, j)]));
+		}, [...i[1] ||= [d("span", { class: "muda:block muda:size-6" }, null, -1)]], 10, j)]));
 	}
-}), N = ["disabled"], P = { class: "flex w-76 flex-col gap-2" }, F = { class: "relative max-h-60 muda-scroll-container-v-form-background" }, I = /* @__PURE__ */ p({
+}), N = ["disabled"], P = { class: "muda:flex muda:w-76 muda:flex-col muda:gap-2" }, F = { class: "muda:relative muda:max-h-60 muda:scroll-container-v-form-background" }, I = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "MudaIconPicker",
 	props: /*@__PURE__*/ m({
@@ -98,7 +98,7 @@ var D = /* @__PURE__ */ new Set(/* @__PURE__ */ "account_balance.analytics.apart
 			default: T(() => [d("button", h(e.$attrs, {
 				type: "button",
 				disabled: u.disabled,
-				class: ["muda-button-reset relative flex size-10 items-center justify-center rounded-md border border-muda-primary fill-muda-secondary-dark focus:ring-2 focus:ring-muda-primary-light focus:outline-hidden disabled:border-muda-secondary-dark/20 disabled:text-muda-secondary-light", { "border-muda-danger focus:ring-muda-danger-light": u.isInvalid }],
+				class: ["muda-button-reset muda:relative muda:flex muda:size-10 muda:items-center muda:justify-center muda:rounded-md muda:border muda:border-primary muda:fill-secondary-dark muda:focus:ring-2 muda:focus:ring-primary-light muda:focus:outline-hidden muda:disabled:border-secondary-dark/20 muda:disabled:text-secondary-light", { "muda:border-danger muda:focus:ring-danger-light": u.isInvalid }],
 				onClick: t[0] ||= (e) => y.value = !y.value
 			}), [D.value == null ? l("", !0) : (_(), c(b(D.value), { key: 0 }))], 16, N)]),
 			_: 1

package/dist/{MudaMarker-1xxDZJgb.js → MudaMarker-DX1N2YxM.js}

@@ -12,10 +12,10 @@ var o = ["title"], s = /* @__PURE__ */ t({
 		return (t, c) => (i(), e("span", {
 			title: s.title,
 			style: r({ backgroundColor: s.color ?? void 0 }),
-			class: n(["inline-flex shrink-0 items-center justify-center rounded-full", {
-				"size-4": s.size === "small",
-				"size-5": s.size === "medium",
-				"size-6": s.size === "large"
+			class: n(["muda:inline-flex muda:shrink-0 muda:items-center muda:justify-center muda:rounded-full", {
+				"muda:size-4": s.size === "small",
+				"muda:size-5": s.size === "medium",
+				"muda:size-6": s.size === "large"
 			}])
 		}, [a(t.$slots, "default")], 14, o));
 	}

package/dist/{MudaPagination-BdNHAYCm.js → MudaPagination-BoqrKfPw.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./MudaIcon-D_siyzw0.js";
+import { t as e } from "./MudaIcon-BwqQQnti.js";
 import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, useSlots as _, withCtx as v } from "vue";
 //#region src/common/range.ts
 var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b = /* @__PURE__ */ c({
@@ -12,21 +12,21 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 		return (e, n) => (d(), a("button", u(e.$attrs, {
 			type: "button",
 			class: [
-				"muda-button-reset relative inline-flex items-center rounded-md py-2 focus:z-20",
-				"text-sm font-semibold",
-				"hover:bg-muda-primary-light hover:fill-white hover:text-white",
-				"disabled:fill-muda-secondary-light disabled:hover:bg-inherit disabled:hover:fill-muda-secondary-light",
-				!t.isSelected && "text-muda-secondary-dark disabled:text-muda-secondary-light disabled:hover:text-muda-secondary-light",
-				t.isSelected && "z-10 bg-muda-primary text-white disabled:bg-muda-secondary-light disabled:hover:bg-muda-secondary-light",
-				t.type === "page" && "px-4",
-				t.type === "more" && "px-3",
-				t.type === "arrow" && "px-2"
+				"muda-button-reset muda:relative muda:inline-flex muda:items-center muda:rounded-md muda:py-2 muda:focus:z-20",
+				"muda:text-sm muda:font-semibold",
+				"muda:hover:bg-primary-light muda:hover:fill-white muda:hover:text-white",
+				"muda:disabled:fill-secondary-light muda:disabled:hover:bg-inherit muda:disabled:hover:fill-secondary-light",
+				!t.isSelected && "muda:text-secondary-dark muda:disabled:text-secondary-light muda:disabled:hover:text-secondary-light",
+				t.isSelected && "muda:z-10 muda:bg-primary muda:text-white muda:disabled:bg-secondary-light muda:disabled:hover:bg-secondary-light",
+				t.type === "page" && "muda:px-4",
+				t.type === "more" && "muda:px-3",
+				t.type === "arrow" && "muda:px-2"
 			]
 		}), [p(e.$slots, "default")], 16));
 	}
 }), x = {
 	key: 0,
-	class: "isolate inline-flex gap-0.5"
+	class: "muda:isolate muda:inline-flex muda:gap-0.5"
 }, S = 2, C = /* @__PURE__ */ c({
 	__name: "MudaPagination",
 	props: /*@__PURE__*/ l({