@dpa-id-components/dpa-shared-components 22.0.0-next.0 → 22.0.0-next.1

package/dist/dpa-shared-components.js

@@ -17,18 +17,18 @@ var pe = Object.defineProperty, me = Object.getOwnPropertyDescriptor, he = Objec
 	return e;
 }, ye = (e, t, n) => (ve(e, t, "default"), n && ve(n, t, "default")), be = {
 	activities: () => import("./activities-BxyZQp7R.js"),
+	ai: () => import("./ai-CvQQ6hUw.js"),
 	alert: () => import("./alert-BeP6nqRf.js"),
-	"alert-fill": () => import("./alert-fill-BHn_Z4vo.js"),
+	"alert-filled": () => import("./alert-filled-COSmQYAa.js"),
 	"alert-octagon": () => import("./alert-octagon-Cd-_T4ON.js"),
-	ai: () => import("./ai-CvQQ6hUw.js"),
 	apps: () => import("./apps-CtY6nO4d.js"),
 	archive: () => import("./archive-DmV6cQ50.js"),
+	"arrow-down": () => import("./arrow-down-Cfib5c-0.js"),
 	"arrow-left": () => import("./arrow-left-CFSY8V--.js"),
 	"arrow-nav-left": () => import("./arrow-nav-left-BRYPr4oj.js"),
 	"arrow-nav-right": () => import("./arrow-nav-right-PqR7W08e.js"),
-	"arrow-up": () => import("./arrow-up-DfhQKYKi.js"),
 	"arrow-right": () => import("./arrow-right-ByFSLzJb.js"),
-	"arrow-down": () => import("./arrow-down-Cfib5c-0.js"),
+	"arrow-up": () => import("./arrow-up-DfhQKYKi.js"),
 	"arrowhead-left": () => import("./arrowhead-left-BxBCmhZy.js"),
 	"arrowhead-right": () => import("./arrowhead-right-D6Hk6b6x.js"),
 	"arrowhead-top": () => import("./arrowhead-top-wkcSxZmc.js"),
@@ -36,167 +36,153 @@ var pe = Object.defineProperty, me = Object.getOwnPropertyDescriptor, he = Objec
 	audio: () => import("./audio-DS8plcCU.js"),
 	bag: () => import("./bag-B28jMR7E.js"),
 	bell: () => import("./bell-k_sZgnpL.js"),
-	"bell-fill": () => import("./bell-fill-V3HfJHso.js"),
+	"bell-filled": () => import("./bell-filled-7gfK8601.js"),
 	book: () => import("./book-CqUJ_JRz.js"),
-	bookmark: () => import("./bookmark-CPW0Zaxb.js"),
-	"bookmark-fill": () => import("./bookmark-fill-1I_p7DUK.js"),
-	"bookmark-outlined": () => import("./bookmark-outlined-0DE6Lfs1.js"),
-	box: () => import("./box-D4CLiWRp.js"),
-	bulb: () => import("./bulb-BFVFHlBL.js"),
-	call: () => import("./call-D3rK-Pln.js"),
-	camera: () => import("./camera-CYX-Uj27.js"),
-	check: () => import("./check-GWKuQzHB.js"),
-	checklist: () => import("./checklist-pyWdcw_n.js"),
-	checkmark: () => import("./checkmark-DfgQtCOq.js"),
-	"checkmark-double": () => import("./checkmark-double-DlgrcXe2.js"),
-	"chevron-down": () => import("./chevron-down-Bd18iRhe.js"),
-	"chevron-left": () => import("./chevron-left-D6NKLa3-.js"),
-	"chevron-right": () => import("./chevron-right-CX94Ac8A.js"),
-	"chevron-up": () => import("./chevron-up-7DEba7ER.js"),
-	clipboard: () => import("./clipboard-BiFsEFAN.js"),
-	clock: () => import("./clock-DlsJC4Mc.js"),
-	close: () => import("./close-7641oqMu.js"),
-	"cloud-save": () => import("./cloud-save-DeGjpftM.js"),
-	code: () => import("./code-BjWu6gIy.js"),
-	collapse: () => import("./collapse-RzgscFxO.js"),
-	"color-palette": () => import("./color-palette-DHYkb4qz.js"),
-	comment: () => import("./comment-BrgMyO2y.js"),
-	"comment-fill": () => import("./comment-fill-Dkv32BJ_.js"),
-	copy: () => import("./copy-3sO6GqVZ.js"),
-	"copy-link": () => import("./copy-link-BFD-uEEg.js"),
-	delete: () => import("./delete-DdgKplhc.js"),
-	download: () => import("./download-mKBamaan.js"),
-	"dpa-id": () => import("./dpa-id-Bc3MTqIs.js"),
-	edit: () => import("./edit-D8XT83KQ.js"),
-	"edit-add": () => import("./edit-add-kll4cKXT.js"),
-	eil: () => import("./eil-B90Q7CqR.js"),
-	emoji: () => import("./emoji-C9ZCXKb_.js"),
-	"emoji-add": () => import("./emoji-add-En7gLdfR.js"),
-	envelope: () => import("./envelope-CCm8Y24m.js"),
-	event: () => import("./event-BHwkD4gW.js"),
-	expand: () => import("./expand-Cqt548HG.js"),
-	"external-link": () => import("./external-link-K7cLQtem.js"),
-	file: () => import("./file-BXsq-Axx.js"),
-	"file-pdf": () => import("./file-pdf-BQyb04rB.js"),
-	filter: () => import("./filter-CZMdqkyo.js"),
-	"filter-outline": () => import("./filter-outline-CXNz396S.js"),
-	flag: () => import("./flag-zBDODyXp.js"),
-	"flag-fill": () => import("./flag-fill-CM68wUqg.js"),
-	"flag-filled": () => import("./flag-filled-Ch5DU-jc.js"),
-	"flag-outline": () => import("./flag-outline-CIjq4xZl.js"),
-	flags: () => import("./flags--GJw4Hg7.js"),
-	flash: () => import("./flash-D7athZJM.js"),
-	folder: () => import("./folder-BZ5G6tNR.js"),
-	"folder-add": () => import("./folder-add-B6c5pcwT.js"),
-	"folder-fill": () => import("./folder-fill-CtquUM7Z.js"),
-	"folder-filled": () => import("./folder-filled-kZQlz6hr.js"),
-	gallery: () => import("./gallery-COuiYU-A.js"),
-	graphic: () => import("./graphic-B9deGroU.js"),
-	graphics: () => import("./graphics-CmAH5vP4.js"),
-	"grid-1": () => import("./grid-1-B4ewQ_jO.js"),
-	"grid-2": () => import("./grid-2-CWl72bwY.js"),
-	"grid-3": () => import("./grid-3-yrrGecOV.js"),
-	"grid-4": () => import("./grid-4-CsLuTeHk.js"),
-	"grid-6": () => import("./grid-6-BTGEO9-e.js"),
-	"grid-9": () => import("./grid-9-C9oci3QX.js"),
-	"grid-masonry": () => import("./grid-masonry-JY1XPxDY.js"),
-	"grid-masonry-9": () => import("./grid-masonry-9-oyLCUnkg.js"),
-	help: () => import("./help-DdUYDeQm.js"),
-	home: () => import("./home-B8ICYC_t.js"),
-	image: () => import("./image-Iw3Gec97.js"),
-	"image-focus-point": () => import("./image-focus-point-Cg88W_UL.js"),
-	"impact-high": () => import("./impact-high-C_RO7JD7.js"),
-	"impact-low": () => import("./impact-low-7hVKyN7n.js"),
-	"impact-medium": () => import("./impact-medium-Dh_QhzQ2.js"),
-	"impact-very-high": () => import("./impact-very-high-CrweNPUw.js"),
-	"impact-very-low": () => import("./impact-very-low-CtzoSKD1.js"),
-	info: () => import("./info-CIIhE0aC.js"),
-	"info-fill": () => import("./info-fill-DLi4uWHr.js"),
-	"info-filled": () => import("./info-filled-CbDefbs0.js"),
-	label: () => import("./label-CGAWxuCt.js"),
-	"label-filled": () => import("./label-filled-B7EtwwQm.js"),
-	language: () => import("./language-C33vUN1T.js"),
-	latest: () => import("./latest-BkwIWck4.js"),
-	lightbulb: () => import("./lightbulb-DmkG12to.js"),
-	list: () => import("./list-BNFT8546.js"),
-	"list-search": () => import("./list-search-BA9EDPyK.js"),
-	lock: () => import("./lock-CA1Nfhcq.js"),
-	"lock-filled": () => import("./lock-filled-D-PhTnpR.js"),
-	mail: () => import("./mail-CaaEcPKy.js"),
-	map: () => import("./map-DhbQnQS_.js"),
-	"map-outline": () => import("./map-outline-DW4V3-Fu.js"),
-	menu: () => import("./menu-SUY3SxRQ.js"),
-	minus: () => import("./minus-M7D1ctWm.js"),
-	"more-horizontal": () => import("./more-horizontal-DfoRyoUG.js"),
-	"more-vertical": () => import("./more-vertical-BqFUYXmu.js"),
-	move: () => import("./move-B8-WtwC0.js"),
-	"move-up-down": () => import("./move-up-down-BQqQg9AJ.js"),
-	navigation: () => import("./navigation-anaRMELY.js"),
-	note: () => import("./note-BADVAMOD.js"),
-	offline: () => import("./offline-DuhcyVFD.js"),
-	package: () => import("./package-BnB_HsId.js"),
-	"paper-plane": () => import("./paper-plane-DoUFwKYF.js"),
-	paperplane: () => import("./paperplane-Cw3OQH89.js"),
-	pause: () => import("./pause-B_woUuoL.js"),
-	"pause-circle": () => import("./pause-circle-ClhyHaux.js"),
-	pdf: () => import("./pdf-lclOKVJ2.js"),
-	pen: () => import("./pen-BYlHeyLP.js"),
-	"pen-check": () => import("./pen-check-CLkQcw7V.js"),
-	people: () => import("./people-BlWLQZMR.js"),
-	phone: () => import("./phone-hIsmbdtU.js"),
-	picture: () => import("./picture-BKmhjd13.js"),
-	"picture-gallery": () => import("./picture-gallery-BAZaYpUt.js"),
-	pin: () => import("./pin-DMIpLQt-.js"),
-	planning: () => import("./planning-B9AMrO6I.js"),
-	"play-outline": () => import("./play-outline-D9YObuEU.js"),
-	"play-fill": () => import("./play-fill-DWxSZlrg.js"),
-	play: () => import("./play-CSv3pC5Z.js"),
-	plus: () => import("./plus-B4cAt93C.js"),
-	"plus-circle": () => import("./plus-circle-DjXnIdD5.js"),
-	print: () => import("./print-CGSp7XrL.js"),
-	refresh: () => import("./refresh-BfBZLlU7.js"),
-	reset: () => import("./reset-CYwNtsBW.js"),
-	responsive: () => import("./responsive-Cqe2_8fa.js"),
-	"rubix-thema": () => import("./rubix-thema-nehPilbK.js"),
-	save: () => import("./save-Cfv4LXWR.js"),
-	"saved-search": () => import("./saved-search-BDb40ZlL.js"),
-	"saved-search-fill": () => import("./saved-search-fill-BYPNpEtV.js"),
-	search: () => import("./search-D-CjIn38.js"),
-	settings: () => import("./settings-CE7YKNJv.js"),
-	share: () => import("./share-C8sXuqyT.js"),
-	"share-alternative": () => import("./share-alternative-BBR6jE9a.js"),
-	sidebar: () => import("./sidebar-Dv-F_1lT.js"),
-	"sidebar-fill": () => import("./sidebar-fill-Dg0vb_t2.js"),
-	slack: () => import("./slack-DTCFkLzk.js"),
-	"slider-config": () => import("./slider-config-CVsy84hJ.js"),
-	spellcheck: () => import("./spellcheck-BwGpBJRt.js"),
-	spinner: () => import("./spinner-ByROLBJ0.js"),
-	"standard-view": () => import("./standard-view-ipbIZYYV.js"),
-	star: () => import("./star-By07wfI3.js"),
-	"star-fill": () => import("./star-fill-DhcgIMxc.js"),
-	"star-filled": () => import("./star-filled-DwiJh1ag.js"),
-	stop: () => import("./stop-DelMIekF.js"),
-	story: () => import("./story-j5Wo09Wt.js"),
-	sync: () => import("./sync-Tj7nB54K.js"),
-	tasks: () => import("./tasks-Bh4TQV3Y.js"),
-	text: () => import("./text-DGl5IouX.js"),
-	"thumbs-down": () => import("./thumbs-down-CCbVJRx0.js"),
-	"thumbs-up": () => import("./thumbs-up-CH8h5tZC.js"),
-	"thumbs-up-double": () => import("./thumbs-up-double-ibHzKIoJ.js"),
-	topic: () => import("./topic-CXVgx9kE.js"),
-	union: () => import("./union-DBO30TiX.js"),
-	upload: () => import("./upload-ByfYskdk.js"),
-	"user-need-divert-me": () => import("./user-need-divert-me-BbTQYt3K.js"),
-	"user-need-educate-me": () => import("./user-need-educate-me-Y5iYc94b.js"),
-	"user-need-give-me-perspective": () => import("./user-need-give-me-perspective-D3VwYctR.js"),
-	"user-need-help-me": () => import("./user-need-help-me-Bq_lyMGW.js"),
-	"user-need-touch-me": () => import("./user-need-touch-me-B459dJJQ.js"),
-	"user-need-update-me": () => import("./user-need-update-me-CYMBMwQB.js"),
-	video: () => import("./video-DQOxJAAJ.js"),
-	"video-overlay": () => import("./video-overlay-To9rTi06.js"),
-	view: () => import("./view-Bwk22a5T.js"),
-	"view-off": () => import("./view-off-LU3qve1u.js"),
-	"volume-up": () => import("./volume-up-64lMl5t4.js")
+	bookmark: () => import("./bookmark-D65iW--h.js"),
+	"bookmark-filled": () => import("./bookmark-filled-5lCW1BfF.js"),
+	box: () => import("./box-BCDNtaq7.js"),
+	bulb: () => import("./bulb-12wSYpgA.js"),
+	call: () => import("./call-CW04DyHi.js"),
+	camera: () => import("./camera-CbeyxVU5.js"),
+	check: () => import("./check-BpPjjXqx.js"),
+	checklist: () => import("./checklist-CFCfO7IN.js"),
+	checkmark: () => import("./checkmark-DhUksPvT.js"),
+	"checkmark-double": () => import("./checkmark-double-BNGXAUiT.js"),
+	"chevron-down": () => import("./chevron-down-BjZ6BFFp.js"),
+	"chevron-left": () => import("./chevron-left-Z-D_OY2t.js"),
+	"chevron-right": () => import("./chevron-right-D1GfZQB6.js"),
+	"chevron-up": () => import("./chevron-up-DWZ1F8w0.js"),
+	clipboard: () => import("./clipboard-CNCIToKK.js"),
+	clock: () => import("./clock-CqWSNhFX.js"),
+	close: () => import("./close-oHIGT_JQ.js"),
+	"cloud-save": () => import("./cloud-save-CWTQ5IHS.js"),
+	code: () => import("./code-BD5nOHqK.js"),
+	collapse: () => import("./collapse-D6QeCZC7.js"),
+	"color-palette": () => import("./color-palette-BpONORjj.js"),
+	comment: () => import("./comment-D5RZxZWG.js"),
+	"comment-filled": () => import("./comment-filled-Cl_qZ6Fz.js"),
+	copy: () => import("./copy-BDnlScSS.js"),
+	"copy-link": () => import("./copy-link-BSfa58Tb.js"),
+	delete: () => import("./delete-dDyi0gau.js"),
+	download: () => import("./download-B-ZTsIBv.js"),
+	"dpa-id": () => import("./dpa-id-DRnjTcHI.js"),
+	edit: () => import("./edit-BbFkVyRd.js"),
+	"edit-add": () => import("./edit-add-CAPOsjts.js"),
+	eil: () => import("./eil-CzEP-9Lo.js"),
+	emoji: () => import("./emoji-BjLqvypC.js"),
+	"emoji-add": () => import("./emoji-add-BB4fB4th.js"),
+	envelope: () => import("./envelope-DftzB5Ol.js"),
+	event: () => import("./event-FR1JMgj6.js"),
+	expand: () => import("./expand-DaVQ0gpz.js"),
+	"external-link": () => import("./external-link-2Es0qWwd.js"),
+	"file-pdf": () => import("./file-pdf-CJDdjKS0.js"),
+	file: () => import("./file-AHJ00f5M.js"),
+	filter: () => import("./filter-CXjBFUUg.js"),
+	flag: () => import("./flag-CbX4PUMS.js"),
+	"flag-filled": () => import("./flag-filled-VmJW-U0p.js"),
+	flags: () => import("./flags-Buo1j-9g.js"),
+	flash: () => import("./flash-Dlr5gL01.js"),
+	folder: () => import("./folder-DQwCjGZC.js"),
+	"folder-add": () => import("./folder-add-zPr2Gmtj.js"),
+	"folder-filled": () => import("./folder-filled-D6pmcH0e.js"),
+	gallery: () => import("./gallery-CfUbckcB.js"),
+	graphic: () => import("./graphic-nXH5ifxc.js"),
+	graphics: () => import("./graphics-Dp8pQzs-.js"),
+	"grid-1": () => import("./grid-1-DZUEMbtb.js"),
+	"grid-2": () => import("./grid-2-BQ-9yylY.js"),
+	"grid-3": () => import("./grid-3-BGhZrrCJ.js"),
+	"grid-4": () => import("./grid-4-DY9N435A.js"),
+	"grid-6": () => import("./grid-6-B0BR3wbB.js"),
+	"grid-9": () => import("./grid-9-BWhM7qat.js"),
+	"grid-masonry-9": () => import("./grid-masonry-9-DiiX1pQo.js"),
+	"grid-masonry": () => import("./grid-masonry-1e9tYkSK.js"),
+	help: () => import("./help-CLfj4LQM.js"),
+	home: () => import("./home-D6htLjOF.js"),
+	image: () => import("./image-DnYnaoeu.js"),
+	"image-focus-point": () => import("./image-focus-point-BJ7HhehR.js"),
+	"impact-high": () => import("./impact-high-DuECIU0d.js"),
+	"impact-low": () => import("./impact-low-DMtzvmWi.js"),
+	"impact-medium": () => import("./impact-medium-B5-WfnV2.js"),
+	"impact-very-high": () => import("./impact-very-high-C1K1nCE9.js"),
+	"impact-very-low": () => import("./impact-very-low-CXbiBK6E.js"),
+	info: () => import("./info-Ca-64c_9.js"),
+	"info-filled": () => import("./info-filled-PYbvwGmZ.js"),
+	label: () => import("./label-D8X5FrVe.js"),
+	"label-filled": () => import("./label-filled-DjSc-Fk4.js"),
+	language: () => import("./language-OE6ZfER_.js"),
+	latest: () => import("./latest-D0dlub5f.js"),
+	lightbulb: () => import("./lightbulb-DKJrsADi.js"),
+	list: () => import("./list-BviTrZEl.js"),
+	"list-search": () => import("./list-search-Ck6anukf.js"),
+	lock: () => import("./lock-C5vUwbkA.js"),
+	mail: () => import("./mail-CtA-d2d0.js"),
+	map: () => import("./map-FF2zfEGP.js"),
+	"map-filled": () => import("./map-filled-Y8JaYK4Y.js"),
+	menu: () => import("./menu-DFzmvE6J.js"),
+	minus: () => import("./minus-COmVHb9S.js"),
+	"more-horizontal": () => import("./more-horizontal-DzHbd3yn.js"),
+	"more-vertical": () => import("./more-vertical-CiJm6ZaV.js"),
+	move: () => import("./move-CUyDTrlz.js"),
+	"move-up-down": () => import("./move-up-down-3AiMDXGu.js"),
+	navigation: () => import("./navigation-BryXzz7G.js"),
+	note: () => import("./note-CXIfkCb0.js"),
+	offline: () => import("./offline-BlqqTvjx.js"),
+	package: () => import("./package-BEkSqrZt.js"),
+	"paper-plane": () => import("./paper-plane-CwVjTgAB.js"),
+	pause: () => import("./pause-D-nbILiS.js"),
+	pdf: () => import("./pdf-C7o5LP5D.js"),
+	pen: () => import("./pen-5O6IZM5k.js"),
+	"pen-check": () => import("./pen-check-GQoVyZ_V.js"),
+	people: () => import("./people-CFA1u84D.js"),
+	phone: () => import("./phone-BmL2p-7F.js"),
+	picture: () => import("./picture-jf1PkZfY.js"),
+	pin: () => import("./pin-CTaBntUQ.js"),
+	planning: () => import("./planning-s3sRV6ix.js"),
+	play: () => import("./play-CArB2O7k.js"),
+	plus: () => import("./plus-Dm-ZxxHJ.js"),
+	print: () => import("./print-B5fjHJZL.js"),
+	refresh: () => import("./refresh-gU5ZZuG6.js"),
+	reset: () => import("./reset-CwU1iGF5.js"),
+	responsive: () => import("./responsive-BHNmDmM6.js"),
+	"rubix-thema": () => import("./rubix-thema-BZvVEFud.js"),
+	save: () => import("./save-mTHDeUnL.js"),
+	"saved-search": () => import("./saved-search-DJO4_yPH.js"),
+	"saved-search-filled": () => import("./saved-search-filled-CNz5iwu_.js"),
+	search: () => import("./search-B5yHBLf_.js"),
+	settings: () => import("./settings-Hb_Y7Y53.js"),
+	share: () => import("./share-OpdW8ZmZ.js"),
+	"share-alternative": () => import("./share-alternative-C3pSVTYb.js"),
+	sidebar: () => import("./sidebar-DtAUGBof.js"),
+	"sidebar-filled": () => import("./sidebar-filled-BnnqCUYl.js"),
+	slack: () => import("./slack-mCoCq7b9.js"),
+	"slider-config": () => import("./slider-config-yjKG-9r9.js"),
+	spellcheck: () => import("./spellcheck-bP4DPCKJ.js"),
+	spinner: () => import("./spinner-CrCQ6H6L.js"),
+	"standard-view": () => import("./standard-view-CN0ixRE4.js"),
+	star: () => import("./star-BKWqck4u.js"),
+	"star-filled": () => import("./star-filled-CdXMXBn7.js"),
+	stop: () => import("./stop-B8l9lmwT.js"),
+	story: () => import("./story-Cxy8EkgB.js"),
+	sync: () => import("./sync-BW_fAqt6.js"),
+	tasks: () => import("./tasks-DLNuebMi.js"),
+	text: () => import("./text-CPSps-qh.js"),
+	"thumbs-down": () => import("./thumbs-down-pSf_ND98.js"),
+	"thumbs-up": () => import("./thumbs-up-Braz70N6.js"),
+	"thumbs-up-double": () => import("./thumbs-up-double-C6foUkOq.js"),
+	topic: () => import("./topic-BamlhBNV.js"),
+	union: () => import("./union-CYw04THu.js"),
+	upload: () => import("./upload-BL_iLqTa.js"),
+	"user-need-divert-me": () => import("./user-need-divert-me-2RaqdMMH.js"),
+	"user-need-educate-me": () => import("./user-need-educate-me-CRi42bIc.js"),
+	"user-need-give-me-perspective": () => import("./user-need-give-me-perspective-BIF7v9vF.js"),
+	"user-need-help-me": () => import("./user-need-help-me-O0XSLzP-.js"),
+	"user-need-touch-me": () => import("./user-need-touch-me-BueJ3SSh.js"),
+	"user-need-update-me": () => import("./user-need-update-me-DP574fsn.js"),
+	video: () => import("./video-CWHoNlON.js"),
+	"video-overlay": () => import("./video-overlay-D6e61Eo7.js"),
+	view: () => import("./view-Bc5W8beK.js"),
+	"view-off": () => import("./view-off-DquC2i3E.js"),
+	"volume-up": () => import("./volume-up-DEzoW7Bq.js")
 }, xe = {};
 function Se(e, t) {
 	return j(), l("div");
@@ -225,9 +211,9 @@ var Ce = /* @__PURE__ */ e(xe, [["render", Se]]), we = {
 			if (!be[e.name]) throw Error(`UiIcon: No icon named “${e.name}” exists.`);
 		}), (e, r) => (j(), s(te(t.value), { class: E([n.value, "inline-flex fill-current"]) }, null, 8, ["class"]));
 	}
-}), Ee = { class: "flex items-center justify-between py-1" }, De = { class: "flex items-center pr-2" }, Oe = { class: "text-xs font-medium text-gray-900" }, ke = {
+}), Ee = { class: "flex items-center justify-between py-1" }, De = { class: "flex items-center pr-2" }, Oe = { class: "text-xs font-medium text-neutral-primary" }, ke = {
 	key: 0,
-	class: "w-16 shrink-0 text-right text-xs text-gray-700"
+	class: "w-16 shrink-0 text-right text-xs text-neutral-subtle"
 }, Ae = { class: "flex flex-col" }, je = {
 	key: 0,
 	class: "flex py-1"
@@ -236,11 +222,11 @@ var Ce = /* @__PURE__ */ e(xe, [["render", Se]]), we = {
 	class: "relative mr-2 flex-none"
 }, Ne = ["src", "alt"], Pe = {
 	key: 0,
-	class: "absolute right-1 bottom-1 inline-block h-4 rounded-full bg-gray-900 px-1 align-middle text-xs/4 font-semibold text-white",
+	class: "absolute right-1 bottom-1 inline-block h-4 rounded-full bg-neutral-primary px-1 align-middle text-xs/4 font-semibold text-neutral",
 	"data-testid": "imageCount"
 }, Fe = {
 	key: 0,
-	class: "pt-1 text-xs font-medium text-gray-700"
+	class: "pt-1 text-xs font-medium text-neutral-subtle"
 }, Ie = /* @__PURE__ */ h({
 	name: "DpaMediaItem",
 	props: {
@@ -266,12 +252,12 @@ var Ce = /* @__PURE__ */ e(xe, [["render", Se]]), we = {
 			graphic: (t.isFulfilled, "graphic")
 		})[t.genre]), r = o(() => {
 			let { isFulfilled: e } = t;
-			return e ? t.disabled ? "cursor-not-allowed transition shadow-sm border border-gray-300" : "cursor-pointer transition shadow-sm hover:shadow-md group border border-gray-300 hover:border-gray-500" : "cursor-auto";
+			return e ? t.disabled ? "cursor-not-allowed transition shadow-sm border border-neutral-faint" : "cursor-pointer transition shadow-sm hover:shadow-md group border border-neutral-faint hover:border-neutral-muted" : "cursor-auto";
 		});
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
 		}), (t, i) => (j(), l("div", {
-			class: E(["mb-px w-full bg-white pt-2 pr-4 pb-3 pl-3 md:pt-3", r.value]),
+			class: E(["mb-px w-full bg-neutral pt-2 pr-4 pb-3 pl-3 md:pt-3", r.value]),
 			"data-testid": "rootDiv"
 		}, [u("div", { class: E(["flex", {
 			"flex-col-reverse": t.$slots.timePublished,
@@ -281,7 +267,7 @@ var Ce = /* @__PURE__ */ e(xe, [["render", Se]]), we = {
 			u("div", Ee, [u("div", De, [p(Te, {
 				size: "sm",
 				name: n.value,
-				class: "mr-2 shrink-0 fill-current text-gray-700"
+				class: "mr-2 shrink-0 fill-current text-neutral-subtle"
 			}, null, 8, ["name"]), u("span", Oe, [L(t.$slots, "description")])]), t.$slots.planning ? (j(), l("span", ke, [L(t.$slots, "planning")])) : c("", !0)]),
 			u("div", Ae, [e.imgSrc || t.$slots.default ? (j(), l("div", je, [e.imgSrc ? (j(), l("div", Me, [u("img", {
 				src: e.imgSrc,
@@ -296,7 +282,7 @@ var Ce = /* @__PURE__ */ e(xe, [["render", Se]]), we = {
 				}])
 			}, [L(t.$slots, "default")], 2)) : c("", !0)])) : c("", !0), t.$slots.textLength ? (j(), l("span", {
 				key: 1,
-				class: E(["text-xs text-gray-700", e.isFulfilled ? "" : "ml-6"])
+				class: E(["text-xs text-neutral-subtle", e.isFulfilled ? "" : "ml-6"])
 			}, [L(t.$slots, "textLength")], 2)) : c("", !0)]),
 			t.$slots.timePublished ? (j(), l("span", Fe, [L(t.$slots, "timePublished")])) : c("", !0)
 		], 2)], 2));
@@ -2047,7 +2033,7 @@ var dn = { key: 0 }, fn = /* @__PURE__ */ h({
 			tertiary: "border-transparent bg-neutral-subtle text-neutral not-disabled:hover:bg-neutral-emphasis disabled:bg-neutral-faint disabled:text-neutral-soft",
 			ghost: "border-transparent bg-transparent text-neutral-emphasis not-disabled:hover:border-neutral-subtle not-disabled:hover:text-neutral-primary disabled:text-neutral-faint"
 		})[e.appearance]);
-		return (o, c) => (j(), s(te(typeof e.to == "string" ? "a" : e.to ? "RouterLink" : "button"), w({ class: H(un)("UiButton inline-flex items-center justify-center gap-2 rounded-full border align-middle leading-normal font-medium whitespace-nowrap not-disabled:cursor-pointer focus:outline-hidden focus-visible:outline-blue disabled:cursor-not-allowed", a.value, t[e.size], o.$attrs.class) }, {
+		return (o, c) => (j(), s(te(typeof e.to == "string" ? "a" : e.to ? "RouterLink" : "button"), w({ class: H(un)("UiButton inline-flex items-center justify-center gap-2 rounded-full border align-middle leading-normal font-medium whitespace-nowrap not-disabled:cursor-pointer focus:outline-hidden focus-visible:focus-outline disabled:cursor-not-allowed", a.value, t[e.size], o.$attrs.class) }, {
 			...r.value,
 			class: void 0
 		}), {
@@ -2062,7 +2048,7 @@ var dn = { key: 0 }, fn = /* @__PURE__ */ h({
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
 		});
 	}
-}, mn = { class: "flex *:rounded-none *:border *:border-r-0 *:border-gray-300 [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r" };
+}, mn = { class: "flex *:rounded-none *:border *:border-r-0 *:border-neutral-faint [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r" };
 function hn(e, t, n, r, i, a) {
 	return j(), l("div", mn, [L(e.$slots, "default")]);
 }
@@ -2073,7 +2059,7 @@ var gn = /* @__PURE__ */ e(pn, [["render", hn]]), _n = {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
 		});
 	}
-}, vn = { class: "mb-4 rounded-2xl bg-gray-100 px-8 py-4 text-sm font-medium sm:w-full md:mr-7 md:w-[45.5%] lg:mr-8 lg:w-[46.5%]" };
+}, vn = { class: "mb-4 rounded-2xl bg-neutral-whisper px-8 py-4 text-sm font-medium sm:w-full md:mr-7 md:w-[45.5%] lg:mr-8 lg:w-[46.5%]" };
 function yn(e, t, n, r, i, a) {
 	return j(), l("li", vn, [L(e.$slots, "default")]);
 }
@@ -2187,7 +2173,7 @@ var On = /* @__PURE__ */ e(Tn, [["render", Dn]]), kn = { class: "sr-only" }, An
 	emits: ["list-item-click"],
 	setup(e) {
 		return (t, n) => (j(), l("li", {
-			class: E(H(un)("flex cursor-pointer list-none items-center gap-2 px-4 py-2 text-sm/normal text-neutral-emphasis select-none hover:text-primary focus:outline-hidden focus-visible:outline-blue focus-visible:-outline-offset-2 [*+&]:border-t", {
+			class: E(H(un)("flex cursor-pointer list-none items-center gap-2 px-4 py-2 text-sm/normal text-neutral-emphasis select-none hover:text-primary focus:outline-hidden focus-visible:focus-outline focus-visible:-outline-offset-2", {
 				"cursor-default text-neutral-medium": e.disabled,
 				"is-selected": e.selected,
 				"py-3": e.checkboxSize === "md"
@@ -2314,7 +2300,7 @@ var On = /* @__PURE__ */ e(Tn, [["render", Dn]]), kn = { class: "sr-only" }, An
 			size: e.size == "xs" ? "xs" : "sm"
 		}, null, 8, ["size"])])) : c("", !0)], 2));
 	}
-}), Pn = { class: "text-xs font-semibold tracking-widest text-gray-700 uppercase" }, Fn = { key: 0 }, In = /* @__PURE__ */ h({
+}), Pn = { class: "text-xs font-semibold tracking-widest text-neutral-subtle uppercase" }, Fn = { key: 0 }, In = /* @__PURE__ */ h({
 	name: "UiCollapseNavigation",
 	props: {
 		headline: { default: "" },
@@ -2338,7 +2324,7 @@ var On = /* @__PURE__ */ e(Tn, [["render", Dn]]), kn = { class: "sr-only" }, An
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
 		}), t({ openMenu: i }), (t, r) => (j(), l(n, null, [
-			u("div", { class: E(e.hasBorderTop ? "border-t border-t-gray-300" : "") }, null, 2),
+			u("div", { class: E(e.hasBorderTop ? "border-t border-t-neutral-faint" : "") }, null, 2),
 			p(fn, {
 				appearance: "secondary",
 				class: "flex w-full justify-between border-none",
@@ -2346,7 +2332,7 @@ var On = /* @__PURE__ */ e(Tn, [["render", Dn]]), kn = { class: "sr-only" }, An
 			}, {
 				default: q(() => [u("h3", Pn, z(e.headline), 1), p(Te, {
 					name: "chevron-down",
-					class: E(["rounded-full text-gray-700 transition-transform duration-500 hover:bg-gray-300", { "rotate-180": i.value }])
+					class: E(["rounded-full text-neutral-subtle transition-transform duration-500 hover:bg-neutral-faint", { "rotate-180": i.value }])
 				}, null, 8, ["class"])]),
 				_: 1
 			}),
@@ -4170,7 +4156,7 @@ function Ar(e, t, n) {
 	});
 }
 //#endregion
-//#region node_modules/.pnpm/@vueuse+core@14.2.1_vue@3.5.33_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
+//#region node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.33_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
 var jr = yr ? window : void 0;
 yr && window.document, yr && window.navigator, yr && window.location;
 function Mr(e) {
@@ -4247,8 +4233,9 @@ function Fr(e, t, n = {}) {
 		}, { passive: !0 }),
 		o && Nr(r, "blur", (n) => {
 			setTimeout(() => {
-				let i = Mr(e);
-				r.document.activeElement?.tagName === "IFRAME" && !i?.contains(r.document.activeElement) && t(n);
+				let i = Mr(e), a = r.document.activeElement;
+				for (; a?.shadowRoot;) a = a.shadowRoot.activeElement;
+				a?.tagName === "IFRAME" && !i?.contains(r.document.activeElement) && t(n);
 			}, 0);
 		}, { passive: !0 })
 	].filter(Boolean), h = () => m.forEach((e) => e());
@@ -13790,7 +13777,7 @@ var zl = {
 		weekStartsOn: 1,
 		firstWeekContainsDate: 4
 	}
-}, nf = { class: "flex items-center gap-2" }, rf = { class: "flex w-full flex-col gap-y-2 px-6 py-4" }, af = { class: "text-xs/4 font-semibold tracking-wider text-neutral-subtle uppercase" }, of = { class: "flex flex-col flex-nowrap items-start gap-y-2 whitespace-nowrap" }, sf = ["data-testid", "onClick"], cf = { key: 0 }, lf = /* @__PURE__ */ h({
+}, nf = { class: "flex min-w-0 items-center gap-2" }, rf = { class: "truncate" }, af = { class: "flex w-full flex-col gap-y-2 px-6 py-4" }, of = { class: "text-xs/4 font-semibold tracking-wider text-neutral-subtle uppercase" }, sf = { class: "flex flex-col flex-nowrap items-start gap-y-2 whitespace-nowrap" }, cf = ["data-testid", "onClick"], lf = { key: 0 }, uf = /* @__PURE__ */ h({
 	__name: "UiDatePicker",
 	props: /* @__PURE__ */ C({
 		autoApply: {
@@ -13864,38 +13851,38 @@ var zl = {
 		"quick-filter-changed"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let r = G("datePicker"), i = G("menuArrow"), a = W(e, "modelValue"), m = t, h = F(!1), g = o(() => [$(e.minDate), $(e.maxDate || /* @__PURE__ */ new Date())]);
-		function _() {
+		let r = G("datePicker"), i = G("menuArrow"), a = W(e, "modelValue"), f = t, m = F(!1), h = o(() => [$(e.minDate), $(e.maxDate || /* @__PURE__ */ new Date())]);
+		function g() {
 			r.value?.closeMenu();
 		}
-		function y() {
-			a.value = void 0, _();
+		function _() {
+			a.value = void 0, g();
 		}
-		function b(e) {
-			a.value = e.range, m("quick-filter-changed", e), _();
+		function y(e) {
+			a.value = e.range, f("quick-filter-changed", e), g();
 		}
-		function x(e) {
+		function b(e) {
 			return typeof e == "object" && "month" in e && "year" in e;
 		}
-		function S(e) {
+		function x(e) {
 			let t = a.value;
 			if (!t) return !1;
 			if (Array.isArray(t) && Array.isArray(e)) {
 				let [n, r] = t, [i, a] = e;
 				return n.toDateString() == i.toDateString() && r.toDateString() == a.toDateString();
-			} else if (x(t) && x(e)) return t.year === e.year && t.month === e.month;
+			} else if (b(t) && b(e)) return t.year === e.year && t.month === e.month;
 			return !1;
 		}
-		function C(t) {
+		function S(t) {
 			return _s(t, "LLLL yyyy", { locale: e.locale });
 		}
-		function w(t) {
+		function C(t) {
 			let n = "dd.MM.yyyy";
 			if (Array.isArray(t)) {
 				let [r, i] = t;
 				return r.toISOString() == i.toISOString() ? _s(r, n, { locale: e.locale }) : `${_s(r, n, { locale: e.locale })} - ${_s(i, n, { locale: e.locale })}`;
 			}
-			return e.monthPicker ? C(t) : _s(t, "dd.MM.yyyy");
+			return e.monthPicker ? S(t) : _s(t, "dd.MM.yyyy");
 		}
 		return (t, o) => (j(), l("div", null, [p(H(Gd), {
 			ref_key: "datePicker",
@@ -13913,7 +13900,7 @@ var zl = {
 			transitions: "",
 			"multi-calendars": e.multiCalendars,
 			"month-picker": e.monthPicker,
-			"year-range": g.value,
+			"year-range": h.value,
 			"auto-apply": e.autoApply,
 			config: {
 				monthChangeOnScroll: !1,
@@ -13934,7 +13921,7 @@ var zl = {
 			},
 			formats: {
 				month: "LLLL",
-				input: e.customFormatCallback ? e.customFormatCallback : w
+				input: e.customFormatCallback ? e.customFormatCallback : C
 			},
 			"time-config": { enableTimePicker: e.enableTimePicker },
 			"input-attrs": { clearable: !1 },
@@ -13944,19 +13931,20 @@ var zl = {
 				navBtnPrev: "nav-btn-prev"
 			},
 			onOpen: o[1] ||= (e) => {
-				m("open"), h.value = !0;
+				f("open"), m.value = !0;
 			},
 			onClosed: o[2] ||= (e) => {
-				m("closed"), h.value = !1;
+				f("closed"), m.value = !1;
 			},
-			onKeydown: de(_, ["esc"]),
-			onRangeStart: o[3] ||= (e) => m("range-start", e),
-			onRangeEnd: o[4] ||= (e) => m("range-end", e)
+			onKeydown: de(g, ["esc"]),
+			onRangeStart: o[3] ||= (e) => f("range-start", e),
+			onRangeEnd: o[4] ||= (e) => f("range-end", e)
 		}, d({
 			"dp-input": q(({ value: t }) => [p(fn, {
-				class: E(["flex flex-none items-center justify-between", {
-					"border-neutral-subtle": h.value,
-					"w-full": e.triggerWidth == "full"
+				class: E(["flex justify-between", {
+					"border-neutral-subtle": m.value,
+					"w-full min-w-0": e.triggerWidth === "full",
+					"flex-none": e.triggerWidth === "fit"
 				}]),
 				appearance: t ? "primary" : "secondary-alt",
 				disabled: e.disabled,
@@ -13965,9 +13953,11 @@ var zl = {
 			}, {
 				default: q(() => [u("div", nf, [e.leftTriggerIcon ? (j(), s(Te, {
 					key: 0,
+					class: "shrink-0",
 					name: e.leftTriggerIcon,
 					size: "sm"
-				}, null, 8, ["name"])) : c("", !0), f(" " + z(t || e.triggerPlaceholderText), 1)]), p(Te, {
+				}, null, 8, ["name"])) : c("", !0), u("span", rf, z(t || e.triggerPlaceholderText), 1)]), p(Te, {
+					class: "shrink-0",
 					name: "chevron-down",
 					size: "sm"
 				})]),
@@ -13996,12 +13986,12 @@ var zl = {
 		}, [
 			e.leftSidebar ? {
 				name: "left-sidebar",
-				fn: q(() => [u("div", rf, [u("h2", af, z(e.quickFilterHeadline), 1), u("div", of, [(j(!0), l(n, null, I(e.quickFilterRanges, (e) => (j(), l("button", {
+				fn: q(() => [u("div", af, [u("h2", of, z(e.quickFilterHeadline), 1), u("div", sf, [(j(!0), l(n, null, I(e.quickFilterRanges, (e) => (j(), l("button", {
 					key: e.label,
 					"data-testid": e.label,
-					class: E(["text-sm font-semibold text-neutral-primary hover:text-primary", { "text-primary": S(e.range) }]),
-					onClick: (t) => b(e)
-				}, z(e.label), 11, sf))), 128))])])]),
+					class: E(["text-sm font-semibold text-neutral-primary hover:text-primary", { "text-primary": x(e.range) }]),
+					onClick: (t) => y(e)
+				}, z(e.label), 11, cf))), 128))])])]),
 				key: "0"
 			} : void 0,
 			t.$slots["action-row"] ? {
@@ -14013,8 +14003,8 @@ var zl = {
 				name: "action-extra",
 				fn: q((n) => [L(t.$slots, "action-extra", D(v({
 					...n,
-					reset: y
-				})), () => [e.actionExtraContent ? (j(), l("div", cf, z(e.actionExtraContent), 1)) : c("", !0)])]),
+					reset: _
+				})), () => [e.actionExtraContent ? (j(), l("div", lf, z(e.actionExtraContent), 1)) : c("", !0)])]),
 				key: "2"
 			} : void 0
 		]), 1032, [
@@ -14037,19 +14027,19 @@ var zl = {
 			"time-config"
 		])]));
 	}
-}), uf = {
+}), df = {
 	key: 0,
 	class: "flex flex-wrap items-center justify-between gap-4 rounded-t-2xl bg-neutral-whisper px-4 py-2"
-}, df = {
+}, ff = {
 	key: 0,
 	class: "text-lg font-semibold"
-}, ff = {
+}, pf = {
 	key: 1,
 	class: "space-y-2 px-4 py-3"
-}, pf = {
+}, mf = {
 	key: 2,
 	class: "flex flex-wrap items-center justify-between gap-2 px-4 py-3"
-}, mf = /* @__PURE__ */ h({
+}, hf = /* @__PURE__ */ h({
 	__name: "UiDialog",
 	props: {
 		hasCloseButton: {
@@ -14080,7 +14070,7 @@ var zl = {
 			onClick: a[0] ||= fe((e) => n.value?.requestClose(), ["self"]),
 			onKeydown: a[1] ||= de(fe((e) => n.value?.requestClose(), ["prevent"]), ["esc"])
 		}, [
-			t.$slots.header || e.hasCloseButton ? (j(), l("header", uf, [t.$slots.header ? (j(), l("div", df, [L(t.$slots, "header", D(v({
+			t.$slots.header || e.hasCloseButton ? (j(), l("header", df, [t.$slots.header ? (j(), l("div", ff, [L(t.$slots, "header", D(v({
 				close: r,
 				requestClose: i
 			})))])) : c("", !0), e.hasCloseButton ? (j(), s(fn, {
@@ -14094,14 +14084,14 @@ var zl = {
 				default: q(() => [p(Te, { name: "close" })]),
 				_: 1
 			}, 8, ["aria-label"])) : c("", !0)])) : c("", !0),
-			t.$slots.default ? (j(), l("div", ff, [L(t.$slots, "default")])) : c("", !0),
-			t.$slots.footer ? (j(), l("footer", pf, [L(t.$slots, "footer", D(v({
+			t.$slots.default ? (j(), l("div", pf, [L(t.$slots, "default")])) : c("", !0),
+			t.$slots.footer ? (j(), l("footer", mf, [L(t.$slots, "footer", D(v({
 				close: r,
 				requestClose: i
 			})))])) : c("", !0)
 		], 34));
 	}
-}), hf = { class: "flex items-center" }, gf = /* @__PURE__ */ h({
+}), gf = { class: "flex items-center" }, _f = /* @__PURE__ */ h({
 	__name: "UiFilterBadge",
 	props: {
 		textColor: { default: "#000" },
@@ -14119,11 +14109,11 @@ var zl = {
 			lg: "text-lg font-medium leading-relaxed",
 			xl: "text-2xl font-medium leading-loose"
 		}, n = o(() => t[e.size]);
-		return (t, r) => (j(), l("div", hf, [p(Te, {
+		return (t, r) => (j(), l("div", gf, [p(Te, {
 			class: "mr-1 shrink-0",
 			style: O({ color: e.iconColor }),
 			size: e.size,
-			name: e.iconIsFilled ? "saved-search-fill" : "saved-search"
+			name: e.iconIsFilled ? "saved-search-filled" : "saved-search"
 		}, null, 8, [
 			"style",
 			"size",
@@ -14134,7 +14124,7 @@ var zl = {
 			"data-testid": "innerText"
 		}, [L(t.$slots, "default")], 6)]));
 	}
-}), _f = ["disabled"], vf = { class: "w-full grow truncate" }, yf = /* @__PURE__ */ h({
+}), vf = ["disabled"], yf = { class: "w-full grow truncate" }, bf = /* @__PURE__ */ h({
 	name: "UiFilterButton",
 	props: {
 		title: { default: "" },
@@ -14186,25 +14176,25 @@ var zl = {
 	emits: ["click"],
 	setup(e, { emit: t }) {
 		let n = t, r = e, i = {
-			"blue-rounded": "bg-blue-default hover:bg-blue-dark",
-			"white-rounded": "bg-white hover:border-gray-700 border border-gray-400",
-			blank: "bg-transparent hover:bg-gray-300",
-			"blue-blank": "bg-transparent hover:bg-gray-300",
-			"transparent-rounded": "bg-transparent border border-gray-400 hover:border-gray-700"
+			"blue-rounded": "bg-primary hover:bg-primary-dark",
+			"white-rounded": "bg-neutral hover:border-neutral-subtle border border-neutral-soft",
+			blank: "bg-transparent hover:bg-neutral-faint",
+			"blue-blank": "bg-transparent hover:bg-neutral-faint",
+			"transparent-rounded": "bg-transparent border border-neutral-soft hover:border-neutral-subtle"
 		}, a = {
-			"blue-rounded": "text-white",
-			"white-rounded": "text-gray-800 hover:text-gray-900",
-			blank: "text-gray-800 hover:text-gray-900",
-			"blue-blank": "text-blue-default hover:text-blue-dark",
-			"transparent-rounded": "text-gray-800"
-		}, d = o(() => r.disabled ? r.variant === "blank" ? "border border-transparent" : "bg-white border border-gray-400" : r.active ? i[r.variant].includes("border") ? "bg-blue-default hover:bg-blue-dark border border-blue-default hover:border-blue-dark" : "bg-blue-default hover:bg-blue-dark" : i[r.variant]), f = o(() => r.disabled ? "text-gray-400" : r.active ? "text-white" : a[r.variant]), p = () => {
+			"blue-rounded": "text-neutral",
+			"white-rounded": "text-neutral-emphasis hover:text-neutral-primary",
+			blank: "text-neutral-emphasis hover:text-neutral-primary",
+			"blue-blank": "text-primary hover:text-primary-dark",
+			"transparent-rounded": "text-neutral-emphasis"
+		}, d = o(() => r.disabled ? r.variant === "blank" ? "border border-transparent" : "bg-neutral border border-neutral-soft" : r.active ? i[r.variant].includes("border") ? "bg-primary hover:bg-primary-dark border border-primary hover:border-primary-dark" : "bg-primary hover:bg-primary-dark" : i[r.variant]), f = o(() => r.disabled ? "text-neutral-soft" : r.active ? "text-neutral" : a[r.variant]), p = () => {
 			r.disabled || n("click");
 		};
 		return (t, n) => (j(), l("div", {
 			class: E(H(un)("w-full px-3", t.$attrs.class, "flex cursor-pointer items-center rounded-full select-none", d.value, e.buttonWidth === "full" ? "w-full" : "max-w-max", r.size === "xs" ? "py-0.5" : "py-1.5")),
 			onClick: p
 		}, [u("button", {
-			class: "w-full rounded-full focus:outline-hidden focus-visible:outline-blue",
+			class: "w-full rounded-full focus:outline-hidden focus-visible:focus-outline",
 			disabled: e.disabled,
 			type: "button",
 			"data-testid": "filter-button"
@@ -14222,7 +14212,7 @@ var zl = {
 				"size",
 				"class"
 			])) : c("", !0),
-			u("span", vf, z(e.title), 1),
+			u("span", yf, z(e.title), 1),
 			e.hasIcon ? (j(), s(Te, {
 				key: 1,
 				name: e.chevronIcon,
@@ -14236,9 +14226,9 @@ var zl = {
 				"class",
 				"size"
 			])) : c("", !0)
-		], 2)], 8, _f)], 2));
+		], 2)], 8, vf)], 2));
 	}
-}), bf = ["disabled", "aria-label"], xf = /* @__PURE__ */ h({
+}), xf = ["disabled", "aria-label"], Sf = /* @__PURE__ */ h({
 	name: "UiIconButton",
 	props: {
 		iconName: {},
@@ -14254,13 +14244,13 @@ var zl = {
 	emits: ["click"],
 	setup(e, { emit: t }) {
 		let n = t, r = e, i = {
-			blue: "hover:bg-blue-dark active:bg-blue-dark bg-blue-default disabled:bg-gray-300 disabled:hover:bg-none",
-			none: "hover:bg-gray-100 active:bg-blue-default disabled:hover:bg-transparent",
-			"gray-hover": "hover:bg-gray-300 disabled:hover:bg-none"
+			blue: "hover:bg-primary-dark active:bg-primary-dark bg-primary disabled:bg-neutral-faint disabled:hover:bg-none",
+			none: "hover:bg-neutral-whisper active:bg-primary disabled:hover:bg-transparent",
+			"gray-hover": "hover:bg-neutral-faint disabled:hover:bg-none"
 		}, a = {
-			blue: "text-blue-default hover:text-blue-dark disabled:text-gray-400 active:text-white",
-			gray: "text-gray-800 hover:text-gray-900 active:text-gray-900 disabled:text-gray-400",
-			white: "text-white disabled:text-gray-400"
+			blue: "text-primary hover:text-primary-dark disabled:text-neutral-soft active:text-neutral",
+			gray: "text-neutral-emphasis hover:text-neutral-primary active:text-neutral-primary disabled:text-neutral-soft",
+			white: "text-neutral disabled:text-neutral-soft"
 		}, s = {
 			small: {
 				iconSize: "small",
@@ -14284,7 +14274,7 @@ var zl = {
 		}), (t, r) => (j(), l("button", {
 			disabled: e.disabled,
 			"aria-label": e.title,
-			class: E(["group flex flex-none items-center justify-center rounded-full focus:outline-hidden focus-visible:outline-blue", [
+			class: E(["group flex flex-none items-center justify-center rounded-full focus:outline-hidden focus-visible:focus-outline", [
 				u.value,
 				c.value,
 				d.value
@@ -14295,20 +14285,20 @@ var zl = {
 			class: "flex items-center justify-center",
 			name: e.iconName,
 			size: f.value
-		}, null, 8, ["name", "size"])], 10, bf));
+		}, null, 8, ["name", "size"])], 10, xf));
 	}
-}), Sf = {
+}), Cf = {
 	key: 1,
 	class: "pt-4 text-center text-2xl font-medium text-neutral-primary",
 	"data-testid": "info-title"
-}, Cf = {
+}, wf = {
 	key: 2,
 	class: "pt-4 text-center text-base text-neutral-emphasis",
 	"data-testid": "info-text"
-}, wf = {
+}, Tf = {
 	key: 3,
 	class: "flex flex-none flex-wrap justify-center gap-x-6 gap-y-2 pt-6"
-}, Tf = /* @__PURE__ */ h({
+}, Ef = /* @__PURE__ */ h({
 	__name: "UiInfoContent",
 	props: {
 		appearance: { default: "default" },
@@ -14339,25 +14329,25 @@ var zl = {
 				"size-classes": "size-6 sm:size-10",
 				"data-testid": "icon"
 			}, null, 8, ["name"])], 2)) : c("", !0),
-			t.$slots.title ? (j(), l("h2", Sf, [L(t.$slots, "title")])) : c("", !0),
-			t.$slots.default ? (j(), l("span", Cf, [L(t.$slots, "default")])) : c("", !0),
-			t.$slots.actions ? (j(), l("div", wf, [L(t.$slots, "actions")])) : c("", !0)
+			t.$slots.title ? (j(), l("h2", Cf, [L(t.$slots, "title")])) : c("", !0),
+			t.$slots.default ? (j(), l("span", wf, [L(t.$slots, "default")])) : c("", !0),
+			t.$slots.actions ? (j(), l("div", Tf, [L(t.$slots, "actions")])) : c("", !0)
 		], 2));
 	}
-}), Ef = [
+}), Df = [
 	"id",
 	"aria-invalid",
 	"aria-errormessage",
 	"aria-label",
 	"data-is-label-raised"
-], Df = [
+], Of = [
 	"id",
 	"aria-invalid",
 	"aria-errormessage",
 	"aria-label",
 	"type",
 	"data-is-label-raised"
-], Of = ["id"], kf = /* @__PURE__ */ h({
+], kf = ["id"], Af = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiInput",
 	props: /* @__PURE__ */ C({
@@ -14407,7 +14397,7 @@ var zl = {
 				"data-is-label-raised": r.$attrs.placeholder || n.value || t.value ? "" : void 0,
 				onFocus: o[1] ||= (e) => n.value = !0,
 				onBlur: o[2] ||= (e) => n.value = !1
-			}), null, 16, Ef)), [[oe, t.value]]) : ue((j(), l("input", w({
+			}), null, 16, Df)), [[oe, t.value]]) : ue((j(), l("input", w({
 				key: 2,
 				id: i.value,
 				"onUpdate:modelValue": o[3] ||= (e) => t.value = e,
@@ -14425,7 +14415,7 @@ var zl = {
 				"data-is-label-raised": r.$attrs.placeholder || n.value || t.value ? "" : void 0,
 				onFocus: o[4] ||= (e) => n.value = !0,
 				onBlur: o[5] ||= (e) => n.value = !1
-			}), null, 16, Df)), [[ie, t.value]]),
+			}), null, 16, Of)), [[ie, t.value]]),
 			r.$slots.extra && e.inputStatus !== void 0 ? (j(), l("div", {
 				key: 3,
 				id: `${i.value}-extra`,
@@ -14433,11 +14423,48 @@ var zl = {
 					"bg-neutral-faint text-neutral-primary": e.inputStatus === "info",
 					"bg-orange-default text-neutral-primary peer-focus:bg-orange-dark peer-enabled:peer-hover:bg-orange-dark": e.inputStatus === "warning"
 				}))
-			}, [L(r.$slots, "extra")], 10, Of)) : c("", !0),
+			}, [L(r.$slots, "extra")], 10, kf)) : c("", !0),
 			L(r.$slots, "buttons")
 		], 2));
 	}
-}), Af, jf = {
+}), jf = {
+	alert: () => import("./alert-CdAp0ksh.js"),
+	audio: () => import("./audio-Cgg6MUeM.js"),
+	gallery: () => import("./gallery-DPl8qZQu.js"),
+	graphic: () => import("./graphic-BbhCuiiE.js"),
+	package: () => import("./package-pKbuF39E.js"),
+	picture: () => import("./picture-BBiWVmta.js"),
+	story: () => import("./story-DOxZDwJp.js"),
+	text: () => import("./text-Bsl2QZz3.js"),
+	video: () => import("./video-DhS7zpNF.js")
+}, Mf = {};
+function Nf(e, t) {
+	return j(), l("div");
+}
+var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
+	__name: "UiMediaTypeIcon",
+	props: {
+		name: {},
+		size: { default: "lg" }
+	},
+	setup(e) {
+		let t = o(() => m({
+			loader: jf[e.name] ?? jf.alert,
+			loadingComponent: Pf,
+			delay: 0
+		}));
+		return le(() => {
+			if (!jf[e.name]) throw Error(`UiMediaFormatIcon: No icon named “${e.name}” exists.`);
+		}), (n, r) => (j(), s(te(t.value), { class: E(["inline-flex fill-current", {
+			xs: "size-3",
+			sm: "size-4",
+			md: "size-5",
+			lg: "size-6",
+			xl: "size-10",
+			"2xl": "size-14"
+		}[e.size]]) }, null, 8, ["class"]));
+	}
+}), If, Lf = {
 	mounted(e, t) {
 		let n = t.instance;
 		if (typeof t.value != "function") {
@@ -14445,15 +14472,15 @@ var zl = {
 			e && (r += `Found in component '${e}'`), console.warn(r);
 		}
 		let { bubble: r } = t.modifiers;
-		Af = (n) => {
+		If = (n) => {
 			let i = n.target;
 			(r || !e.contains(i) && e !== n.target) && t.value(n);
-		}, document.addEventListener("mousedown", Af);
+		}, document.addEventListener("mousedown", If);
 	},
 	unmounted() {
-		document.removeEventListener("mousedown", Af);
+		document.removeEventListener("mousedown", If);
 	}
-}, Mf = ["data-side"], Nf = /* @__PURE__ */ e(/* @__PURE__ */ h({
+}, Rf = ["data-side"], zf = /* @__PURE__ */ e(/* @__PURE__ */ h({
 	__name: "UiPopover",
 	props: {
 		animate: {
@@ -14505,26 +14532,24 @@ var zl = {
 				style: O(H(o)),
 				class: "z-10 w-fit rounded-sm bg-neutral [text-align:initial] [--transition-close-duration:100ms] [--transition-duration:200ms]",
 				"data-side": e.placement
-			}, [L(t.$slots, "default", D(v({ close: d })), void 0, !0)], 12, Mf), [[se, i.value]])]),
+			}, [L(t.$slots, "default", D(v({ close: d })), void 0, !0)], 12, Rf), [[se, i.value]])]),
 			_: 3
-		}, 8, ["name"])])), [[H(jf), d]]);
+		}, 8, ["name"])])), [[H(Lf), d]]);
 	}
-}), [["__scopeId", "data-v-24e7c3cc"]]), Pf = { class: "flex items-center gap-2" }, Ff = { class: "block w-max max-w-full overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5" }, If = {
+}), [["__scopeId", "data-v-24e7c3cc"]]), Bf = { class: "flex items-center gap-2" }, Vf = { class: "block w-max max-w-full divide-y overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5" }, Hf = {
 	key: 0,
-	style: { "outline-offset": "-2px" },
-	class: "border-b fill-current px-4 py-3 text-gray-900 shadow-none"
-}, Lf = { class: "flex items-center" }, Rf = ["placeholder"], zf = {
+	class: "flex items-center gap-2 rounded-t-sm px-4 py-2 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
+}, Uf = ["placeholder"], Wf = {
 	key: 0,
 	class: "max-h-80 overflow-y-auto",
 	"data-testid": "menu-option-list"
-}, Bf = {
+}, Gf = {
 	key: 0,
-	class: "flex h-6 items-center border-t bg-gray-100 px-4 text-xs font-semibold tracking-wider text-gray-700 uppercase first:border-t-0"
-}, Vf = {
+	class: "flex h-6 items-center bg-neutral-whisper px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
+}, Kf = {
 	key: 1,
-	style: { "outline-offset": "-2px" },
-	class: "border-t fill-current px-4 py-2 text-gray-900 shadow-none"
-}, Hf = /* @__PURE__ */ h({
+	class: "px-4 py-2 text-neutral-primary"
+}, qf = /* @__PURE__ */ h({
 	__name: "UiMenu",
 	props: /* @__PURE__ */ C({
 		options: { default: () => void 0 },
@@ -14600,13 +14625,13 @@ var zl = {
 				index: t
 			});
 		};
-		return (t, i) => (j(), s(Nf, {
+		return (t, i) => (j(), s(zf, {
 			"initially-open": e.isOpen,
 			animate: e.animate,
 			placement: e.floatingUiPlacement
 		}, {
 			button: q(({ toggle: n, isOpen: r }) => [p(fn, {
-				class: E(["w-full justify-between", { "border-gray-700": r }]),
+				class: E(["w-full justify-between", { "border-neutral-subtle": r }]),
 				appearance: e.active ? "primary" : e.buttonAppearance,
 				disabled: e.disabled,
 				size: e.filterButtonSize,
@@ -14615,7 +14640,7 @@ var zl = {
 					n(), r ? t.$emit("close") : t.$emit("open");
 				}
 			}, {
-				default: q(() => [u("div", Pf, [e.iconLeft ? (j(), s(Te, {
+				default: q(() => [u("div", Bf, [e.iconLeft ? (j(), s(Te, {
 					key: 0,
 					name: e.iconLeft,
 					size: "sm"
@@ -14631,9 +14656,9 @@ var zl = {
 				"size",
 				"onClick"
 			])]),
-			default: q(({ close: a }) => [u("div", Ff, [
-				e.hasSearch ? (j(), l("div", If, [u("div", Lf, [p(Te, {
-					class: "absolute text-gray-700",
+			default: q(({ close: a }) => [u("div", Vf, [
+				e.hasSearch ? (j(), l("div", Hf, [p(Te, {
+					class: "shrink-0 text-neutral-emphasis",
 					name: "search",
 					size: "sm"
 				}), ue(u("input", {
@@ -14641,11 +14666,11 @@ var zl = {
 					"onUpdate:modelValue": i[0] ||= (e) => r.value = e,
 					type: "text",
 					spellcheck: "false",
-					class: "w-full pl-6 text-sm focus:outline-hidden",
+					class: "w-full text-sm focus:outline-hidden",
 					placeholder: e.searchPlaceholder,
 					"data-testid": "menu-search-input"
-				}, null, 8, Rf), [[oe, r.value]])])])) : c("", !0),
-				u("div", null, [L(t.$slots, "default", D(v({
+				}, null, 8, Uf), [[oe, r.value]])])) : c("", !0),
+				L(t.$slots, "default", D(v({
 					checkboxAppearance: e.checkboxAppearance,
 					checkboxSize: e.checkboxSize,
 					iconSize: e.iconSize,
@@ -14653,7 +14678,7 @@ var zl = {
 					listVariant: e.listVariant,
 					options: e.options,
 					groupedOptions: e.groupedOptions
-				})), () => [d.value.some(({ options: e }) => e.length > 0) ? (j(), l("ul", zf, [(j(!0), l(n, null, I(d.value, (t) => (j(), l(n, { key: `group-${t.groupLabel ?? "default"}` }, [t.options.length > 0 ? (j(), l(n, { key: 0 }, [t.groupLabel ? (j(), l("li", Bf, z(t.groupLabel), 1)) : c("", !0), (j(!0), l(n, null, I(t.options, (t, n) => (j(), s(jn, {
+				})), () => [d.value.some(({ options: e }) => e.length > 0) ? (j(), l("ul", Wf, [(j(!0), l(n, null, I(d.value, (t) => (j(), l(n, { key: `group-${t.groupLabel ?? "default"}` }, [t.options.length > 0 ? (j(), l(n, { key: 0 }, [t.groupLabel ? (j(), l("li", Gf, z(t.groupLabel), 1)) : c("", !0), (j(!0), l(n, null, I(t.options, (t, n) => (j(), s(jn, {
 					key: `option-${t.value}`,
 					selected: t.selected,
 					selectable: e.listVariant === "selectable",
@@ -14665,7 +14690,7 @@ var zl = {
 					"icon-name": t.iconName,
 					"checkbox-size": e.checkboxSize,
 					"checkbox-appearance": e.checkboxAppearance,
-					class: "hover:bg-gray-100 focus:bg-gray-300",
+					class: E(["hover:bg-neutral-whisper focus:bg-neutral-faint", { "border-t": t.hasDividerAbove }]),
 					"data-testid": `menu-option-button-${n}`,
 					onListItemClick: (e, n) => {
 						g(t), n && a();
@@ -14684,10 +14709,11 @@ var zl = {
 					"icon-name",
 					"checkbox-size",
 					"checkbox-appearance",
+					"class",
 					"data-testid",
 					"onListItemClick"
-				]))), 128))], 64)) : c("", !0)], 64))), 128))])) : c("", !0)])]),
-				e.hasResetOption ? (j(), l("div", Vf, [p(fn, {
+				]))), 128))], 64)) : c("", !0)], 64))), 128))])) : c("", !0)]),
+				e.hasResetOption ? (j(), l("div", Kf, [p(fn, {
 					appearance: "secondary",
 					disabled: m.value,
 					"icon-name": "reset",
@@ -14706,7 +14732,7 @@ var zl = {
 			"placement"
 		]));
 	}
-}), Uf = /* @__PURE__ */ h({
+}), Jf = /* @__PURE__ */ h({
 	name: "UiMenuItem",
 	setup() {
 		k(() => {
@@ -14740,7 +14766,7 @@ var zl = {
 			"image-shape": e.imageShape,
 			"checkbox-size": e.checkboxSize,
 			"checkbox-appearance": e.checkboxAppearance,
-			class: H(un)("hover:bg-gray-100 focus:bg-gray-300", n.$props.class)
+			class: H(un)("hover:bg-neutral-whisper focus:bg-neutral-faint", n.$props.class)
 		}, { ...t.option ? {
 			selected: t.option.selected,
 			isChecked: t.option.selected,
@@ -14758,7 +14784,7 @@ var zl = {
 			"class"
 		]));
 	}
-}), Wf = /* @__PURE__ */ h({
+}), Yf = /* @__PURE__ */ h({
 	name: "UiMenuList",
 	setup() {
 		k(() => {
@@ -14772,24 +14798,24 @@ var zl = {
 			tabindex: "0"
 		}, [L(e.$slots, "default")], 2));
 	}
-}), Gf = {
+}), Xf = {
 	class: "fixed inset-0 z-50 max-h-screen",
 	role: "dialog"
-}, Kf = /* @__PURE__ */ h({
+}, Zf = /* @__PURE__ */ h({
 	name: "UiOverlay",
 	emits: ["close"],
 	setup(e, { emit: t }) {
 		let n = t;
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
-		}), (e, t) => (j(), l("div", Gf, [u("div", {
+		}), (e, t) => (j(), l("div", Xf, [u("div", {
 			class: "fixed inset-0 h-screen bg-black opacity-60",
 			"data-testid": "background",
 			style: { "z-index": "-1" },
 			onClick: t[0] ||= (e) => n("close")
 		}), L(e.$slots, "default")]));
 	}
-}), qf = { class: "relative size-full border-none" }, Jf = { class: "absolute top-12 right-3 z-10 block border-t bg-white px-4 py-3 shadow-lg" }, Yf = /* @__PURE__ */ h({
+}), Qf = { class: "relative size-full border-none" }, $f = { class: "absolute top-12 right-3 z-10 block border-t bg-neutral px-4 py-3 shadow-lg" }, ep = /* @__PURE__ */ h({
 	name: "UiOverlayMenu",
 	props: { isOpen: {
 		type: Boolean,
@@ -14802,13 +14828,13 @@ var zl = {
 		};
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
-		}), (t, n) => ue((j(), l("div", qf, [u("div", Jf, [L(t.$slots, "default")])])), [[se, e.isOpen], [H(jf), r]]);
+		}), (t, n) => ue((j(), l("div", Qf, [u("div", $f, [L(t.$slots, "default")])])), [[se, e.isOpen], [H(Lf), r]]);
 	}
-}), Xf = [
+}), tp = [
 	"id",
 	"aria-invalid",
 	"aria-errormessage"
-], Zf = ["id"], Qf = /* @__PURE__ */ h({
+], np = ["id"], rp = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiRadioButton",
 	props: /* @__PURE__ */ C({
@@ -14847,7 +14873,7 @@ var zl = {
 				...n.$attrs,
 				class: null,
 				"data-testid": null
-			}), null, 16, Xf), [[K, t.value]]), L(n.$slots, "default")]),
+			}), null, 16, tp), [[K, t.value]]), L(n.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"class",
@@ -14857,9 +14883,9 @@ var zl = {
 			key: 0,
 			id: `${r.value}-errors`,
 			class: "bg-error px-4 py-1 text-xs/normal font-medium text-neutral transition-all duration-150 ease-in-out"
-		}, [L(n.$slots, "errors")], 8, Zf)) : c("", !0)], 2));
+		}, [L(n.$slots, "errors")], 8, np)) : c("", !0)], 2));
 	}
-}), $f = /* @__PURE__ */ h({
+}), ip = /* @__PURE__ */ h({
 	name: "UiRadioInputGroup",
 	props: /* @__PURE__ */ C({
 		options: {},
@@ -14880,7 +14906,7 @@ var zl = {
 		let t = W(e, "modelValue");
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
-		}), (r, i) => (j(), l("ul", { class: E([H(un)("flex gap-4", { "flex-col": e.direction === "vertical" }, r.$attrs.class)]) }, [(j(!0), l(n, null, I(e.options, (n) => (j(), l("li", { key: n.value }, [p(Qf, {
+		}), (r, i) => (j(), l("ul", { class: E([H(un)("flex gap-4", { "flex-col": e.direction === "vertical" }, r.$attrs.class)]) }, [(j(!0), l(n, null, I(e.options, (n) => (j(), l("li", { key: n.value }, [p(rp, {
 			modelValue: t.value,
 			"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
 			appearance: e.appearance,
@@ -14900,7 +14926,7 @@ var zl = {
 			"value"
 		])]))), 128))], 2));
 	}
-}), ep = { class: "relative flex h-full items-center pl-4" }, tp = { class: "h-full min-w-0 flex-1" }, np = ["placeholder"], rp = { class: "relative flex items-center gap-x-1 px-2" }, ip = { class: "flex items-center" }, ap = /* @__PURE__ */ h({
+}), ap = { class: "relative flex h-full items-center pl-4" }, op = { class: "h-full min-w-0 flex-1" }, sp = ["placeholder"], cp = { class: "relative flex items-center gap-x-1 px-2" }, lp = { class: "flex items-center" }, up = /* @__PURE__ */ h({
 	__name: "UiSearchBar",
 	props: /* @__PURE__ */ C({
 		placeholder: { default: "" },
@@ -14937,13 +14963,13 @@ var zl = {
 		}, g = () => {
 			n("search", r.value);
 		};
-		return (t, n) => (j(), l("div", { class: E(["h-12 w-full rounded-full outline-2 outline-transparent focus-within:outline-primary hover:outline-neutral-faint hover:focus-within:outline-primary", i[e.appearance]]) }, [u("div", ep, [
+		return (t, n) => (j(), l("div", { class: E(["h-12 w-full rounded-full outline-2 outline-transparent focus-within:outline-primary hover:outline-neutral-faint hover:focus-within:outline-primary", i[e.appearance]]) }, [u("div", ap, [
 			!a.value && r.value ? (j(), l("div", {
 				key: 0,
 				class: "flex h-full grow-0 flex-row items-center gap-x-1 overflow-hidden py-2",
 				onClick: n[0] ||= (e) => o.value?.focus()
 			}, [L(t.$slots, "chips")])) : c("", !0),
-			u("div", tp, [ue(u("input", {
+			u("div", op, [ue(u("input", {
 				ref_key: "searchInputRef",
 				ref: o,
 				"onUpdate:modelValue": n[1] ||= (e) => r.value = e,
@@ -14954,8 +14980,8 @@ var zl = {
 				onKeyup: de(m, ["enter"]),
 				onFocus: n[2] ||= (e) => d(e),
 				onBlur: n[3] ||= (e) => f(e)
-			}, null, 42, np), [[oe, r.value]])]),
-			u("div", rp, [L(t.$slots, "action"), u("div", ip, [
+			}, null, 42, sp), [[oe, r.value]])]),
+			u("div", cp, [L(t.$slots, "action"), u("div", lp, [
 				p(fn, {
 					class: E(e.showResetButtonOnMobile ? "inline-flex" : "hidden sm:inline-flex"),
 					"aria-label": e.resetSearchButtonTitle,
@@ -14992,17 +15018,17 @@ var zl = {
 			])])
 		])], 2));
 	}
-}), op = {
+}), dp = {
 	key: 0,
 	class: "col-span-1 flex items-center pr-5 text-sm lg:py-2"
-}, sp = { class: "flex items-center" }, cp = [
+}, fp = { class: "flex items-center" }, pp = [
 	"id",
 	"value",
 	"placeholder",
 	"onInput",
 	"onKeyup",
 	"onKeydown"
-], lp = /* @__PURE__ */ h({
+], mp = /* @__PURE__ */ h({
 	__name: "UiSearchInput",
 	props: {
 		id: { default: void 0 },
@@ -15045,13 +15071,13 @@ var zl = {
 			w.value = "default" in r;
 		});
 		let D = o(() => w.value || i.label.length > 0), O = o(() => {
-			let e = "border-b border-b-gray-200 self-start shrink-0";
+			let e = "border-b border-b-neutral-pale self-start shrink-0";
 			return D.value ? ["lg:col-start-2 lg:text-base", e] : [e];
 		});
-		return (t, r) => (j(), l("div", { class: E(["mb-4 grid text-gray-900 lg:mb-0 lg:grid-rows-1 lg:gap-y-5", {
+		return (t, r) => (j(), l("div", { class: E(["mb-4 grid text-neutral-primary lg:mb-0 lg:grid-rows-1 lg:gap-y-5", {
 			"lg:grid-cols-[224px_1fr]": D.value,
 			"lg:grid-cols-1": !D.value
-		}]) }, [D.value ? (j(), l("div", op, [p(xn, {
+		}]) }, [D.value ? (j(), l("div", dp, [p(xn, {
 			for: _.value,
 			class: "font-medium"
 		}, {
@@ -15060,7 +15086,7 @@ var zl = {
 		}, 8, ["for"]), L(t.$slots, "tooltip")])) : c("", !0), (j(!0), l(n, null, I(a.value, (t, n) => (j(), l("div", {
 			key: n,
 			class: E(O.value)
-		}, [u("div", sp, [u("input", {
+		}, [u("div", fp, [u("input", {
 			id: _.value,
 			ref_for: !0,
 			ref_key: "inputs",
@@ -15073,7 +15099,7 @@ var zl = {
 			onBlur: C,
 			onKeyup: de((e) => y(n, e.target.value), ["delete"]),
 			onKeydown: (e) => S(n, e.target.value, e)
-		}, null, 40, cp), e.hasAddEntryOption && n === a.value.length - 1 ? (j(), s(fn, {
+		}, null, 40, pp), e.hasAddEntryOption && n === a.value.length - 1 ? (j(), s(fn, {
 			key: 0,
 			"aria-label": "Add Row",
 			disabled: !v.value,
@@ -15082,11 +15108,11 @@ var zl = {
 			"data-testid": "add-entry",
 			onClick: h
 		}, {
-			default: q(() => [p(Te, { name: "plus-circle" })]),
+			default: q(() => [p(Te, { name: "plus" })]),
 			_: 1
 		}, 8, ["disabled"])) : c("", !0)])], 2))), 128))], 2));
 	}
-}), up = /* @__PURE__ */ h({
+}), hp = /* @__PURE__ */ h({
 	name: "UiSection",
 	props: {
 		size: { default: "wide" },
@@ -15102,7 +15128,7 @@ var zl = {
 	},
 	setup(e) {
 		let t = e, n = {
-			wide: "w-full  md:px-28 text-gray-900 lg:flex",
+			wide: "w-full  md:px-28 text-neutral-primary lg:flex",
 			small: "w-full lg:mx-auto lg:w-2/3"
 		}, r = {
 			small: "lg:py-12 pt-8 pb-12",
@@ -15111,12 +15137,12 @@ var zl = {
 		}, i = o(() => `${t.borderTop ? "border-t" : ""} ${t.borderBottom ? "border-b" : ""}`);
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
-		}), (t, a) => (j(), l("section", { class: E([i.value, "w-full border-gray-200 bg-white"]) }, [u("div", {
+		}), (t, a) => (j(), l("section", { class: E([i.value, "w-full border-neutral-pale bg-neutral"]) }, [u("div", {
 			class: E([n[e.size], r[e.verticalPadding]]),
 			"data-testid": "inner"
 		}, [L(t.$slots, "default")], 2)], 2));
 	}
-}), dp = /* @__PURE__ */ h({
+}), gp = /* @__PURE__ */ h({
 	name: "UiSectionDivider",
 	props: {
 		size: { default: "large" },
@@ -15129,13 +15155,13 @@ var zl = {
 		}, r = o(() => n[t.size]);
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
-		}), (t, n) => (j(), l("div", { class: E([[r.value, e.customClasses], "bg-gray-100"]) }, null, 2));
+		}), (t, n) => (j(), l("div", { class: E([[r.value, e.customClasses], "bg-neutral-whisper"]) }, null, 2));
 	}
-}), fp = [
+}), _p = [
 	"id",
 	"aria-invalid",
 	"aria-errormessage"
-], pp = ["id"], mp = /* @__PURE__ */ e(/* @__PURE__ */ h({
+], vp = ["id"], yp = /* @__PURE__ */ e(/* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiSelect",
 	props: /* @__PURE__ */ C({ id: { default: () => void 0 } }, {
@@ -15163,7 +15189,7 @@ var zl = {
 			}, {
 				...e.$attrs,
 				class: null
-			}), [L(e.$slots, "options", {}, void 0, !0)], 16, fp), [[ae, t.value]]),
+			}), [L(e.$slots, "options", {}, void 0, !0)], 16, _p), [[ae, t.value]]),
 			p(Te, {
 				class: "pointer-events-none absolute top-4 right-3",
 				name: "chevron-down"
@@ -15172,10 +15198,10 @@ var zl = {
 				key: 1,
 				id: `${r.value}-errors`,
 				class: "rounded-b-sm bg-error px-4 py-1 text-xs/normal font-medium text-neutral transition-all duration-150 ease-in-out peer-focus:bg-error-hover peer-enabled:peer-hover:bg-error-hover peer-disabled:opacity-70"
-			}, [L(e.$slots, "errors", {}, void 0, !0)], 8, pp)) : c("", !0)
+			}, [L(e.$slots, "errors", {}, void 0, !0)], 8, vp)) : c("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-deec4cfc"]]), hp = /* @__PURE__ */ h({
+}), [["__scopeId", "data-v-deec4cfc"]]), bp = /* @__PURE__ */ h({
 	__name: "UiSkeletonBox",
 	props: {
 		maxWidth: { default: 100 },
@@ -15192,7 +15218,7 @@ var zl = {
 			style: O({ width: t.value })
 		}, null, 6));
 	}
-}), gp = { class: "text-sm/5 font-normal" }, _p = /* @__PURE__ */ h({
+}), xp = { class: "text-sm/5 font-normal" }, Sp = /* @__PURE__ */ h({
 	__name: "UiSnackbar",
 	props: {
 		isShown: {
@@ -15231,11 +15257,11 @@ var zl = {
 			}]) }, [
 				e.iconName || e.type === "error" ? (j(), s(Te, {
 					key: 0,
-					name: e.iconName || "alert-fill",
+					name: e.iconName || "alert-filled",
 					size: e.iconSize,
 					class: "mr-2 text-neutral"
 				}, null, 8, ["name", "size"])) : c("", !0),
-				u("p", gp, [L(t.$slots, "default")]),
+				u("p", xp, [L(t.$slots, "default")]),
 				t.$slots.action ? (j(), l("button", {
 					key: 1,
 					ref: "actionBtn",
@@ -15247,14 +15273,14 @@ var zl = {
 			_: 3
 		}));
 	}
-}), vp = {
+}), Cp = {
 	class: "animate-spin",
 	width: "32",
 	height: "32",
 	viewBox: "0 0 32 32",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg"
-}, yp = /* @__PURE__ */ h({
+}, wp = /* @__PURE__ */ h({
 	__name: "UiSpinner",
 	props: {
 		appearance: { default: "primary" },
@@ -15273,7 +15299,7 @@ var zl = {
 			primary: "text-neutral-faint",
 			neutral: "text-neutral/25"
 		})[e.appearance]);
-		return (e, i) => (j(), l("div", { class: E(t.value) }, [(j(), l("svg", vp, [u("circle", {
+		return (e, i) => (j(), l("div", { class: E(t.value) }, [(j(), l("svg", Cp, [u("circle", {
 			cx: "16",
 			cy: "16",
 			r: "14.5",
@@ -15295,7 +15321,7 @@ var zl = {
 			"stroke-linecap": "square"
 		}, null, 2)]))], 2));
 	}
-}), bp = /* @__PURE__ */ h({
+}), Tp = /* @__PURE__ */ h({
 	name: "UiTextButton",
 	setup() {
 		k(() => {
@@ -15315,7 +15341,7 @@ var zl = {
 	setup(e) {
 		let t = e, n = o(() => t.href?.length ? "a" : "button"), r = o(() => t.href?.length ? t.linkTarget : ""), i = o(() => {
 			let e, n;
-			return t.weight === "regular" && (e = "font-normal", n = "hover:underline"), t.weight === "semibold" && (e = "font-semibold rounded-lg", t.placement === "onsurface" ? n = "hover:bg-gray-100" : t.placement === "oncanvas" && (n = "hover:bg-gray-200")), `${e} ${n}`;
+			return t.weight === "regular" && (e = "font-normal", n = "hover:underline"), t.weight === "semibold" && (e = "font-semibold rounded-lg", t.placement === "onsurface" ? n = "hover:bg-neutral-whisper" : t.placement === "oncanvas" && (n = "hover:bg-neutral-pale")), `${e} ${n}`;
 		}), a = o(() => {
 			if (t.weight === "semibold") {
 				if (t.size === "medium") return "px-2 -mx-2";
@@ -15323,10 +15349,10 @@ var zl = {
 			}
 			return "";
 		}), l = o(() => t.size === "xsmall" ? "text-xs" : t.size === "small" ? "text-sm" : "text-base"), u = o(() => {
-			if (t.color === "blue") return "text-blue-default";
+			if (t.color === "blue") return "text-primary";
 			if (t.color === "gray") {
-				if (t.placement === "onsurface") return "text-gray-700";
-				if (t.placement === "oncanvas") return "text-gray-800";
+				if (t.placement === "onsurface") return "text-neutral-subtle";
+				if (t.placement === "oncanvas") return "text-neutral-emphasis";
 			}
 			return "";
 		}), d = o(() => t.size === "xsmall" ? "sm" : "md"), f = o(() => t.size === "xsmall" ? "mr-1" : "mr-2"), p = o(() => t.size === "xsmall" ? "ml-1" : "ml-2"), m = o(() => [
@@ -15370,7 +15396,7 @@ var zl = {
 			"target"
 		]));
 	}
-}), xp = { class: "relative" }, Sp = ["id"], Cp = /* @__PURE__ */ h({
+}), Ep = { class: "relative" }, Dp = ["id"], Op = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiToggleButton",
 	props: /* @__PURE__ */ C({
@@ -15393,7 +15419,7 @@ var zl = {
 		}, {
 			default: q(() => [
 				e.labelPosition === "left" ? L(n.$slots, "default", { key: 0 }) : c("", !0),
-				u("div", xp, [
+				u("div", Ep, [
 					ue(u("input", w({
 						id: r.value,
 						"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
@@ -15404,7 +15430,7 @@ var zl = {
 					}, {
 						...n.$attrs,
 						class: null
-					}), null, 16, Sp), [[re, t.value]]),
+					}), null, 16, Dp), [[re, t.value]]),
 					u("div", { class: E(["line rounded-full shadow-inner transition-opacity duration-200 ease-in-out", {
 						"bg-secondary opacity-50": t.value,
 						"bg-neutral-faint": !t.value,
@@ -15423,7 +15449,7 @@ var zl = {
 			_: 3
 		}, 8, ["for", "class"]));
 	}
-}), wp = ["data-placement"], Tp = /* @__PURE__ */ h({
+}), kp = ["data-placement"], Ap = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiTooltip",
 	props: {
@@ -15497,17 +15523,17 @@ var zl = {
 			"leave-active-class",
 			"leave-to-class",
 			"enter-from-class"
-		])], 12, wp)], 8, ["disabled"]))], 2));
+		])], 12, kp)], 8, ["disabled"]))], 2));
 	}
-}), Ep = {
+}), jp = {
 	sm: "40rem",
 	md: "48rem",
 	lg: "64rem",
 	xl: "80rem",
 	"2xl": "96rem"
 };
-function Dp() {
-	let e = Vr(Ep).current();
+function Mp() {
+	let e = Vr(jp).current();
 	return {
 		currentBreakpoint: e,
 		sm: o(() => e.value.includes("sm")),
@@ -15518,4 +15544,4 @@ function Dp() {
 	};
 }
 //#endregion
-export { Ie as DpaMediaItem, Le as UiBadge, fn as UiButton, gn as UiButtonGroup, bn as UiCard, Mn as UiCheckBoxGroup, wn as UiCheckbox, Nn as UiChip, In as UiCollapseNavigation, gr as UiColorPicker, lf as UiDatePicker, mf as UiDialog, gf as UiFilterBadge, yf as UiFilterButton, Te as UiIcon, xf as UiIconButton, Tf as UiInfoContent, kf as UiInput, xn as UiLabel, On as UiList, jn as UiListItem, Hf as UiMenu, Uf as UiMenuItem, Wf as UiMenuList, Kf as UiOverlay, Yf as UiOverlayMenu, Nf as UiPopover, Qf as UiRadioButton, $f as UiRadioInputGroup, ap as UiSearchBar, lp as UiSearchInput, up as UiSection, dp as UiSectionDivider, mp as UiSelect, hp as UiSkeletonBox, _p as UiSnackbar, yp as UiSpinner, bp as UiTextButton, Cp as UiToggleButton, Tp as UiTooltip, un as cn, Dp as useBreakpoints, jf as vClickAway };
+export { Ie as DpaMediaItem, Le as UiBadge, fn as UiButton, gn as UiButtonGroup, bn as UiCard, Mn as UiCheckBoxGroup, wn as UiCheckbox, Nn as UiChip, In as UiCollapseNavigation, gr as UiColorPicker, uf as UiDatePicker, hf as UiDialog, _f as UiFilterBadge, bf as UiFilterButton, Te as UiIcon, Sf as UiIconButton, Ef as UiInfoContent, Af as UiInput, xn as UiLabel, On as UiList, jn as UiListItem, Ff as UiMediaTypeIcon, qf as UiMenu, Jf as UiMenuItem, Yf as UiMenuList, Zf as UiOverlay, ep as UiOverlayMenu, zf as UiPopover, rp as UiRadioButton, ip as UiRadioInputGroup, up as UiSearchBar, mp as UiSearchInput, hp as UiSection, gp as UiSectionDivider, yp as UiSelect, bp as UiSkeletonBox, Sp as UiSnackbar, wp as UiSpinner, Tp as UiTextButton, Op as UiToggleButton, Ap as UiTooltip, un as cn, Mp as useBreakpoints, Lf as vClickAway };