@mudakit/ui 0.1.0 → 0.2.0

package/dist/{MudaFormRadioGroup-45qiNrzt.js → MudaFormRadioGroup-D_sW4A2-.js}

@@ -18,15 +18,15 @@ var h = {
 		let a = i, _ = f(), v = d(i, "modelValue");
 		return (i, d) => (s(), t("div", h, [(s(!0), t(e, null, c(a.items, (c) => (s(), t("label", {
 			key: c.value,
-			class: o(["relative w-full flex-1 border-t border-b border-secondary-light text-center text-sm whitespace-nowrap after:absolute after:top-0 after:right-0 after:bottom-0 after:w-px after:bg-secondary-light after:content-[\\'\\'] first:rounded-l-lg first:border-l last:rounded-r-lg last:border-r last:after:hidden", {
-				"bg-primary text-white": v.value === c.value && (c.variant === "primary" || c.variant == null),
-				"bg-secondary text-white": v.value === c.value && c.variant === "secondary",
-				"bg-success text-white": v.value === c.value && c.variant === "success",
-				"bg-danger text-white": v.value === c.value && c.variant === "danger",
-				"bg-warning text-white": v.value === c.value && c.variant === "warning",
-				"bg-info text-white": v.value === c.value && c.variant === "info",
-				"bg-form-background text-secondary-dark": v.value !== c.value,
-				"cursor-not-allowed border-secondary-dark/20 bg-secondary-light/70 text-secondary-light after:bg-secondary-light/20": a.disabled,
+			class: o(["relative w-full flex-1 border-t border-b border-muda-secondary-light text-center text-sm whitespace-nowrap after:absolute after:top-0 after:right-0 after:bottom-0 after:w-px after:bg-muda-secondary-light after:content-[\\'\\'] first:rounded-l-lg first:border-l last:rounded-r-lg last:border-r last:after:hidden", {
+				"bg-muda-primary text-white": v.value === c.value && (c.variant === "primary" || c.variant == null),
+				"bg-muda-secondary text-white": v.value === c.value && c.variant === "secondary",
+				"bg-muda-success text-white": v.value === c.value && c.variant === "success",
+				"bg-muda-danger text-white": v.value === c.value && c.variant === "danger",
+				"bg-muda-warning text-white": v.value === c.value && c.variant === "warning",
+				"bg-muda-info text-white": v.value === c.value && c.variant === "info",
+				"bg-muda-form-background text-muda-secondary-dark": v.value !== c.value,
+				"cursor-not-allowed border-muda-secondary-dark/20 bg-muda-secondary-light/70 text-muda-secondary-light after:bg-muda-secondary-light/20": a.disabled,
 				"cursor-pointer": !a.disabled,
 				"px-2.5 py-1.5": a.size === "small",
 				"px-3 py-2": a.size === "medium",

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

@@ -6,7 +6,7 @@ var f = { class: /*@__PURE__*/ o([
 	"relative inline-block w-full",
 	"after:content-[' '] after:pointer-events-none after:absolute after:block",
 	"after:h-2 after:w-3",
-	"after:bg-primary",
+	"after:bg-muda-primary",
 	"after:top-4 after:right-4"
 ]) }, p = /*#__PURE__*/ e(/* @__PURE__ */ r({
 	inheritAttrs: !1,
@@ -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-form-background px-2 text-secondary-dark focus:ring-2 focus:outline-hidden disabled:border-secondary-dark/20 disabled:text-secondary-light", {
-			"border-secondary-light focus:ring-primary-light": !r.isInvalid,
-			"border-danger focus:ring-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 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
 		}] }), [c(e.$slots, "default", {}, void 0, !0)], 16), [[u, i.value]])]));
 	}
-}), [["__scopeId", "data-v-f36e4068"]]);
+}), [["__scopeId", "data-v-18e2b254"]]);
 //#endregion
 export { p as t };

package/dist/{MudaFormSwitch-CtdB9qIP.js → MudaFormSwitch-CUN0-oyY.js}

@@ -18,14 +18,14 @@ var u = ["disabled"], d = /* @__PURE__ */ n({
 		}), null, 16, u), [[c, d.value]]), s[1] ||= t("span", { class: a([
 			"peer",
 			"relative h-6 w-11",
-			"bg-form-background",
-			"ring-1 ring-secondary-light",
+			"bg-muda-form-background",
+			"ring-1 ring-muda-secondary-light",
 			"rounded-full",
-			"after:absolute after:start-0.5 after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-secondary-light after:transition-all after:content-['']",
-			"peer-focus:ring-2 peer-focus:ring-primary-light peer-focus:outline-hidden",
-			"peer-checked:bg-primary",
-			"peer-checked:after:translate-x-full peer-checked:after:bg-form-background peer-checked:rtl:after:-translate-x-full",
-			"peer-disabled:bg-secondary-light/70 peer-disabled:ring-secondary-dark/20 peer-disabled:after:bg-secondary-light"
+			"after:absolute after:start-0.5 after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-muda-secondary-light after:transition-all after:content-['']",
+			"peer-focus:ring-2 peer-focus:ring-muda-primary-light peer-focus:outline-hidden",
+			"peer-checked:bg-muda-primary",
+			"peer-checked:after:translate-x-full peer-checked:after:bg-muda-form-background peer-checked:rtl:after:-translate-x-full",
+			"peer-disabled:bg-muda-secondary-light/70 peer-disabled:ring-muda-secondary-dark/20 peer-disabled:after:bg-muda-secondary-light"
 		]) }, null, -1)], 2));
 	}
 });

package/dist/{MudaFormText-s-Y3QoDX.js → MudaFormText-D3jIuX5V.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-form-background p-2 focus:ring-2 focus:outline-hidden disabled:border-secondary-dark/20 disabled:text-secondary-light", {
-				"border-secondary-light text-secondary-dark placeholder:text-secondary-light focus:ring-primary-light": !n.isInvalid,
-				"border-danger text-danger-dark placeholder:text-danger-light focus:ring-danger-light": n.isInvalid
+			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
 			}]
 		}), null, 16)), [[o, c.value]]);
 	}

package/dist/MudaIcon-D_siyzw0.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-tTKo1rRM.js")),
+	add_circle: f(() => import("./add_circle_outline-Cp4-UWD3.js")),
+	add: f(() => import("./add-C-WLk8_D.js")),
+	analytics: f(() => import("./analytics-07sOnbP4.js")),
+	apartment: f(() => import("./apartment-DC-_uC-r.js")),
+	arrow_circle_down: f(() => import("./arrow_circle_down-CzHL7kiP.js")),
+	arrow_circle_up: f(() => import("./arrow_circle_up-gvy-3vjx.js")),
+	arrow_downward: f(() => import("./arrow_downward-DPhLvtE2.js")),
+	arrow_upward: f(() => import("./arrow_upward-bMZZ2Ppz.js")),
+	attractions: f(() => import("./attractions-CscI2mGy.js")),
+	bathtub: f(() => import("./bathtub-Dr8Grsn1.js")),
+	beach_access: f(() => import("./beach_access-DPhKGsWT.js")),
+	bed: f(() => import("./bed-CpbGES3I.js")),
+	bento: f(() => import("./bento-DQ5zrFt1.js")),
+	build: f(() => import("./build-CKEFwS5y.js")),
+	calendar: f(() => import("./calendar_month-D-vOb3Dt.js")),
+	checkroom: f(() => import("./checkroom-BWB8BV4b.js")),
+	chevron_left: f(() => import("./chevron_left-DdkxhXWV.js")),
+	chevron_right: f(() => import("./chevron_right-CnisH7RV.js")),
+	close: f(() => import("./close-ConOGoUj.js")),
+	coffee: f(() => import("./coffee-CjGoj0n3.js")),
+	computer: f(() => import("./computer-CUVOc14q.js")),
+	credit_card: f(() => import("./credit_card-a49G2yA_.js")),
+	dark_mode: f(() => import("./dark_mode-CBcSeBc2.js")),
+	dashboard: f(() => import("./dashboard-YWDZpqtm.js")),
+	delete: f(() => import("./delete-CyQzdFi0.js")),
+	directions_bike: f(() => import("./directions_bike-DvHfbVZP.js")),
+	directions_boat: f(() => import("./directions_boat-x6QRg_AU.js")),
+	drafts: f(() => import("./drafts-CuEaA7r6.js")),
+	drag_handle: f(() => import("./drag_handle-Cc938wbp.js")),
+	drag_indicator: f(() => import("./drag_indicator-DT9p9q4p.js")),
+	edit: f(() => import("./edit-SVv9Q4nL.js")),
+	emergency: f(() => import("./emergency-DpFjNLHg.js")),
+	family_restroom: f(() => import("./family_restroom-KLlcfltB.js")),
+	favorite: f(() => import("./favorite-qxA7_cca.js")),
+	filter_list: f(() => import("./filter_list-CyMTL5fW.js")),
+	fitness_center: f(() => import("./fitness_center-CC-d7NL8.js")),
+	flight: f(() => import("./flight-C_4De5Y8.js")),
+	hiking: f(() => import("./hiking-Dyp8Df_G.js")),
+	home: f(() => import("./home-Ba8s8g_D.js")),
+	hotel: f(() => import("./hotel-B8C8Qlu7.js")),
+	image: f(() => import("./image-BJSLAs64.js")),
+	key: f(() => import("./key-Bt7Vv5DO.js")),
+	keyboard_arrow_down: f(() => import("./keyboard_arrow_down-BnyWK-fU.js")),
+	keyboard_arrow_left: f(() => import("./keyboard_arrow_left-CrT8-der.js")),
+	keyboard_arrow_right: f(() => import("./keyboard_arrow_right-CpMlKice.js")),
+	keyboard_arrow_up: f(() => import("./keyboard_arrow_up-BnizXqA4.js")),
+	keyboard_double_arrow_left: f(() => import("./keyboard_double_arrow_left-B_2y3Ht4.js")),
+	keyboard_double_arrow_right: f(() => import("./keyboard_double_arrow_right-BLjb8tDz.js")),
+	language: f(() => import("./language-CpboIcGR.js")),
+	light_mode: f(() => import("./light_mode-D7tesPdi.js")),
+	liquor: f(() => import("./liquor-DEFZlXiY.js")),
+	local_convenience_store: f(() => import("./local_convenience_store-BVPhUWyN.js")),
+	local_dining: f(() => import("./local_dining-CC_8qUYw.js")),
+	local_florist: f(() => import("./local_florist-B-T7_ZUe.js")),
+	local_mall: f(() => import("./local_mall-B4kHK9Gy.js")),
+	local_shipping: f(() => import("./local_shipping-6inEJZd-.js")),
+	local_taxi: f(() => import("./local_taxi-4eg_19Dr.js")),
+	logout: f(() => import("./logout-Cen6gk64.js")),
+	luggage: f(() => import("./luggage-gDYixT05.js")),
+	medical_services: f(() => import("./medical_services-DRLomvfV.js")),
+	more_horiz: f(() => import("./more_horiz-HZRFuje3.js")),
+	more_vert: f(() => import("./more_vert-LubuX24o.js")),
+	museum: f(() => import("./museum-BMO7HIgV.js")),
+	nightlife: f(() => import("./nightlife-DvAmD_6n.js")),
+	notifications: f(() => import("./notifications-BNg2pGu6.js")),
+	paid: f(() => import("./paid-DzQXZ21o.js")),
+	palette: f(() => import("./palette-BaM5P-uu.js")),
+	payments: f(() => import("./payments-SJiRf-3B.js")),
+	pedal_bike: f(() => import("./pedal_bike-dXPfkUSG.js")),
+	phone_iphone: f(() => import("./phone_iphone-Drjw9kyk.js")),
+	photo_camera: f(() => import("./photo_camera-DyUgsTIR.js")),
+	priority_high: f(() => import("./priority_high-BC6iSZTu.js")),
+	ramen_dining: f(() => import("./ramen_dining-BnjNsY8l.js")),
+	remove: f(() => import("./remove-BoMXjU8j.js")),
+	restaurant: f(() => import("./restaurant-BRki4Z_b.js")),
+	sailing: f(() => import("./sailing-BVzd3Yw6.js")),
+	school: f(() => import("./school-DqyARVmh.js")),
+	search: f(() => import("./search-CcXvCUkm.js")),
+	settings: f(() => import("./settings-nrE4YRgL.js")),
+	shopping_cart: f(() => import("./shopping_cart-B-NlNPiR.js")),
+	spa: f(() => import("./spa-Be7VgpaE.js")),
+	sports_bar: f(() => import("./sports_bar-MQX8F5Zf.js")),
+	sports_basketball: f(() => import("./sports_basketball-CtVt_X_l.js")),
+	sports_esports: f(() => import("./sports_esports-DUDO5lDe.js")),
+	sports_mma: f(() => import("./sports_mma-CdM8knJL.js")),
+	star: f(() => import("./star-RAIJVmbp.js")),
+	store: f(() => import("./store-5DAAEf5M.js")),
+	storefront: f(() => import("./storefront-DTtlr_xi.js")),
+	table_rows: f(() => import("./table_rows-CvDwC4iW.js")),
+	train: f(() => import("./train-CQNTe9Qp.js")),
+	travel_explore: f(() => import("./travel_explore-OMMCq3pa.js")),
+	tv: f(() => import("./tv-Ddejutmx.js")),
+	vaccines: f(() => import("./vaccines-CfBRCxNm.js")),
+	videogame_asset: f(() => import("./videogame_asset-CedIMUis.js")),
+	visibility_off: f(() => import("./visibility_off-C2i2mzoe.js")),
+	visibility: f(() => import("./visibility-DU-oBxte.js")),
+	watch: f(() => import("./watch-BeazuqvT.js"))
+}, m = {
+	account_balance: f(() => import("./account_balance-DraASv2L.js")),
+	add_circle: f(() => import("./add_circle_outline-gWceP5CT.js")),
+	add: f(() => import("./add-rHsXWUB3.js")),
+	analytics: f(() => import("./analytics-DKajyXsZ.js")),
+	apartment: f(() => import("./apartment-D-yxo46U.js")),
+	arrow_circle_down: f(() => import("./arrow_circle_down-Cfl01hSk.js")),
+	arrow_circle_up: f(() => import("./arrow_circle_up-B1p0bl_c.js")),
+	arrow_downward: f(() => import("./arrow_downward-DCoB2C0p.js")),
+	arrow_upward: f(() => import("./arrow_upward-D3WW55Xt.js")),
+	attractions: f(() => import("./attractions-Dr0QIo8M.js")),
+	bathtub: f(() => import("./bathtub-D_DONAkK.js")),
+	beach_access: f(() => import("./beach_access-uF616UOm.js")),
+	bed: f(() => import("./bed-GShLIbSi.js")),
+	bento: f(() => import("./bento-CEpUIDgP.js")),
+	build: f(() => import("./build-DvoCjI8G.js")),
+	calendar: f(() => import("./calendar_month-CZFPgoyg.js")),
+	checkroom: f(() => import("./checkroom-D2CT1-MS.js")),
+	chevron_left: f(() => import("./chevron_left-CgQ1kOTp.js")),
+	chevron_right: f(() => import("./chevron_right-Bg1krtnZ.js")),
+	close: f(() => import("./close-BMlDU_S8.js")),
+	coffee: f(() => import("./coffee-8ewXOEoT.js")),
+	computer: f(() => import("./computer-D1kpZK30.js")),
+	credit_card: f(() => import("./credit_card-CoVeAT2C.js")),
+	dark_mode: f(() => import("./dark_mode-Bn7TB25M.js")),
+	dashboard: f(() => import("./dashboard-v4Xin7--.js")),
+	delete: f(() => import("./delete-BS5UF5dU.js")),
+	directions_bike: f(() => import("./directions_bike-C5YNoNUl.js")),
+	directions_boat: f(() => import("./directions_boat-CBVP0cpN.js")),
+	drafts: f(() => import("./drafts-CzlXWdkd.js")),
+	drag_handle: f(() => import("./drag_handle-BufBe6Uw.js")),
+	drag_indicator: f(() => import("./drag_indicator-ekZyuG1q.js")),
+	edit: f(() => import("./edit-CuzOq4rd.js")),
+	emergency: f(() => import("./emergency-CmnweaLn.js")),
+	family_restroom: f(() => import("./family_restroom-B3KN27wZ.js")),
+	favorite: f(() => import("./favorite-DEOkC0Bx.js")),
+	filter_list: f(() => import("./filter_list-dm3IiIw0.js")),
+	fitness_center: f(() => import("./fitness_center-RN0MaLNZ.js")),
+	flight: f(() => import("./flight-DJiL1ZL5.js")),
+	hiking: f(() => import("./hiking-BfKY2ukX.js")),
+	home: f(() => import("./home-CoY1iTiJ.js")),
+	hotel: f(() => import("./hotel-BPXCZZOB.js")),
+	image: f(() => import("./image-BToO0yUV.js")),
+	key: f(() => import("./key-fmW_n9aQ.js")),
+	keyboard_arrow_down: f(() => import("./keyboard_arrow_down-D4dgMPwN.js")),
+	keyboard_arrow_left: f(() => import("./keyboard_arrow_left-DhQ64Nuq.js")),
+	keyboard_arrow_right: f(() => import("./keyboard_arrow_right-9PYjOByS.js")),
+	keyboard_arrow_up: f(() => import("./keyboard_arrow_up-CCgawFRO.js")),
+	keyboard_double_arrow_left: f(() => import("./keyboard_double_arrow_left-BF6zU6bw.js")),
+	keyboard_double_arrow_right: f(() => import("./keyboard_double_arrow_right-DKKfeQkD.js")),
+	language: f(() => import("./language-52-v5YWD.js")),
+	light_mode: f(() => import("./light_mode-BfjR3ehC.js")),
+	liquor: f(() => import("./liquor-DFBN6V2L.js")),
+	local_convenience_store: f(() => import("./local_convenience_store-VooSxFR7.js")),
+	local_dining: f(() => import("./local_dining-BaVq9N5C.js")),
+	local_florist: f(() => import("./local_florist-_5WIAVnr.js")),
+	local_mall: f(() => import("./local_mall-D9SrQssA.js")),
+	local_shipping: f(() => import("./local_shipping-ywoIF-ai.js")),
+	local_taxi: f(() => import("./local_taxi-D5c1hPAs.js")),
+	logout: f(() => import("./logout-BPgfB1RA.js")),
+	luggage: f(() => import("./luggage-CIDfCXcO.js")),
+	medical_services: f(() => import("./medical_services-BMnL9Hf0.js")),
+	more_horiz: f(() => import("./more_horiz-BowsYrHH.js")),
+	more_vert: f(() => import("./more_vert-D6N5BYNw.js")),
+	museum: f(() => import("./museum-jv6Fapno.js")),
+	nightlife: f(() => import("./nightlife-CH3YoSri.js")),
+	notifications: f(() => import("./notifications-DwrssYIB.js")),
+	paid: f(() => import("./paid-Cmx5Gm0T.js")),
+	palette: f(() => import("./palette-Cx_gowSh.js")),
+	payments: f(() => import("./payments-BS5LaM6l.js")),
+	pedal_bike: f(() => import("./pedal_bike-DS9OXy6T.js")),
+	phone_iphone: f(() => import("./phone_iphone-Jn5mUcAU.js")),
+	photo_camera: f(() => import("./photo_camera-CkjGaV59.js")),
+	priority_high: f(() => import("./priority_high-56QhMKOC.js")),
+	ramen_dining: f(() => import("./ramen_dining-BERpQdUU.js")),
+	remove: f(() => import("./remove-BwkynUz8.js")),
+	restaurant: f(() => import("./restaurant-C3kYT1pX.js")),
+	sailing: f(() => import("./sailing-CUuK_mdJ.js")),
+	school: f(() => import("./school-Bai17sP2.js")),
+	search: f(() => import("./search-l1kG41Sc.js")),
+	settings: f(() => import("./settings-CcUpNkTH.js")),
+	shopping_cart: f(() => import("./shopping_cart-KMMms5VN.js")),
+	spa: f(() => import("./spa-DN1Mn8bz.js")),
+	sports_bar: f(() => import("./sports_bar-vuyxzqar.js")),
+	sports_basketball: f(() => import("./sports_basketball-BUVZEN3_.js")),
+	sports_esports: f(() => import("./sports_esports-BJt8B991.js")),
+	sports_mma: f(() => import("./sports_mma-BAF7lZI7.js")),
+	star: f(() => import("./star-i_70w1pe.js")),
+	store: f(() => import("./store-BeWM3jUf.js")),
+	storefront: f(() => import("./storefront-BlTCwZ3v.js")),
+	table_rows: f(() => import("./table_rows-D5128dCH.js")),
+	train: f(() => import("./train-YCiGuvbT.js")),
+	travel_explore: f(() => import("./travel_explore-CgOHWIio.js")),
+	tv: f(() => import("./tv-DCFPE0jx.js")),
+	vaccines: f(() => import("./vaccines-BQ_WEIlq.js")),
+	videogame_asset: f(() => import("./videogame_asset-D27Cz601.js")),
+	visibility_off: f(() => import("./visibility_off-CWKymtPv.js")),
+	visibility: f(() => import("./visibility-D2aBaum9.js")),
+	watch: f(() => import("./watch-pa19WTfu.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(["relative shrink-0", {
+			"size-4": r.size === "small",
+			"size-5": r.size === "medium",
+			"size-6": r.size === "large"
+		}]) }, [(s(), t(c(u(i)), {
+			style: o({ fill: r.color }),
+			class: a(["-mt-0.5 -ml-0.5", {
+				"size-5": r.size === "small",
+				"size-6": r.size === "medium",
+				"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-CZWLPHbE.js → MudaIconPicker-BUsNMKFC.js}

@@ -1,6 +1,6 @@
-import { i as e, l as t, n, r } from "./MudaIcon-BhSsLCZx.js";
-import { t as i } from "./MudaPopover-BgwkVjjX.js";
-import { t as a } from "./MudaFormRadioGroup-45qiNrzt.js";
+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 { 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) => {
@@ -23,23 +23,23 @@ var D = /* @__PURE__ */ new Set(/* @__PURE__ */ "account_balance.analytics.apart
 			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-secondary-light/30": t.disabled,
-				"fill-secondary-dark hover:bg-primary-light hover:fill-white": !t.disabled,
-				"bg-primary fill-white!": e === n.value
+				"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
 			}]),
 			onClick: (t) => n.value = e
 		}, [(_(), c(b(r), { class: "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-secondary-light/30": t.disabled,
-				"fill-secondary-dark hover:bg-primary-light hover:fill-white": !t.disabled,
-				"bg-primary fill-white": n.value == null
+				"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
 			}]),
 			onClick: i[0] ||= E((e) => n.value = void 0, ["prevent"])
 		}, [...i[1] ||= [d("span", { class: "block size-6" }, null, -1)]], 10, j)]));
 	}
-}), N = ["disabled", "aria-label"], 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: "flex w-76 flex-col gap-2" }, F = { class: "relative max-h-60 muda-scroll-container-v-form-background" }, I = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "MudaIconPicker",
 	props: /*@__PURE__*/ m({
@@ -98,8 +98,7 @@ var D = /* @__PURE__ */ new Set(/* @__PURE__ */ "account_balance.analytics.apart
 			default: T(() => [d("button", h(e.$attrs, {
 				type: "button",
 				disabled: u.disabled,
-				"aria-label": u.buttonLabel,
-				class: ["muda-button-reset relative flex size-10 items-center justify-center rounded-md border border-primary fill-secondary-dark focus:ring-2 focus:ring-primary-light focus:outline-hidden disabled:border-secondary-dark/20 disabled:text-secondary-light", { "border-danger focus:ring-danger-light": u.isInvalid }],
+				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 }],
 				onClick: t[0] ||= (e) => y.value = !y.value
 			}), [D.value == null ? l("", !0) : (_(), c(b(D.value), { key: 0 }))], 16, N)]),
 			_: 1

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

@@ -1,7 +1,7 @@
-import { t as e } from "./MudaIcon-BhSsLCZx.js";
+import { t as e } from "./MudaIcon-D_siyzw0.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 = ["aria-current"], x = /* @__PURE__ */ c({
+var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b = /* @__PURE__ */ c({
 	__name: "MudaPaginationItem",
 	props: {
 		isSelected: { type: Boolean },
@@ -11,25 +11,23 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 		let t = e;
 		return (e, n) => (d(), a("button", u(e.$attrs, {
 			type: "button",
-			"aria-current": t.isSelected ? "page" : void 0,
 			class: [
 				"muda-button-reset relative inline-flex items-center rounded-md py-2 focus:z-20",
 				"text-sm font-semibold",
-				"hover:bg-primary-light hover:fill-white hover:text-white",
-				"disabled:fill-secondary-light disabled:hover:bg-inherit disabled:hover:fill-secondary-light",
-				!t.isSelected && "text-secondary-dark disabled:text-secondary-light disabled:hover:text-secondary-light",
-				t.isSelected && "z-10 bg-primary text-white disabled:bg-secondary-light disabled:hover:bg-secondary-light",
+				"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"
 			]
-		}), [p(e.$slots, "default")], 16, b));
+		}), [p(e.$slots, "default")], 16));
 	}
-}), S = {
+}), x = {
 	key: 0,
-	"aria-label": "Pagination",
 	class: "isolate inline-flex gap-0.5"
-}, C = 2, w = /* @__PURE__ */ c({
+}, S = 2, C = /* @__PURE__ */ c({
 	__name: "MudaPagination",
 	props: /*@__PURE__*/ l({
 		pages: {},
@@ -44,9 +42,9 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 	}),
 	emits: ["update:modelValue"],
 	setup(c) {
-		let l = c, u = g(c, "modelValue"), b = _(), w = n(() => Math.max(3, Math.floor(l.siblingCount))), T = n(() => w.value >= l.pages ? l.pages : Math.floor((w.value - 1) / 2)), E = n(() => l.pages <= w.value ? y(C, l.pages) : u.value < w.value - T.value ? y(C, w.value) : u.value + T.value >= l.pages ? y(l.pages - w.value + C, l.pages) : y(u.value - T.value + 1, u.value + T.value)), D = n(() => w.value - 1 < l.pages), O = n(() => u.value >= l.pages), k = n(() => u.value <= 1), A = n(() => D.value ? u.value > T.value + 1 : !1), j = n(() => D.value ? u.value < l.pages - T.value : !1);
-		return (n, c) => l.pages > 1 ? (d(), a("nav", S, [
-			s(x, {
+		let l = c, u = g(c, "modelValue"), C = _(), w = n(() => Math.max(3, Math.floor(l.siblingCount))), T = n(() => w.value >= l.pages ? l.pages : Math.floor((w.value - 1) / 2)), E = n(() => l.pages <= w.value ? y(S, l.pages) : u.value < w.value - T.value ? y(S, w.value) : u.value + T.value >= l.pages ? y(l.pages - w.value + S, l.pages) : y(u.value - T.value + 1, u.value + T.value)), D = n(() => w.value - 1 < l.pages), O = n(() => u.value >= l.pages), k = n(() => u.value <= 1), A = n(() => D.value ? u.value > T.value + 1 : !1), j = n(() => D.value ? u.value < l.pages - T.value : !1);
+		return (n, c) => l.pages > 1 ? (d(), a("nav", x, [
+			s(b, {
 				type: "arrow",
 				disabled: l.disabled || k.value,
 				onClick: c[0] ||= (e) => --u.value
@@ -54,7 +52,7 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 				default: v(() => [s(h(e), { icon: "chevron_left:outlined" })]),
 				_: 1
 			}, 8, ["disabled"]),
-			s(x, {
+			s(b, {
 				type: "page",
 				disabled: l.disabled,
 				"is-selected": u.value === 1,
@@ -63,7 +61,7 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 				default: v(() => [...c[6] ||= [o(" 1 ", -1)]]),
 				_: 1
 			}, 8, ["disabled", "is-selected"]),
-			A.value ? (d(), r(x, {
+			A.value ? (d(), r(b, {
 				key: 0,
 				type: "more",
 				disabled: l.disabled,
@@ -72,7 +70,7 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 				default: v(() => [s(h(e), { icon: "more_horiz:outlined" })]),
 				_: 1
 			}, 8, ["disabled"])) : i("", !0),
-			(d(!0), a(t, null, f(E.value, (e) => (d(), r(x, {
+			(d(!0), a(t, null, f(E.value, (e) => (d(), r(b, {
 				key: e,
 				type: "page",
 				disabled: l.disabled,
@@ -86,7 +84,7 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 				"is-selected",
 				"onClick"
 			]))), 128)),
-			j.value ? (d(), r(x, {
+			j.value ? (d(), r(b, {
 				key: 1,
 				type: "more",
 				disabled: l.disabled,
@@ -95,7 +93,7 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 				default: v(() => [s(h(e), { icon: "more_horiz:outlined" })]),
 				_: 1
 			}, 8, ["disabled"])) : i("", !0),
-			s(x, {
+			s(b, {
 				type: "page",
 				disabled: l.disabled,
 				"is-selected": u.value === l.pages,
@@ -104,7 +102,7 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 				default: v(() => [o(m(l.pages), 1)]),
 				_: 1
 			}, 8, ["disabled", "is-selected"]),
-			s(x, {
+			s(b, {
 				type: "arrow",
 				disabled: l.disabled || O.value,
 				onClick: c[5] ||= (e) => u.value += 1
@@ -112,8 +110,8 @@ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b
 				default: v(() => [s(h(e), { icon: "chevron_right:outlined" })]),
 				_: 1
 			}, 8, ["disabled"])
-		])) : b.empty == null ? i("", !0) : p(n.$slots, "empty", {}, void 0, void 0, 1);
+		])) : C.empty == null ? i("", !0) : p(n.$slots, "empty", {}, void 0, void 0, 1);
 	}
 });
 //#endregion
-export { w as t };
+export { C as t };

package/dist/{MudaPopover-BgwkVjjX.js → MudaPopover-BU9CWFeP.js}

@@ -53,7 +53,7 @@ var C = /* @__PURE__ */ c({
 		}, {
 			default: _(() => [w.value ? (d(), o("div", u({ key: 0 }, e.$attrs, {
 				ref: "popover",
-				class: "inline-flex h-max w-max rounded-md border border-secondary-light bg-foreground p-2 shadow-lg",
+				class: "inline-flex h-max w-max rounded-md border border-muda-secondary-light bg-muda-foreground p-2 shadow-lg",
 				style: {
 					...m(k),
 					zIndex: m(O)

package/dist/MudaSpinner-yYYZ5c8j.js

@@ -0,0 +1,16 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
+//#region src/components/MudaSpinner/MudaSpinner.vue?vue&type=script&setup=true&lang.ts
+var a = { class: "flex items-center justify-center" }, o = /* @__PURE__ */ n({
+	__name: "MudaSpinner",
+	props: { size: { default: "medium" } },
+	setup(n) {
+		let o = n;
+		return (n, s) => (i(), e("div", a, [t("div", { class: r(["animate-spin rounded-full border-b-2 border-muda-primary", {
+			"size-6": o.size === "small",
+			"size-14": o.size === "medium",
+			"size-24": o.size === "large"
+		}]) }, null, 2)]));
+	}
+});
+//#endregion
+export { o as t };

package/dist/{MudaTable-DWwTyMmj.js → MudaTable-BEmSrWWE.js}

@@ -9,7 +9,7 @@ var c = { class: "relative w-full border-collapse" }, l = { key: 1 }, u = { key:
 		return (e, s) => (a(), n("table", c, [
 			d.head == null ? t("", !0) : (a(), n("thead", {
 				key: 0,
-				class: i(["bg-foreground", { "sticky top-0 z-10": r.stickyHeader }])
+				class: i(["bg-muda-foreground", { "sticky top-0 z-10": r.stickyHeader }])
 			}, [o(e.$slots, "head")], 2)),
 			d.body == null ? t("", !0) : (a(), n("tbody", l, [o(e.$slots, "body")])),
 			d.foot == null ? t("", !0) : (a(), n("tfoot", u, [o(e.$slots, "foot")])),
@@ -20,11 +20,11 @@ var c = { class: "relative w-full border-collapse" }, l = { key: 1 }, u = { key:
 function m(e, t) {
 	return a(), n("td", p, [o(e.$slots, "default")]);
 }
-var h = /*#__PURE__*/ e(f, [["render", m]]), g = {}, _ = { class: "border-b-2 border-b-secondary-light p-2 text-sm text-secondary first:pl-0 last:pr-0" };
+var h = /*#__PURE__*/ e(f, [["render", m]]), g = {}, _ = { class: "border-b-2 border-b-muda-secondary-light p-2 text-sm text-muda-secondary first:pl-0 last:pr-0" };
 function v(e, t) {
 	return a(), n("th", _, [o(e.$slots, "default")]);
 }
-var y = /*#__PURE__*/ e(g, [["render", v]]), b = {}, x = { class: "border-b border-b-secondary-light last:border-0" };
+var y = /*#__PURE__*/ e(g, [["render", v]]), b = {}, x = { class: "border-b border-b-muda-secondary-light last:border-0" };
 function S(e, t) {
 	return a(), n("tr", x, [o(e.$slots, "default")]);
 }

package/dist/MudaTag-LTFVT3ty.js

@@ -0,0 +1,27 @@
+import { createElementBlock as e, defineComponent as t, mergeProps as n, openBlock as r, renderSlot as i } from "vue";
+//#endregion
+//#region src/components/MudaTag/MudaTag.vue
+var a = /* @__PURE__ */ t({
+	__name: "MudaTag",
+	props: {
+		variant: { default: "default" },
+		size: { default: "medium" }
+	},
+	setup(t) {
+		let a = t;
+		return (t, o) => (r(), e("div", n(t.$attrs, { class: ["inline-flex rounded-md font-medium ring-1 ring-inset", {
+			"px-2 text-[0.7rem]": a.size === "small",
+			"px-2 py-1 text-xs": a.size === "medium",
+			"px-3 py-2 text-sm": a.size === "large",
+			"bg-muda-form-background": a.variant === "default",
+			"bg-muda-primary-light text-muda-primary-dark ring-muda-primary-dark/20": a.variant === "primary",
+			"bg-muda-secondary-light text-muda-secondary-dark ring-muda-secondary-dark/20": a.variant === "secondary",
+			"bg-muda-success-light text-muda-success-dark ring-muda-success-dark/20": a.variant === "success",
+			"bg-muda-danger-light text-muda-danger-dark ring-muda-danger-dark/20": a.variant === "danger",
+			"bg-muda-warning-light text-muda-warning-dark ring-muda-warning-dark/20": a.variant === "warning",
+			"bg-muda-info-light text-muda-info-dark ring-muda-info-dark/20": a.variant === "info"
+		}] }), [i(t.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { a as t };

package/dist/account_balance-DraASv2L.js

@@ -0,0 +1,13 @@
+import { createElementBlock as e, createElementVNode as t, openBlock as n } from "vue";
+//#region ../../node_modules/@material-design-icons/svg/outlined/account_balance.svg?component
+var r = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24"
+};
+function i(i, a) {
+	return n(), e("svg", r, [...a[0] ||= [t("path", { d: "M6.5 10h-2v7h2zm6 0h-2v7h2zm8.5 9H2v2h19zm-2.5-9h-2v7h2zm-7-6.74L16.71 6H6.29zm0-2.26L2 6v2h19V6z" }, null, -1)]]);
+}
+var a = { render: i };
+//#endregion
+export { a as default, i as render };

package/dist/account_balance-tTKo1rRM.js

@@ -0,0 +1,13 @@
+import { createElementBlock as e, createElementVNode as t, openBlock as n } from "vue";
+//#region ../../node_modules/@material-design-icons/svg/filled/account_balance.svg?component
+var r = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24"
+};
+function i(i, a) {
+	return n(), e("svg", r, [...a[0] ||= [t("path", { d: "M4 10h3v7H4zm6.5 0h3v7h-3zM2 19h20v3H2zm15-9h3v7h-3zm-5-9L2 6v2h20V6z" }, null, -1)]]);
+}
+var a = { render: i };
+//#endregion
+export { a as default, i as render };