@dpa-id-components/dpa-shared-components 22.3.1 → 23.1.0

package/src/components/UiIcon/icons.ts

@@ -1,175 +1,175 @@
 // Turn off prettier to make editing/sorting easier
 // prettier-ignore
 export const icons = {
-  "activities": () => import("../../assets/icons/activities.vue"),
-  "ai": () => import("../../assets/icons/ai.vue"),
-  "alert": () => import("../../assets/icons/alert.vue"),
-  "alert-filled": () => import("../../assets/icons/alert-filled.vue"),
-  "alert-octagon": () => import("../../assets/icons/alert-octagon.vue"),
-  "apps": () => import("../../assets/icons/apps.vue"),
-  "archive": () => import("../../assets/icons/archive.vue"),
-  "arrow-down": () => import("../../assets/icons/arrow-down.vue"),
-  "arrow-left": () => import("../../assets/icons/arrow-left.vue"),
-  "arrow-nav-left": () => import("../../assets/icons/arrow-nav-left.vue"),
-  "arrow-nav-right": () => import("../../assets/icons/arrow-nav-right.vue"),
-  "arrow-right": () => import("../../assets/icons/arrow-right.vue"),
-  "arrow-up": () => import("../../assets/icons/arrow-up.vue"),
-  "arrowhead-left": () => import("../../assets/icons/arrowhead-left.vue"),
-  "arrowhead-right": () => import("../../assets/icons/arrowhead-right.vue"),
-  "arrowhead-top": () => import("../../assets/icons/arrowhead-top.vue"),
-  "atmo": () => import("../../assets/icons/atmo.vue"),
-  "audio": () => import("../../assets/icons/audio.vue"),
-  "bag": () => import("../../assets/icons/bag.vue"),
-  "bell": () => import("../../assets/icons/bell.vue"),
-  "bell-filled": () => import("../../assets/icons/bell-filled.vue"),
-  "book": () => import("../../assets/icons/book.vue"),
-  "bookmark": () => import("../../assets/icons/bookmark.vue"),
-  "bookmark-filled": () => import("../../assets/icons/bookmark-filled.vue"),
-  "bot": () => import('../../assets/icons/bot.vue'),
-  "box": () => import("../../assets/icons/box.vue"),
-  "bulb": () => import("../../assets/icons/bulb.vue"),
-  "call": () => import("../../assets/icons/call.vue"),
-  "camera": () => import("../../assets/icons/camera.vue"),
-  "check": () => import("../../assets/icons/check.vue"),
-  "checklist": () => import("../../assets/icons/checklist.vue"),
-  "checkmark": () => import("../../assets/icons/checkmark.vue"),
-  "checkmark-double": () => import("../../assets/icons/checkmark-double.vue"),
-  "chevron-down": () => import("../../assets/icons/chevron-down.vue"),
-  "chevron-left": () => import("../../assets/icons/chevron-left.vue"),
-  "chevron-right": () => import("../../assets/icons/chevron-right.vue"),
-  "chevron-up": () => import("../../assets/icons/chevron-up.vue"),
-  "clipboard": () => import("../../assets/icons/clipboard.vue"),
-  "clock": () => import("../../assets/icons/clock.vue"),
-  "close": () => import("../../assets/icons/close.vue"),
-  "cloud-save": () => import("../../assets/icons/cloud-save.vue"),
-  "code": () => import("../../assets/icons/code.vue"),
-  "collapse": () => import("../../assets/icons/collapse.vue"),
-  "color-palette": () => import("../../assets/icons/color-palette.vue"),
-  "comment": () => import("../../assets/icons/comment.vue"),
-  "comment-filled": () => import("../../assets/icons/comment-filled.vue"),
-  "copy": () => import("../../assets/icons/copy.vue"),
-  "copy-link": () => import("../../assets/icons/copy-link.vue"),
-  "delete": () => import("../../assets/icons/delete.vue"),
-  "download": () => import("../../assets/icons/download.vue"),
-  "dpa-id": () => import("../../assets/icons/dpa-id.vue"),
-  "edit": () => import("../../assets/icons/edit.vue"),
-  "edit-add": () => import("../../assets/icons/edit-add.vue"),
-  "eil": () => import("../../assets/icons/eil.vue"),
-  "emoji": () => import("../../assets/icons/emoji.vue"),
-  "emoji-add": () => import("../../assets/icons/emoji-add.vue"),
-  "envelope": () => import("../../assets/icons/envelope.vue"),
-  "event": () => import("../../assets/icons/event.vue"),
-  "expand": () => import("../../assets/icons/expand.vue"),
-  "external-link": () => import("../../assets/icons/external-link.vue"),
-  "file": () => import("../../assets/icons/file.vue"),
-  "file-pdf": () => import("../../assets/icons/file-pdf.vue"),
-  "filter": () => import("../../assets/icons/filter.vue"),
-  "flag": () => import("../../assets/icons/flag.vue"),
-  "flag-filled": () => import("../../assets/icons/flag-filled.vue"),
-  "flags": () => import("../../assets/icons/flags.vue"),
-  "flash": () => import("../../assets/icons/flash.vue"),
-  "folder": () => import("../../assets/icons/folder.vue"),
-  "folder-add": () => import("../../assets/icons/folder-add.vue"),
-  "folder-filled": () => import("../../assets/icons/folder-filled.vue"),
-  "gallery": () => import("../../assets/icons/gallery.vue"),
-  "graphic": () => import("../../assets/icons/graphic.vue"),
-  "graphics": () => import("../../assets/icons/graphics.vue"),
-  "grid-1": () => import("../../assets/icons/grid-1.vue"),
-  "grid-2": () => import("../../assets/icons/grid-2.vue"),
-  "grid-3": () => import("../../assets/icons/grid-3.vue"),
-  "grid-4": () => import("../../assets/icons/grid-4.vue"),
-  "grid-6": () => import("../../assets/icons/grid-6.vue"),
-  "grid-9": () => import("../../assets/icons/grid-9.vue"),
-  "grid-masonry": () => import("../../assets/icons/grid-masonry.vue"),
-  "grid-masonry-9": () => import("../../assets/icons/grid-masonry-9.vue"),
-  "help": () => import("../../assets/icons/help.vue"),
-  "home": () => import("../../assets/icons/home.vue"),
-  "image": () => import("../../assets/icons/image.vue"),
-  "image-focus-point": () => import("../../assets/icons/image-focus-point.vue"),
-  "impact-high": () => import("../../assets/icons/impact-high.vue"),
-  "impact-low": () => import("../../assets/icons/impact-low.vue"),
-  "impact-medium": () => import("../../assets/icons/impact-medium.vue"),
-  "impact-very-high": () => import("../../assets/icons/impact-very-high.vue"),
-  "impact-very-low": () => import("../../assets/icons/impact-very-low.vue"),
-  "info": () => import("../../assets/icons/info.vue"),
-  "info-filled": () => import("../../assets/icons/info-filled.vue"),
-  "label": () => import("../../assets/icons/label.vue"),
-  "label-filled": () => import("../../assets/icons/label-filled.vue"),
-  "language": () => import("../../assets/icons/language.vue"),
-  "latest": () => import("../../assets/icons/latest.vue"),
-  "lightbulb": () => import("../../assets/icons/lightbulb.vue"),
-  "list": () => import("../../assets/icons/list.vue"),
-  "list-search": () => import("../../assets/icons/list-search.vue"),
-  "lock": () => import("../../assets/icons/lock.vue"),
-  "lock-filled": () => import("../../assets/icons/lock-filled.vue"),
-  "mail": () => import("../../assets/icons/mail.vue"),
-  "map": () => import("../../assets/icons/map.vue"),
-  "map-filled": () => import("../../assets/icons/map-filled.vue"),
-  "menu": () => import("../../assets/icons/menu.vue"),
-  "minus": () => import("../../assets/icons/minus.vue"),
-  "more-horizontal": () => import("../../assets/icons/more-horizontal.vue"),
-  "more-vertical": () => import("../../assets/icons/more-vertical.vue"),
-  "move": () => import("../../assets/icons/move.vue"),
-  "move-up-down": () => import("../../assets/icons/move-up-down.vue"),
-  "navigation": () => import("../../assets/icons/navigation.vue"),
-  "note": () => import("../../assets/icons/note.vue"),
-  "offline": () => import("../../assets/icons/offline.vue"),
-  "package": () => import("../../assets/icons/package.vue"),
-  "paper-plane": () => import("../../assets/icons/paper-plane.vue"),
-  "pause": () => import("../../assets/icons/pause.vue"),
-  "pdf": () => import("../../assets/icons/pdf.vue"),
-  "pen": () => import("../../assets/icons/pen.vue"),
-  "pen-check": () => import("../../assets/icons/pen-check.vue"),
-  "people": () => import("../../assets/icons/people.vue"),
-  "phone": () => import("../../assets/icons/phone.vue"),
-  "picture": () => import("../../assets/icons/picture.vue"),
-  "pin": () => import("../../assets/icons/pin.vue"),
-  "planning": () => import("../../assets/icons/planning.vue"),
-  "play": () => import("../../assets/icons/play.vue"),
-  "play-filled": () => import("../../assets/icons/play-filled.vue"),
-  "plus": () => import("../../assets/icons/plus.vue"),
-  "print": () => import("../../assets/icons/print.vue"),
-  "refresh": () => import("../../assets/icons/refresh.vue"),
-  "reset": () => import("../../assets/icons/reset.vue"),
-  "responsive": () => import("../../assets/icons/responsive.vue"),
-  "rubix-thema": () => import("../../assets/icons/rubix-thema.vue"),
-  "save": () => import("../../assets/icons/save.vue"),
-  "saved-search": () => import("../../assets/icons/saved-search.vue"),
-  "saved-search-filled": () => import("../../assets/icons/saved-search-filled.vue"),
-  "search": () => import("../../assets/icons/search.vue"),
-  "settings": () => import("../../assets/icons/settings.vue"),
-  "share": () => import("../../assets/icons/share.vue"),
-  "share-alternative": () => import("../../assets/icons/share-alternative.vue"),
-  "sidebar": () => import("../../assets/icons/sidebar.vue"),
-  "sidebar-filled": () => import("../../assets/icons/sidebar-filled.vue"),
-  "slack": () => import("../../assets/icons/slack.vue"),
-  "slider-config": () => import("../../assets/icons/slider-config.vue"),
-  "spellcheck": () => import("../../assets/icons/spellcheck.vue"),
-  "spinner": () => import("../../assets/icons/spinner.vue"),
-  "standard-view": () => import("../../assets/icons/standard-view.vue"),
-  "star": () => import("../../assets/icons/star.vue"),
-  "star-filled": () => import("../../assets/icons/star-filled.vue"),
-  "stop": () => import("../../assets/icons/stop.vue"),
-  "story": () => import("../../assets/icons/story.vue"),
-  "sync": () => import("../../assets/icons/sync.vue"),
-  "tasks": () => import("../../assets/icons/tasks.vue"),
-  "text": () => import("../../assets/icons/text.vue"),
-  "thumbs-down": () => import("../../assets/icons/thumbs-down.vue"),
-  "thumbs-up": () => import("../../assets/icons/thumbs-up.vue"),
-  "thumbs-up-double": () => import("../../assets/icons/thumbs-up-double.vue"),
-  "topic": () => import("../../assets/icons/topic.vue"),
-  "union": () => import("../../assets/icons/union.vue"),
-  "upload": () => import("../../assets/icons/upload.vue"),
-  "user-need-divert-me": () => import("../../assets/icons/user-need-divert-me.vue"),
-  "user-need-educate-me": () => import("../../assets/icons/user-need-educate-me.vue"),
-  "user-need-give-me-perspective": () => import("../../assets/icons/user-need-give-me-perspective.vue"),
-  "user-need-help-me": () => import("../../assets/icons/user-need-help-me.vue"),
-  "user-need-inspire-me": () => import("../../assets/icons/user-need-inspire-me.vue"),
-  "user-need-touch-me": () => import("../../assets/icons/user-need-touch-me.vue"),
-  "user-need-update-me": () => import("../../assets/icons/user-need-update-me.vue"),
-  "video": () => import("../../assets/icons/video.vue"),
-  "video-overlay": () => import("../../assets/icons/video-overlay.vue"),
-  "view": () => import("../../assets/icons/view.vue"),
-  "view-off": () => import("../../assets/icons/view-off.vue"),
-  "volume-up": () => import("../../assets/icons/volume-up.vue"),
+  "activities": () => import("./icons/activities.vue"),
+  "ai": () => import("./icons/ai.vue"),
+  "alert": () => import("./icons/alert.vue"),
+  "alert-filled": () => import("./icons/alert-filled.vue"),
+  "alert-octagon": () => import("./icons/alert-octagon.vue"),
+  "apps": () => import("./icons/apps.vue"),
+  "archive": () => import("./icons/archive.vue"),
+  "arrow-down": () => import("./icons/arrow-down.vue"),
+  "arrow-left": () => import("./icons/arrow-left.vue"),
+  "arrow-nav-left": () => import("./icons/arrow-nav-left.vue"),
+  "arrow-nav-right": () => import("./icons/arrow-nav-right.vue"),
+  "arrow-right": () => import("./icons/arrow-right.vue"),
+  "arrow-up": () => import("./icons/arrow-up.vue"),
+  "arrowhead-left": () => import("./icons/arrowhead-left.vue"),
+  "arrowhead-right": () => import("./icons/arrowhead-right.vue"),
+  "arrowhead-top": () => import("./icons/arrowhead-top.vue"),
+  "atmo": () => import("./icons/atmo.vue"),
+  "audio": () => import("./icons/audio.vue"),
+  "bag": () => import("./icons/bag.vue"),
+  "bell": () => import("./icons/bell.vue"),
+  "bell-filled": () => import("./icons/bell-filled.vue"),
+  "book": () => import("./icons/book.vue"),
+  "bookmark": () => import("./icons/bookmark.vue"),
+  "bookmark-filled": () => import("./icons/bookmark-filled.vue"),
+  "bot": () => import("./icons/bot.vue"),
+  "box": () => import("./icons/box.vue"),
+  "bulb": () => import("./icons/bulb.vue"),
+  "call": () => import("./icons/call.vue"),
+  "camera": () => import("./icons/camera.vue"),
+  "check": () => import("./icons/check.vue"),
+  "checklist": () => import("./icons/checklist.vue"),
+  "checkmark": () => import("./icons/checkmark.vue"),
+  "checkmark-double": () => import("./icons/checkmark-double.vue"),
+  "chevron-down": () => import("./icons/chevron-down.vue"),
+  "chevron-left": () => import("./icons/chevron-left.vue"),
+  "chevron-right": () => import("./icons/chevron-right.vue"),
+  "chevron-up": () => import("./icons/chevron-up.vue"),
+  "clipboard": () => import("./icons/clipboard.vue"),
+  "clock": () => import("./icons/clock.vue"),
+  "close": () => import("./icons/close.vue"),
+  "cloud-save": () => import("./icons/cloud-save.vue"),
+  "code": () => import("./icons/code.vue"),
+  "collapse": () => import("./icons/collapse.vue"),
+  "color-palette": () => import("./icons/color-palette.vue"),
+  "comment": () => import("./icons/comment.vue"),
+  "comment-filled": () => import("./icons/comment-filled.vue"),
+  "copy": () => import("./icons/copy.vue"),
+  "copy-link": () => import("./icons/copy-link.vue"),
+  "delete": () => import("./icons/delete.vue"),
+  "download": () => import("./icons/download.vue"),
+  "dpa-id": () => import("./icons/dpa-id.vue"),
+  "edit": () => import("./icons/edit.vue"),
+  "edit-add": () => import("./icons/edit-add.vue"),
+  "eil": () => import("./icons/eil.vue"),
+  "emoji": () => import("./icons/emoji.vue"),
+  "emoji-add": () => import("./icons/emoji-add.vue"),
+  "envelope": () => import("./icons/envelope.vue"),
+  "event": () => import("./icons/event.vue"),
+  "expand": () => import("./icons/expand.vue"),
+  "external-link": () => import("./icons/external-link.vue"),
+  "file": () => import("./icons/file.vue"),
+  "file-pdf": () => import("./icons/file-pdf.vue"),
+  "filter": () => import("./icons/filter.vue"),
+  "flag": () => import("./icons/flag.vue"),
+  "flag-filled": () => import("./icons/flag-filled.vue"),
+  "flags": () => import("./icons/flags.vue"),
+  "flash": () => import("./icons/flash.vue"),
+  "folder": () => import("./icons/folder.vue"),
+  "folder-add": () => import("./icons/folder-add.vue"),
+  "folder-filled": () => import("./icons/folder-filled.vue"),
+  "gallery": () => import("./icons/gallery.vue"),
+  "graphic": () => import("./icons/graphic.vue"),
+  "graphics": () => import("./icons/graphics.vue"),
+  "grid-1": () => import("./icons/grid-1.vue"),
+  "grid-2": () => import("./icons/grid-2.vue"),
+  "grid-3": () => import("./icons/grid-3.vue"),
+  "grid-4": () => import("./icons/grid-4.vue"),
+  "grid-6": () => import("./icons/grid-6.vue"),
+  "grid-9": () => import("./icons/grid-9.vue"),
+  "grid-masonry": () => import("./icons/grid-masonry.vue"),
+  "grid-masonry-9": () => import("./icons/grid-masonry-9.vue"),
+  "help": () => import("./icons/help.vue"),
+  "home": () => import("./icons/home.vue"),
+  "image": () => import("./icons/image.vue"),
+  "image-focus-point": () => import("./icons/image-focus-point.vue"),
+  "impact-high": () => import("./icons/impact-high.vue"),
+  "impact-low": () => import("./icons/impact-low.vue"),
+  "impact-medium": () => import("./icons/impact-medium.vue"),
+  "impact-very-high": () => import("./icons/impact-very-high.vue"),
+  "impact-very-low": () => import("./icons/impact-very-low.vue"),
+  "info": () => import("./icons/info.vue"),
+  "info-filled": () => import("./icons/info-filled.vue"),
+  "label": () => import("./icons/label.vue"),
+  "label-filled": () => import("./icons/label-filled.vue"),
+  "language": () => import("./icons/language.vue"),
+  "latest": () => import("./icons/latest.vue"),
+  "lightbulb": () => import("./icons/lightbulb.vue"),
+  "list": () => import("./icons/list.vue"),
+  "list-search": () => import("./icons/list-search.vue"),
+  "lock": () => import("./icons/lock.vue"),
+  "lock-filled": () => import("./icons/lock-filled.vue"),
+  "mail": () => import("./icons/mail.vue"),
+  "map": () => import("./icons/map.vue"),
+  "map-filled": () => import("./icons/map-filled.vue"),
+  "menu": () => import("./icons/menu.vue"),
+  "minus": () => import("./icons/minus.vue"),
+  "more-horizontal": () => import("./icons/more-horizontal.vue"),
+  "more-vertical": () => import("./icons/more-vertical.vue"),
+  "move": () => import("./icons/move.vue"),
+  "move-up-down": () => import("./icons/move-up-down.vue"),
+  "navigation": () => import("./icons/navigation.vue"),
+  "note": () => import("./icons/note.vue"),
+  "offline": () => import("./icons/offline.vue"),
+  "package": () => import("./icons/package.vue"),
+  "paper-plane": () => import("./icons/paper-plane.vue"),
+  "pause": () => import("./icons/pause.vue"),
+  "pdf": () => import("./icons/pdf.vue"),
+  "pen": () => import("./icons/pen.vue"),
+  "pen-check": () => import("./icons/pen-check.vue"),
+  "people": () => import("./icons/people.vue"),
+  "phone": () => import("./icons/phone.vue"),
+  "picture": () => import("./icons/picture.vue"),
+  "pin": () => import("./icons/pin.vue"),
+  "planning": () => import("./icons/planning.vue"),
+  "play": () => import("./icons/play.vue"),
+  "play-filled": () => import("./icons/play-filled.vue"),
+  "plus": () => import("./icons/plus.vue"),
+  "print": () => import("./icons/print.vue"),
+  "refresh": () => import("./icons/refresh.vue"),
+  "reset": () => import("./icons/reset.vue"),
+  "responsive": () => import("./icons/responsive.vue"),
+  "rubix-thema": () => import("./icons/rubix-thema.vue"),
+  "save": () => import("./icons/save.vue"),
+  "saved-search": () => import("./icons/saved-search.vue"),
+  "saved-search-filled": () => import("./icons/saved-search-filled.vue"),
+  "search": () => import("./icons/search.vue"),
+  "settings": () => import("./icons/settings.vue"),
+  "share": () => import("./icons/share.vue"),
+  "share-alternative": () => import("./icons/share-alternative.vue"),
+  "sidebar": () => import("./icons/sidebar.vue"),
+  "sidebar-filled": () => import("./icons/sidebar-filled.vue"),
+  "slack": () => import("./icons/slack.vue"),
+  "slider-config": () => import("./icons/slider-config.vue"),
+  "spellcheck": () => import("./icons/spellcheck.vue"),
+  "spinner": () => import("./icons/spinner.vue"),
+  "standard-view": () => import("./icons/standard-view.vue"),
+  "star": () => import("./icons/star.vue"),
+  "star-filled": () => import("./icons/star-filled.vue"),
+  "stop": () => import("./icons/stop.vue"),
+  "story": () => import("./icons/story.vue"),
+  "sync": () => import("./icons/sync.vue"),
+  "tasks": () => import("./icons/tasks.vue"),
+  "text": () => import("./icons/text.vue"),
+  "thumbs-down": () => import("./icons/thumbs-down.vue"),
+  "thumbs-up": () => import("./icons/thumbs-up.vue"),
+  "thumbs-up-double": () => import("./icons/thumbs-up-double.vue"),
+  "topic": () => import("./icons/topic.vue"),
+  "union": () => import("./icons/union.vue"),
+  "upload": () => import("./icons/upload.vue"),
+  "user-need-divert-me": () => import("./icons/user-need-divert-me.vue"),
+  "user-need-educate-me": () => import("./icons/user-need-educate-me.vue"),
+  "user-need-give-me-perspective": () => import("./icons/user-need-give-me-perspective.vue"),
+  "user-need-help-me": () => import("./icons/user-need-help-me.vue"),
+  "user-need-inspire-me": () => import("./icons/user-need-inspire-me.vue"),
+  "user-need-touch-me": () => import("./icons/user-need-touch-me.vue"),
+  "user-need-update-me": () => import("./icons/user-need-update-me.vue"),
+  "video": () => import("./icons/video.vue"),
+  "video-overlay": () => import("./icons/video-overlay.vue"),
+  "view": () => import("./icons/view.vue"),
+  "view-off": () => import("./icons/view-off.vue"),
+  "volume-up": () => import("./icons/volume-up.vue"),
 } as const;

package/src/components/UiMediaTypeIcon/UiMediaTypeIcon.vue

@@ -20,7 +20,7 @@ export type UiMediaTypeIconName = keyof typeof icons;
 </script>
 
 <script setup lang="ts">
-import { computed, defineAsyncComponent, watchEffect } from "vue";
+import { computed, defineAsyncComponent } from "vue";
 
 import { icons } from "./icons.ts";
 import UiMediaTypeIconLoading from "./UiMediaTypeIconLoading.vue";
@@ -32,17 +32,11 @@ const { name, size = "lg" } = defineProps<{
 
 const iconComponent = computed(() =>
   defineAsyncComponent({
-    loader: icons[name] ?? icons.alert,
+    loader: icons[name],
     // 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(`UiMediaTypeIcon: No icon named “${name}” exists.`);
-  }
-});
 </script>

package/src/components/UiMediaTypeIcon/UiMediaTypeIconLoading.vue

@@ -1 +1,8 @@
-<template><div></div></template>
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+  ></svg>
+</template>

package/src/components/UiTShirtSizeIcon/README.md

@@ -0,0 +1,13 @@
+# UiTShirtSizeIcon
+
+## Usage
+
+```vue
+<template>
+  <UiTShirtSizeIcon name="xl" />
+</template>
+
+<script setup>
+import { UiTShirtSizeIcon } from "@dpa-id-components/dpa-shared-components";
+</script>
+```

package/{dist/src/components/UiMediaTypeIcon/UiMediaTypeIcon.vue → src/components/UiTShirtSizeIcon/UiTShirtSizeIcon.vue}

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

package/src/components/UiTShirtSizeIcon/icons/l.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5Z"
+      stroke="currentColor"
+    />
+    <path
+      d="M5.78906 12V4H7.23828V10.7852H10.7617V12H5.78906Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/src/components/UiTShirtSizeIcon/icons/m.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5Z"
+      stroke="currentColor"
+    />
+    <path
+      d="M3.78906 4H5.5625L7.9375 9.79687H8.03125L10.4063 4H12.1797V12H10.7891V6.50391H10.7148L8.50391 11.9766H7.46484L5.25391 6.49219H5.17969V12H3.78906V4Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/src/components/UiTShirtSizeIcon/icons/xl.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5Z"
+      stroke="currentColor"
+    />
+    <path
+      d="M4.76278 4.81818L6.00941 6.92507H6.05771L7.31037 4.81818H8.7864L6.89986 7.90909L8.82866 11H7.32546L6.05771 8.89009H6.00941L4.74165 11H3.2445L5.17933 7.90909L3.28072 4.81818H4.76278ZM9.61346 11V4.81818H10.9205V9.92241H13.5707V11H9.61346Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/src/components/UiTShirtSizeIcon/icons.ts

@@ -0,0 +1,5 @@
+export const icons = {
+  m: () => import("./icons/m.vue"),
+  l: () => import("./icons/l.vue"),
+  xl: () => import("./icons/xl.vue"),
+} as const;

package/src/tailwindPreset.css

@@ -208,7 +208,7 @@
    * TYPOGRAPHY
    */
 
-  --font-sans: Inter, sans-serif;
+  --font-sans: InterVariable, Inter, sans-serif;
   --font-marketing: Futura, sans-serif;
 
   --font-weight-*: initial;

package/dist/_plugin-vue_export-helper-B3ysoDQm.js

@@ -1,8 +0,0 @@
-//#region \0plugin-vue:export-helper
-var e = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-};
-//#endregion
-export { e as t };

package/dist/activities-CNONG76g.js

@@ -1,18 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/activities.vue
-var i = {}, a = {
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24",
-	xmlns: "http://www.w3.org/2000/svg"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M14.3291 20.0005C14.2621 20.0005 14.1931 19.9975 14.1241 19.9905C13.2441 19.9035 12.5541 19.2825 12.3641 18.4075L9.68112 6.0155L6.91812 12.3975C6.75912 12.7635 6.39812 13.0005 6.00012 13.0005H3.00012C2.44712 13.0005 2.00012 12.5525 2.00012 12.0005C2.00012 11.4475 2.44712 11.0005 3.00012 11.0005H5.34412L7.85012 5.2115C8.20512 4.3955 8.98712 3.9205 9.87612 4.0095C10.7561 4.0965 11.4461 4.7175 11.6361 5.5925L14.3191 17.9845L17.0821 11.6025C17.2411 11.2365 17.6011 11.0005 18.0001 11.0005H21.0001C21.5531 11.0005 22.0001 11.4475 22.0001 12.0005C22.0001 12.5525 21.5531 13.0005 21.0001 13.0005H18.6561L16.1501 18.7885C15.8231 19.5415 15.1221 20.0005 14.3291 20.0005Z",
-		fill: "currentColor"
-	}, null, -1)]]);
-}
-var s = /*#__PURE__*/ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/ai-BORdA1tP.js

@@ -1,18 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/ai.vue
-var i = {}, a = {
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24",
-	xmlns: "http://www.w3.org/2000/svg"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M5 23L6.26 20.25L9 19L6.26 17.74L5 15L3.75 17.74L1 19L3.75 20.25M15 20L17.5 14.5L23 12L17.5 9.5L15 4L12.5 9.5L7 12L12.5 14.5M5 9L6.26 6.26L9 5L6.26 3.75L5 1L3.75 3.75L1 5L3.75 6.26",
-		fill: "currentColor"
-	}, null, -1)]]);
-}
-var s = /*#__PURE__*/ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/alert-CEh7TpHk.js

@@ -1,18 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/alert.vue
-var i = {}, a = {
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24",
-	xmlns: "http://www.w3.org/2000/svg"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M12 15C12.552 15 13 15.448 13 16C13 16.552 12.552 17 12 17C11.448 17 11 16.552 11 16C11 15.448 11.448 15 12 15ZM12 7C12.552 7 13 7.448 13 8V13C13 13.552 12.552 14 12 14C11.448 14 11 13.552 11 13V8C11 7.448 11.448 7 12 7ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20ZM12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2Z",
-		fill: "currentColor"
-	}, null, -1)]]);
-}
-var s = /*#__PURE__*/ e(i, [["render", o]]);
-//#endregion
-export { s as default };