@dpa-id-components/dpa-shared-components 21.0.3 → 21.1.0

package/dist/gallery-DSmOoCFT.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/UiMediaTypeIcon/icons/gallery.vue
+var i = {}, a = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M15.6416 2L15.8828 2.01172C15.9593 2.0195 16.0352 2.03096 16.1094 2.0459C16.1315 2.05034 16.1529 2.05744 16.1748 2.0625C16.2285 2.07492 16.2818 2.0875 16.334 2.10352C16.3535 2.1095 16.3723 2.11755 16.3916 2.12402C16.4421 2.14098 16.4921 2.15849 16.541 2.17871C16.5702 2.19075 16.5984 2.20461 16.627 2.21777C16.6641 2.2349 16.7013 2.25154 16.7373 2.27051C16.7682 2.28676 16.7981 2.3047 16.8281 2.32227C16.863 2.34264 16.8979 2.36268 16.9316 2.38477C16.9589 2.4026 16.9853 2.42151 17.0117 2.44043C17.0441 2.46362 17.0763 2.48696 17.1074 2.51172C17.1353 2.53387 17.1617 2.55769 17.1885 2.58105C17.2177 2.60652 17.2465 2.63232 17.2744 2.65918C17.2963 2.68025 17.3178 2.70173 17.3389 2.72363C17.3696 2.75551 17.3998 2.78773 17.4287 2.82129C17.4495 2.84549 17.4694 2.87046 17.4893 2.89551C17.5134 2.92598 17.5359 2.95759 17.5586 2.98926C17.5787 3.01739 17.5993 3.04518 17.6182 3.07422C17.6398 3.10739 17.6597 3.14149 17.6797 3.17578C17.6967 3.20513 17.7137 3.23451 17.7295 3.26465C17.7471 3.29828 17.7632 3.33263 17.7793 3.36719C17.795 3.40112 17.811 3.43494 17.8252 3.46973C17.8397 3.50535 17.8524 3.54166 17.8652 3.57812C17.8765 3.61022 17.8885 3.64209 17.8984 3.6748C17.9639 3.8912 18 4.12063 18 4.3584V12.4414L17.9873 12.6826C17.9795 12.7593 17.9671 12.8348 17.9521 12.9092C17.9444 12.9475 17.9334 12.9848 17.9238 13.0225C17.9155 13.0555 17.9082 13.0886 17.8984 13.1211C17.8826 13.1738 17.8641 13.2253 17.8447 13.2764C17.8384 13.293 17.8328 13.3098 17.8262 13.3262C17.8083 13.3704 17.788 13.4133 17.7676 13.4561C17.7547 13.4829 17.7423 13.5098 17.7285 13.5361C17.7119 13.5677 17.6937 13.5982 17.6758 13.6289C17.6558 13.6632 17.6359 13.6974 17.6143 13.7305C17.5939 13.7616 17.5716 13.7912 17.5498 13.8213C17.5305 13.8479 17.5116 13.8746 17.4912 13.9004C17.4664 13.9318 17.4404 13.9621 17.4141 13.9922C17.39 14.0196 17.3661 14.047 17.3408 14.0732C17.3167 14.0983 17.2918 14.1225 17.2666 14.1465C17.2397 14.1721 17.2126 14.1973 17.1846 14.2217C17.1568 14.2458 17.1285 14.2692 17.0996 14.292C17.0706 14.3149 17.0409 14.3368 17.0107 14.3584C16.9811 14.3796 16.9516 14.401 16.9209 14.4209C16.8928 14.4391 16.8638 14.4557 16.835 14.4727C16.7986 14.4941 16.7622 14.5157 16.7246 14.5352C16.6975 14.5492 16.6693 14.5612 16.6416 14.5742C16.6042 14.5918 16.5668 14.6094 16.5283 14.625C16.4927 14.6395 16.4564 14.6523 16.4199 14.665C16.3875 14.6764 16.3553 14.6883 16.3223 14.6982C16.2796 14.7111 16.236 14.721 16.1924 14.7314C16.1627 14.7385 16.1336 14.7479 16.1035 14.7539C16.0365 14.7672 15.9684 14.7767 15.8994 14.7842C15.8932 14.7849 15.8871 14.7865 15.8809 14.7871C15.8023 14.795 15.7223 14.7998 15.6416 14.7998H14.7998V15.6416C14.7998 15.7997 14.7836 15.9542 14.7539 16.1035C14.7495 16.1256 14.7433 16.1471 14.7383 16.1689C14.7261 16.222 14.7129 16.2745 14.6973 16.3262C14.6901 16.3499 14.6817 16.3731 14.6738 16.3965C14.6582 16.4427 14.6414 16.4883 14.623 16.5332C14.6111 16.5623 14.598 16.5907 14.585 16.6191C14.5663 16.6601 14.5473 16.7006 14.5264 16.7402C14.5156 16.7606 14.5045 16.7808 14.4932 16.8008C14.4679 16.8454 14.4411 16.8889 14.4131 16.9316C14.3983 16.9542 14.3827 16.9761 14.3672 16.998C14.3404 17.0359 14.3131 17.0732 14.2842 17.1094C14.2659 17.1323 14.2467 17.1545 14.2275 17.1768C14.2001 17.2086 14.1726 17.2402 14.1436 17.2705C14.1209 17.2941 14.0978 17.3172 14.0742 17.3398C14.0444 17.3685 14.0137 17.3958 13.9824 17.4229C13.9583 17.4437 13.9341 17.4645 13.9092 17.4844C13.8773 17.5098 13.8447 17.5339 13.8115 17.5576C13.7851 17.5766 13.7587 17.5954 13.7314 17.6133C13.6998 17.634 13.6675 17.6536 13.6348 17.6729C13.602 17.6921 13.5689 17.7108 13.5352 17.7285C13.5028 17.7455 13.4697 17.7609 13.4365 17.7764C13.4044 17.7914 13.3728 17.8077 13.3398 17.8213C13.3009 17.8374 13.2607 17.8503 13.2207 17.8643C13.1882 17.8756 13.1562 17.8884 13.123 17.8984C13.1009 17.9051 13.078 17.909 13.0557 17.915C12.9346 17.9477 12.8106 17.9743 12.6826 17.9873L12.4414 18H4.35742C4.27632 18 4.19619 17.9953 4.11719 17.9873C4.04593 17.9801 3.9755 17.9685 3.90625 17.9551C3.87036 17.9481 3.83509 17.9392 3.7998 17.9307C3.76005 17.921 3.72058 17.9111 3.68164 17.8994C3.65632 17.8918 3.6314 17.8834 3.60645 17.875C3.56254 17.8602 3.51927 17.8444 3.47656 17.8271C3.44687 17.8152 3.41775 17.8022 3.38867 17.7891C3.35261 17.7728 3.3173 17.7553 3.28223 17.7373C3.25497 17.7233 3.2278 17.7094 3.20117 17.6943C3.16101 17.6717 3.12166 17.648 3.08301 17.623C3.06226 17.6097 3.04178 17.596 3.02148 17.582C2.97696 17.5513 2.93384 17.519 2.8916 17.4854C2.87815 17.4746 2.86379 17.4651 2.85059 17.4541C2.73938 17.3616 2.63745 17.2587 2.54492 17.1475C2.53692 17.1378 2.52933 17.1279 2.52148 17.1182C2.48178 17.0689 2.4439 17.0182 2.4082 16.9658C2.40358 16.959 2.39909 16.9522 2.39453 16.9453C2.3587 16.8915 2.32535 16.8361 2.29395 16.7793C2.28697 16.7667 2.28018 16.754 2.27344 16.7412C2.24856 16.6942 2.22485 16.6465 2.20312 16.5977C2.19265 16.5741 2.18257 16.5503 2.17285 16.5264C2.15235 16.4758 2.13421 16.4243 2.11719 16.3721C2.11273 16.3584 2.10773 16.3449 2.10352 16.3311C2.0853 16.2714 2.06918 16.211 2.05566 16.1494C2.05259 16.1354 2.04872 16.1215 2.0459 16.1074C2.03115 16.0338 2.01943 15.9587 2.01172 15.8828C2.00368 15.8036 2 15.723 2 15.6416V7.55762C2.00002 7.39924 2.01514 7.24432 2.04492 7.09473C2.0505 7.0667 2.05887 7.03938 2.06543 7.01172C2.07658 6.96472 2.08764 6.91793 2.10156 6.87207C2.10959 6.84561 2.11998 6.82 2.12891 6.79395C2.14368 6.75082 2.15862 6.70797 2.17578 6.66602C2.18878 6.63424 2.20345 6.60333 2.21777 6.57227C2.23459 6.53581 2.25094 6.49928 2.26953 6.46387C2.28378 6.43672 2.29919 6.4103 2.31445 6.38379C2.33695 6.34471 2.36013 6.30618 2.38477 6.26855C2.40171 6.24268 2.41958 6.21753 2.4375 6.19238C2.46088 6.15956 2.48478 6.12724 2.50977 6.0957C2.53075 6.06921 2.55214 6.04313 2.57422 6.01758C2.60032 5.98739 2.62672 5.95753 2.6543 5.92871C2.6769 5.90508 2.70007 5.88205 2.72363 5.85938C2.7537 5.83044 2.78484 5.80271 2.81641 5.77539C2.84052 5.75452 2.8647 5.73376 2.88965 5.71387C2.92146 5.68851 2.95418 5.66434 2.9873 5.64062C3.01373 5.6217 3.04016 5.6028 3.06738 5.58496C3.10108 5.56288 3.13603 5.54283 3.1709 5.52246C3.20159 5.50452 3.23212 5.4863 3.26367 5.46973C3.2915 5.45512 3.32017 5.44223 3.34863 5.42871C3.38831 5.40987 3.42789 5.39068 3.46875 5.37402C3.49381 5.36381 3.51944 5.35507 3.54492 5.3457C3.58781 5.32994 3.63079 5.31409 3.6748 5.30078C3.71332 5.28914 3.75267 5.2802 3.79199 5.27051C3.82448 5.2625 3.85665 5.25274 3.88965 5.24609C3.89221 5.24558 3.89489 5.24563 3.89746 5.24512L4.11719 5.21191C4.19618 5.2039 4.27633 5.20021 4.35742 5.2002H5.2002V4.35742C5.20043 3.05481 6.25632 2.00009 7.55762 2H15.6416ZM4.29004 7.22852C4.23726 7.23935 4.18913 7.26262 4.14844 7.29492C4.07112 7.35663 4.02153 7.45109 4.02148 7.55762V15.4727L8.97461 11.3574C9.01183 11.3264 9.05121 11.2988 9.09082 11.2725C9.21488 11.1898 9.34941 11.13 9.48926 11.0928C9.61372 11.0596 9.74187 11.0436 9.87012 11.0469C10.1181 11.0533 10.3659 11.1279 10.583 11.2725L12.7783 12.7363V7.55762C12.7783 7.45084 12.728 7.35661 12.6504 7.29492C12.6098 7.26287 12.5623 7.23931 12.5098 7.22852L12.4414 7.22168H4.3584L4.29004 7.22852ZM7.49023 4.02832C7.44612 4.03737 7.40512 4.05458 7.36914 4.0791C7.31548 4.1155 7.27353 4.1671 7.24805 4.22754C7.23111 4.26781 7.22168 4.31203 7.22168 4.3584V5.2002H12.4414L12.6826 5.21191C13.8711 5.33249 14.7997 6.33618 14.7998 7.55762V12.7803H15.5781C15.6441 12.7802 15.7026 12.7639 15.7539 12.7363C15.8474 12.6857 15.9151 12.5958 15.9502 12.4854C15.9593 12.4566 15.966 12.4266 15.9707 12.3955C15.9753 12.3647 15.9785 12.3331 15.9785 12.3008V4.3584C15.9785 4.32509 15.9719 4.29312 15.9629 4.2627C15.9216 4.12334 15.7943 4.02148 15.6416 4.02148H7.55762C7.53451 4.02149 7.51204 4.02387 7.49023 4.02832ZM6.5166 8.23828C6.56191 8.24288 6.60652 8.24981 6.65039 8.25879C6.69418 8.26774 6.73717 8.2789 6.7793 8.29199C6.86352 8.31818 6.94425 8.35218 7.02051 8.39355C7.21165 8.4972 7.37489 8.64582 7.49609 8.8252C7.52033 8.86108 7.54272 8.89828 7.56348 8.93652C7.66712 9.12737 7.72656 9.34639 7.72656 9.5791C7.72652 9.73736 7.69654 9.88834 7.64648 10.0293C7.62434 10.0917 7.59904 10.1522 7.56836 10.21C7.56185 10.2222 7.55473 10.2341 7.54785 10.2461C7.53324 10.2717 7.51816 10.2968 7.50195 10.3213C7.49446 10.3326 7.48634 10.3434 7.47852 10.3545C7.46293 10.3766 7.44654 10.3979 7.42969 10.4189C7.42027 10.4307 7.41117 10.4427 7.40137 10.4541C7.38275 10.4758 7.36369 10.4971 7.34375 10.5176C7.33362 10.528 7.32296 10.5378 7.3125 10.5479C7.29373 10.5659 7.27467 10.5836 7.25488 10.6006C7.24275 10.611 7.23027 10.6209 7.21777 10.6309C7.19705 10.6474 7.17599 10.6634 7.1543 10.6787C7.14013 10.6887 7.12589 10.6985 7.11133 10.708C7.0883 10.723 7.06499 10.7374 7.04102 10.751C7.03163 10.7563 7.02222 10.7615 7.0127 10.7666C6.98281 10.7826 6.95208 10.7968 6.9209 10.8105C6.9117 10.8146 6.90285 10.8194 6.89355 10.8232C6.85911 10.8375 6.8239 10.8499 6.78809 10.8613C6.78416 10.8626 6.78031 10.864 6.77637 10.8652C6.6506 10.9041 6.51739 10.9267 6.37891 10.9268L6.24121 10.9199C6.10711 10.9063 5.97892 10.8714 5.85938 10.8213C5.85049 10.8176 5.8418 10.8135 5.83301 10.8096C5.8039 10.7966 5.77505 10.7835 5.74707 10.7686C5.73483 10.762 5.72295 10.7549 5.71094 10.748C5.68437 10.7328 5.6582 10.7171 5.63281 10.7002C5.62582 10.6955 5.61921 10.6903 5.6123 10.6855C5.58493 10.6665 5.55808 10.6469 5.53223 10.626C5.52376 10.6191 5.51513 10.6125 5.50684 10.6055C5.48383 10.5859 5.46206 10.565 5.44043 10.5439C5.42937 10.5332 5.41792 10.5228 5.40723 10.5117C5.3927 10.4966 5.37905 10.4807 5.36523 10.4648C5.34634 10.4433 5.32805 10.4212 5.31055 10.3984C5.30345 10.3892 5.2969 10.3796 5.29004 10.3701C5.27309 10.3468 5.25667 10.3232 5.24121 10.2988C5.2341 10.2876 5.22749 10.2761 5.2207 10.2646C5.2068 10.2412 5.19316 10.2177 5.18066 10.1934C5.17356 10.1795 5.16679 10.1655 5.16016 10.1514C5.14926 10.1282 5.1385 10.1049 5.12891 10.0811C5.12155 10.0627 5.11497 10.0441 5.1084 10.0254C5.10091 10.0041 5.09335 9.98274 5.08691 9.96094C5.08292 9.9474 5.07975 9.93363 5.07617 9.91992C5.04776 9.81101 5.03128 9.69698 5.03125 9.5791C5.03125 9.34637 5.09068 9.12738 5.19434 8.93652C5.21509 8.89829 5.23749 8.86108 5.26172 8.8252C5.50391 8.46678 5.91403 8.23145 6.37891 8.23145L6.5166 8.23828Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/image-CjSpEvvo.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/UiMediaTypeIcon/icons/image.vue
+var i = {}, a = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M5.625 5.09998H14.625C14.832 5.09998 15 5.26798 15 5.47498V11.241L12.555 9.61048C12.003 9.24298 11.2755 9.28048 10.7655 9.70498L5.25 14.2875V5.47498C5.25 5.26798 5.418 5.09998 5.625 5.09998ZM14.625 2.84998H5.625C4.176 2.84998 3 4.02448 3 5.47498V14.475C3 15.9255 4.176 17.1 5.625 17.1H14.625C16.074 17.1 17.25 15.9255 17.25 14.475V5.47498C17.25 4.02448 16.074 2.84998 14.625 2.84998ZM7.875 9.22498C8.703 9.22498 9.375 8.55448 9.375 7.72498C9.375 6.89548 8.703 6.22498 7.875 6.22498C7.047 6.22498 6.375 6.89548 6.375 7.72498C6.375 8.55448 7.047 9.22498 7.875 9.22498Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/infographic-aiSsjemk.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/UiMediaTypeIcon/icons/infographic.vue
+var i = {}, a = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M18.1434 14.9497L18.3544 14.9717C18.8329 15.0695 19.1923 15.4925 19.1923 16C19.1923 16.5075 18.8329 16.9305 18.3544 17.0283L18.1434 17.0503H2.14294C1.56305 17.0503 1.09265 16.5799 1.09265 16C1.09265 15.4201 1.56305 14.9497 2.14294 14.9497H18.1434ZM4.09265 13V10C4.09265 9.4201 4.56305 8.94971 5.14294 8.94971C5.72284 8.94971 6.19324 9.4201 6.19324 10V13C6.19324 13.5799 5.72284 14.0503 5.14294 14.0503C4.56305 14.0503 4.09265 13.5799 4.09265 13ZM7.39294 13V7C7.39294 6.4201 7.86334 5.94971 8.44324 5.94971C9.023 5.94987 9.49353 6.4202 9.49353 7V13C9.49353 13.5798 9.023 14.0501 8.44324 14.0503C7.86334 14.0503 7.39294 13.5799 7.39294 13ZM10.6932 13V10C10.6932 9.4201 11.1636 8.94971 11.7435 8.94971C12.3231 8.95004 12.7924 9.4203 12.7924 10V13C12.7924 13.5797 12.3231 14.05 11.7435 14.0503C11.1636 14.0503 10.6932 13.5799 10.6932 13ZM13.9935 13V4C13.9935 3.42029 14.4627 2.95001 15.0424 2.94971C15.6223 2.94971 16.0927 3.4201 16.0927 4V13C16.0927 13.5799 15.6223 14.0503 15.0424 14.0503C14.4627 14.05 13.9935 13.5797 13.9935 13Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/news-package-Y-FzmiJ3.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/UiMediaTypeIcon/icons/news-package.vue
+var i = {}, a = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M16.0346 8.64314H3.96539V15.4576C3.96539 15.6106 4.02577 15.7578 4.13397 15.866C4.24218 15.9742 4.38938 16.0346 4.5424 16.0346H15.4576C15.6106 16.0346 15.7578 15.9742 15.866 15.866C15.9742 15.7578 16.0346 15.6106 16.0346 15.4576V8.64314ZM10.9827 6.67912H15.4302L14.2351 4.27788V4.27651C14.1866 4.183 14.1125 4.10533 14.0226 4.05037C13.9309 3.99435 13.8258 3.96467 13.7183 3.96539H10.9827V6.67912ZM6.28713 3.96539C6.18009 3.96518 6.07406 3.99433 5.98287 4.05037C5.89198 4.10631 5.81854 4.18673 5.77043 4.28199L4.57118 6.67912H9.0173V3.96539H6.28713ZM18 15.4576C18 16.1317 17.7325 16.7791 17.2558 17.2558C16.7791 17.7325 16.1317 18 15.4576 18H4.5424C3.86827 18 3.2209 17.7325 2.74422 17.2558C2.26753 16.7791 2 16.1317 2 15.4576V7.66044C2.00007 7.50815 2.03608 7.35809 2.10416 7.22186L4.0161 3.39798C4.2283 2.97708 4.55334 2.6237 4.95494 2.37691C5.35611 2.13038 5.81766 2.00082 6.2885 2.00137L13.7115 2V2.00137C14.1828 1.99938 14.6456 2.12702 15.0478 2.37279C15.4519 2.61975 15.779 2.97507 15.9921 3.39798L15.9949 3.40209L17.8972 7.22323C17.9648 7.35903 17.9999 7.50877 18 7.66044V15.4576Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/src/components/UiIcon/UiIcon.stories.ts

@@ -1,27 +1,24 @@
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
-import IconOverview from "./IconOverview.stories.vue";
 import { icons } from "./icons.ts";
 import UiIcon from "./UiIcon.vue";
 
+type PropsAndStoryProps = InstanceType<typeof UiIcon> & {
+  outline: boolean;
+};
+
 const meta = {
-  title: "Ui/UiIcon",
+  title: "icons/UiIcon",
   component: UiIcon,
-  argTypes: {
-    name: {
-      control: "select",
-      options: Object.keys(icons),
-    },
-    size: {
-      control: "select",
-      options: ["xs", "small", "medium", "large", "xl", "2xl"],
-    },
-  },
   args: {
-    name: "alert",
+    name: "audio",
     size: "large",
+    outline: false,
   },
-} satisfies Meta<typeof UiIcon>;
+  argTypes: {
+    outline: { control: "boolean" },
+  },
+} satisfies Meta<PropsAndStoryProps>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -32,17 +29,39 @@ export const Default: Story = {
       return { args };
     },
     components: { UiIcon },
-    template: "<UiIcon v-bind='args'></UiIcon>",
+    template: /*html*/ `
+      <UiIcon v-bind="args" />
+    `,
   }),
 };
 
 export const Overview: Story = {
+  argTypes: {
+    name: { control: false },
+  },
   render: (args) => ({
     setup() {
-      const size = args.size || "large";
-      return { args, size };
+      return { args, icons };
     },
-    components: { IconOverview },
-    template: "<IconOverview :size='size'></IconOverview>",
+    components: { UiIcon },
+    template: /*html*/ `
+      <div class="flex flex-wrap gap-2">
+        <div
+          v-for="icon in Object.keys(icons)"
+          :key="icon"
+          class="flex items-center gap-2 border-2 p-2 basis-80"
+        >
+          <UiIcon
+            class="shrink-0"
+            :class="{
+              'outline outline-alert-red-default': args.outline,
+            }"
+            v-bind="args"
+            :name="icon"
+          />
+          <p>{{ icon }}</p>
+        </div>
+      </div>
+    `,
   }),
 };

package/dist/src/components/UiMediaTypeIcon/README.md

@@ -0,0 +1,22 @@
+# UiMediaTypeIcon
+
+## Usage
+
+```vue
+<template>
+  <UiMediaTypeIcon name="alert" />
+</template>
+
+<script setup>
+import { UiMediaTypeIcon } from "@dpa-id-components/dpa-shared-components";
+</script>
+```
+
+## API
+
+### Props
+
+| Name   | Type | Default | Description |
+|--------|------|---------|-------------|
+| `name` | `UiMediaTypeIconName` |  | Icon name |
+| `size` | `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`, or `"2xl"` | `"lg"` | Icon size |

package/dist/src/components/UiMediaTypeIcon/UiMediaTypeIcon.stories.ts

@@ -0,0 +1,67 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+
+import { icons } from "./icons.ts";
+import UiMediaTypeIcon from "./UiMediaTypeIcon.vue";
+
+type PropsAndStoryProps = InstanceType<typeof UiMediaTypeIcon> & {
+  outline: boolean;
+};
+
+const meta = {
+  title: "icons/UiMediaTypeIcon",
+  component: UiMediaTypeIcon,
+  args: {
+    name: "audio",
+    size: "lg",
+    outline: false,
+  },
+  argTypes: {
+    outline: { control: "boolean" },
+  },
+} satisfies Meta<PropsAndStoryProps>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  render: (args) => ({
+    setup() {
+      return { args };
+    },
+    components: { UiMediaTypeIcon },
+    template: /*html*/ `
+      <UiMediaTypeIcon v-bind="args" />
+    `,
+  }),
+};
+
+export const Overview: Story = {
+  argTypes: {
+    name: { control: false },
+  },
+  render: (args) => ({
+    setup() {
+      return { args, icons };
+    },
+    components: { UiMediaTypeIcon },
+    template: /*html*/ `
+      <div class="flex flex-wrap gap-2">
+        <div
+          v-for="icon in Object.keys(icons)"
+          :key="icon"
+          class="flex items-center gap-2 border-2 p-2 basis-80"
+        >
+          <UiMediaTypeIcon
+            class="shrink-0"
+            :class="{
+              'outline outline-alert-red-default': args.outline,
+            }"
+            v-bind="args"
+            :name="icon"
+          />
+          <p>{{ icon }}</p>
+        </div>
+      </div>
+    `,
+  }),
+};

package/dist/src/components/UiMediaTypeIcon/UiMediaTypeIcon.vue

@@ -0,0 +1,48 @@
+<template>
+  <component
+    :is="iconComponent"
+    class="inline-flex fill-current"
+    :class="
+      {
+        xs: 'size-3',
+        sm: 'size-4',
+        md: 'size-5',
+        lg: 'size-6',
+        xl: 'size-10',
+        '2xl': 'size-14',
+      }[size]
+    "
+  />
+</template>
+
+<script lang="ts">
+export type UiMediaTypeIconName = keyof typeof icons;
+</script>
+
+<script setup lang="ts">
+import { computed, defineAsyncComponent, watchEffect } from "vue";
+
+import { icons } from "./icons.ts";
+import UiMediaTypeIconLoading from "./UiMediaTypeIconLoading.vue";
+
+const { name, size = "lg" } = defineProps<{
+  name: UiMediaTypeIconName;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+}>();
+
+const iconComponent = computed(() =>
+  defineAsyncComponent({
+    loader: icons[name] ?? icons.alert,
+    // Render a substitute element while loading for classes to attach to.
+    loadingComponent: UiMediaTypeIconLoading,
+    // Immediately render the loadingComponent so that it can receive classes.
+    delay: 0,
+  }),
+);
+
+watchEffect(() => {
+  if (!icons[name]) {
+    throw new Error(`UiMediaFormatIcon: No icon named “${name}” exists.`);
+  }
+});
+</script>

package/dist/src/components/UiMediaTypeIcon/UiMediaTypeIconLoading.vue

@@ -0,0 +1 @@
+<template><div></div></template>

package/dist/src/components/UiMediaTypeIcon/icons/alert.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10 12.4C10.4416 12.4 10.8 12.7584 10.8 13.2C10.8 13.6416 10.4416 14 10 14C9.5584 14 9.2 13.6416 9.2 13.2C9.2 12.7584 9.5584 12.4 10 12.4ZM10 6C10.4416 6 10.8 6.3584 10.8 6.8V10.8C10.8 11.2416 10.4416 11.6 10 11.6C9.5584 11.6 9.2 11.2416 9.2 10.8V6.8C9.2 6.3584 9.5584 6 10 6ZM10 16.4C6.4712 16.4 3.6 13.5288 3.6 10C3.6 6.4712 6.4712 3.6 10 3.6C13.5288 3.6 16.4 6.4712 16.4 10C16.4 13.5288 13.5288 16.4 10 16.4ZM10 2C5.5816 2 2 5.5816 2 10C2 14.4184 5.5816 18 10 18C14.4184 18 18 14.4184 18 10C18 5.5816 14.4184 2 10 2Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/components/UiMediaTypeIcon/icons/audio.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16 7.5C16.553 7.5 17 7.948 17 8.5C17 12.02 14.387 14.932 11 15.42V17.7062C11 18.2585 10.5523 18.7062 10 18.7062C9.44772 18.7062 9 18.2585 9 17.7062V15.42C5.613 14.932 3 12.02 3 8.5C3 7.948 3.447 7.5 4 7.5C4.553 7.5 5 7.948 5 8.5C5 11.257 7.243 13.5 10 13.5C12.757 13.5 15 11.257 15 8.5C15 7.948 15.447 7.5 16 7.5ZM13.25 8.5C13.25 10.2918 11.7918 11.75 10 11.75C8.20821 11.75 6.75 10.2918 6.75 8.5V5C6.75 3.20821 8.20821 1.75 10 1.75C11.7918 1.75 13.25 3.20821 13.25 5V8.5Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/components/UiMediaTypeIcon/icons/gallery.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M15.6416 2L15.8828 2.01172C15.9593 2.0195 16.0352 2.03096 16.1094 2.0459C16.1315 2.05034 16.1529 2.05744 16.1748 2.0625C16.2285 2.07492 16.2818 2.0875 16.334 2.10352C16.3535 2.1095 16.3723 2.11755 16.3916 2.12402C16.4421 2.14098 16.4921 2.15849 16.541 2.17871C16.5702 2.19075 16.5984 2.20461 16.627 2.21777C16.6641 2.2349 16.7013 2.25154 16.7373 2.27051C16.7682 2.28676 16.7981 2.3047 16.8281 2.32227C16.863 2.34264 16.8979 2.36268 16.9316 2.38477C16.9589 2.4026 16.9853 2.42151 17.0117 2.44043C17.0441 2.46362 17.0763 2.48696 17.1074 2.51172C17.1353 2.53387 17.1617 2.55769 17.1885 2.58105C17.2177 2.60652 17.2465 2.63232 17.2744 2.65918C17.2963 2.68025 17.3178 2.70173 17.3389 2.72363C17.3696 2.75551 17.3998 2.78773 17.4287 2.82129C17.4495 2.84549 17.4694 2.87046 17.4893 2.89551C17.5134 2.92598 17.5359 2.95759 17.5586 2.98926C17.5787 3.01739 17.5993 3.04518 17.6182 3.07422C17.6398 3.10739 17.6597 3.14149 17.6797 3.17578C17.6967 3.20513 17.7137 3.23451 17.7295 3.26465C17.7471 3.29828 17.7632 3.33263 17.7793 3.36719C17.795 3.40112 17.811 3.43494 17.8252 3.46973C17.8397 3.50535 17.8524 3.54166 17.8652 3.57812C17.8765 3.61022 17.8885 3.64209 17.8984 3.6748C17.9639 3.8912 18 4.12063 18 4.3584V12.4414L17.9873 12.6826C17.9795 12.7593 17.9671 12.8348 17.9521 12.9092C17.9444 12.9475 17.9334 12.9848 17.9238 13.0225C17.9155 13.0555 17.9082 13.0886 17.8984 13.1211C17.8826 13.1738 17.8641 13.2253 17.8447 13.2764C17.8384 13.293 17.8328 13.3098 17.8262 13.3262C17.8083 13.3704 17.788 13.4133 17.7676 13.4561C17.7547 13.4829 17.7423 13.5098 17.7285 13.5361C17.7119 13.5677 17.6937 13.5982 17.6758 13.6289C17.6558 13.6632 17.6359 13.6974 17.6143 13.7305C17.5939 13.7616 17.5716 13.7912 17.5498 13.8213C17.5305 13.8479 17.5116 13.8746 17.4912 13.9004C17.4664 13.9318 17.4404 13.9621 17.4141 13.9922C17.39 14.0196 17.3661 14.047 17.3408 14.0732C17.3167 14.0983 17.2918 14.1225 17.2666 14.1465C17.2397 14.1721 17.2126 14.1973 17.1846 14.2217C17.1568 14.2458 17.1285 14.2692 17.0996 14.292C17.0706 14.3149 17.0409 14.3368 17.0107 14.3584C16.9811 14.3796 16.9516 14.401 16.9209 14.4209C16.8928 14.4391 16.8638 14.4557 16.835 14.4727C16.7986 14.4941 16.7622 14.5157 16.7246 14.5352C16.6975 14.5492 16.6693 14.5612 16.6416 14.5742C16.6042 14.5918 16.5668 14.6094 16.5283 14.625C16.4927 14.6395 16.4564 14.6523 16.4199 14.665C16.3875 14.6764 16.3553 14.6883 16.3223 14.6982C16.2796 14.7111 16.236 14.721 16.1924 14.7314C16.1627 14.7385 16.1336 14.7479 16.1035 14.7539C16.0365 14.7672 15.9684 14.7767 15.8994 14.7842C15.8932 14.7849 15.8871 14.7865 15.8809 14.7871C15.8023 14.795 15.7223 14.7998 15.6416 14.7998H14.7998V15.6416C14.7998 15.7997 14.7836 15.9542 14.7539 16.1035C14.7495 16.1256 14.7433 16.1471 14.7383 16.1689C14.7261 16.222 14.7129 16.2745 14.6973 16.3262C14.6901 16.3499 14.6817 16.3731 14.6738 16.3965C14.6582 16.4427 14.6414 16.4883 14.623 16.5332C14.6111 16.5623 14.598 16.5907 14.585 16.6191C14.5663 16.6601 14.5473 16.7006 14.5264 16.7402C14.5156 16.7606 14.5045 16.7808 14.4932 16.8008C14.4679 16.8454 14.4411 16.8889 14.4131 16.9316C14.3983 16.9542 14.3827 16.9761 14.3672 16.998C14.3404 17.0359 14.3131 17.0732 14.2842 17.1094C14.2659 17.1323 14.2467 17.1545 14.2275 17.1768C14.2001 17.2086 14.1726 17.2402 14.1436 17.2705C14.1209 17.2941 14.0978 17.3172 14.0742 17.3398C14.0444 17.3685 14.0137 17.3958 13.9824 17.4229C13.9583 17.4437 13.9341 17.4645 13.9092 17.4844C13.8773 17.5098 13.8447 17.5339 13.8115 17.5576C13.7851 17.5766 13.7587 17.5954 13.7314 17.6133C13.6998 17.634 13.6675 17.6536 13.6348 17.6729C13.602 17.6921 13.5689 17.7108 13.5352 17.7285C13.5028 17.7455 13.4697 17.7609 13.4365 17.7764C13.4044 17.7914 13.3728 17.8077 13.3398 17.8213C13.3009 17.8374 13.2607 17.8503 13.2207 17.8643C13.1882 17.8756 13.1562 17.8884 13.123 17.8984C13.1009 17.9051 13.078 17.909 13.0557 17.915C12.9346 17.9477 12.8106 17.9743 12.6826 17.9873L12.4414 18H4.35742C4.27632 18 4.19619 17.9953 4.11719 17.9873C4.04593 17.9801 3.9755 17.9685 3.90625 17.9551C3.87036 17.9481 3.83509 17.9392 3.7998 17.9307C3.76005 17.921 3.72058 17.9111 3.68164 17.8994C3.65632 17.8918 3.6314 17.8834 3.60645 17.875C3.56254 17.8602 3.51927 17.8444 3.47656 17.8271C3.44687 17.8152 3.41775 17.8022 3.38867 17.7891C3.35261 17.7728 3.3173 17.7553 3.28223 17.7373C3.25497 17.7233 3.2278 17.7094 3.20117 17.6943C3.16101 17.6717 3.12166 17.648 3.08301 17.623C3.06226 17.6097 3.04178 17.596 3.02148 17.582C2.97696 17.5513 2.93384 17.519 2.8916 17.4854C2.87815 17.4746 2.86379 17.4651 2.85059 17.4541C2.73938 17.3616 2.63745 17.2587 2.54492 17.1475C2.53692 17.1378 2.52933 17.1279 2.52148 17.1182C2.48178 17.0689 2.4439 17.0182 2.4082 16.9658C2.40358 16.959 2.39909 16.9522 2.39453 16.9453C2.3587 16.8915 2.32535 16.8361 2.29395 16.7793C2.28697 16.7667 2.28018 16.754 2.27344 16.7412C2.24856 16.6942 2.22485 16.6465 2.20312 16.5977C2.19265 16.5741 2.18257 16.5503 2.17285 16.5264C2.15235 16.4758 2.13421 16.4243 2.11719 16.3721C2.11273 16.3584 2.10773 16.3449 2.10352 16.3311C2.0853 16.2714 2.06918 16.211 2.05566 16.1494C2.05259 16.1354 2.04872 16.1215 2.0459 16.1074C2.03115 16.0338 2.01943 15.9587 2.01172 15.8828C2.00368 15.8036 2 15.723 2 15.6416V7.55762C2.00002 7.39924 2.01514 7.24432 2.04492 7.09473C2.0505 7.0667 2.05887 7.03938 2.06543 7.01172C2.07658 6.96472 2.08764 6.91793 2.10156 6.87207C2.10959 6.84561 2.11998 6.82 2.12891 6.79395C2.14368 6.75082 2.15862 6.70797 2.17578 6.66602C2.18878 6.63424 2.20345 6.60333 2.21777 6.57227C2.23459 6.53581 2.25094 6.49928 2.26953 6.46387C2.28378 6.43672 2.29919 6.4103 2.31445 6.38379C2.33695 6.34471 2.36013 6.30618 2.38477 6.26855C2.40171 6.24268 2.41958 6.21753 2.4375 6.19238C2.46088 6.15956 2.48478 6.12724 2.50977 6.0957C2.53075 6.06921 2.55214 6.04313 2.57422 6.01758C2.60032 5.98739 2.62672 5.95753 2.6543 5.92871C2.6769 5.90508 2.70007 5.88205 2.72363 5.85938C2.7537 5.83044 2.78484 5.80271 2.81641 5.77539C2.84052 5.75452 2.8647 5.73376 2.88965 5.71387C2.92146 5.68851 2.95418 5.66434 2.9873 5.64062C3.01373 5.6217 3.04016 5.6028 3.06738 5.58496C3.10108 5.56288 3.13603 5.54283 3.1709 5.52246C3.20159 5.50452 3.23212 5.4863 3.26367 5.46973C3.2915 5.45512 3.32017 5.44223 3.34863 5.42871C3.38831 5.40987 3.42789 5.39068 3.46875 5.37402C3.49381 5.36381 3.51944 5.35507 3.54492 5.3457C3.58781 5.32994 3.63079 5.31409 3.6748 5.30078C3.71332 5.28914 3.75267 5.2802 3.79199 5.27051C3.82448 5.2625 3.85665 5.25274 3.88965 5.24609C3.89221 5.24558 3.89489 5.24563 3.89746 5.24512L4.11719 5.21191C4.19618 5.2039 4.27633 5.20021 4.35742 5.2002H5.2002V4.35742C5.20043 3.05481 6.25632 2.00009 7.55762 2H15.6416ZM4.29004 7.22852C4.23726 7.23935 4.18913 7.26262 4.14844 7.29492C4.07112 7.35663 4.02153 7.45109 4.02148 7.55762V15.4727L8.97461 11.3574C9.01183 11.3264 9.05121 11.2988 9.09082 11.2725C9.21488 11.1898 9.34941 11.13 9.48926 11.0928C9.61372 11.0596 9.74187 11.0436 9.87012 11.0469C10.1181 11.0533 10.3659 11.1279 10.583 11.2725L12.7783 12.7363V7.55762C12.7783 7.45084 12.728 7.35661 12.6504 7.29492C12.6098 7.26287 12.5623 7.23931 12.5098 7.22852L12.4414 7.22168H4.3584L4.29004 7.22852ZM7.49023 4.02832C7.44612 4.03737 7.40512 4.05458 7.36914 4.0791C7.31548 4.1155 7.27353 4.1671 7.24805 4.22754C7.23111 4.26781 7.22168 4.31203 7.22168 4.3584V5.2002H12.4414L12.6826 5.21191C13.8711 5.33249 14.7997 6.33618 14.7998 7.55762V12.7803H15.5781C15.6441 12.7802 15.7026 12.7639 15.7539 12.7363C15.8474 12.6857 15.9151 12.5958 15.9502 12.4854C15.9593 12.4566 15.966 12.4266 15.9707 12.3955C15.9753 12.3647 15.9785 12.3331 15.9785 12.3008V4.3584C15.9785 4.32509 15.9719 4.29312 15.9629 4.2627C15.9216 4.12334 15.7943 4.02148 15.6416 4.02148H7.55762C7.53451 4.02149 7.51204 4.02387 7.49023 4.02832ZM6.5166 8.23828C6.56191 8.24288 6.60652 8.24981 6.65039 8.25879C6.69418 8.26774 6.73717 8.2789 6.7793 8.29199C6.86352 8.31818 6.94425 8.35218 7.02051 8.39355C7.21165 8.4972 7.37489 8.64582 7.49609 8.8252C7.52033 8.86108 7.54272 8.89828 7.56348 8.93652C7.66712 9.12737 7.72656 9.34639 7.72656 9.5791C7.72652 9.73736 7.69654 9.88834 7.64648 10.0293C7.62434 10.0917 7.59904 10.1522 7.56836 10.21C7.56185 10.2222 7.55473 10.2341 7.54785 10.2461C7.53324 10.2717 7.51816 10.2968 7.50195 10.3213C7.49446 10.3326 7.48634 10.3434 7.47852 10.3545C7.46293 10.3766 7.44654 10.3979 7.42969 10.4189C7.42027 10.4307 7.41117 10.4427 7.40137 10.4541C7.38275 10.4758 7.36369 10.4971 7.34375 10.5176C7.33362 10.528 7.32296 10.5378 7.3125 10.5479C7.29373 10.5659 7.27467 10.5836 7.25488 10.6006C7.24275 10.611 7.23027 10.6209 7.21777 10.6309C7.19705 10.6474 7.17599 10.6634 7.1543 10.6787C7.14013 10.6887 7.12589 10.6985 7.11133 10.708C7.0883 10.723 7.06499 10.7374 7.04102 10.751C7.03163 10.7563 7.02222 10.7615 7.0127 10.7666C6.98281 10.7826 6.95208 10.7968 6.9209 10.8105C6.9117 10.8146 6.90285 10.8194 6.89355 10.8232C6.85911 10.8375 6.8239 10.8499 6.78809 10.8613C6.78416 10.8626 6.78031 10.864 6.77637 10.8652C6.6506 10.9041 6.51739 10.9267 6.37891 10.9268L6.24121 10.9199C6.10711 10.9063 5.97892 10.8714 5.85938 10.8213C5.85049 10.8176 5.8418 10.8135 5.83301 10.8096C5.8039 10.7966 5.77505 10.7835 5.74707 10.7686C5.73483 10.762 5.72295 10.7549 5.71094 10.748C5.68437 10.7328 5.6582 10.7171 5.63281 10.7002C5.62582 10.6955 5.61921 10.6903 5.6123 10.6855C5.58493 10.6665 5.55808 10.6469 5.53223 10.626C5.52376 10.6191 5.51513 10.6125 5.50684 10.6055C5.48383 10.5859 5.46206 10.565 5.44043 10.5439C5.42937 10.5332 5.41792 10.5228 5.40723 10.5117C5.3927 10.4966 5.37905 10.4807 5.36523 10.4648C5.34634 10.4433 5.32805 10.4212 5.31055 10.3984C5.30345 10.3892 5.2969 10.3796 5.29004 10.3701C5.27309 10.3468 5.25667 10.3232 5.24121 10.2988C5.2341 10.2876 5.22749 10.2761 5.2207 10.2646C5.2068 10.2412 5.19316 10.2177 5.18066 10.1934C5.17356 10.1795 5.16679 10.1655 5.16016 10.1514C5.14926 10.1282 5.1385 10.1049 5.12891 10.0811C5.12155 10.0627 5.11497 10.0441 5.1084 10.0254C5.10091 10.0041 5.09335 9.98274 5.08691 9.96094C5.08292 9.9474 5.07975 9.93363 5.07617 9.91992C5.04776 9.81101 5.03128 9.69698 5.03125 9.5791C5.03125 9.34637 5.09068 9.12738 5.19434 8.93652C5.21509 8.89829 5.23749 8.86108 5.26172 8.8252C5.50391 8.46678 5.91403 8.23145 6.37891 8.23145L6.5166 8.23828Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/components/UiMediaTypeIcon/icons/image.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M5.625 5.09998H14.625C14.832 5.09998 15 5.26798 15 5.47498V11.241L12.555 9.61048C12.003 9.24298 11.2755 9.28048 10.7655 9.70498L5.25 14.2875V5.47498C5.25 5.26798 5.418 5.09998 5.625 5.09998ZM14.625 2.84998H5.625C4.176 2.84998 3 4.02448 3 5.47498V14.475C3 15.9255 4.176 17.1 5.625 17.1H14.625C16.074 17.1 17.25 15.9255 17.25 14.475V5.47498C17.25 4.02448 16.074 2.84998 14.625 2.84998ZM7.875 9.22498C8.703 9.22498 9.375 8.55448 9.375 7.72498C9.375 6.89548 8.703 6.22498 7.875 6.22498C7.047 6.22498 6.375 6.89548 6.375 7.72498C6.375 8.55448 7.047 9.22498 7.875 9.22498Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/components/UiMediaTypeIcon/icons/infographic.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M18.1434 14.9497L18.3544 14.9717C18.8329 15.0695 19.1923 15.4925 19.1923 16C19.1923 16.5075 18.8329 16.9305 18.3544 17.0283L18.1434 17.0503H2.14294C1.56305 17.0503 1.09265 16.5799 1.09265 16C1.09265 15.4201 1.56305 14.9497 2.14294 14.9497H18.1434ZM4.09265 13V10C4.09265 9.4201 4.56305 8.94971 5.14294 8.94971C5.72284 8.94971 6.19324 9.4201 6.19324 10V13C6.19324 13.5799 5.72284 14.0503 5.14294 14.0503C4.56305 14.0503 4.09265 13.5799 4.09265 13ZM7.39294 13V7C7.39294 6.4201 7.86334 5.94971 8.44324 5.94971C9.023 5.94987 9.49353 6.4202 9.49353 7V13C9.49353 13.5798 9.023 14.0501 8.44324 14.0503C7.86334 14.0503 7.39294 13.5799 7.39294 13ZM10.6932 13V10C10.6932 9.4201 11.1636 8.94971 11.7435 8.94971C12.3231 8.95004 12.7924 9.4203 12.7924 10V13C12.7924 13.5797 12.3231 14.05 11.7435 14.0503C11.1636 14.0503 10.6932 13.5799 10.6932 13ZM13.9935 13V4C13.9935 3.42029 14.4627 2.95001 15.0424 2.94971C15.6223 2.94971 16.0927 3.4201 16.0927 4V13C16.0927 13.5799 15.6223 14.0503 15.0424 14.0503C14.4627 14.05 13.9935 13.5797 13.9935 13Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/components/UiMediaTypeIcon/icons/news-package.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16.0346 8.64314H3.96539V15.4576C3.96539 15.6106 4.02577 15.7578 4.13397 15.866C4.24218 15.9742 4.38938 16.0346 4.5424 16.0346H15.4576C15.6106 16.0346 15.7578 15.9742 15.866 15.866C15.9742 15.7578 16.0346 15.6106 16.0346 15.4576V8.64314ZM10.9827 6.67912H15.4302L14.2351 4.27788V4.27651C14.1866 4.183 14.1125 4.10533 14.0226 4.05037C13.9309 3.99435 13.8258 3.96467 13.7183 3.96539H10.9827V6.67912ZM6.28713 3.96539C6.18009 3.96518 6.07406 3.99433 5.98287 4.05037C5.89198 4.10631 5.81854 4.18673 5.77043 4.28199L4.57118 6.67912H9.0173V3.96539H6.28713ZM18 15.4576C18 16.1317 17.7325 16.7791 17.2558 17.2558C16.7791 17.7325 16.1317 18 15.4576 18H4.5424C3.86827 18 3.2209 17.7325 2.74422 17.2558C2.26753 16.7791 2 16.1317 2 15.4576V7.66044C2.00007 7.50815 2.03608 7.35809 2.10416 7.22186L4.0161 3.39798C4.2283 2.97708 4.55334 2.6237 4.95494 2.37691C5.35611 2.13038 5.81766 2.00082 6.2885 2.00137L13.7115 2V2.00137C14.1828 1.99938 14.6456 2.12702 15.0478 2.37279C15.4519 2.61975 15.779 2.97507 15.9921 3.39798L15.9949 3.40209L17.8972 7.22323C17.9648 7.35903 17.9999 7.50877 18 7.66044V15.4576Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/components/UiMediaTypeIcon/icons/story.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12.5498 15.1875C12.8281 15.1875 13.0951 15.2961 13.292 15.4893C13.4889 15.6827 13.5996 15.9452 13.5996 16.2188C13.5996 16.4923 13.4889 16.7548 13.292 16.9482C13.0951 17.1414 12.8281 17.25 12.5498 17.25H4.0498C3.77148 17.2499 3.50447 17.1415 3.30762 16.9482C3.1107 16.7548 3 16.4923 3 16.2188C3 15.9452 3.1107 15.6827 3.30762 15.4893C3.50447 15.296 3.77148 15.1876 4.0498 15.1875H12.5498ZM15.9502 11.0625C16.2285 11.0626 16.4955 11.171 16.6924 11.3643C16.8893 11.5577 17 11.8202 17 12.0938C17 12.3673 16.8893 12.6298 16.6924 12.8232C16.4955 13.0165 16.2285 13.1249 15.9502 13.125H4.0498C3.77148 13.1249 3.50447 13.0165 3.30762 12.8232C3.1107 12.6298 3 12.3673 3 12.0938C3 11.8202 3.1107 11.5577 3.30762 11.3643C3.50447 11.171 3.77148 11.0626 4.0498 11.0625H15.9502ZM7.4043 2.76074C8.41278 2.86315 9.2002 3.7145 9.2002 4.75V6.9502L9.18945 7.1543C9.09388 8.09558 8.34558 8.84388 7.4043 8.93945L7.2002 8.9502H5L4.7959 8.93945C3.85448 8.84402 3.10634 8.09567 3.01074 7.1543L3 6.9502V4.75C3 3.71438 3.78725 2.863 4.7959 2.76074L5 2.75H7.2002L7.4043 2.76074ZM15.9502 6.875C16.2285 6.87505 16.4955 6.98352 16.6924 7.17676C16.8893 7.37015 17 7.63275 17 7.90625C17 8.17975 16.8893 8.44235 16.6924 8.63574C16.4955 8.82898 16.2285 8.93745 15.9502 8.9375H11.5498C11.2715 8.93745 11.0045 8.82898 10.8076 8.63574C10.6107 8.44235 10.5 8.17975 10.5 7.90625C10.5 7.63275 10.6107 7.37015 10.8076 7.17676C11.0045 6.98352 11.2715 6.87505 11.5498 6.875H15.9502ZM5.07031 6.87988H7.12988V4.82031H5.07031V6.87988ZM15.9502 2.75C16.2285 2.75005 16.4955 2.85852 16.6924 3.05176C16.8893 3.24515 17 3.50775 17 3.78125C17 4.05475 16.8893 4.31735 16.6924 4.51074C16.4955 4.70398 16.2285 4.81245 15.9502 4.8125H11.5498C11.2715 4.81245 11.0045 4.70398 10.8076 4.51074C10.6107 4.31735 10.5 4.05475 10.5 3.78125C10.5 3.50775 10.6107 3.24515 10.8076 3.05176C11.0045 2.85852 11.2715 2.75005 11.5498 2.75H15.9502Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/components/UiMediaTypeIcon/icons/text.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M5.125 4.5H14.875C15.4963 4.5 16 4.9701 16 5.55C16 6.1299 15.4963 6.6 14.875 6.6H5.125C4.50368 6.6 4 6.1299 4 5.55C4 4.9701 4.50368 4.5 5.125 4.5ZM5.125 8.7H14.875C15.4963 8.7 16 9.1701 16 9.75C16 10.3299 15.4963 10.8 14.875 10.8H5.125C4.50368 10.8 4 10.3299 4 9.75C4 9.1701 4.50368 8.7 5.125 8.7ZM5.125 12.9H10.375C10.9963 12.9 11.5 13.3701 11.5 13.95C11.5 14.5299 10.9963 15 10.375 15H5.125C4.50368 15 4 14.5299 4 13.95C4 13.3701 4.50368 12.9 5.125 12.9Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/components/UiMediaTypeIcon/icons/video.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8.38459 16.0028C8.07759 16.0028 7.76759 15.9368 7.47859 15.8008C6.83059 15.4948 6.42859 14.8878 6.42859 14.2148V5.78878C6.42859 5.11578 6.83059 4.50878 7.47859 4.20278C8.21059 3.85778 9.07859 3.95878 9.68759 4.46178L14.7866 8.67578C15.1956 9.01178 15.4286 9.49578 15.4286 10.0018C15.4286 10.5078 15.1956 10.9918 14.7866 11.3278L9.68759 15.5408C9.31959 15.8458 8.85559 16.0028 8.38459 16.0028Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/components/UiMediaTypeIcon/icons.ts

@@ -0,0 +1,11 @@
+export const icons = {
+  alert: () => import("./icons/alert.vue"),
+  audio: () => import("./icons/audio.vue"),
+  gallery: () => import("./icons/gallery.vue"),
+  image: () => import("./icons/image.vue"),
+  infographic: () => import("./icons/infographic.vue"),
+  "news-package": () => import("./icons/news-package.vue"),
+  story: () => import("./icons/story.vue"),
+  text: () => import("./icons/text.vue"),
+  video: () => import("./icons/video.vue"),
+} as const;

package/dist/src/components/index.ts

@@ -22,6 +22,8 @@ import UiInput from "./UiInput/UiInput.vue";
 import UiLabel from "./UiLabel/UiLabel.vue";
 import UiList from "./UiList/UiList.vue";
 import UiListItem from "./UiListItem/UiListItem.vue";
+import UiMediaTypeIcon from "./UiMediaTypeIcon/UiMediaTypeIcon.vue";
+export type { UiMediaTypeIconName } from "./UiMediaTypeIcon/UiMediaTypeIcon.vue";
 import UiMenu from "./UiMenu/UiMenu.vue";
 export type {
   UiMenuGroupedOption,
@@ -71,6 +73,7 @@ export {
   UiLabel,
   UiList,
   UiListItem,
+  UiMediaTypeIcon,
   UiMenu,
   UiMenuItem,
   UiMenuList,

package/dist/story-DEvV0oQv.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/UiMediaTypeIcon/icons/story.vue
+var i = {}, a = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M12.5498 15.1875C12.8281 15.1875 13.0951 15.2961 13.292 15.4893C13.4889 15.6827 13.5996 15.9452 13.5996 16.2188C13.5996 16.4923 13.4889 16.7548 13.292 16.9482C13.0951 17.1414 12.8281 17.25 12.5498 17.25H4.0498C3.77148 17.2499 3.50447 17.1415 3.30762 16.9482C3.1107 16.7548 3 16.4923 3 16.2188C3 15.9452 3.1107 15.6827 3.30762 15.4893C3.50447 15.296 3.77148 15.1876 4.0498 15.1875H12.5498ZM15.9502 11.0625C16.2285 11.0626 16.4955 11.171 16.6924 11.3643C16.8893 11.5577 17 11.8202 17 12.0938C17 12.3673 16.8893 12.6298 16.6924 12.8232C16.4955 13.0165 16.2285 13.1249 15.9502 13.125H4.0498C3.77148 13.1249 3.50447 13.0165 3.30762 12.8232C3.1107 12.6298 3 12.3673 3 12.0938C3 11.8202 3.1107 11.5577 3.30762 11.3643C3.50447 11.171 3.77148 11.0626 4.0498 11.0625H15.9502ZM7.4043 2.76074C8.41278 2.86315 9.2002 3.7145 9.2002 4.75V6.9502L9.18945 7.1543C9.09388 8.09558 8.34558 8.84388 7.4043 8.93945L7.2002 8.9502H5L4.7959 8.93945C3.85448 8.84402 3.10634 8.09567 3.01074 7.1543L3 6.9502V4.75C3 3.71438 3.78725 2.863 4.7959 2.76074L5 2.75H7.2002L7.4043 2.76074ZM15.9502 6.875C16.2285 6.87505 16.4955 6.98352 16.6924 7.17676C16.8893 7.37015 17 7.63275 17 7.90625C17 8.17975 16.8893 8.44235 16.6924 8.63574C16.4955 8.82898 16.2285 8.93745 15.9502 8.9375H11.5498C11.2715 8.93745 11.0045 8.82898 10.8076 8.63574C10.6107 8.44235 10.5 8.17975 10.5 7.90625C10.5 7.63275 10.6107 7.37015 10.8076 7.17676C11.0045 6.98352 11.2715 6.87505 11.5498 6.875H15.9502ZM5.07031 6.87988H7.12988V4.82031H5.07031V6.87988ZM15.9502 2.75C16.2285 2.75005 16.4955 2.85852 16.6924 3.05176C16.8893 3.24515 17 3.50775 17 3.78125C17 4.05475 16.8893 4.31735 16.6924 4.51074C16.4955 4.70398 16.2285 4.81245 15.9502 4.8125H11.5498C11.2715 4.81245 11.0045 4.70398 10.8076 4.51074C10.6107 4.31735 10.5 4.05475 10.5 3.78125C10.5 3.50775 10.6107 3.24515 10.8076 3.05176C11.0045 2.85852 11.2715 2.75005 11.5498 2.75H15.9502Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };